
/*----------------------------------------------------------------------------------------*/
/*  共通設定                                                                              */
/*----------------------------------------------------------------------------------------*/

img{
border:0px;
vertical-align:top;
}
 
html{
}

body{/*全体の指定*/
margin:0 0 20px;
height:100%;
padding;0;
width:100%;
line-height:100%;
background:#FFFFFF url(../../img/bg.jpg) repeat-x;
}

img{border:0; vertical-align:top;}/*画像の隙間、ボーダー消し*/

em,address{font-weight:normal; font-style:normal;}/*強調のリセット*/

a:link    {color:#0066FF; text-decoration:none;}       /*未訪問リンク*/ 
a:visited {color:#990099; text-decoration:none;}       /*訪問済リンク*/
a:hover   {text-decoration:underline;} /*マウスオーバー時*/
a:active  {color:#0033FF;}      /*クリック時*/

/*----------------------------------------------------------------------------------------*/
/*  トップページ                                                                          */
/*----------------------------------------------------------------------------------------*/

div#header{
width:822px;
height:134px;
margin:0 auto 0;
position:relative;
}

#hdimg{
margin:0;
padding:0;
width:822px;
height:134px;
top:0;
left:0;
position:absolute;
z-index:0;
}

h1{
position:absolute;
top:7px;
left:18px;
font-size:10px;
font-weight:normal;
color:#666666;
z-index:1;
}

p#logo{
margin:0;
padding:0;
position:absolute;
top:30px;
left:15px;
z-index:2;
}

ul#global_navi{
width:800px;
height:66px;
margin:0 0 20px;
padding:0;
list-style:none;
}

	ul#global_navi li{
	height:66px;
	margin:0;
	padding:0;
	float:left;
	vertical-align:bottom;
	display:block;
	}
	
	ul#global_navi li a{
	height:66px;
	display:block;
	float:left;
	background-image:url(../../img/global_navi2.jpg);
	}

	a#menu01      {width:190px; background-position:0      0;}
	a#menu02      {width:165px; background-position:-190px 0;}
	a#menu03      {width:135px; background-position:-355px 0;}
	a#menu04      {width:175px; background-position:-490px 0;}
	a#menu05      {width:135px; background-position:-665px 0;}

	a#menu01:hover{width:190px; background-position:0      -66px;}
	a#menu02:hover{width:165px; background-position:-190px -66px;}
	a#menu03:hover{width:135px; background-position:-355px -66px;}
	a#menu04:hover{width:175px; background-position:-490px -66px;}
	a#menu05:hover{width:135px; background-position:-665px -66px;}
	
	a#menu01on{width:190px; background-position:0      -66px;}
	a#menu02on{width:165px; background-position:-190px -66px;}
	a#menu03on{width:135px; background-position:-355px -66px;}
	a#menu04on{width:175px; background-position:-490px -66px;}
	a#menu05on{width:135px; background-position:-665px -66px;}

.main_img{
width:800px;
height:220px;
margin:0;
padding:0;
}

#wrapper{
width:800px;
margin:0 auto;
padding:10px;
border-left :1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
position:relative;
}

div#outline{
background-image:url(../../img/outline.gif);
width:822px;
margin:20px auto;
position:relative;
}


#subContents{
width:200px;
height:auto;
margin:0;
padding:0;
float:left;
}


#mainContents{
width:580px;
height:auto;
margin:0;
padding:0;
float:right;
position:relative;
}

mainContents h3{
width:580px;
height:30px;
margin:0;
margin-bottom:10px;
padding:0;
padding-bottom:10px;
border-bottom:dotted 2px #999999;
clear:both;
}

ul#banners{
margin:20px 0 0;
padding:0;
list-style:none;
}

ul#banners li{
margin:0;
padding:0;
}

addres#tel{
margin:0;
padding:0;
}

p#sekoArea{
font-size;12px!important;
color:#ff0000;
}

div.club{
border:1px solid #666666;
font-size:14px;
font-weight:bold;
padding:10px 8px;
text-align:center!important;
}

