@charset "utf-8"; 

*{
padding:0px;
margin:0px;
font-family:Verdana, Arial, sans-serif;
}

/* HTMLタグ設定 */
body{
margin: 0px;
padding: 0px;
font-size: 12px;
line-height:1.5em;
color:#666666;
}

img{
border: none;
}

p,ul,ol,li,dl,dt,dd,address,strong,em,
h1,h2,h3,h4,h5,h6, 
table,caption,th,td,a{
font-size:12px;
font-weight:normal;
line-height:1.5;
margin:0;
padding:0;
}

p {margin:0 0 1em;}
li {list-style-type: none;}
h1 , h2 , h3 , h4 , h5 , h6 {}
strong {font-weight:bold;}
em {font-style:italic;}

a{outline:0;}
a{color:#666666; font-weight:bold; text-decoration:none;}
a:link {color:#666666; font-weight:bold; text-decoration:none;}
a:hover{color:#000000; text-decoration:underline;}

img{border:none;}
hr {display:none;}


.clear { clear:both;}
.left {float:left;}
.right{float:right;}
.border{border-bottom:1px solid #FFFFFF;}

.black {color:#000;}
.blue {color:#3333ff;}
.orange	{color:#ff9900;}
.red {color	:#f00;}

.font9	{font-size: 9px;}
.font10	{font-size: 10px;}
.font12	{font-size: 12px;}
.font14	{font-size: 14px;}
.font16	{font-size: 16px;}
.font18	{font-size: 18px;}
.font24	{font-size: 24px;}
.font36	{font-size: 36px;}
.xsmall { font-size: 75%;}
.small { font-size: 86%;}
.large { font-size: 116.7%;}
.xlarge { font-size: 133.4%;}

.textright { text-align:right;}
.textleft { text-align:center;}
.textcenter { text-align:left;}

.space1 { height:1px;}
.space2 { height:2px;}
.space3 { height:3px;}
.space4 { height:4px;}
.space5 { height:5px;}
.space6 { height:6px;}
.space7 { height:7px;}
.space8 { height:8px;}
.space9 { height:9px;}
.space10 { height:10px;}
.space12 { height:12px;}
.space14 { height:14px;}
.space15 { height:15px;}
.space16 { height:16px;}
.space18 { height:18px;}
.space20 { height:20px;}
.space22 { height:22px;}
.space24 { height:24px;}
.space25 { height:25px;}
.space26 { height:26px;}
.space30 { height:30px;}

.padding5 {padding:5px;}
.padding10 {padding:10px;}
.padding20 {padding:20px;}

.dotted{border-bottom:5px dotted #73BE1E; margin:5px 0;}
.dotted_g{border-top:5px dotted #CCCCCC; margin:5px 0 10px 0;}

.clearfix {
zoom:1;/*for IE 5.5-7*/
}

.clearfix:after{/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}

#contents {
padding:5px;
}

#contents img {
padding:0 15px 10px 0;
}

/* トップページ設定 */

#header{
width:900px;
margin:0 auto;
background:url(../img/headerleaf.jpg) no-repeat left bottom;
}

#headerlist{
margin-top:10px;
}

#headerlist li{
float:right;
padding:0 10px;
border-right:1px solid #666666;
margin-bottom:5px;
}

#syamei{
width:530px;
height:51px;
background:url(../img/logo.gif) no-repeat left top;
float:right;
}

#syamei a{
display:block;
width:278px;
height:51px;
text-indent:-9999px;
}

#mailto{
width:210px;
text-align:right;
float:right;
}

#flash{
width:100%;
text-align:center;
height:200px;
overflow:hidden;
}

#flash object{
margin:0 auto;
}

#wrapper{
background:url(../img/bodybg.gif) repeat-x top;
}

#container{
text-align: left;
width: 900px;
margin:0 auto;
}

#container2{
text-align: left;
width: 900px;
margin:0 auto;
background:url(../img/containerbg.gif) repeat-y top left;
}

#content{
margin:5px;
}

#gnavi{
height:45px;
margin-top:10px;
margin-bottom:10px;
margin-left:80px;
background:url(../img/gnavi.gif) top left no-repeat;
}

#menu{
width:820px;
}

#menu li{
list-style:none;
float:left;
}

#menu li a{
display:block;
width:164px;
height:45px;
text-indent:-9999px;
}

#navi1 a{background:url(../img/gnavi.gif) 0 0;}
#navi1 a:active{background:url(../img/gnavi.gif) 0 45px;}
#navi1 a:hover{background:url(../img/gnavi.gif) 0 45px;}

