@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */

html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin:0;
    padding:0;
	}
	
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
	}
	
table {
    border-spacing:0;
	}
	
fieldset,img,abbr,acronym {
    border:0;
	}
	
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
    font-style:normal;
    font-weight:normal;
	}
	
ol,ul {
    list-style:none;
	}
	
caption,th {
    text-align:left;
	}					

a {
	text-decoration: underline;
    outline:none;	
	}

a:link, a:visited, a:active {
	color: #0000FF;
	}

a:hover {
	color: #000099;
	}

hr {
    border:0;
    height:1px;
    background-color:#000;
    color:#000;
	}
	
a img,:link img,:visited img {
    border:none;
	}
	
/* レイアウト
---------------------------------------------------- */
	
body{
	color:#666;
	text-align:center;
	font-size:small;
	line-height:140%;
	background:url(../img/bg.jpg) repeat-x #E9F8FC;
	}
	
body {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳＰゴシック";
	}	
		
#wrapper{
	width:824px;
	margin:0 auto;
	background:url(../img/bg_mdl.gif) repeat-y;
	}
	
#layout{
	width:824px;
	background:url(../img/bg_top.gif) no-repeat;
	text-align:left;
	}
	
#header {
	width:780px;
	margin-left:22px;
	padding-top:25px;
	}

#contents{
	clear:both;
	width:760px;
	margin-left:32px;
	}
	
#leftBox{
	float:left;
	width:200px;
	margin-right:20px;
	margin-bottom:30px;
	}
	
#rightBox{
	float:left;
	margin-bottom:30px;
	}
	
.mCon{
	width:520px;
	margin-left:10px;
	}		
	
#footer{
	clear:both;
	width:770px;
	padding:2px 5px;
	margin-left:22px;
	background:#fc3;
	color:#000;
	font-size:small;
	font-weight:bold;
	}
	
#footerbg{
	background:url(../img/bg_btm.gif);
	width:824px;
	height:22px;
	}		

/* ヘッダー
---------------------------------------------------- */
/*.title {
	background: url(../../site/img/ico_p001.gif) no-repeat;
	height: 20px;
	width:22px;
	padding-left: 20px;
}	*/

h1{
	width:770px;
	padding:2px 5px;
	margin-bottom:10px;
	background:#fc3;
	color:#333;
	font-size:small;
	font-weight:bold;
	}
	
#header h2 a{
	float:left;
	width:332px;
	height:60px;
	margin-bottom:15px;
	margin-right:88px;
	background:url(../img/h2.gif) no-repeat;
	text-indent:-9999px;
	line-height:100%;
	text-decoration:none;
	}
	
address{
	float:left;
	width:355px;
	height:30px;
	margin-top:5px;
	border-bottom:1px solid #CCC;
	background:url(../img/add.gif) no-repeat 5px;
	line-height:100%;
	text-indent:-9999px;
	}	
	
ul#lNavi{
	margin-top:6px;
	list-style:none;
	float:left;
	width:355px;
	}
	
ul#lNavi li{
	display:inline;
	}	

#gNavi {
	clear:both;
	margin:0;
	padding:0;
	}
	
#gNavi li{
	float:left;
	}	
	
#gNavi li a {
	display:block;
	height:75px;
	text-decoration:none;	/*FF*/
	text-indent:-9999px;
	}
	
#gNavi li#example a {width:132px; background:url(../img/b_01.jpg);}
#gNavi li#work a {	width:134px; background:url(../img/b_02.jpg);}
#gNavi li#price a {	width:124px; background:url(../img/b_03.jpg);}
#gNavi li#qa a {	width:124px; background:url(../img/b_04.jpg);}
#gNavi li#contact a {	width:139px; background:url(../img/b_05.jpg);}
#gNavi li#blog a {	width:127px; background:url(../img/b_06.jpg);}

#gNavi li#example a:hover, #gNavi li#work a:hover, #gNavi li#price a:hover, #gNavi li#qa a:hover, #gNavi li#contact a:hover, #gNavi li#blog a:hover {background-position:0px -75px;}

#pan{
	padding-top:10px;
	height:30px;
	}
	
/* 左ボックス
---------------------------------------------------- */	

#leftBox{
	line-height:130%;
	}

#leftBox h2{
	margin-bottom:5px;
	}
	
#leftBox h3.tt{
	font-size:small;
	display:inline;
	color:#090;
	}	
	
#leftBox div.area{
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:1px dashed #ccc;
	}	

				
/* トップページ
---------------------------------------------------- */

.message{
	width:508px;
	padding:15px;
	background:#eee;
	border:1px solid #75A3D1;
	}

.info{
	width:508px;
	padding:15px;
	background:#eee;
	border:1px solid #99CC33;
	margin-bottom:20px;
	}
	
ul.infoli{
	margin-left:15px;
	margin-top:10px;
	}	
	
ul.infoli li{
	list-style:square;
	}
	
/* フッター
---------------------------------------------------- */


