@charset "utf-8"; 

#sidebar h1{
background:url(../img/titlebg.gif) no-repeat top left;
padding:35px 0 5px 5px;
font-weight:bold;
color:#FFFFFF;
}

#sidelist1{
margin-bottom:20px;
}

#sidelist1 dt{
margin-top:5px;
padding:5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
}

#sidelist1 dd{
line-height:2.0em;
padding-left:20px;
background:url(../img/listmark.gif) no-repeat center left;
}


/*家づくり*/

#obi1{
height:50px;
background:url(../img/obi1.gif) no-repeat top left;
text-indent:-9999px;
}

#point1{
background:url(../img/point1.jpg) no-repeat top right;
margin-bottom:20px;
height:240px;
padding-right:330px;
}

#point1 h3{
height:20px;
background:url(../img/p1t1.gif) no-repeat top left;
text-indent:-9999px;
}

#point1 h4{
height:25px;
background:url(../img/p1t1-2.gif) no-repeat top left;
text-indent:-9999px;
border-bottom:1px solid #CCCCCC;
margin-top:10px;
margin-bottom:10px;
padding-bottom:5px;
}

#point2{
background:url(../img/point2.jpg) no-repeat bottom left;
margin-bottom:20px;
height:240px;
padding-left:330px;
}

#point2 h3{
height:20px;
background:url(../img/p1t2.gif) no-repeat top right;
text-indent:-9999px;
}

#point2 h4{
height:25px;
background:url(../img/p1t2-2.gif) no-repeat top right;
text-indent:-9999px;
border-bottom:1px solid #CCCCCC;
margin-top:10px;
margin-bottom:10px;
padding-bottom:5px;
}

#point3{
background:url(../img/point3.jpg) no-repeat bottom right;
margin-bottom:20px;
height:240px;
padding-right:330px;
}

#point3 h3{
height:20px;
background:url(../img/p1t3.gif) no-repeat top left;
text-indent:-9999px;
}

#point3 h4{
height:25px;
background:url(../img/p1t3-2.gif) no-repeat top left;
text-indent:-9999px;
border-bottom:1px solid #CCCCCC;
margin-top:10px;
margin-bottom:10px;
padding-bottom:5px;
}

#point4{
background:url(../img/point4.jpg) no-repeat bottom left;
margin-bottom:20px;
height:240px;
padding-left:330px;
}

#point4 h3{
height:20px;
background:url(../img/p1t4.gif) no-repeat top right;
text-indent:-9999px;
}

#point4 h4{
height:25px;
background:url(../img/p1t4-2.gif) no-repeat top right;
text-indent:-9999px;
border-bottom:1px solid #CCCCCC;
margin-top:10px;
margin-bottom:10px;
padding-bottom:5px;
}


/*こだわり*/

#obi2{
height:50px;
background:url(../img/obi2.gif) no-repeat top left;
text-indent:-9999px;
}

#koho1{
background:url(../img/koho1.jpg) no-repeat top right;
margin-bottom:20px;
height:270px;
padding-right:330px;
}

#koho1 h3{
height:20px;
background:url(../img/p2t2.gif) no-repeat top left;
text-indent:-9999px;
}

#koho1 h4{
height:25px;
background:url(../img/p2t2-2.gif) no-repeat top left;
text-indent:-9999px;
border-bottom:1px solid #CCCCCC;
margin-top:10px;
margin-bottom:10px;
padding-bottom:5px;
}

#koho2{
background:url(../img/koho2.jpg) no-repeat top right;
margin-bottom:20px;
height:270px;
padding-right:330px;
}

#koho2 h3{
height:20px;
background:url(../img/p2t3.gif) no-repeat top left;
text-indent:-9999px;
}

#koho2 h4{
height:25px;
background:url(../img/p2t3-2.gif) no-repeat top left;
text-indent:-9999px;
border-bottom:1px solid #CCCCCC;
margin-top:10px;
margin-bottom:10px;
padding-bottom:5px;
}

#koho3{
background:url(../img/koho3.jpg) no-repeat top right;
margin-bottom:20px;
height:270px;
padding-right:330px;
}

#koho3 h3{
height:20px;
background:url(../img/p2t4.gif) no-repeat top left;
text-indent:-9999px;
}

#koho3 h4{
height:25px;
background:url(../img/p2t4-2.gif) no-repeat top left;
text-indent:-9999px;
border-bottom:1px solid #CCCCCC;
margin-top:10px;
margin-bottom:10px;
padding-bottom:5px;
}

#koho4{
background:url(../img/koho4.jpg) no-repeat top right;
margin-bottom:20px;
height:270px;
padding-right:330px;
}

#koho4 h3{
height:20px;
background:url(../img/p2t5.gif) no-repeat top left;
text-indent:-9999px;
}

#koho4 h4{
height:25px;
background:url(../img/p2t5-2.gif) no-repeat top left;
text-indent:-9999px;
border-bottom:1px solid #CCCCCC;
margin-top:10px;
margin-bottom:10px;
padding-bottom:5px;
}

#koho5{
background:url(../img/koho5.jpg) no-repeat top right;
margin-bottom:20px;
height:270px;
padding-right:330px;
}

#koho5 h3{
height:20px;
background:url(../img/p2t6.gif) no-repeat top left;
text-indent:-9999px;
}

#koho5 h4{
height:25px;
background:url(../img/p2t6-2.gif) no-repeat top left;
text-indent:-9999px;
border-bottom:1px solid #CCCCCC;
margin-top:10px;
margin-bottom:10px;
padding-bottom:5px;
}

