@charset "utf-8"; 
/*---------------------------------------------------- 
 reset
---------------------------------------------------- */
* {margin: 0;padding: 0;}
html{overflow-y: scroll;}
body {
	font-size:75%; /* 基本のフォントサイズ */
	line-height: 1.5em; /* 基本の行間 */
	text-align:center;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
	text-align:justify; /* Firefox用*/
	text-justify:inter-ideograph;/* ie用 */
	color: #000;
	margin: 0;
	padding: 0;
	}

#body1{background: url(../images/bg.jpg) repeat-x #fff}
/*---------------------------------------------------- 
clearfix
---------------------------------------------------- */
.clearfix{
    zoom:1;/*for IE 5.5-7*/
		overflow:hidden;
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}	
/*---------------------------------------------------- 
 link
---------------------------------------------------- */
a:link, a:visited {color: #039; text-decoration:underline;}
a:hover, a:active {color: #039; text-decoration:none;}
/*---------------------------------------------------- 
link効果
---------------------------------------------------- */
.imglink a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;}
/*-----------------------------------------------------
wrapper
---------------------------------------------------- */
#wrapper{
	width: 890px;
	margin:0 auto;
}

#header{
	width: 890px;
	height:91px;
	overflow:hidden;
	}

#h-l {float:left; width:700px; margin:13px 0 0 0;}
#h-r {float:right; width:178px; margin:15px 0 0 0;}

h1{ 
	color:#666;
	overflow:hidden;
	margin-bottom:11px;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
}

#navi { width:890px; height:68px; padding-top:15px;}
#navi li{ float:left; list-style:none; height:68px;   line-height:0;}
#navi img{
	vertical-align:bottom;
	}

#navi2 { width:890px; height:68px;}
#navi2 li{ float:left; list-style:none; height:68px;}		

#pagebody {	
	clear:both;
	width:890px;
	margin:0 auto;
	background:#fff;	
	padding-bottom:15px;
}


#pagebody2{	
	clear:both;
	width:860px;
	margin:0 auto;
	background:#fff;	
	padding:15px;
}

/*-----------------------------------------------------
footer
---------------------------------------------------- */
#footer{ background:url(../images/f-bg.jpg) repeat-x #808080}
#footer-in{	width:890px;padding-bottom:10px;margin:0 auto;font-size: 10px;}

.f-l{float:left; width:560px; margin-top:15px;}
.flink-ul{
	float:left;
	width:540px;
	list-style:none;
	font-size:10px;
}
.flink-ul li{display:inline;border-left:#fff 1px solid;padding:0px 5px;}
.flink-ul li.first{border:none;}
.flink-ul a:link, .flink-ul a:visited {color:#fff; text-decoration:none;} 
.flink-ul a:hover, .flink-ul a:active {color:#fff; text-decoration:underline;}

.f-r{float:right; width:314px; text-align:right}

/*-----------------------------------------------------
index.html
----------------------------------------------------*/	
#main{width:890px; height:324px;}	
#top-box1{ float:left; width:550px; }
#top-box2{ float:right; width:325px;}

.cont-box{ width:325px; background:url(../images/top7.jpg) no-repeat; height:88px;}
.cont-box p{ padding:40px 11px 0 0; text-align:right}

/*--------------------
 新着情報
------------------*/
#p1-information{
	width:850px;
	height:82px;
	overflow:scroll;
	overflow-x:hidden;
	background:url(../images/news-bg.jpg) no-repeat top;
	padding:0 20px;
	}
.top_info{width:850px;}
.top_info th {
	width:11%;
	padding:5px 5px 3px 15px;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	background:url(../images/list-bg.jpg) no-repeat;
	border-bottom:1px dotted #999;}

.top_info td {
	padding:5px 5px 3px 0;
	vertical-align:top;
	border-bottom:1px dotted #999;
	}
.top_info td img{vertical-align:middle; margin-left:5px;}

/*-----------------------------------------------------
会社概要
----------------------------------------------------*/
.news-box1{
	float:left;
	width:277px;
	margin-right:14px;
	margin-bottom:15px}
	
.news-box2{
	float:right;
	width:277px;
	margin-bottom:15px}

/*-----------------------------------------------------
施設
----------------------------------------------------*/
.p02-box1{
	float:left;
	width:121px;
	margin-bottom:8px}
	
.p02-box2{
	float:right;
	width:725px;
	margin-bottom:8px}	

.p02-box2 p{ font-size:120%; line-height:1.5em;}

.p02-box3{width:259px; float:left; margin-left:15px;_margin-left:8px; margin-bottom:30px;}
.p02-box4{width:260px; float:right; margin-right:37px;_margin-right:25px; margin-bottom:30px;}

#note{width:860px; background:url(../images/note.jpg) repeat-y; margin-bottom:15px;}

/*-----------------------------------------------------
施工実績
----------------------------------------------------*/
.p03-box1{
	float:left;
	width:423px;
	margin-bottom:15px;
	}
	
.p03-box2{
	float:right;
	width:423px;
	margin-bottom:15px;	
	}	
/*-----------------------------------------------------
会社概要
----------------------------------------------------*/
.p04-box1{
	float:left;
	width:277px;
	margin-bottom:15px}
	
.p04-box2{
	float:right;
	width:277px;
	margin-bottom:15px}
	
.photo1{ float:left; width:150px}

/*-----------------------------------------------------
お問い合わせ
----------------------------------------------------*/
.contact_table {
	width:100%;
	margin-bottom:20px;
	border-spacing: 0;	
	border-collapse: collapse;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;}
	
.contact_table th {
	width:23%;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px 8px;
	vertical-align:middle;
	font-weight:bold;
	background:#eee;		
	text-align:left;
}
.contact_table td {
	border-collapse:collapse;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px 8px;
	vertical-align:middle;
	}
	
input, textarea {   
	line-height:1.4;   
	padding:0;   
	vertical-align:middle;  
	}
	
textarea{ font-size:12px;}
.form-s{width:100px;}
.form-m{width:300px;}
.form-l{width:400px;}
.form-h{width:400px;}

/*----------------------------------------------------
margin
------------------------------------------------------ */
.mt5 {margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}

.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}

.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}

/*----------------------------------------------------
padding
------------------------------------------------------ */
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}