div.club a{color:#000000!important;}

.news{
list-style:none;
margin:0 10px;
padding:0;
border-top:1px dashed #ccc;
}

.news li{
padding:8px 0;
border-bottom:1px dashed #ccc;
font-size:12px;
text-align:left;
}

.newsTitle{
text-align:left;
border-left:3px solid #FDB53D;
padding:10px;
}

.date{
text-align:left;
padding:5px;
border-top:1px dotted #ccc;
}

/***************************************************************

	外壁塗装・屋根塗装・内装リフォーム

***************************************************************/

div.tosoBox{border:1px solid #CCCCCC; padding:5px; height:76px; margin-bottom:12px; position:relative;}

div.leftB {float:left;  width:100px; border-right:5px solid #FF6600; padding-right:5px;position:relative;}
div.rightB{float:right; width:455px;text-align:left!important;position:relative;}

div.rightB h4{padding:0;margin:0;}
div.rightB p{padding:0;margin:0;font-size:12px!important;padding-left:10px!important; line-height:1.4;text-align:left!important;}

.detailsLink{
position:absolute;
top:55px;
left:350px;
font-size:12px;
text-align:right;
width:100px;
}

/***************************************************************

	施工事例トップページ用

***************************************************************/

table#sekoTop{
border:0;
border-collapse:collapse;
width:580px;
}

table#sekoTop th{
width:120px;
vertical-align:top;
margin:0;
margin-bottom:10px;
padding:0;
text-align:left!important;
}

table#sekoTop td{
width:160px;
padding-left:10px;
font-size:12px;
vertical-align:top;
margin:0;
line-height:1.5;
margin-bottom:10px;
padding:0;
text-align:left!important;
}

span.red{color:#FF0000; font-weight:bold;}

.sekoIMG{
margin :9px;
padding:0;
width:199px;
}

table#paging_tbl2{
border:0;
margin:0 0 20px;
border-collapse:collapse;
width:100%;}

table#paging_tbl2 td.left_td2{text-align:left; width:200px;}

table#paging_tbl2 td.cent2{text-align:center; width:178px;}

table#paging_tbl2 td.right_td2{text-align:right; width:200px;}

/***************************************************************

	メインコンテンツ・フッター

***************************************************************/

#mainContents_banner{
width:580px;
height:100px;
margin:0;
margin-bottom:10px;
padding:0;
}

#footer{
width:822px;
height:40px;
margin:0 auto;
padding:0;
background-image:url(../../img/footer.gif);
background-repeat:no-repeat;
background-position:bottom;
}
	
#copyright{
padding:0;
font-size:12px!important;
color:#663300;
font-weight:normal;
text-align:center;
}

#copyright span{

}

/***************************************************************

	会社概要

***************************************************************/

#gaiyoTable{
border-top :1px solid #FE6F0F;
border-left:1px solid #FE6F0F;
font-size:12px;
border-collapse:collapse;
width:579px;
}

#gaiyoTable th{
border-right :1px solid #FE6F0F;
border-bottom:1px solid #FE6F0F;
padding:10px 5px;
background:#F3E3A5;
width:100px!important;
}

#gaiyoTable td{
border-right :1px solid #FE6F0F;
border-bottom:1px solid #FE6F0F;
padding:10px 5px;
text-align:left;
}

/***************************************************************

	お問い合わせ

***************************************************************/

#formTable{
border-top :1px solid #FE6F0F;
border-left:1px solid #FE6F0F;
font-size:12px;
border-collapse:collapse;
width:579px;
}

#formTable th{
border-right :1px solid #FE6F0F;
border-bottom:1px solid #FE6F0F;
padding:10px;
background:#F3E3A5;
text-align:left;
width:150px!important;
}

#formTable td{
border-right :1px solid #FE6F0F;
border-bottom:1px solid #FE6F0F;
padding:10px 5px;
text-align:left;
}

span.sml{font-size:10px; font-weight:normal;}

