@charset "utf-8";



/* **************************************************



Name: project.css



Description: Setting of project page module



***************************************************** */







/* content===========================================



タブメニュー

一覧ページ

詳細ページ



===================================================== */





/* タブメニュー

=========================================================================================== */



div#ProjectTabContainer ul#ProjectTabContainer-nav{

	width: 664px;

  height:33px;

	overflow: hidden;

	vertical-align: bottom;

}



div#ProjectTabContainer ul#ProjectTabContainer-nav li{

  float:left;

}

div#ProjectTabContainer ul#ProjectTabContainer-nav li a{

	display: block;

	float: left;

	width:100px;

	height: 32px;

	border-bottom: 1px #b0afaf solid;

	text-indent: -9999px;

}

div#ProjectTabContainer ul#ProjectTabContainer-nav li#TabNavi01 a{ width:100px; background: url("../images/tabmenu/project_tab01.gif") no-repeat 0 0; }

div#ProjectTabContainer ul#ProjectTabContainer-nav li#TabNavi02 a{ width:164px; background: url("../images/tabmenu/project_tab02.gif") no-repeat 0 0; }

div#ProjectTabContainer ul#ProjectTabContainer-nav li#TabNavi03 a{ width:100px; background: url("../images/tabmenu/project_tab03.gif") no-repeat 0 0; }

div#ProjectTabContainer ul#ProjectTabContainer-nav li#TabNavi04 a{ width:100px; background: url("../images/tabmenu/project_tab04.gif") no-repeat 0 0; }

div#ProjectTabContainer ul#ProjectTabContainer-nav li#TabNavi05 a{ width:100px; background: url("../images/tabmenu/project_tab05.gif") no-repeat 0 0; }

div#ProjectTabContainer ul#ProjectTabContainer-nav li#TabNavi06 a{ width:100px; background: url("../images/tabmenu/project_tab06.gif") no-repeat 0 0; }



div#ProjectTabContainer ul#ProjectTabContainer-nav li a:hover,

div#ProjectTabContainer ul#ProjectTabContainer-nav li.activeli a{

 background-position: 0 -33px !important;

}

div#ProjectTabContainer ul#ProjectTabContainer-nav li.activeli a{

	height: 33px;

	border: none;

}

div#ProjectTabContainer div.tab{

	width: 664px;

	margin: 0;

  padding: 0 0 12px 0;

	background: url("../images/tabmenu/project_box_bottom.gif") no-repeat 0 bottom;

}

div#ProjectTabContainer div.tab .Inner{

	padding: 14px 0 0 11px;

	border: 1px solid #b0afaf;

	border-width: 0 1px;

}

/* ---リンクリスト 横並び--- */

div#ProjectTabContainer ul.LinkListStyleH1 {

	margin-bottom: 0;

}

div#ProjectTabContainer ul.LinkListStyleH1 li {

	padding-left: 16px;

	background-image: url("../images/icon/icon_link_right_1.gif");

}



/* 一覧ページ

=========================================================================================== */

div.projectView {

	margin: 0 11px 20px 0;

	padding: 8px 7px;

	background-color: #d3eaeb;

	border: 1px #424242 dotted;

	border-width: 1px 0;

	text-align: right;

}

div.projectView p {

	font-size: 83%;

	font-weight: bold;

}

div.projectView p img {

	display: inline-block;

	margin-right: 5px;

	vertical-align: text-bottom;

}



/* 詳細一覧 */

div.projectItem {

	margin: 0 11px 0 0;

}

table.projectTableStyle {

	width: 100%;

/*	border-collapse: separate;*/

}

table.projectTableStyle caption {

	padding-bottom: 10px;

	font-size: 90%;

	font-weight: bold;

	text-align: left;

}

table.projectTableStyle th {

	background-color: #fff;

}

table.projectTableStyle th,

table.projectTableStyle td {

	border: dotted 1px #424242;

	border-width: 1px 0;

	font-size: 83%;

	line-height: 1.35;

	vertical-align: top;

}



table.projectTableStyle th {

	padding: 10px 8px;

	text-align: left;

}

table.projectTableStyle thead th {

	background-color: #e3fcd4;

	border-bottom:none;

}



table.projectTableStyle td {

	padding: 8px;

}

table.projectTableStyle th.imgData,

table.projectTableStyle td.imgData {

	padding-left: 0;

	padding-right: 0;

}

table.projectTableStyle th.imgData img {

	float: left;

	margin-right: 6px;

}

table.projectTableStyle tr.rowStyle th,

table.projectTableStyle tr.rowStyle td {

	background-color: #eceded;

}

div#ProjectTabContainer ul.LinkListStyleH1, 

div#ProjectTabContainer p.LinkImgButton {

	margin-right: 11px;

}



/* 画像一覧 */

div.projectImgItem{

	margin: 0 0 10px 0;

	vertical-align: bottom;

}

div.projectImgItem div.imgItem {

	display: inline;

	float: left;

	width: 150px;

	height: 155px;

	margin-right: 12px;

	font-size: 66%;

	line-height: 1.4;

	text-align: center;

}

/* Win IE7 & IE6 lower */

* html body div.projectImgItem div.imgItem { font-size: 65%; }

*:first-child+html body div.projectImgItem div.imgItem { font-size: 65%; }

/* */



div.projectImgItem div.imgItem a {

	line-height: 1.4;

}



/* 詳細ページ

=========================================================================================== */

#projectDetailMainV p.ImgOnlyStyle {

	width: 664px;

	height: 536px;

	margin-bottom: 7px;

	overflow: hidden;

}

/* 画像 */

#projectDetailMainV ul.LinkListStyleH_Img {

	height: 117px;

}

#projectDetailMainV ul.LinkListStyleH_Img li {

	width: 161px;

	height: 117px;

	margin: 0 0 0 7px;

}

#projectDetailMainV ul.LinkListStyleH_Img li.FirstItem {

	margin: 0 0 0 -1px;

}





/* [-] 共通クラス

=========================================================================================== */

div.projectImgItem:after {

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

	content: "";

}

div.projectImgItem { display: inline-block; }

/* Hides from IE 4-6 \*/

* html div.projectImgItem { height: 1%; }

div.projectImgItem { display: block; } 

/* End hide from IE 4-6 */