@charset "utf-8";


/* CSS Document */
#body .gbk { background-color: #E9EAEA; }
#body h1 {
	width:960px;
	margin:0 auto;
}
.contact{
	position:absolute;
	right:3px; bottom:10px;	
}

/**
#top_visual_area
---------------------------------------------------------- */
div.bg_top_visual_area{
	padding:0;
}

#top_visual_area{
	/*background: #E9EAEA;*/
	background: #E1E9F5;
}
#top_visual_area .inner{
	background:url(/tech/engineering/images/bg_main_visual.png) no-repeat top left;
	height:480px;
	position:relative;
}

/*slide_area_01*/
#slide_area_01{
	position:absolute;
	top:0px; 
	left:0px;
	width:700px;
	height:480px;
}
#slide_area_01 .slide_ctrl{
	position:absolute;
	width:auto;
	top:457px;
	left: 15px;
	vertical-align:bottom;
	line-height:1;
}

#slide_area_01 .slide_btns {
	float:left;
	width:auto;
}

#slide_area_01 .slide_btns li{
	float:left;
	width:10px;
	margin-right:13px;
	vertical-align:bottom;
	overflow:hidden;
}

#slide_area_01 .slide_box {
	height:480px;
}

#slide_area_01 .slide_box li{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
}

/*btn_eng_area*/
#top_visual_area .btn_eng_area{
	float: right;
	width: 260px;
}

#top_visual_area .btn_eng_area{
	float:right;
	width:260px;
	font-size:85%;
	line-height:1.5;
	/*background-color: #CCCDCD;*/
	background: #fff;
}
#top_visual_area .btn_eng_area h2{
	margin:0; padding:0;
}


/*実績集*/
#top_visual_area .eng_works_area{
	position: relative;
	padding: 0;
}
#top_visual_area .eng_works_area .medicine{
	position: absolute;
	top: 42px;
	left: 11px;
	background: #fff;
	width: 115px;
	height: 75px;
}
#top_visual_area .eng_works_area .cosmetics{
	position: absolute;
	top: 42px;
	left: 134px;
	background: #fff;
	width: 115px;
	height: 75px;
}
#top_visual_area .eng_works_area .food{
	position: absolute;
	top: 124px;
	left: 11px;
	background: #fff;
	width: 115px;
	height: 75px;
}
#top_visual_area .eng_works_area .logistics01{
	position: absolute;
	top: 124px;
	left: 134px;
	background: #fff;
	width: 115px;
	height: 75px;
}
#top_visual_area .eng_works_area .logistics02{
	position: absolute;
	top: 206px;
	left: 11px;
	background: #fff;
	width: 115px;
	height: 75px;
}
#top_visual_area .eng_works_area .plant{
	position: absolute;
	top: 206px;
	left: 134px;
	background: #fff;
	width: 115px;
	height: 75px;
}


/**
		Topics、message、Voices
---------------------------------------------------------- */
.content.eng_area_tmv{
	/* margin-top: 25px; */
	/*margin-bottom: 25px;*/
	margin-top: 30px;
}
.content.eng_area_tmv .col3{
	margin-bottom:30px;
}
.content.eng_area_tmv .col3 .col_multi_2{
	width: 630px;
	margin-right:30px;
	float: left;
}
.content.eng_area_tmv .col3 .col{
	width: 300px;
}

p.btn_message{
	box-shadow: 1px 1px 15px -2px rgba(0, 0, 0, 0.7);
	/* margin-bottom: 28px; */
	margin-bottom:0;
}


/*topics*/
/*.topics_link_btn_area{
	clear: both;
	padding-top: 25px;
	padding-bottom: 20px;
	height: 215px;
}*/
.topics_area {
	width: 630px;
	margin-right: 40px;
	/* height: 188px; */
	height: 220px;
	float: left;
	background: #E9EAEA;
	/*border: #B9BABA 1px solid;*/
	box-shadow: 1px 1px 15px -2px rgba(0, 0, 0, 0.7);
	border-radius: 4px;
	/* margin-bottom: 25px; */
	margin-bottom:0;
}
.topics_area h2{
	padding: 14px 14px 12px;
	line-height: 1;
	font-size: 125%;
	letter-spacing: 0.08em;
}

.topics_box {
	border-top: #B9BABA 1px solid;
	border-bottom: #B9BABA 1px solid;
	line-height: 1.5;
}
.topics_box .topics {
	padding: 0;
	/* height: 130px; */
	height: 162px;
	overflow: auto;
	background: #fff;
}
.topics_box .topics dl {
}
.topics_box .topics dl dt {
	clear: both;
	width: 8.5em;
	float: left;
	padding: 6px 0px 6px 10px;
	line-height: 1.7;
	border-top: #B9BABA 1px dotted;
}
.topics_box .topics dl dd {
	margin :0px 0px 0px 9.2em;
	padding: 6px 10px 6px 0;
	color: #595757;
	line-height: 1.7;
	border-top: #B9BABA 1px dotted;
}

/*.topics_box .topics dl dt.first,
.topics_box .topics dl dd.first {
	border-top: none;
}*/
.topics_box .topics dl dt:first-child,
.topics_box .topics dl dt:first-child + dd {
  border-top: none;
}

.topics_box .topics dl dd p{
	padding-left: 88px;
} 
.topics_box .topics dl dd p a{
	text-decoration: none;
} 
.topics_box .topics dl dd p a:hover{
	text-decoration: underline;
}   