/*お家が出来るまで*/
#obi4{
height:50px;
background:url(../img/obi4.gif) no-repeat top left;
text-indent:-9999px;
}

#flow h3{text-indent:-9999px;height:20px; margin:10px 0;}
#flow h4{text-indent:-9999px;height:30px;margin:0 0 0 100px;}
#flow p{padding-left:175px;}

#flow1{background:url(../img/ftitle1.gif) no-repeat top left;}
#flow2{background:url(../img/ftitle2.gif) no-repeat top left;}
#flow3{background:url(../img/ftitle3.gif) no-repeat top left;}
#flow4{background:url(../img/ftitle4.gif) no-repeat top left;}
#flow5{background:url(../img/ftitle5.gif) no-repeat top left;}
#flow6{background:url(../img/ftitle6.gif) no-repeat top left;}

#f1{background:url(../img/flow.gif) no-repeat 0 0;}
#f2{background:url(../img/flow.gif) no-repeat 0 -30px;}
#f3{background:url(../img/flow.gif) no-repeat 0 -60px;}
#f4{background:url(../img/flow.gif) no-repeat 0 -90px;}
#f5{background:url(../img/flow.gif) no-repeat 0 -120px;}
#f6{background:url(../img/flow.gif) no-repeat 0 -150px;}
#f7{background:url(../img/flow.gif) no-repeat 0 -180px;}
#f8{background:url(../img/flow.gif) no-repeat 0 -210px;}
#f9{background:url(../img/flow.gif) no-repeat 0 -240px;}
#f10{background:url(../img/flow.gif) no-repeat 0 -270px;}
#f11{background:url(../img/flow.gif) no-repeat 0 -300px;}
#f12{background:url(../img/flow.gif) no-repeat 0 -330px;}
#f13{background:url(../img/flow.gif) no-repeat 0 -360px;}
#f14{background:url(../img/flow.gif) no-repeat 0 -390px;}
#f15{background:url(../img/flow.gif) no-repeat 0 -420px;}
#f16{background:url(../img/flow.gif) no-repeat 0 -450px;}
#f17{background:url(../img/flow.gif) no-repeat 0 -480px;}
#f18{background:url(../img/flow.gif) no-repeat 0 -510px;}


/*会社概要*/
#obi5{
height:50px;
background:url(../img/obi5.gif) no-repeat top left;
text-indent:-9999px;
}

#summary1{
height:20px;
background:url(../img/p5t1.gif) no-repeat top left;
text-indent:-9999px;
margin-bottom:10px;
}

#summary2{
height:20px;
background:url(../img/p5t2.gif) no-repeat top left;
text-indent:-9999px;
margin-bottom:10px;
}

#summary{
margin-bottom:20px;
}

#summary_l{
width:320px;
float:left;
}

#summary_r{
width:320px;
float:right;
}

#summary dt{
display:block;
width:80px;
float:left;
margin:5px 0;
border-left:5px solid #339900;
text-indent:2px;
}

#summary dd{
display:block;
width:225px;
float:left;
margin:5px 0;
margin-left:5px;
}

/*フォーム*/

#obi_f1{
height:50px;
background:url(../img/obi_f1.gif) no-repeat top left;
text-indent:-9999px;
}

#obi_f2{
height:50px;
background:url(../img/obi_f2.gif) no-repeat top left;
text-indent:-9999px;
}

#obi_f3{
height:50px;
background:url(../img/obi_f3.gif) no-repeat top left;
text-indent:-9999px;
}

#obi_f4{
height:50px;
background:url(../img/obi_f4.gif) no-repeat top left;
text-indent:-9999px;
}

#form p{
line-height:2em;
}

#check{
padding-left:10em;
}

label{
width: 10em;
font-weight:bold;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
padding:2px;
}

#check label{
width:auto;
float:none;
text-align:left;
border-bottom:1px solid #CCCCCC;
padding:2px;
margin-right: 0;
margin-left: 0.5em;

}

#f_50{
width:50px;
border:1px solid #CCCCCC;
padding:2px;
}

#f_100{
width:100px;
border:1px solid #CCCCCC;
padding:2px;
}

#f_150{
width:150px;
border:1px solid #CCCCCC;
padding:2px;
}

#f_200{
width:200px;
border:1px solid #CCCCCC;
padding:2px;
}

#f_300{
width:300px;
border:1px solid #CCCCCC;
padding:2px;
}

#f_400{
width:400px;
border:1px solid #CCCCCC;
padding:2px;
}

#f_textarea{
width:500px;
border:1px solid #CCCCCC;
padding:2px;
}


#submit{
margin-left:10.5em;
}

.mess{
font-size:14px;
font-weight:bold;
border-top:1px solid #CCCCCCC;
border-bottom:1px solid #CCCCCC;
padding:5px 0;
}

/*プライバシーポリシー*/
#obi_h1{
height:50px;
background:url(../img/obi_h1.gif) no-repeat top left;
text-indent:-9999px;
}

/*サイトマップ*/
#obi_h2{
height:50px;
background:url(../img/obi_h2.gif) no-repeat top left;
text-indent:-9999px;
}

/*リンク*/
#obi_h3{
height:50px;
background:url(../img/obi_h3.gif) no-repeat top left;
text-indent:-9999px;
}

#links{
width:640px;
float:left;
}

#links dt{
font-weight:bold;
padding:5px 0;
margin-top:20px;
margin-bottom:5px;
border-top:1px solid #66CC33;
border-bottom:1px solid #66CC33;
}

#links dd{
width:300px;
float:left;
margin-bottom:20px;
}