#mainContents{
text-align:center;
}

/*----------------------------------------------------------------------------------------*/
/*  施工事例                                                                              */
/*----------------------------------------------------------------------------------------*/

div.seko{}

div.seko h3{
text-align:left;
border-left:5px solid #670100!important;
border-bottom:1px solid #CCCCCC!important;
font-size:14px!important;
padding:10px!important;
}

div.seko h3 a{color:#039A01;}

p.prof{
text-align:left;
}

table.sekoT{
width:580px;
border:0;
border-collapse:collapse;
}

p#pager{
font-size:14px;
padding:20px;
}

div#comment{
width:568px;
border:1px solid #FF7010;
background:#FFFFCB;
padding:5px;
text-align:left;
line-height:1.5;
}

/*----------------------------------------------------------------------------------------*/
/*  外壁・屋根・内装                                                                      */
/*----------------------------------------------------------------------------------------*/

div.toso{}

div.toso p{
line-height:1.5;
text-align:left;
font-size:14px;
}

div.toso h3{
text-align:left;
border-left:5px solid #670100;
border-bottom:1px solid #CCCCCC;
font-size:14px;
padding:10px;
}

div.spec   {border:1px solid #666666!important; text-align:left; font-size:12px; line-height:1.5; color:#333333; margin-bottom:10px; background:#CDF4CC;}
div.spec p {padding:10px 20px!important;}
div.spec h3{border:0!important;margin:0; padding:10px 10px 0;}
div.spec h4{color:#FF0000; padding:0 15px;}


div.spec ul{}
span.green{color:#006600;}

table.photo{
border-collapse:collapse:border:0;
width:570px;
margin:0 auto;
}

table.photo td.cent{
padding:0 10px;
}

h3.plans{
margin:0;
padding:0;
}

div.plan{
text-align:left!important;
border:1px solid #FF9901;
border-top:0;
margin-bottom:30px;
padding:15px;
line-height:1.3;
font-size:14px;
}

div.plan table{
border-top :1px solid #FE6F0F;
border-left:1px solid #FE6F0F;
font-size:12px;
border-collapse:collapse;
width:400px;
}

div.plan table th{
border-right :1px solid #FE6F0F;
border-bottom:1px solid #FE6F0F;
padding:10px;
background:#F3E3A5;
text-align:left;
width:150px!important;
}

div.plan table td{
border-right :1px solid #FE6F0F;
border-bottom:1px solid #FE6F0F;
padding:10px 5px;
text-align:left;
}

p.red{
color:#FF0000;
padding-top:30px;
padding-bottom:30px;
border-top:1px solid #CCCCCC;

}

/*----------------------------------------------------------------------------------------*/
/*  リフォーム                                                                            */
/*----------------------------------------------------------------------------------------*/

.refH4{
text-align:left;
color:#c60;
font-size:14px;
padding:0!important;
margin:0!important;
}

.refTable{
margin:-20px 0 20px!important;
padding:0!important;
}

.refTable td{
text-align:center!important;
}

.blueP{color:#06c; font-weight:bold;}

/*----------------------------------------------------------------------------------------*/
/*  規約                                                                                  */
/*----------------------------------------------------------------------------------------*/

div.kiyaku{
text-align:left!important;
border:1px dashed #CCCCCC;
padding:20px;
background:#FFFFE6;
font-size:14px;
}

div.kiyaku ul   {margin:5px 0; padding:0;list-style:inside; padding-left:10px;}
div.kiyaku ul li{padding:5px}

div.kiyaku p{margin:0; padding:0}

div{

}

p.yakusoku{font-size:16px!important;color:#cc6600;margin-bottom:15px!important;
font-weight:bold;
}

div.kiyaku div{
padding:20px;
margin-top:20px;
background:#f6f6f6;
line-height:1.5;
border:1px solid #eeeeee;
}

p.ura{
color:#FF0000;
margin-bottom:10px!important;
}

p.daihyo{
text-align:right!important;
margin-top:10px!important;
font-weight:bold;
}