/*cssリセット------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}




@charset "UTF-8";
body {
font: 0.9em/1.4 Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
margin: 0;
padding: 0;
color: #000;
}


/*セリフ体*/
.font_serif{
font-family:Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

html, body{
margin:0;
width:100%;
height: 100%;
}





/*基本設定****************************************************/

/*クリッカブルマップクリックしたときの枠線を消す*/
area{outline:none;}

ul, ol, dl {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
h1{margin:0;font-size:4.3em;line-height:1.2em;}
h2{margin:0;font-size:3.1em;line-height:1.2em;}
h3{margin:0;font-size:2.2em;line-height:1.2em;}
h4{margin:0;font-size:1.6em;line-height:1.3em;}
h5{margin:.3em 0 .3em 0;font-size:1.2em;line-height:1.3em;}
h6{margin:.3em 0 .3em 0;font-size:.6em;line-height:1.3em;font-weight:100;}



/*イメージの枠を消す*/
a img {
	border: none;
}
/*テキストリンク*/
a:link {
	color: #000;
	text-decoration: underline;
}
a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}



/*floatの解除*/
.float_clear{overflow:hidden;}

.clearfix:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*¥*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}


img{
max-width: 100%;
height: auto;
width:auto;
}

a:hover img{
opacity:0.5;
filter: alpha(opacity=60);        /* ie lt 8 */
-ms-filter: "alpha(opacity=50)";  /* ie 8 */
-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.6;              /* Safari 1.x */
zoom:1;
}

.map{
max-width: 100%;
height: auto;
width:auto;
}

a.map:hover img{
opacity:10;
filter: alpha(opacity=100);        /* ie lt 8 */
-ms-filter: "alpha(opacity=100)";  /* ie 8 */
-moz-opacity:10;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 10;              /* Safari 1.x */
zoom:1;
}


/*メインコンテンツ*/
.main_area{
width:960px;
margin:0 auto;
padding:0;
display:table;
}




/*ナビ****************************************************/
.navi_area{
display:table-cell;
vertical-align:top;
width:200px;
max-width:200px;
color:#fff;
background-image: url("../img/bg.png");
padding:30px;
}

.navi_area hr{
border-top: 1px solid #fff;
margin:2em 0 2em 0;
}

.navi_area a{
color:#fff;
text-decoration:none;
}
.navi_area a:hover{
color:#fff000;
}


.now a{
color:#fff000;
}






/*コンテンツエリア****************************************************/
.contents_area{
display:table-cell;
width:700px;
background:#fff;
}

.padbox{
padding:30px 0 0 30px;
}

.blackbox{
padding:125px 0 15px 30px;
background:#000;
color:#fff;
font-size:2em;
}

.titlebox{
border-bottom:1px solid #000;
padding-bottom:5px;
font-size:1.5em;
}



