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


/* 会社共通
-------------------------------------------------------*/

#contents #main .title4{
	background:url(../img/icon_title.gif) no-repeat 0 8px;
	padding:5px 10px 5px 25px;
	color:#336699;
	margin-bottom:15px;
}

#contents #main h3.company{
	margin-top: 25px;
	font-size: 100%;
}

#contents #main .bold{
	font-weight: bold;
}

/* ボックス -----------------------*/

#contents #main .companyBox{
	background:url(../img/bg_title2_flame.jpg) repeat-y 0 0;
	margin-bottom:15px;
	padding:0;
}

#contents #main .companyBox h3.title2{
	background:url(../img/bg_title2.jpg) no-repeat 0 0;
	padding:10px 10px;
	height:15px;
}

#contents #main .companyBox .inner{
	background:url(../img/bg_title2_bottom.jpg) no-repeat 0 100%;
	padding:10px 20px;
}

/* clearfix scheme */
#contents #main .companyBox .inner{
	display: inline-block;
}
#contents #main .companyBox .inner:after{
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
	clear: both;
	line-height: 0;
}
/*MacIE \*/
* html #contents #main .companyBox .inner{
	height: 1em;
}
#contents #main .companyBox .inner{
	display: block;
}
/* initialization for clearfix */

/* 施工事例のご紹介 -----------------------*/

#contents #main .box .boxconte .conte .floatR{
	width:450px;
	margin-right:10px;
}


#contents #main .box .boxconte .conte .floatR h3{
	font-size:115%;
}

#contents #main .box .boxconte .conte .floatR p.detail{
	text-align:right;
}



/* 会社案内
-------------------------------------------------------
-------------------------------------------------------*/

#contents #main .topBox .inner .floatR{
	width:530px;
}

#contents #main .topBox .inner .floatR ul.link-list li{
	float:left;
	width:258px;
	margin-right:10px;
	margin-bottom:10px;
	padding:0;
	background:url(../img/bg_btn_company_top.jpg) no-repeat 0 0;
}

#contents #main .topBox .inner .floatR ul.link-list li.hover{
	background:url(../img/bg_btn_company_top.jpg) no-repeat 100% 0;
}

#contents #main .topBox .inner .floatR ul.link-list li.lastChild{
	margin-right:0;
}

#contents #main .topBox .inner .floatR ul.link-list li span{
	display:block;
	padding:8px 10px 15px 37px;
	background:url(../img/bg_btn_company_bottom.jpg) no-repeat 0 100%;
}

#contents #main .topBox .inner .floatR ul.link-list li.hover span{
	background:url(../img/bg_btn_company_bottom.jpg) no-repeat 100% 100%;
}

#contents #main .topBox .inner .floatR ul.link-list li.long span{
	padding:3px 40px 8px 35px;
	text-align:right
}


/* 会社情報 リンク -------------------------*/

#contents #main .contentsBox{
	margin-top:15px;
}

/* clearfix scheme */
#contents #main .contentsBox{
	display: inline-block;
}
#contents #main .contentsBox:after{
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
	clear: both;
	line-height: 0;
}
/*MacIE \*/
* html #contents #main .contentsBox{
	height: 1em;
}
#contents #main .contentsBox{
	display: block;
}
/* initialization for clearfix */

#contents #main .contentsBox .contentsLinkBox{
	background:url(../img/bg_title3_frame.jpg) repeat-y 0 0;
	width:344px;
}

#contents #main .contentsBox .contentsLinkBox h3.title3{
	background:url(../img/bg_title3.jpg) no-repeat 0 0;
	padding:10px 10px;
	height:16px;
}

#contents #main .contentsBox .contentsLinkBox.hover h3.title3{
	background:url(../img/bg_title3.jpg) no-repeat 100% 0;
}

/* clearfix scheme */
#contents #main .contentsBox .contentsLinkBox .inner{
	display: inline-block;
}
#contents #main .contentsBox .contentsLinkBox .inner:after{
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
	clear: both;
	line-height: 0;
}
/*MacIE \*/
* html #contents #main .contentsBox .contentsLinkBox .inner{
	height: 1em;
}
#contents #main .contentsBox .contentsLinkBox .inner{
	display: block;
}
/* initialization for clearfix */

