@charset "utf-8";
/* ===================================================================
CSS information

 File Name  : section.css
 Style Info : コンテンツに関するスタイル指定
=================================================================== */

/*-------------------------------------------------------------------
　トップページ
--------------------------------------------------------------------*/
#index {
}
#index01 {
	width:910px;
	margin:0 0 36px 0;
	overflow:hidden;
}
#index01 .clearfix {
	position:relative;
	width:912px;
	left:-1px;
}
#index01 dl {
	float:left;
	width:227px;
	border-right:solid 1px #DCDCDC;
	padding:25px 0;
}
#index01 dl dt {
	width:187px;
	margin:0 auto;
	padding:0 0 10px 0;
}
#index01 dl dt a:hover img{
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#index01 dl dd {
	width:187px;
	margin:0 auto;
}
#index01 dl dd p {
	padding:0 0 5px 0;
}
#index01 dl dd .i01_link {
	text-align:right;
	font-size:12px;
	padding:0 5px;
}

/*-------------------------------------------------------------------
　会社案内
--------------------------------------------------------------------*/	
#nav_box{
	padding:90px 0 0 0;
}
#nav_box .subMenu ul{
	width:862px;
	margin:0 auto;
	position: relative;
	left:30px;
	height:40px;
}
#nav_box .subMenu ul:after{
    content: ""; 
    display: block; 
    clear: both;
}
#nav_box .subMenu li{
	width:160px;
	float:left;
	margin:0 12px 0 0;
}
#nav_box .subMenu li a{
	float:right;
	display:block;
	width:160px;
	text-align:center;
	line-height:40px;
	color:#fff;
	text-decoration:none;
	background:#326180;
	white-space:nowrap;
}
#nav_box .subMenu li a:hover{
	background:#061E3F;
}
#nav_box .subMenu li a.active{
	background:#061E3F;
}
#nav_box section{
	width:850px;
    position: relative;
    z-index: 10;
	margin:0 auto;
}
/* This is the selector i used for my menu, it needs to be set as position:absolute; */
.subMenu {
	position: absolute;
	top: 0!important;
	height: 40px;
	z-index: 1000;
	width: 850px;
}
.end {
	margin: 0;
}
.pagetop{
	width:850px;
	margin:0 auto;
	text-align:right;
	padding:15px 0 40px 0;
}
#company{
	width:910px;
	position:relative;
	padding:0 0 40px 0;
}
#company01 {
	background:url(../../img/company/com01_bg.jpg) right 80px no-repeat;
	min-height:469px;
}
#company01 h2 {
	padding:0 0 25px 0;
}
#company01 p {
	padding:0 0 25px 0;
}

#company02 {
	position:relative;
	background:url(../../img/company/com02_bg.jpg) left bottom no-repeat;
	min-height:360px;
}
#company02 h2 {
	position:absolute;
	left:235px;
	top:10px;
}
#company02 dl {
	padding:0 0 10px 305px;
}
#company02 dl dt {
	color:#39B283;
	font-size:18px;
	padding:30px 0 5px 0;
}
#company02 dl dd {
	line-height:1.8;
}
#company02 dl dd ul {
}
#company02 dl dd ul li {
	line-height:2.4;
}
#company03{
	padding:20px 0 0 0;
}
#company04{
	padding:20px 0 0 0;
	min-height:360px;
}
#company05{
	padding:20px 0 0px 0;
	min-height:300px;
}
#company05 .clearfix {
}
#company05 .boxL {
	width:415px;
}
#company05 .boxR {
	width:415px;
}
#company05 dl {
	padding:10px 0 0 0;
}
#company05 dt {
}
#company05 dd {
	padding:5px 0;
}
#company05 small {
	display:block;
	padding:10px 0;
}
#company05 small a {
	background:url(../img/arrow/arrow02.jpg) left center no-repeat;
	padding:0 0 0 15px;
}

.table_box {
	width:842px;
	border:solid 4px #ccc;
}
.table_box table {
	width:842px;
}
.table_box table tbody tr th {
	width:20%;
	padding:12px 18px;
	background:#F7F7F7;
	border-bottom:dotted 1px #ccc;
}
.table_box table tbody tr td {
	width:80%;
	padding:12px 18px;
	border-bottom:dotted 1px #ccc;
}

