@charset "utf-8";
/* -----------------------------------------------------------------------

	大光ルート産業株式会社　工事・実績紹介用css
	
-----------------------------------------------------------------------*/


/* -----------------------------------------------------------------------

	サブナビ用css
	
-----------------------------------------------------------------------*/

.sub_construction_navi {
	padding-top: 82px;
	background-image: url(../construction/images/sub_navi_bg.jpg);
	padding-left: 4px;
	height: 140px;
}

.sub_construction_navi ul {
	padding:0;
    margin:0;
    height:45px;
}
.sub_construction_navi ul li {
	display:inline;
	list-style-type: none;
}
.sub_construction_navi ul li a {
	height:0px;
	display:block;
	background-image:url(../construction/images/sub_navi_nomal.gif);
	background-repeat:no-repeat;
	padding-top:45px;
	width:128px;
	float:left;
}
.sub_construction_navi ul li a:hover {
	background-image:url(../construction/images/sub_navi_hover.gif);
}
.sub_construction_navi .now_sub_construction #sub_construction a,
.sub_construction_navi .now_sub_construction #sub_construction a:hover,
.sub_construction_navi .now_sub_actual #sub_actual a,
.sub_construction_navi .now_sub_actual #sub_actual a:hover,
.sub_construction_navi .now_sub_case #sub_case a,
.sub_construction_navi .now_sub_case #sub_case a:hover
{
	background-image:url(../construction/images/sub_navi_now.gif);
}
.sub_construction_navi #sub_construction a{
	background-position:0px 0px;
}
.sub_construction_navi #sub_actual a{
	background-position:0px -45px;
}
.sub_construction_navi #sub_case a{
	background-position:0px -90px;
}
/* -----------------------------------------------------------------------

	工事の種類用css
	
-----------------------------------------------------------------------*/
#construction_h3{
	background-image:url(../construction/images/title_construction.jpg);
}
/* -----------------------------------------------------------------------

	実績紹介用css
	
-----------------------------------------------------------------------*/
#actual_h3{
	background-image:url(../construction/images/title_actual.jpg);
}
.actual_images {
	border: 1px solid #AACACD;
	float: left;
	width: 180px;
	height: 134px;
	margin-bottom: 15px;
}
.actual_place {
	float: left;
}
.actual_place dl {
	margin-left: 10px;
	width: 380px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #AACACD;
}
.actual_place dt {
	width: 85px;
	height: 25px;
	float: left;
	display: block;
	text-align: center;
	padding-top: 9px;
	background-color: #337DA8;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AACACD;	
}
.actual_place dd {
	height: 25px;
	float: left;
	display: block;
	padding-top: 9px;
	font-size: 13px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #AACACD;
	width: 284px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AACACD;	
}
.product_btn {
float:left;
}
.product_btn a {
	background-image: url(../construction/images/product_btn.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 138px;
	margin-top: 10px;
	margin-left: 10px;
	display:block;
	text-indent:-9999px;
}
.product_btn a:hover {
	background-image: url(../construction/images/product_btn_.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 138px;
	margin-top: 10px;
	display:block;
	margin-left: 10px;
}
/* -----------------------------------------------------------------------

	施工例用css
	
-----------------------------------------------------------------------*/
#case_h3{
	background-image:url(../construction/images/title_case.jpg);
}

.eye_box,
.eye_box_center{
	text-align: center;
	background-color: #EBF2F3;
	margin-top: 5px;
}
.eye_box img,
.eye_box_big img,
.eye_box_center img{
	border: 1px solid #AAC9CC;
	margin-top: 7px;	
}
.flash_box dl,
.eye_box dl,
.eye_box_center dl{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #79AFB9;
	margin-right: 3px;
	margin-left: 3px;
	margin-top: 5px;
	margin-bottom: 10px;
	
}

.eye_box dt,
.eye_box_center dt{
	float: left;
	height: 16px;
	width: 40px;
	padding-top: 4px;
	background-color: #337DA8;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #79AFB9;
	
}
.eye_box dd,
.eye_box_center dd{
	float: left;
	font-size: 10px;
	padding-left: 5px;
	height: 16px;
	padding-top: 4px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #79AFB9;
	border-bottom-color: #79AFB9;
	width: 138px;
	text-align: left;
	margin: 0px;
	
}

.eye_box {
	width: 190px;
	float: left;
}
.eye_box_center {
	width: 190px;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}
.eye_box .date,
.eye_box_center .date {
	background-color: #FFFFFF;
	width: 177px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #79AFB9;
	border-bottom-color: #79AFB9;
	font-size: 10px;
	color: #333333;
	font-weight: normal;
	text-align: left;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #79AFB9;
}
.date_name {
	font-weight: bold;
	color: #1B4F96;
}
.eye_box_big{
	background-color: #EBF2F3;
	padding-left: 3px;
	margin-top: 5px;
	display: block;
	width: 384px;
	float: left;
	margin-left: 5px;
}
.flash_box dt,
.eye_box_big dt{
	float: left;
	width: 60px;
	padding-top: 3px;
	background-color: #337DA8;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #79AFB9;
	text-align: center;
	height: 16px;
	
}
.eye_box_big dd{
	float: left;
	font-size: 10px;
	padding-left: 5px;
	height: 15px;
	padding-top: 4px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #79AFB9;
	border-bottom-color: #79AFB9;
	width: 311px;
	text-align: left;
	margin: 0px;
	
}
.eye_box_big dl
{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #79AFB9;
	margin-right: 3px;
	margin-left: 3px;
	margin-top: 4px;
	margin-bottom: 9px;
	
}
.product_btn2 {
	width: 585px;
	clear: both;
	margin-right: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
	height: 28px;
}
.product_btn2 a {
	background-image: url(../construction/images/product_btn.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 138px;
	display:block;
	text-indent:-9999px;
	float:right;
}
.product_btn2 a:hover {
	background-image: url(../construction/images/product_btn_.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 138px;
	display:block;
}
.flash_box {
	background-color: #EBF2F3;
	height: 129px;
	padding-left: 7px;
	display: block;
	padding-top: 2px;
	margin-bottom: 5px;
	padding-bottom: 2px;
}
.flash_box img{
	float: left;
	padding-top: 5px;
	
}
.flash_box dl{
	width:190px;
	float: left;
	margin-left: 10px;
	
}
.flash_box dd{
	float: left;
	font-size: 10px;
	padding-left: 5px;
	height: 15px;
	padding-top: 4px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #79AFB9;
	border-bottom-color: #79AFB9;
	text-align: left;
	margin: 0px;
	width: 124px;
	
}
.flash_box_image {
	float: left;
	height: 124px;
	width: 361px;
}
.flash_box_image02 {

}
.flash_box_image .pointer {
	background-image: url(../construction/images/flash_bg.gif);
	background-repeat: no-repeat;
	float: left;
	height: 117px;
	width: 41px;
	margin-top: 7px;
}