/*会社概要の表*/
.comtable{border-collapse:collapse; width:670px;}
.comtable tr{border-bottom:1px solid #ccc;}
.comtable tr:nth-child(1){border-top:1px solid #ccc;}
.comtable td{padding:7px 10px 5px 10px;}
.comtable td:nth-child(odd){background:#eee;}

.comtable td .yakuintable td{
width:auto;
background:#fff;
padding:3px 30px 3px 0;
}

.kintou{
text-align-last:justify;
}



/*会社沿革の表*/
.histable{border-collapse:collapse; width:670px;}
.histable td{padding:7px 10px 5px 10px;}
.histable td:nth-child(odd){background:#eee;}



/*事業案内の表*/
.busitable{border-collapse:collapse; width:670px;}
.busitable td{padding:7px 10px 5px 10px;}
.busitable td:nth-child(odd){background:#eee;width:100px;height:100px;}



/*営業所所在地*/
.locblock{overflow:hidden;}
.locblock li{
width:320px;
margin:2em 30px 0 0;
float:left;
}
.locblock li:nth-child(even){margin:2em 0 0 0;}
.locblock li p{
font-size:1.3em;
font-weight:bold;
padding:10px 0 5px 10px;
background:#eee;
margin-bottom:1em;
}

.photo_map{overflow:hidden;}
.locblock li .photo_map li{
width:50%;
margin:0;
float:left;
}



/*施工実績　矢印*/
.arrow{overflow:hidden;}
.arrow li{
width:210px;
max-width:210px;
margin:0 20px 20px 0;
position:relative;
box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
border:1px solid #ccc;
float:left;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 1%, #f5f5f5 35%, #ebebeb 65%, #fafafa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 1%,#f5f5f5 35%,#ebebeb 65%,#fafafa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 1%,#f5f5f5 35%,#ebebeb 65%,#fafafa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
}
.arrow li a{
display:block;
padding:15px 0 13px 15px;
text-decoration:none;
font-size:.9em;
}
.arrow li a:hover{background:#fff;}

.arrow li:nth-of-type(3n){margin:0 0 20px 0;}

.arrow li::before{
content: '';
width:10px;
height:10px;
border:0px;
border-top: solid 1px #555;
border-right: solid 1px #555;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 5%;
margin-top: -4px;
}

.jissekititle{
color:#005bac;
font-size:1.2em;
margin:1.5em 0 .5em 0;
}

.jissekitable{
border-collapse:collapse;
box-sizing:border-box;
font-size:.9em;
}

.jissekitable td{
background:#f7f7f7;
border:1px solid #ccc;
padding:5px 0 3px 5px;
}
.tabletop td:nth-child(1){width:500px; background:#ddd; text-align:center;}
.tabletop td:nth-child(2){width:100px; background:#ddd; text-align:center;}
.tabletop td:nth-child(3){width:70px; background:#ddd; text-align:center;}



/*関連企業の表*/
.group_table{border-collapse:collapse; width:670px;}
.group_table tr{border-bottom:1px solid #ccc;}
.group_table td{padding:5px 10px 3px 0;}
.group_table td:nth-child(odd){width:100px;}

.group_list{
position:relative;
padding:0 0 0 30px;
height:40px;
line-height:40px;
box-sizing:border-box;
border:1px solid #ccc;
font-size:1.3em;
color:#777;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 1%, #f5f5f5 35%, #ebebeb 65%, #fafafa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 1%,#f5f5f5 35%,#ebebeb 65%,#fafafa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 1%,#f5f5f5 35%,#ebebeb 65%,#fafafa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
}
.group_list::before{
content: '';
width:15px;
height:40px;
background:#777;
position:absolute;
top:0;
left:0;
}









/*googlemap****************************************************/
.map{
width:150px;
height:150px;
overflow:hidden;
}

.map_zoom{
text-align:right;
font-size:.8em;
}
.map_zoom a{
text-align:right;
color:#1111cc;
text-decoration:underline;
}
.map_zoom a:hover{
text-decoration:none;
}







/*新着情報phpの表示****************************************************/
/*archi_template.htmlは、artiのタグで囲っていないので、ブロック表示にして改行させることで、回り込みを防ぐ。*/
.hiduke{
color:#009352;
}


#newhtml{
width:610px;
}

.newborder{
border-bottom:1px solid #ccc;
padding-bottom:.75em;
overflow:hidden;
}
.newborder li{
width:305px;
float:left;
text-align:left;
}
/*
.newborder li:last-child{
text-align:right;
margin-top:.5em;
}
*/

.menulink{
display:inline-block;
margin:0 20px 20px 0;
}

/*indexのページは%表示にしないことで、日付に文章がかぶらない。*/
.arti{
overflow:hidden;
width:100%;
border-bottom:1px dashed #ccc;
padding:10px 0 7px 0;
}
.arti div:nth-child(odd){
float:left !important;
display:block !important;
width:100px;
}
.arti div:nth-child(even){
float:left !important;
display:block !important;
width:500px;
}

.ichiran .text_con{
margin-bottom:1em;
}


/*新着情報一覧ページ*/
.archive_l{
float:left;
width:20%;
margin:1em 0 2em 0;
}
.archive_r{
float:left;
width:77%;
margin:1em 0 2em 3%;
}

.archive_r div:nth-child(even){
margin-top:1em;
}





/*マージン調整****************************************************/
/*トップ*/
.mgt5em{margin-top:5em;}
.mgt4em{margin-top:4em;}
.mgt3em{margin-top:3em;}
.mgt2em{margin-top:2em;}
.mgt1em{margin-top:1em;}
.mgt_5em{margin-top:.5em;}
.mgt_3em{margin-top:.3em;}
/*ボトム*/
.mgb5em{margin-bottom:5em;}
.mgb4em{margin-bottom:4em;}
.mgb3em{margin-bottom:3em;}
.mgb2em{margin-bottom:2em;}
.mgb1em{margin-bottom:1em;}
.mgb_5em{margin-bottom:.5em;}
.mgb_3em{margin-bottom:.3em;}
/*フッター調整*/
.mgbfoot{margin-top:150px;}




/*その他****************************************************/
.text_center{text-align:center;}
.futosa_normal{font-weight:normal;}
.futosa_light{font-weight:100;}
.futosa_bold{font-weight:bold;}
.mobile_only{display:none;}
.gyokan{line-height:2.5em;}

.underline{border-bottom:1px solid #000;}

.tablet_only{display:none;}

.minifont{font-size:.75em;}
.midfont{font-size:.87em;}

/*レスポンシブ****************************************************/

@media only screen and (max-width: 800px) {}
@media only screen and (max-width: 640px) {}
@media only screen and (max-width: 480px) {}