/*-------------------------------------------------------------------
　関連グループ
--------------------------------------------------------------------*/	
#group section{
	padding:0 0 70px 0;
}
#group #group_main{
	padding:0 0 30px 0;
}

/*-------------------------------------------------------------------
　事業内容
--------------------------------------------------------------------*/
#business{
	position:relative;
	width:910px;
	padding:0 0 40px 0;
}
#business section{
	position:relative;
	width:850px;
	height:360px;
}
#business h1{
	width:850px;
	margin:0 auto;
}
#business h2{
	padding:0 0 15px 0;
}
#business dl{
	line-height:1.8;
}
#business dt{
	color:#3AB383;
	font-size:16px;
	padding:0 0 5px 0;
}
#business dd p{
	padding:0 0 15px 0;
}
#business01 {
	background:url(../../img/business/bus01_bg.jpg) left top no-repeat;
}
#business01 .bus_box{
	padding:30px 0 0 450px;
}
#business02 {
	background:url(../../img/business/bus02_bg.jpg) left top no-repeat;
}
#business02 .bus_box{
	width:380px;
	padding:40px 0 0 45px;
}
#business02 span{
	position:absolute;
	top:-20px;
	left:350px;
}
#business03 {
	background:url(../../img/business/bus03_bg.jpg) left top no-repeat;
}
#business03 .bus_box{
	width:300px;
	padding:48px 0 0 532px;
}
#business04 {
	background:url(../../img/business/bus04_bg.jpg) left top no-repeat;
}
#business04 .bus_box{
	width:300px;
	padding:40px 0 0 35px;
}
#business05 {
	background:url(../../img/business/bus05_bg.jpg) left top no-repeat;
}
#business05 .bus_box{
	width:460px;
	padding:50px 0 0 308px;
}
#business .pagetop{
	position:relative;
	top:-25px;
}

/*-------------------------------------------------------------------
　スタッフ紹介
--------------------------------------------------------------------*/
#staff{
	margin-bottom:60px;
}
#staff01{
	width:520px;
	height:250px;
	padding:20px 0 0 330px;
	background:url(../../img/staff/staff_bg.jpg) left top no-repeat;
}
#staff01 h2{
	color:#444;
	font-size:16px;
}
#staff01 ul{
	line-height:2.4;
}
#staff01 li{
	background:url(../img/arrow/arrow03.jpg) left center no-repeat;
	padding:0 0 0 13px;
}
#staff .btn01{
	width:180px;
	margin:0 auto;
}
#staff .btn01:after{
    content: ""; 
    display: block; 
    clear: both;
}
#staff .btn01 a{
	float:right;
	display:block;
	width:160px;
	padding:0 10px;
	line-height:40px;
	color:#fff;
	text-decoration:none;
	background:#326180;
	white-space:nowrap;
}
#staff .btn01 a:hover{
	background:#061E3F;
}

/*-------------------------------------------------------------------
　採用情報
--------------------------------------------------------------------*/
#recruit {
	margin-bottom:40px;
}
#recruit .recruit_main {
	padding:0 0 35px 0;
}
#recruit01 {
	min-height:543px;
	background:url(../../img/recruit/recruit_bg.jpg) right top no-repeat;
}
#recruit01 h1 {
	padding:0 0 30px 0;
}
#recruit01 dl dt {
	font-size:18px;
	color:#3AB383;
	padding:0 0 5px 0;
}
#recruit01 dl dd {
	position:relative;
	width:500px;
	padding:0 0 45px 0;
	line-height:2.4;
}
#recruit01 dl dd p {
	padding:0 0 25px 0;
}
#recruit01 dl dd span {
	position:absolute;
	right:35px;
	bottom:0;
}

/*-------------------------------------------------------------------
　施工実績
--------------------------------------------------------------------*/
#works {
}
#works #works_list{
}
#works #works_list .clearfix{
	width:869px;
	padding:25px 0;
}
#works #works_list .clearfix dl{
	width:200px;
	margin:0 16px 0 0;
	float:left;
}
#works #works_list .clearfix dt{
	width:200px;
	max-height:150px;
	overflow:hidden;
}
#works #works_list .clearfix dt a:hover img{
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#works #works_list .clearfix dt img{
	width:200px;
}
#works #works_list .clearfix dd{
	padding:5px 0 30px 0;
}

