@charset "UTF-8";
/* CSS Document */

/*------------------------------------------------------------------------------------------------
	トップページ
------------------------------------------------------------------------------------------------*/
#technologyWrap .singleColumnSection #indexArea																																														{ margin-bottom:70px; }
#technologyWrap .singleColumnSection #indexArea > ul > li																																							{ margin-top:80px; }
#technologyWrap .singleColumnSection #indexArea ul li .contentOuter																																{ margin:0 auto; padding:80px 0 0; overflow:hidden; }
#technologyWrap .singleColumnSection #indexArea ul li .contentOuter > div																												{ opacity:0.9; filter:alpha(opacity=90); width:500px; padding:50px 50px 60px; color:#ffffff; }
#technologyWrap .singleColumnSection #indexArea ul li .contentOuter div h3																											{ font-size:179%; font-family: 'Roboto', sans-serif; font-weight:normal; line-height:1em; }
#technologyWrap .singleColumnSection #indexArea ul li .contentOuter div h3 span																							{ font-size:64%; display:block; margin-top:10px; }
#technologyWrap .singleColumnSection #indexArea ul li .contentOuter div p																												{ margin-top:20px; }
#technologyWrap .singleColumnSection #indexArea ul li .contentOuter div p.readMoreBtn																		{ margin-top:30px; }
#technologyWrap .singleColumnSection #indexArea ul li .contentOuter div p.readMoreBtn a.linkBtn											{ background:transparent; color:#ffffff; border:solid 1px #ffffff; padding:7px 10px; }
#technologyWrap .singleColumnSection #indexArea ul li .contentOuter div p.readMoreBtn a.linkBtn span								{ background:url(/en/common/images/icon_arrow09.png) no-repeat right center; }

/* リスト個別 */
#technologyWrap .singleColumnSection #indexArea ul li#civilEngineering .contentOuter																				{ background:url(/en/technology/images/technology_index_bg01_pc.jpg) no-repeat left top; }
#technologyWrap .singleColumnSection #indexArea ul li#buildingTechnology .contentOuter																	{ background:url(/en/technology/images/technology_index_bg02_pc.jpg) no-repeat right top; }
#technologyWrap .singleColumnSection #indexArea ul li#environmentalTechnology .contentOuter												{ background:url(/en/technology/images/technology_index_bg03_pc.jpg) no-repeat left top; }
#technologyWrap .singleColumnSection #indexArea ul li#civilEngineering .contentOuter > div															{ background:#333333; float:right; }
#technologyWrap .singleColumnSection #indexArea ul li#buildingTechnology .contentOuter > div												{ background:#0085cc; }
#technologyWrap .singleColumnSection #indexArea ul li#environmentalTechnology .contentOuter > div								{ background:#57b1e1; float:right; padding-bottom:80px; }

/*------------------------------------------------------------------------------------------------
	扉ページ
------------------------------------------------------------------------------------------------*/
/* title */
#technologyWrap .technologyTitleSection																																																					{ padding:120px 0; }
#technologyWrap .technologyTitleSection div																																																			{ border:solid 4px #ffffff; padding:35px 0; width:492px; color:#ffffff; text-align:center; margin:0 auto; }
#technologyWrap .technologyTitleSection div p																																																	{ font-size:143%; line-height:1em; }
#technologyWrap .technologyTitleSection div h2																																																{ font-size:286%; font-weight:normal; line-height:1em; margin-top:30px; }
#technologyWrap .technologyTitleSection div h2 span																																												{ font-size:36%; display:block; font-family: 'Roboto', sans-serif; line-height:1em; margin-top:15px; }

#technologyWrap #engineeringTitleSection																																																				{ background:url(/en/technology/images/technology_engineering_mv_pc.jpg) no-repeat center top / cover; }
#technologyWrap #buildingTitleSection																																																							{ background:url(/en/technology/images/technology_building_mv_pc.jpg) no-repeat center top / cover; }
#technologyWrap #environmentTitleSection																																																				{ background:url(/en/technology/images/technology_environment_mv_pc.jpg) no-repeat center top / cover; }

/* contents */
#technologyWrap .twoColumnSection .mainArea h3																																														{ font-size:229%; padding-bottom:10px; }
#technologyWrap .twoColumnSection .mainArea ul.cateTopList > li																																			{ margin-top:50px; }
#technologyWrap .twoColumnSection .mainArea ul.cateTopList > li:first-child																											{ margin-top:0; }
#technologyWrap .twoColumnSection .mainArea ul.cateTopList > li > div																														{ margin-top:21px; }
#technologyWrap .twoColumnSection .mainArea ul.cateTopList li																																				{ float:left; width:425px; margin:30px 0 0 30px; font-size:143%; }
#technologyWrap .twoColumnSection .mainArea ul.cateTopList li:first-child,
#technologyWrap .twoColumnSection .mainArea ul.cateTopList li:nth-child(2)																											{ margin-top:0; }
#technologyWrap .twoColumnSection .mainArea ul.cateTopList li:nth-child(2n+1)																								{ margin-left:0; }
#technologyWrap .twoColumnSection .mainArea ul.cateTopList li span																																{ display:block; border:solid 1px #e5e5e5; border-top:none; padding:15px 30px 15px 15px; background:url(/en/common/images/icon_arrow04.png) no-repeat 95% center; }

/* 環境技術 */
#technologyWrap .twoColumnSection #environmentArea ul.cateTopList li div ul																										{ float:left; width:425px; }
#technologyWrap .twoColumnSection #environmentArea ul.cateTopList li div ul:first-child																		{ width:455px; }
#technologyWrap .twoColumnSection #environmentArea ul.cateTopList li div ul li																									{ margin-top:9px; }
#technologyWrap .twoColumnSection #environmentArea ul.cateTopList li div ul li a																							{ background:url(/en/common/images/icon_arrow05.png) no-repeat right 0.3em; padding-right:20px; }


/* modal */
.modalArea { width:750px; padding:36px; border:solid 4px #0086cc; }

.modalArea sup { font-size:0.5em; top:0.5em; vertical-align:text-top; }
.modalArea h3 { font-size:171%; color:#0788cd; border-bottom:solid 2px #e5e5e5; padding-bottom:15px; line-height:1.5em; }

.modalArea .modalInner { margin-top: 30px; overflow: hidden; }
.modalArea .modalInner ul { overflow: hidden; }
.modalArea .modalInner ul li { margin-left: 10px; width: 370px; float: left; }
.modalArea .modalInner ul li:first-child { margin-left: 0; }
.modalArea .modalInner ul li img { width: 100%; }
.modalArea .modalInner ul li span { margin-top: 5px; display: block; font-weight: bold; }
.modalArea .modalInner .modalTxt p { margin-top: 20px; }

.modalArea .modalInner ul#firstWideList li { margin: 10px 0 0; }
.modalArea .modalInner ul#firstWideList li:first-child { width: 760px; margin-top: 0; }
.modalArea .modalInner ul#firstWideList li:last-child { margin-left: 10px; }

.modalArea .modalInner ul#col3List li { width: 240px; margin-left: 15px; }
.modalArea .modalInner ul#col3List li:first-child { margin-left: 0; }
.modalArea .modalInner ul#col3List li span { text-align: center; }
.modalArea .modalInner ul#col3List + p { margin-top: 10px; text-align: center; font-weight: bold; }

#fancybox-close { background:url(/en/common/images/icon_modal_close.gif) no-repeat 95% center; width:45px; height:45px; top:0; right:0; }