@charset "UTF-8";
/*
Theme Name: itsubo css
Theme URL: http://www.itsubo.co.jp/
Description: 井坪工務店090CSS.
Version: 1.0
Author: 井坪工務店
Author URL: http://www.itsubo.co.jp/
*/

/* CSS Document */

/* 中央寄せ
----------------------------- */
.middle {
clear:both;
position:relative;
width:750px;
margin:100px 0 0 0;
padding:0;
text-align:center;
overflow: hidden;
}

.middle:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .middle {
    height: 1em;
    overflow: visible;
}
/**/
.yose {
width:558px;
margin:0 auto;
text-align:left;
}

/* 準備中用
----------------------------- */
.jyunbi01 {
width:562px;
height:359px;
margin:0px 0 0 4px;
padding:0;
background:url(../img/pub/kouji.jpg) no-repeat left top;
text-indent:-9999em;
}
.jyunbi01 a {
width:552px;
height:525px;
margin:0;
padding:0;
text-indent:-9999em;
text-decoration:none;
display:block;
}
.jyunbi02 {
width:554px;
height:324px;
margin:0 0 0 4px;
padding:0;
background:url(../img/pub/jyunbi02.jpg) no-repeat left top;
text-indent:-9999em;
}

/* お問い合わせ用
----------------------------- */
.conter {
width:456px;
padding:0;
margin:0;
}
.shiryou h2 {
width:456px;
height:61px;
margin:20px auto 10px auto;
padding:0;
font-size:12px;
font-weight:normal;
color:#FFFFFF;
background:url(../ssl-form/img/shibaner.jpg) no-repeat top left;
text-indent:-9999em;
}
.shiryou h2 a {
width:456px;
height:61px;
margin:0;
padding:0;
font-size:12px;
color:#FFFFFF;
display:block;
text-decoration:none;
}
.otoi h2 {
width:456px;
height:61px;
margin:20px auto 10px auto;
padding:0;
font-size:12px;
font-weight:normal;
color:#FFFFFF;
background:url(../ssl-form/img/otoibaner.jpg) no-repeat top left;
text-indent:-9999em;
}
.otoi h2 a {
width:456px;
height:61px;
margin:0;
padding:0;
font-size:12px;
color:#FFFFFF;
display:block;
text-decoration:none;
}
.purai {
display:block;
width:456px;
padding:0;
margin:20px auto 10px auto;
background:#CCCCCC;
}
.purai p {
padding:5px 10px 10px 10px;
margin:0;
line-height:20px;
}
.conter h3 {
width:456px;
height:50px;
margin:10px 0;
padding:0;
background:url(../ssl-form/img/puraibaer.jpg) no-repeat top left;
text-indent:-9999em;
}




/* WB用
----------------------------- */
h3.hinto {
width:513px;
height:50px;
margin:10px 0 15px 0;
padding:0;
text-indent:-9999em;
background:url(../img/sekou/hasou.gif) no-repeat 0 0;
}
h4.dento {
margin:0;
padding:0;
font-size:14px;
color:#CC0000;
border-bottom:#CC0000 double;
}

p#site {
width:571px;
height:130px;
margin:0;
padding:0;
text-indent:-9999em;
outline:none;
background:url(../img/top/wb-site.jpg) no-repeat 3px 0;
display:block
}
.wb1 {
width:350px;
margin:0;
padding:0 220px 0 0;
background:url(../img/sekou/touki2.jpg) no-repeat bottom right;
}
.wb2 {
margin:0;
padding:10px 0 20px 0;
    overflow: hidden;
}

.wb2:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .wb2 {
    height: 1em;
    overflow: visible;
}
/**/
.wb2in {
float:left;
width:260px;
margin:0;
padding:0 10px 0 0;
}
.wb2 h4 {
margin:30px 10px 0 0;
padding:0 0 3px 0;
font-size:14px;
color:#666600;
line-height:135%;
border-bottom:solid 1px #666600;
}
p#syou {
text-align:right;
font-size:12px;
margin:5px 0 0 0;
orphans:0;
}
p#syou2 {
font-size:12px;
margin:5px 0 0 0;
orphans:0;
}
p#syou3 {
font-size:12px;
margin:0;
orphans:0;
}
.wb3 {
margin:0;
padding:0 110px 0 0;
background:url(../img/sekou/isi.jpg) no-repeat 430px 0px;
}
.wb3 h4 {
margin:0;
padding:0 0 3px 0;
font-size:14px;
color:#666600;
line-height:135%;
border-bottom:solid 1px #666600;
}
.wb4 {
margin:0;
padding:0;
}
p#site a {
width:571px;
height:130px;
margin:0;
padding:0;
text-indent:-9999em;
outline:none;
background:url(../img/top/wb-site.jpg) no-repeat 3px 0;
display:block
}
p#site a:hover {
width:571px;
height:130px;
margin:0;
padding:0;
text-indent:-9999em;
outline:none;
background:url(../img/top/wb-site.jpg) no-repeat 3px -137px;
display:block
}
p#non {
font-size:16px;
margin:0;
padding:0;
}

