/* CSS Document */
img{
margin:0px;
padding:0px;
}

/* ------------------------------
メインビジュアル
------------------------------ */
#top_image{
width:570px;
height:auto;
margin:20px 30px 25px 0px;
padding:0px;
text-align:left;
float:left;
}


#top_right{
width:300px;
height:auto;
margin:20px 0px 25px 0px;
padding:0px;
text-align:left;
float:left;
}


dl#article{
width:268px;
height:169px;
background-color:#F6F6F6;
color:#666666;
margin:0;
padding:15px;
text-align:left;
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */ 
behavior:url(/css/ie-css3.htc); 
border:1px solid #D9D9D9;
line-height:130%;
}

dl#article dt{
width:auto;
height:auto;
margin:0 0 25px 0;
padding:0 0 0 10px;
font-size:14px;
font-weight:bold;
border-left:#00A1E9 solid 6px;
}

dl#article dd{
width:auto;
height:auto;
margin:0 0 11px 0;
padding:0;
font-size:12px;
}


/* ------------------------------
リモデルトイレ
------------------------------ */
#top_toilet_image{
clear:left;	
width:900px;
height:auto;
margin:20px 0px 25px 0px;
padding:0px;
text-align:left;
}

/* ------------------------------
水まわりのサービス
------------------------------ */
#group1_title{
width:900px;
height:auto;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 10px;
background:#EAEAEA;
border-left:#00A1E9 solid 11px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
font-weight:bold;
text-align:left;
line-height:160%;
voice-family: "\"}\"";
voice-family: inherit;
width:879px;
height:auto;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 10px;
background:#EAEAEA;
border-left:#00A1E9 solid 11px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
font-weight:bold;
text-align:left;
line-height:160%;
}

#group1{
width:900px;
height:auto;
margin:0px 0px 40px 0px;
padding:10px 15px 10px 15px;
background:#F4F4F4;
text-align:left;
voice-family: "\"}\"";
voice-family: inherit;
width:870px;
height:auto;
margin:0px 0px 40px 0px;
padding:10px 15px 10px 15px;
background:#F4F4F4;
text-align:left;
}

/* ------------------------------
その他のサービス
------------------------------ */
#group2_title{
width:284px;
height:auto;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 10px;
background:#EAEAEA;
border-left:#00A1E9 solid 11px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
font-weight:bold;
text-align:left;
line-height:160%;
}
* html #group2_title{
width:315px;
height:auto;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 10px;
background:#EAEAEA;
border-left:#00A1E9 solid 11px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
font-weight:bold;
text-align:left;
line-height:160%;
voice-family: "\"}\"";
voice-family: inherit;
width:286px;
height:auto;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 10px;
background:#EAEAEA;
border-left:#00A1E9 solid 11px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
font-weight:bold;
text-align:left;
line-height:160%;
}

#group2{
width:315px;
height:auto;
margin:0px 0px 0px 0px;
padding:10px 15px 10px 15px;
background:#F4F4F4;
text-align:left;
voice-family: "\"}\"";
voice-family: inherit;
width:275px;
height:auto;
margin:0px 0px 0px 0px;
padding:10px 15px 10px 15px;
background:#F4F4F4;
text-align:left;
}

/* ------------------------------
水まわりのサービスの分類
------------------------------ */
#truble_image_g{
width:870px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#truble_image_l{
width:428px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
background-color:#ffffff;
}
#truble_image_l a{
display:block;
width:428px;
height:auto;
padding:0px 0px 35px 0px;
background-image:url(../images/trouble_bottom.gif);
background-repeat:no-repeat;
background-position:bottom;
text-decoration:none;
}
#truble_image_l a:hover{
padding:0px 0px 35px 0px;
background-image:url(../images/trouble_bottom_over.gif);
background-repeat:no-repeat;
background-position:bottom;
}


#truble_image_r{
width:428px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:right;
background-color:#ffffff;
}
#truble_image_r a{
display:block;
width:428px;
height:auto;
padding:0px 0px 35px 0px;
background-image:url(../images/trouble_bottom.gif);
background-repeat:no-repeat;
background-position:bottom;
text-decoration:none;
}
#truble_image_r a:hover{
padding:0px 0px 35px 0px;
background-image:url(../images/trouble_bottom_over.gif);
background-repeat:no-repeat;
background-position:bottom;
}

#truble_text{
background:none;
border-left:#cccccc solid 1px;
border-right:#cccccc solid 1px;
}

/* ------------------------------
その他のサービスの分類
------------------------------ */
#truble_image_a{
width:277px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#ffffff;
}
#truble_image_a a{
display:block;
width:277px;
height:auto;
padding:0px 0px 35px 0px;
background-image:url(../images/trouble_bottom_a.gif);
background-repeat:no-repeat;
background-position:bottom;
text-decoration:none;
}
#truble_image_a a:hover{
padding:0px 0px 35px 0px;
background-image:url(../images/trouble_buttom_a_over.gif);
background-repeat:no-repeat;
background-position:bottom;
}

/* ------------------------------
リスト
------------------------------ */
ul.list1{
width:auto;
height:auto;
margin:0px 10px 0px 12px;
padding:0px 0px 0px 0px;
list-style:none;
float:left;
}
* html ul.list1{
width:auto;
height:auto;
margin:0px 20px 0px 7px;
padding:0px 0px 0px 0px;
list-style:none;
float:left;
}
ul.list2{
width:auto;
height:auto;
margin:0px 10px 0px 12px;
padding:0px 0px 37px 0px;
list-style:none;
float:left;
}
* html ul.list2{
width:auto;
height:auto;
margin:0px 20px 0px 7px;
padding:0px 0px 38px 0px;
list-style:none;
float:left;
}

#truble_text li{
margin:0px 0px 5px 0px;
padding:0px 0px 0px 13px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
text-align:left;
line-height:140%;
list-style:none;
background:url(../images/mark03.gif) no-repeat 0px 4px;
text-indent:-1.2em;
voice-family: "\"}\"";
voice-family: inherit;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 13px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
text-align:left;
line-height:140%;
list-style:none;
background:url(../images/mark03.gif) no-repeat 0px 4px;
text-indent:0em;
}
#truble_text li a{
margin:0px;
padding:0px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
text-align:left;
line-height:150%;
list-style:none;
}
#truble_text li a:hover{
margin:0px;
padding:0px;
color:#ffffff;
background-color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
text-align:left;
line-height:150%;
list-style:none;
}