.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}

.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}

.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
/*----------------------------
各スタイル
------------------------------*/
p{margin-bottom:0;}
.clear {clear:both; margin:0;padding:0;}
/*---------------------------
フロート
----------------------------- */
.f-left{float:left;}
.f-right{float:right;}
/*----------------------------
文字寄せ
----------------------------- */
.rgt{text-align:right;}
.ctr{text-align:center;}
.lft{text-align:left;}
/*----------------------------
文字位置
----------------------------- */
.v-middle{vertical-align: middle;}
.v-top{vertical-align: top;}
.v-bottom{vertical-align: bottom;}
/*----------------------------
文字色
----------------------------- */
.red {color: #dd0000;}
.orange {color:#F60;}
.green{color: #41a61f;}
/*----------------------------
文字サイズ
----------------------------- */
.bold{font-weight:bold;}
.small{font-size:10px;}
.large{font-size:130%}
/*----------------------------
画像
----------------------------- */
img {border: 0;}
.img-left{margin:0; float:left;}
.img-right{margin:0; float:right;}
.waku{padding:2px; border:1px solid #ccc; background:#fff}
/*----------------------------
印刷改行設定
----------------------------- */
.pb{page-break-after:always;}
/*----------------------------
line-height
----------------------------- */
.lhn{line-height:normal;}	
/*----------------------------
リスト
----------------------------- */
.ul01 li{list-style-type:decimal; margin-left:25px;}
.ol1{ padding-left:35px; border-left:5px solid #ccc; font-size:120%; margin-bottom:10px;}
.ol1 li{ border-bottom:1px #999 dashed; padding:3px 0}
/*----------------------------
ボックス
----------------------------- */
.box{
	border:2px solid #8dcdd9;
	background:#c5f4fd;
	padding:10px;
	text-align:center;
}	
/*---------------------------
テーブル
------------------------------*/

.th1{background:#84c0e2; font-size:130%; color:#fff}
.th2{background:#a5cc29; font-size:130%; color:#fff}
.th3{background:#f0855d; font-size:130%; color:#fff}
.th4{background:#d7be33; font-size:130%; color:#fff}
.th5{background:#109eca; font-size:130%; color:#fff}
.th6{background:#F3F3F3;}

.common-table{
	width:100%;
	text-align:left;
	border:1px solid #bbb;
	border-right:0px solid #bbb;
	border-bottom:0px;
	border-top:1px solid #bbb;
	background:#fff;
}
.common-table td,.common-table th{
	padding:4px 6px;
	border-bottom:1px solid #bbb;
	border-right:1px solid #bbb;
}
.common-table th{ background:#eee;}


.common-table2{
	width:100%;
	text-align:left;
	border-left:1px solid #bbb;	
	border-bottom:0px;
	border-top:1px solid #ccc;
}
.common-table2 td,.common-table2 th{
	padding:10px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc
}
/*---------------------------
 h
-----------------------------*/
h2,h3,h4,h5{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-style:normal;
	font-weight:normal;
	clear:both;
}

.h-title01{
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
	border-bottom:1px solid #999;
	border-left:7px solid #039;
	font-weight:bold;	
	margin-bottom:10px;
	padding:6px 10px 6px 8px;
	color:#424242;
	font-size: 120%;		
}

.h-title02{
	color:#fff;
	font-size: 120%;	
	font-weight:bold;
	background:#42c2e3;
	margin-bottom:10px;
	padding:7px 0 5px 0;
}

.h-title03{
	border-bottom:1px solid #333;
	border-left:8px solid #333;
	font-weight:bold;
	margin-bottom:10px;
	padding:4px 8px;
	font-size: 120%;
}
/*-------------------------------------------------
print
-------------------------------------------------*/
@media print{}