#footer a:link , #footer a:visited , #footer a:active{
	text-decoration:none;
	color:#333;
	}

#footer a:hover {
	text-decoration:none;
	color: #333;
	}
	
.pTop{
	text-align:right;
	}
	
.pTop span{
	color:#F90;
	}
	
.pTop a:link , .pTop a:visited , .pTop a:active{
	text-decoration:none;
	color:#333;
	}

.pTop a:hover {
	text-decoration:none;
	color: #ccc;
	}
	
/* 施工例
---------------------------------------------------- */

#ex .check01{
	border:1px solid #999;
	width:538px;
	margin-bottom:30px;
	}
	
#ex .check02{
	margin:15px;
	border:1px solid #ccc;
	background:#FFFFE8;
	padding:10px;
	}
	
#ex .check03{
	margin:0 15px 15px;
	}
	
#ex .check04{
	margin:15px;
	border:1px solid #ccc;
	background:#EEFFEE;
	padding:10px;
	}	
	
#ex .check03 .dotLine{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #ccc;
	}		
	
#ex .check02 span{
	color:#66CC33;
	}			
	
#ex .check03 span{
	color:#197CE0
	}
	
#ex .check04 td.sp{
	padding-top:4px;
	}	
	
#ex .check04 td.line{
	border-bottom:1px solid #ccc;
	padding-bottom:4px;
	}
	
#ex .baBox{
	margin-top:10px;
	margin-bottom:10px;
	background:#fff;
	}
	
#ex .baBox td{
	padding:20px;
	}	
	
#ex .baBox img.line{
	border:1px solid #999;
	}	

	
/* Q&A
---------------------------------------------------- */

#qa li{
	background:url(../../qa/img/ico_q.gif) no-repeat left 50%;
	padding-left:24px;
	padding-bottom:6px;
	padding-top:6px;
	border-bottom:1px dashed #ccc;
	}
	
#qa .qaBox{
	border:1px solid #ccc;
	margin-bottom:5px;
	}

#qa .qaBox td{
	padding:10px;
	}
#qa .qaBox h3{
	padding:4px;
	background:#F4EEDE;
	}
	
#qa .qaBox p.atxt{
	margin-top:4px;
	padding:4px;
	}		
			
	
/* 料金表
---------------------------------------------------- */

#price .hyo01 td{
	border:1px solid #ccc;
	padding:6px;
	}
	
#price .hyo01{
	border-collapse:collapse;
	border-right:1px solid #ccc;
	margin-left:10px;
	margin-bottom:5px;
	}
	
#price ol{
	width:480px;
	list-style:decimal;
	padding-left:34px;
	margin-bottom:30px;
	}

#price li{
	margin-top:2px;
	padding-bottom:2px;
	}		
	
/* 会社概要
---------------------------------------------------- */

#company .hyo01{
	border:1px solid #FFCC00;
	margin-bottom:30px;
	margin-left:10px;
	}
	
#company .hyo01 td, #company .hyo02 td{
	padding:6px;
	color:#333;
	}
	
#company .hyo02{
	border:1px solid #3399FF;
	margin-bottom:5px;
	margin-left:10px;
	}
	
#company .hndimg{
	text-align:center;
	padding-top:30px;
	margin-bottom:30px;
	border-top:1px dashed #ccc;
	}				
	
/* プライバシーポリシー
---------------------------------------------------- */

#privacy ol{
	width:470px;
	padding-left:40px;
	list-style:decimal;
	margin-bottom:30px;
	}

#privacy li{
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:1px dashed #ccc;
	}	

/* スペース関連
---------------------------------------------------- */

.spB05{	margin-bottom:05px;}	
.spB10{	margin-bottom:10px;}	
.spB15{	margin-bottom:15px;}
.spB20{	margin-bottom:20px;}
.spB30{	margin-bottom:30px;}
.spB60{	margin-bottom:60px;}
	
.spT10{	margin-top:10px;}	
.spT15{	margin-top:15px;}
.spT20{	margin-top:20px;}	
.spT60{	margin-top:60px;}	
.spT120{	margin-top:120px;}	
.spT170{	margin-top:170px;}	

.spR15{ margin-right:15px;}

/* その他
---------------------------------------------------- */

.fLeft{
	float:left;
	}
	
.fRight{
	float:right;
	text-align:right;
	}
	
.cl{
	clear:both;
	}
	
.toRight{
	text-align:right;
	}
	
.toCenter{
	text-align:center;
	}
	
/*フォーム*/

#contact .FormbgLine{
	border:1px solid #66CC66;
	background:#EEFFDF;
	margin-bottom:30px;
	}
	
#contact .FormbgLine td{
	padding:8px;
	}	
	
#contact .bgLine{
	border:1px solid #66CC66;
	background:#EEFFDF;
	}

	
.w200{
	width:200px;
	}
	
.w350{
	width:350px;
	}	.title {
	background: url(../../site/img/ico_p001.gif) no-repeat left;
	padding-left: 22px;
}