#works_detail {
	width:600px;
	margin:0 auto;
	padding:30px 0;
}
#works_detail .works_img {
	width:600px;
	text-align:center;
	padding:0 0 15px 0;
}
#works_detail .works_img img {
	max-width:600px;
}
#works_detail .entry:after{
    content: ""; 
    display: block; 
    clear: both;
}
#works_detail .entry p {
	line-height:1.8;
	padding:0 0 20px 0;
}

/*-------------------------------------------------------------------
　新着情報
--------------------------------------------------------------------*/	
.blog {
	width:870px;
	margin:0 auto;
}
.blog #side h2 {
	width:230px;
	font-size:16px;
	padding:12px 0;
	border-bottom:dotted 1px #ccc;
}
.blog #side h2 a {
	color:#444;
	text-decoration:none;
}
.blog #side h2 a:hover {
	color:#326180;
}
.blog #side ul{
	width:230px;
}
.blog #side li {
	width:230px;
	border-bottom:dotted 1px #ccc;
}
.blog #side li time {
	padding:0 30px 0 0;
}
.blog #side li a {
	display:block;
	color:#444;
	text-decoration:none;
	background:url(../img/arrow/arrow02.jpg) 3px center no-repeat;
	padding:12px 0 12px 20px;
}
.blog #side li a:hover {
	font-weight:bold;
	background:url(../img/arrow/arrow02_on.jpg) #eee 3px center no-repeat;
}
.blog #side li.current a{
	font-weight:bold;
	background:url(../img/arrow/arrow02_on.jpg) #eee 3px center no-repeat;
}
#list {
	padding:0 0 60px 0;
}
#list #main ul {
	width:600px;
}
#list #main li {
	padding:18px 0;
	border-bottom:dotted 1px #ccc;
}
#list #main li time {
	padding:0 30px 0 0;
}
#list #main li a {
	background:url(../img/arrow/arrow02.jpg) 3px center no-repeat;
	padding:0 0 0 20px;
}

#detail {
	padding:0 0 40px 0;
}
#detail dl {
	width:580px;
	background:#E8EFF6;
	padding:10px;
}
#detail dt {
	color:#417EB1;
	padding:10px 2px 18px 2px;
	border-bottom:1px dotted #427EB1;
}
#detail dt time {
}
#detail dd {
	padding:0 0 15px 0;
}

#detail dd img{
	max-width: 100%;
	height: auto;
}
#detail dd h3{
	padding:20px 0 10px 0;
}
#detail dd p{
	padding:0 0 20px 0;
	line-height:1.8;
}

/*-------------------------------------------------------------------
　プライバシーポリシー
--------------------------------------------------------------------*/	
#privacy {
	padding:0 0 80px 0;
}
#privacy section {
	padding:30px 0 0 0;
}
#privacy section p{
	padding:0 0 20px 0;
}
#privacy section ol{
	list-style-position:inside;
	padding:0 0 20px 0;
}
#privacy section table{
	width:100%;
	margin:0 0 20px 0;
}
#privacy section table caption{
	padding:0 0 5px 0;
	text-align:left;
}
#privacy section th{
	width:20%;
	background:#eee;
	border:solid 1px #ddd;
	padding:5px 10px;
}
#privacy section td{
	width:80%;
	padding:5px 10px;
	border:solid 1px #ddd;
}

	
/*----------------------------------------------------------
  よくあるご質問
----------------------------------------------------------- */	

#qa dl{
	width:650px;
	margin:20px auto;
	border-bottom:dotted 1px #ccc;
	}
	
#qa dt{
	padding:10px 0;
	
	border-top:dotted 1px #ccc;
	font-weight:normal;
	}
	
#qa dt:hover{
	}	
	
#qa dt.activ{
	
	background-color:#fafafa;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	}	
	
#qa dt.activ:hover{
	color:#333;
	text-decoration:none;
	cursor:default;}		