.wb h2 {
margin:0;
padding:4px 0;
font-size:18px;
color:#333333;
border-bottom:#666666 solid 1px;
}
.wb h2 a {
text-decoration:none;
}
.wb p {
margin:15px 0;
line-height:150%;
}

.hito {
margin:20px 0 15px 0;
padding:10px 10px 0 10px;
border:#666600 2px solid;
    overflow: hidden;
}

.hito:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
	* html .hito {
    height: 1em;
    overflow: visible;
}
/**/
.hito h3 {
font-size:14px;
margin:0 0 10px 0;
padding:0 0 5px 0;
color:#666600;
border-bottom:#666600 double;
}

.ie {
margin:20px 0 25px 0;
padding:10px 10px 10px 10px;
border:#CC6600 2px solid;
}
.ie2 {
margin:0;
padding: 0 0 0 160px;
background:url(../img/sekou/wb2.jpg) no-repeat top left;
}
.ie h3 {
font-size:14px;
margin:0 0 10px 0;
padding:0 0 5px 0;
color:#CC6600;
border-bottom:#CC6600 double;
}

.tikyu {
margin:0 0 25px 0;
padding:10px 10px 0px 10px;
border:#006666 2px solid;
background:url(../img/sekou/kankyo.jpg) no-repeat top right;
}
.tikyu h3 {
width:350px;
font-size:14px;
margin:0 0 10px 0;
padding:0 0 5px 0;
color:#006666;
border-bottom:#006666 double;
}

.nintei {
margin:0 0 15px 0;
padding:10px 10px 0 10px;
border:#660000 2px solid;
}
.nintei h3 {
font-size:14px;
margin:0 0 10px 0;
padding:0 0 5px 0;
color:#660000;
border-bottom:#660000 double;
}

p.natu {
margin:5px 0;
padding:10px;
color:#CC6600;
border:#CC6600 solid 2px;
}
p.huyu {
margin:5px 0;
padding:10px;
color:#CC6600;
border:#CC6600 solid 2px;
}
.wbvoice {
margin:10px 0 10px 0;
padding:10px;
border:#CCCCCC solid 1px;
overflow: hidden;
}
.wbvoice:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .wbvoice {
    height: 1em;
    overflow: visible;
}
/**/
.yose {
width:558px;
margin:0 auto;
text-align:left;
}
.wbvoice h3 {
margin:0;
padding:4px;
background:#e9e9e9;
color:#666666;
font-size:14px;
}
.wbvoice h4 {
clear:both;
margin:25px 0 0 0;
padding:4px;
border-bottom:#336600 solid 1px;
color:#006600;
font-size:16px;
}
.wbvoice h4 a {
margin:0;
padding:0;
color:#006600;
text-decoration:none;
}
.wbvoice h4 a:hover {
margin:0;
color:#FF9900;
text-decoration:none;
}
.wbvoice img {
float:left;
margin:0 15px 0 0;
border:#333333 solid 1px;
}
.wbvoice p {
font-size:14px;
color:#663300;
}
p.wb-bar {
width:558px;
margin:0 0 5px 0;
padding:0;
background:url(../img/pub/wb-bar.jpg) no-repeat top left;
text-align:right;
display:block;
}
p.wb-bar a {
width:558px;
margin:0;
padding:50px 0 0 0;
outline:none;
background:url(../img/pub/wb-bar.jpg) no-repeat top left;
display:block;
}
p.wb-bar a:hover {
width:558px;
margin:0;
padding:50px 0 0 0;
background:url(../img/pub/wb-bar.jpg) no-repeat top right;
display:block;
}
p#right {
font-size:12px;
text-align:right;
}