/*topics_icon*/
.topics_box .topics dl dd.press{	background:url(/tech/image_v2/civil_common/icon_press.png) no-repeat 0px 0.62em;}
.topics_box .topics dl dd.digest{	background:url(/tech/image_v2/civil_common/icon_digest.png) no-repeat 0px 0.62em;}
.topics_box .topics dl dd.news{	background:url(/tech/image_v2/civil_common/icon_news.png) no-repeat 0px 0.62em;}
.topics_box .topics dl dd.exhibition{	background:url(/tech/image_v2/civil_common/icon_exhibition.png) no-repeat 0px 0.62em;}
.topics_box .topics dl dd.topics_icon{	background:url(/tech/engineering/images/icon_topics.png) no-repeat 0px 0.62em;}

.topics_box .topics dl dd.press span.pdf_size{
	font-size: 12px;
}


/**
		対象分野
---------------------------------------------------------- */
#eng_fields_area{
	margin-bottom: 5px;
	padding-top: 25px;
}

/*対象分野レイアウト*/
#eng_fields_area .col2 .col{
	width: 465px;
	float: left;
}
#eng_fields_area .col2 .l {
	margin-right: 30px;
}


/*対象分野*/
#eng_fields_area .col2 .col{
	position: relative;
	/*background:url(/tech/engineering/images/bg_field_box.png) no-repeat left bottom;*/
	background: #fff;
	box-shadow: 1px 1px 15px -2px rgba(0, 0, 0, 0.7);
	border-radius: 4px;
	padding-bottom: 12px;
	font-size: 100%;
	margin-bottom: 25px;
}
#eng_fields_area .col2 .col:hover{
	background: #E1E9F5;
}

div#main #eng_fields_area .col2 .col h2{
	margin:0;
}

.contents h3{
	padding: 0 0 0 14px;
	background:url(/tech/engineering/images/bg_h3_square.png) no-repeat 0 0.11em;
	margin: 0px 0 8px;
	line-height: 1;
}
#eng_fields_area .contents.medicine h3{ background:url(/tech/engineering/images/bg_h3_square_medicine.png) no-repeat 0 0.1em;}
#eng_fields_area .contents.cosmetics h3{ background:url(/tech/engineering/images/bg_h3_square_cosmetics.png) no-repeat 0 0.11em;}
#eng_fields_area .contents.food h3{ background:url(/tech/engineering/images/bg_h3_square_food.png) no-repeat 0 0.11em;}
#eng_fields_area .contents.logistics h3{ background:url(/tech/engineering/images/bg_h3_square_logistics.png) no-repeat 0 0.11em;}

#eng_fields_area .contents h4{
	padding: 0 0 0 11px;
	background:url(/tech/engineering/images/bg_h4_square.png) no-repeat 0 0.15em;
	margin: 8px 0 7px;
	line-height: 1;
	color: #555;
}

#eng_fields_area .col .contents{
	/* position: relative; */
	/* padding: 16px 0 65px 20px; */
	padding: 18px 0 65px 20px;
}
#eng_fields_area .col .contents.medicine,
#eng_fields_area .col .contents.cosmetics{
	height: 90px;
}
#eng_fields_area .col .contents.food,
#eng_fields_area .col .contents.logistics{
	height: 65px;
}

#eng_fields_area .col .contents.eng_fields .col2 .col{
	float: left;
	padding: 0;
	width: 205px;
	background: none;
	box-shadow: none;
}
#eng_fields_area .col .contents.eng_fields .col2 .col.l{
	margin-right: 15px;
}

#eng_fields_area .col .contents.eng_fields.medicine .col2 .col{
	width: 170px;
}
#eng_fields_area .col .contents.eng_fields.medicine .col2 .col.l{
	width: 240px;
}


#eng_fields_area .col ul.link ul.link{
	margin-top: 5px;
	padding: 0 0 0 3px;
	float: none;
	width: auto;
}


#eng_fields_area .col ul.link li{
	padding: 0 0 0 11px;
	background: url(/common/image/arrow_red.gif) no-repeat 0 0.4em;
	margin-bottom: 4px;
}
#eng_fields_area .col ul.link li:last-child{
	margin-bottom: 0px;
}

#eng_fields_area .col ul.link li.no_link{
	background: url(/common/image/arrow_gray.gif) no-repeat 0 0.4em;
	color: #333;
}

#eng_fields_area .col ul.link li.left{
	float:left;
}
#eng_fields_area .col ul.link li.right{
	margin-left: 125px;
}

#eng_fields_area p.btn{
	position: absolute;
	bottom: 13px;
	left: 172px;
	width: 120px;
	line-height:1;
	font-size: 92.3%;
}
#eng_fields_area p.btn a{
	display:block;
	padding:12px 0 12px 40px;
	color:#333;
	text-decoration:none;
	border:#b9baba 1px solid;
	border-radius:4px;
	background:url(/common/image/arrow_red_large.png) no-repeat 1.4em 47%;
}
#eng_fields_area p.btn a:hover{
	text-decoration:underline;
	background-color: #C7D5EB;
}

/*sub banner*/
#eng_fields_area .col3 .sub_link_area{
	/* width: 300px;
	float: left; */
}


.sub_link_area {
	border-top: #B9BABA 1px solid;
}
.sub_link_area h3 {
	font-size: 115%;
	background:url(/tech/engineering/images/bg_h3_related_link.png) no-repeat 0px 13px;
	padding-left: 16px;
	padding-top: 7px;
	float: left;
}
.sub_link_area ul li{
	float: left;
	width: 230px;
	height: 60px;
	padding-top: 12px;
	margin-left: 25px;
	margin-bottom: 20px;
}