#qa dd{
	border-top:dotted 1px #ccc;
	padding:10px 20px;
	
	/*display:none;*/
}

/*-------------------------------------------------------------------
　404 notfound
--------------------------------------------------------------------*/
#notfound {
	padding:20px 0 0 0;
}
#notfound .body {
	padding:0 0 20px 0;
}
#notfound .body {
	padding:0 0 20px 0;
}
#notfound p {
	padding:0 0 20px 0;
}
#notfound ul {
	padding:0 0 20px 0;
}

/*-------------------------------------------------------------------
/* お問い合わせフォーム
--------------------------------------------------------------------*/
#contact{
	width:850px;
	margin:0 auto;
	padding:30px 0;
}
.iqfm-table {
	width:100%;
}
.iqfm-table th {
	width:30%;
	background:#F6F6F6;
	border-top:dotted 1px #ddd;
	border-bottom:dotted 1px #ddd;
	color:#417EB1;
    text-align: left;
    vertical-align: top;
	padding:10px;
	color:#27609E;
	font-weight:bold;
}
.iqfm-table td {
	width:70%;
	background:#fff;
    text-align: left;
	border-top:dotted 1px #ddd;
	border-bottom:dotted 1px #ddd;
	padding:10px 15px;
	background:#fff;
}
#contact td p{
	margin:0;
	padding:0;
}

#contact01{
	width:100%;
	padding:0 0 30px 0;
}
#contact01 p{
	padding:0 0 30px 0;
}

/*-------------------------------------
    送信確認ボタン
--------------------------------------*/
#contact .check_btn{
	cursor:pointer;
	background:url(../img/btn/btn_confirm.jpg);
	padding:0;	height:48px;
	width:220px;
	text-indent:-9999px;
	border:none!important;
	border-radius: 0 !important;
	display:block;
	margin:20px auto;
	}
#contact .check_btn:hover{
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75;
	opacity: 0.75;	
}

/*-------------------------------------
    送信ボタン
--------------------------------------*/	
#contact .btnarea{
	padding:20px 0;
	text-align:center;
}
#contact .submit_btn{
	cursor:pointer;
	background:url(../img/btn/btn_submit.jpg);
	padding:0;	height:48px;
	width:220px;
	text-indent:-9999px;
	border:none;
	margin:0 10px;
}
#contact .submit_btn:hover{
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75;
	opacity: 0.75;	
}	

/*-------------------------------------
    戻るボタン
--------------------------------------*/	
#contact .return{
	cursor:pointer;
	background:url(../img/btn/btn_return.jpg);
	padding:0;	height:48px;
	width:220px;
	text-indent:-9999px;
	border:none;
	margin:0 10px;
}
#contact .return:hover{
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75;
	opacity: 0.75;	
}	
	
/*-------------------------------------
    完了画面のdiv
--------------------------------------*/
#contact .form_complete{
	margin:20px auto;
	padding:20px 30px;
}
#contact .form_complete h3{
	padding:13px 0 15px 0;
	color:#834523;
	font-family:ume_m,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:220%;
	font-weight:600;
}

#contact .form_complete p{
	margin:20px 0;
}
	
/*-------------------------------------
    完了画面のトップへ戻るボタン
--------------------------------------*/
.return_top{
	cursor:pointer;
	background:url(../img/btn/btn_return_tp.jpg);
	padding:0;	height:48px;
	width:220px;
	border:none;
	text-indent:-9999px;
	display:block;
	margin:20px auto;
	border:none!important;
	border-radius: 0 !important;
}
.return_top:hover{
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75;
	opacity: 0.75;	
}

/*-------------------------------------
    必須
--------------------------------------*/
#contact th span.kome{
	margin-left:10px;
	background-color:#C33;
	padding:3px 4px ;
	color:#fafafa;
	font-size:10px;
	letter-spacing:1px;
    margin: 0px 0px 0px 10px;
	line-height:9px;
	border-radius:3px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
    }
.iqfm-table #iqfm-input-1 label{
	padding:0 15px 0 0;
}
#contact button, #contact input, #contact textarea {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    padding: 0.428571rem;
}