#contents #main .contentsBox .contentsLinkBox .inner{
	background:url(../img/bg_title3_bottom.jpg) no-repeat 0 100%;
	padding:0 13px 10px;
}



/* 会社概要
------------------------------------------------------
------------------------------------------------------*/

#contents #main table{
	border-collapse:collapse;
	border:1px solid #B6C6C9;
	margin-top:0;
}

#contents #main table tr th, 
#contents #main table tr td{
	border-top:1px solid #B6C6C9;
	border-bottom:1px solid #B6C6C9;
	padding:10px 15px;
	vertical-align:top;
}

#contents #main table tr th{
	border-left:none;
	border-right:none;
}

#contents #main table tr td{
	border-right:1px solid #B6C6C9;
	border-left:none;
}

#contents #main table tr th{
	background:#E9EEEF;
}


/* 環境への取り組み
------------------------------------------------------
------------------------------------------------------*/

#contents #main .environmentBox{
	width:400px;
	float:right;
	margin-bottom:15px;
}


/* 交通アクセス
------------------------------------------------------
------------------------------------------------------*/

#contents #main .accessBox{
	width:330px;
	margin:0 10px 20px 10px;
}

#contents #main .accessBox .inner{
	margin-left:10px;
}

#contents #main .accessBox .inner p{
	margin-bottom:20px;
}


/* 事業所一覧
-------------------------------------------------------
-------------------------------------------------------*/

#contents #main .officeBox .inner{
	padding:10px 20px 30px;
}

#contents #main .officeBox .inner .floatL, 
#contents #main .officeBox .inner .floatR{
	width:320px;
}

#contents #main .officeBox.topOfficeBox .inner .floatL, 
#contents #main .officeBox.topOfficeBox .inner .floatR{
	width:330px;
}

#contents #main .officeBox .inner .floatL div.adress, 
#contents #main .officeBox .inner .floatL p, 
#contents #main .officeBox .inner .floatR div.adress, 
#contents #main .officeBox .inner .floatR p{
	margin-left:25px;
}

#contents #main .officeBox .inner .floatL div.hr003, 
#contents #main .officeBox .inner .floatR div.hr003{
	margin-left:0;
}

#contents #main .officeBox .inner .floatL .adress, 
#contents #main .officeBox .inner .floatR .adress{
	background:#EFF5FC;
	padding:10px;
	width:249px;
	margin-top:10px;
}

#contents #main .officeBox.topOfficeBox .inner .floatL .adress, 
#contents #main .officeBox.topOfficeBox .inner .floatR .adress{
	width:263px;
}

#contents #main .officeBox .inner .floatL .adress p, 
#contents #main .officeBox .inner .floatR .adress p{
	margin:0;
}

#contents #main .officeBox .inner .floatL .adress p.right, 
#contents #main .officeBox .inner .floatR .adress p.right{
	margin-top:15px;
}



/* 採用情報
-------------------------------------------------------
-------------------------------------------------------*/
#contents #main .recruitCategory01{
	margin-bottom: 20px;
}
#contents #main .recruitCategory01 th{
	background: #FFEBE1;
}
#contents #main .recruitCategory02{
	margin-bottom: 30px;
}

/* clearfix scheme */
div{
	display: inline-block;
}
div:after{
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
	clear: both;
	line-height: 0;
}
/*MacIE \*/
* html div{
	height: 1em;
}
div{
	display: block;
}



/* 住宅JIO
-------------------------------------------------------
-------------------------------------------------------*/
#contents #main .jioBox{
	margin-bottom: 20px;
}
#contents #main .jioBox .floatL{
	float: left;
	width: 400px;
}
#contents #main .jioBox .floatR{
	float: right;
	margin-right: 15px;
}


/* CM
-------------------------------------------------------
-------------------------------------------------------*/
#contents #main .cmBox{
	margin-bottom:30px;
	margin-left:20px;
	}
	
	
/* 社長メッセージ
-------------------------------------------------------
-------------------------------------------------------*/
#contents #main h3.message{
	color: #43B9BC;
	font-size: 120%;
	margin-bottom: 0;
}
#contents #main .messagetxt{
	margin-bottom: 15px;
}