#navi2 a{background:url(../img/gnavi.gif) -164px 0;}
#navi2 a:active{background:url(../img/gnavi.gif) -164px 45px;}
#navi2 a:hover{background:url(../img/gnavi.gif) -164px 45px;}

#navi3 a{background:url(../img/gnavi.gif) -328px 0;}
#navi3 a:active{background:url(../img/gnavi.gif) -328px 45px;}
#navi3 a:hover{background:url(../img/gnavi.gif) -328px 45px;}

#navi4 a{background:url(../img/gnavi.gif) -492px 0;}
#navi4 a:active{background:url(../img/gnavi.gif) -492px 45px;}
#navi4 a:hover{background:url(../img/gnavi.gif) -492px 45px;}

#navi5 a{background:url(../img/gnavi.gif) -656px 0;}
#navi5 a:active{background:url(../img/gnavi.gif) -656px 45px;}
#navi5 a:hover{background:url(../img/gnavi.gif) -656px 45px;}


#banner{
width:905px;
margin:5px auto;
}

#banner li{
list-style:none;
float:left;
}

#banner li a{
display:block;
width:224px;
height:58px;
margin-right:2px;
text-indent:-9999px;
}

#menu1 a{background:url(../img/menu1.gif) 0 0;}
#menu2 a{background:url(../img/menu2.gif) 0 0;}
#menu3 a{background:url(../img/menu3.gif) 0 0;}
#menu0 a{background:url(../img/menu0.gif) 0 0;}

#banner2 li{
list-style:none;
float:left;
}

#banner2 li a{
display:block;
width:222px;
height:57px;
text-indent:-9999px;
}

#menu4 a{background:url(../img/menu4.gif) 0 0; margin-right:4px;}
#menu5 a{background:url(../img/menu5.gif) 0 0;}

#banner3 li{
list-style:none;
float:left;
}

#banner3 li a{
display:block;
width:212px;
height:47px;
text-indent:-9999px;
}

#menu6 a{background:url(../img/menu6.gif) 0 0; margin-right:5px;}
#menu7 a{background:url(../img/menu7.gif) 0 0;}


#column_l{
width:450px;
float:left;
}

#column_r{
width:439px;
float:right;
}

#column_main{
width:659px;
float:right;
}

#topix{
width:447px;
height:207px;
background:url(../img/topixwaku.gif) no-repeat top left;
}

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

#login{
background:url(../img/loginbg.gif) repeat-x top;
height:160px;
}

#form_l{
width:125px;
height:100px;
background:url(../img/formbg.jpg) no-repeat top left;
float:left;
}

#logintext{
font-size:10px;
width:200px;
}

#form_r{
width:300px;
height:100px;
float:right;
}

#textbox{
width:120px;
}

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

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

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

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

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

#diary_img{
width:120px;
float:left;
margin-right:5px;
}

#diary_moji{
width:300px;
float:left;
}

#diary_moji p{font-size:11px;}

#sidebar{
width:240px;
height:100%;
float:right;
background:url(../img/sidebarbg.gif) no-repeat top left;
}

#footer{
clear: both;
background:url(../img/footerbg.gif) repeat-x top;
padding-top:20px;
}

#footer p{
text-align:right;
}

#footer address{
text-align:right;
font-size:10px;
font-style:normal;
line-height:normal;
}

#footer address a{
text-decoration:none;
}



#page{
background:#000000 url(../img/p2_bg.gif) 0 -22px repeat-x;
}

/* 段落設定 */

.title{
padding:10px;
background:url(../img/title.gif) left no-repeat;
padding-left:40px;
font-weight:bold;
margin-bottom:10px;
color:#FFFFFF;
font-size:18px;
line-height:1em;
}

.subtitle{
font-weight:bold;
border-bottom:1px solid #FFFFFF;
margin-bottom:10px;
color:#FFFFFF;
font-size:14px;
}

#sidetitle{
padding:5px;
margin:5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
font-weight:bold;
}

#sidebar li{
list-style-type:disc;
list-style-position:inside;
line-height:2em;
}

#sublist{
padding-left:20px;
}

@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;
}

/*お家ができるまで*/
#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;}


/*会社案内*/
#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;
}


#rss_info li{
list-style:none;
margin:5px;
}

#rss_info li p{
display:inline;
margin-right:10px;
}

#rss_info li a{
}

#rss_photo{
margin-right:5px;
float:left;
}

#rss_box{
padding:5px;
margin-bottom:5px;
}

#rss_img{
width:120px;
text-align:center;
float:left;
}

#rss_content{
width:294px;
float:right;
}

#rss_content a{
}

#rss_content p{
margin-top:5px;
font-size:12px;
}