@charset utf-8;
* {margin:0;padding:0;border:0}
body{
	font-size:85%;
	line-height:150%;
	-webkit-text-size-adjust:none; /* 自動調整抑止 */
	color:#533223;
	background:url(../images/bg.jpg) #3d2219;
	}
/*----------------------------------------
 リンク
--------------------------------------- */
a{outline:none;}
a:link, a:visited {color: #cc0000; text-decoration:underline; background:none;}
a:hover, a:active {color: #cc0000; text-decoration:none; background:none}
.imglink a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7}
/*---------------------------------------
 ヘッダ
---------------------------------------- */
#header {padding:10px 10px 5px 10px}
#logo{float:left;width:220px;margin-top:5px}
#logo img{width:100%;height:auto}
/*-------------------------------------
ヘッダナビ
-------------------------------------*/
.actionbar {
	line-height:40px;
	font-size:13px;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
	}

.actionbar ul li {
	list-style:none;
	line-height:normal
	}

.actionbar .home{
	float:left;
	width:30%;
	display:block
	}

.actionbar .menu{
	float:left;
	width:45%;
	display:block
	}

.actionbar .pc{
	float:right;
	width:25%;
	display:block
	}

.actionbar ul li a img{
	vertical-align:middle;
	margin-right:5px
	}

.actionbar ul li a {
	display:block;
	text-decoration:none;
	background: -moz-linear-gradient(
		top,
		#938b73 0%,
		#4b3f21);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#938b73),
		to(#4b3f21));
	font-weight:bold;
	border-right: 1px solid #938a70;
	border-left: 1px solid #554827;
	border-bottom: 1px solid #2a220c;	
	padding:13px 0;
	color: #fff;
	}
/*--------------------------------
電話
---------------------------------*/
#header .tel_btn{ padding:0 auto;}
#header .tel_btn a{
	font-size:11px;
	text-align:center;
	text-decoration:none;
	width:13%;
	float:right;
	border-top:1px solid #709cd6;
	border-left:1px solid #709cd6;	
	border-right:1px solid #001e4b;
	border-bottom:1px solid #001e4b;		
	background: -moz-linear-gradient(
		top,
		#045ee3 0%,
		#143665);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#045ee3),
		to(#143665));
	text-shadow:0 -1px 0 rgba(0,0,0,.3);
	line-height:100%;
	color:#fff;
	padding-bottom:2px
	}
#header .tel_btn img{ margin:4px auto}

/*----------------------------------------
#pagebody
---------------------------------------- */
#pagebody{
	margin:10px;
	padding:10px;
	background:url(../images/bg-paper.jpg)
	}
/*---------------------------------
バナーボタン
---------------------------------*/
.banner1{
	line-height:100%;	
	clear:both;	
	background:url(../images/mark.png) no-repeat 95% 50% #f5e9d0;
	border-right:1px solid #a38b56;
	border-bottom:1px solid #a38b56;	
	font-size:100%;	
	margin-bottom:5px
	}
	
.banner1 a{
	color:#533223;
	padding:10px 10px 6px 10px;
	text-decoration:none;
	display:block
	}

.banner1 p{
	width:30%;
	float:left;
	margin-right:11px
	}
	
.banner1 p img{
	width:100%;
	height:auto;
	}	

.banner1 div{
	width:58%;
	float:left;
	margin-top:5px;
	margin-right:10px
	}


.banner1 h4{
	font-weight:bold;
	padding-bottom:5px;
	font-size:120%;}

.banner1 span{
	font-size:80%;
	}

.banner1 a:hover{
	color:#fff;	
	background:url(../images/mark2.png) no-repeat 95% 50% #4c3b2d
	}

/*----------------------------
MENUボタン
---------------------------------*/
.navigation {
	font-size:110%;
	clear:both;
	margin-bottom:10px;
	}

.navigation ul {
	margin:0 auto; overflow:hidden
	}

.navigation ul li {
	text-align:center;	
	list-style:none;
	float:left;
	width:100%;
	line-height:normal}

.navigation ul li a {
	color:#fff;
	border-top:1px solid #6a4b43;
	display:block;
	text-decoration:none;
	padding:15px 10px;	
	background: -moz-linear-gradient(
		top,
		#51352e 0%,
		#301810);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#51352e),
		to(#301810));}
		
.navigation ul li a:hover,
.navigation ul .current a:link,
.navigation ul .current a:hover,
.navigation ul .current a:visited,
.navigation ul .current a:active {
	color:#fff;
	background: -moz-linear-gradient(
		top,
		#20100b 0%,
		#20100b);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#20100b),
		to(#20100b));}

.navigation ul li a strong {
	display:block;
	background:url(../images/mark2.png) no-repeat 99% 50%}

.navigation ul li img{
	vertical-align:middle}	
	
/*----------------------------
PCサイトへリンクボタン
---------------------------------*/
.navigation2 {
	font-size:120%;
	clear:both;
	}

.navigation2 ul{
	margin:0 auto; overflow:hidden}

.navigation2 ul li {
	text-align:center;	
	list-style:none;
	float:left;
	width:100%;
	line-height:normal}

.navigation2 ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding:15px 10px;
	border-top:1px solid #709cd6;
	border-left:1px solid #709cd6;	
	border-right:1px solid #001e4b;
	border-bottom:1px solid #001e4b;	
	background: -moz-linear-gradient(
		top,
		#045ee3 0%,
		#143665);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#045ee3),
		to(#143665));
		;}
		
.navigation2 ul li a:hover,
.navigation2 ul .current a:link,
.navigation2 ul .current a:hover,
.navigation2 ul .current a:visited,
.navigation2 ul .current a:active {
	color:#fff;	
	border-top:1px solid #709cd6;
	border-left:1px solid #709cd6;	
	border-right:1px solid #001e4b;
	border-bottom:1px solid #001e4b;	
	background: -moz-linear-gradient(
		top,
		#045ee3 0%,
		#143665);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#045ee3),
		to(#143665));
		}

.navigation2 ul li a strong {
	display:block;
	background:url(../images/icon_pc.png) no-repeat 92% 50%
	}

.navigation2 ul li img{
	vertical-align:middle
	}				

/*--------------------
ニュース
----------------------*/
.news-logo img{
	width:200px;
	margin-bottom:20px;
	height:auto
	}

.news{margin-bottom:10px;}

#news {width:100%}
#news th,
#news td {vertical-align:top}
#news th {
	text-align:left;
	white-space:nowrap;
	padding:1px 5px 0px 0px
	} 
#news td {
	padding:2px 5px 3px 0;
	}
	
#news td img {vertical-align:middle}

/*--------------------
下部の会社情報
----------------------*/
#cont_box{
	background:#f5e9d0;
	margin-bottom:10px;	
	padding:10px
	}

.cont_left{
	float:left;
	width:73%}

.cont_right{
	float:right;
	width:22%}

#cont_box .tel_btn a{
	font-size:10px;
	height:auto;
	width:100%;
	text-align:center;
	text-decoration:none;
	float:right;
	border-top:1px solid #709cd6;
	border-left:1px solid #709cd6;	
	border-right:1px solid #001e4b;
	border-bottom:1px solid #001e4b;	
	background: -moz-linear-gradient(
		top,
		#045ee3 0%,
		#143665);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#045ee3),
		to(#143665));
	color: #fff;
	text-shadow:0 -1px 0 rgba(0,0,0,.8);
	padding:10px 1px 5px 1px;
	}

#cont_box .tel_btn img{
	vertical-align:middle;
	padding-bottom:7px;
	}

.text{
	width:96%;
	float:left;
	line-height:1.4em;
	}
	
/*------------------------------------
施工事例
------------------------------------*/	
.s_navi{
	border-right:1px solid #4c3b2d;
	border-left:1px solid #4c3b2d;
	border-bottom:1px solid #4c3b2d;	
	margin-bottom:20px
	}

.s_navi a:link,
.s_navi a:visited {color: #333; text-decoration:none}
.s_navi a:hover,
.s_navi a:active {color: #333; text-decoration:none}	
.s_navi ul {list-style-type:none}
.s_navi ul li {
	list-style:none;	
	display: block;	
	border-top:1px #4c3b2d solid;	
	}
.s_navi a{  
	display:block;
	padding: 15px 20px 14px 20px;
	background: url(../images/mark.png) no-repeat 3% 50%  #fff;
    }  
.s_navi a:hover{
	color:#fff;
	background:url(../images/mark2.png) no-repeat 3% 50% #4c3b2d
    } 
	
.detail-box1{
	width:42%;
	float:left;
	margin-left:15px;
	margin-bottom:5px;
	}

/*------------------------------------
お問い合わせ
-----------------------------------*/
input, textarea{line-height:1.4; padding:0; vertical-align:middle}
textarea{ font-size:12px}
.form-s{width:100%}
.form-m{width:100%}
.form-h{width:100%}
.form-w{width:100%}
.con_table{
	width:100%;
	border-top:2px solid #a38b56;
	border-right:2px solid #a38b56;
	border-left:2px solid #a38b56;			
	text-align:left;
	}
.con_table td{
	padding:0 10px 10px 10px;
	border-bottom:2px solid #a38b56;
	}
.con_table th{
	width:30%;
	text-align:left;
	padding:7px 0 5px 11px
	}
.con_table .need{
	background:url(../images/icon_need.gif) no-repeat 95% center}
.con_table td span{ font-size:85%}


.con_table2{
	width:100%;
	border-top:2px solid #a38b56;
	border-right:2px solid #a38b56;
	border-left:2px solid #a38b56;			
	text-align:left;
	}
.con_table2 td{
	padding:0 10px 10px 10px;
	border-bottom:2px solid #a38b56;
	}
.con_table2 th{
	width:30%;
	text-align:left;
	border-bottom:2px solid #a38b56;
	}
.con_table2 .need{
	background:url(../images/icon_need.gif) no-repeat 95% center}
.con_table2 td span{ font-size:85%}


/*---------------------------
テーブル
------------------------------*/
.table{
	width:100%;
	background:#fff;
	border-collapse:collapse;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	}

.table th,.table td{
	padding:5px 4px 2px 4px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	}

.table th{
	white-space:nowrap;
	background-color:#fff4e5;
	}

/*----------------------------------------
 フッター
-----------------------------------------*/
footer{font-size:90%}
.pagetop{
	text-align:center;
	padding:20px 0}

/*---------------------------------------
 汎用
-------------------------------------- */
* html .dtb { zoom: 1; } /* IE6 */
*:first-child+html .dtb { zoom: 1; }/*IE7 */
.clear {clear:both}
.clearfix{zoom:1;/*for IE 5.5-7*/overflow:hidden}
.clearfix:after{/*for modern browser*/ content:"."; display: block; height:0px; clear:both; visibility:hidden}

.fs80{ font-size:80%; letter-spacing:-0.1em;}
.fs120{ font-size:120%;}

.red{ color:#C00}
.blown {color: #bb7802}

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

.img img{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	}

.img2{
	width:35%;
	height:auto;
	padding:0;
	margin-right:35px;
	}	
	
.box{
	border:1px solid #39271e;
	background:#e7d09e;
	padding:15px;
	margin-bottom:10px
	}

.f-right{ float:right}
.f-left{float:left}
.rgt{text-align:right}
.ctr{text-align:center}
.bold{ font-weight:bold}
.lhn{ line-height:normal; margin-bottom:10px}

.m_b{
	border-top:1px dashed #666;
	padding-top:5px;
	padding-left:12px;
	}

ul {list-style:none;}
.ul01 li {
	padding: 0 0 0 25px;
	margin-bottom:5px;
    background: transparent url(../images/mark.png) no-repeat 4% 50%}
	
/*---------------------------
 h
-----------------------------*/
h2,h3,h4,h5{
	margin: 0;
	font-size:100%;	
	padding: 0;
	font-style:normal;
	font-weight:normal;
	clear:both}

.title1{
	font-size:120%;
	background:#f5e9d0;
	border-top:2px solid #39271e;
	border-bottom:1px dotted #39271e;
	padding:10px;
	font-weight:bold;	
	margin-bottom:20px	
	}
	
.title2{
	font-size:120%;	
	padding:2px 5px;
	border-left:5px solid #39271e;
	margin-bottom:10px;	
	font-weight:bold
	}

.title3{
	padding-bottom:7px;	
	border-bottom:1px solid #39271e;
	margin-bottom:10px;	
	font-weight:bold
	}

.title4{
	padding:10px;
	background:url(../images/homeicon.jpg) 0 50% no-repeat;
	padding:5px 0 2px 27px;
	margin-bottom:10px;	
	font-weight:bold
	}
	
.title5{
	font-size:140%;
	background:#39271e;
	color:#fff;
	padding:20px;
	font-weight:bold;	
	margin-bottom:20px	
	}