@charset "UTF-8";
/*
Theme Name: itsubo css
Theme URL: http://www.itsubo.co.jp/
Description: 井坪工務店topCSS.
Version: 1.0
Author: 井坪工務店
Author URL: http://www.itsubo.co.jp/
*/

/* CSS Document */

.main {
float:left;
width:565px;
margin:0;
padding:0;
}
.side {
float:right;
width:207px;
margin:60px 0 0 0;
padding:0;
}

/* 全体
----------------------------- */
/* ヘッダー */
h1 {
width:777px;
height:327px;
background:url(../img/top/top-cover.jpg) no-repeat top left;
text-indent:280px;
padding:20px 0 0 0;
margin:0;
font-size:14px;
color:#000066;
font-weight:normal;
}
h1 a {
width:777px;
height:327px;
display:block;
text-decoration:none;
font-size:14px;
color:#000066;
}
/* メニュー
----------------------------- */
.topmenu {
position:absolute;
top:327px;
left:10px;
width:777px;
margin:0;
padding:0;
    overflow: hidden;
}

.topmenu :after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .topmenu  {
    height: 1em;
    overflow: visible;
}
/**/


/* パンクズ
----------------------------- */
.pan {
position:absolute;
top:387px;
left:10px;
width:767px;
margin:0;
padding:0 0 5px 10px;
border-bottom:#e9e9e9 solid 1px;
}
.pan p {
font-size:10px;
color:#999999;
line-height:100%;
}
.pan a {
font-size:10px;
color:#999999;
}
.pan a:hover {
font-size:10px;
color:#FF9900;
}

/* サイドメニュー
----------------------------- */
#gs p {
width:192px;
height:149px;
margin:0 0 5px 0;
padding:0 0 5px 0;
background:url(../img/top/grandserows.jpg) no-repeat center left;
text-indent:-9999em;
border-bottom:#CCCCCC solid 2px;
}
#gs p a {
width:192px;
height:149px;
margin:0;
padding:0;
text-indent:-9999em;
text-decoration:none;
display:block;
}
#siryou {
width:192px;
height:67px;
margin:0;
padding:0;
background:url(../img/top/siryou.jpg) no-repeat center left;
text-indent:-9999em;
}
#siryou a {
width:192px;
height:67px;
margin:0;
padding:0;
background:url(../img/top/siryou.jpg) no-repeat center left;
text-indent:-9999em;
text-decoration:none;
display:block;
}

.flow p {
width:202px;
height:299px;
margin:0;
padding:0;
background:url(../img/top/flow.jpg) no-repeat center left;
text-indent:-9999em;
}
.flow p a {
width:202px;
height:299px;
margin:0;
padding:0;
text-indent:-9999em;
text-decoration:none;
display:block;
}

.menu h3 {
margin:5px 0;
padding:2px 0;
font-size:14px;
color:#006699;
}
.menu h3 a {
margin:0;
padding:0;
font-size:14px;
color:#006699;
text-decoration:none;
}
.menu h3 a:hover {
margin:0;
padding:0;
font-size:14px;
color:#FF9900;
text-decoration:underline;
}
.menu ul {
margin:0 0 0 15px;
padding:0;
list-style:url(../img/pub/crcle.gif);
font-size:12px;
color:#666666;
}
.menu li {
margin:0 0 5px 0;
padding:0;
}
.menu li a {
margin:0;
padding:0;
color:#0066CC;
text-decoration: none;
}
.menu li a:hover {
margin:0;
padding:0;
color:#FF9900;
}

.r-banner {
width:192px;
height:67px;
margin:5px 0;
padding:0;
background:url(../img/pub/r-banner.jpg) no-repeat center left;
text-indent:-9999em;
}
.r-banner p a {
width:192px;
height:67px;
margin:0;
padding:0;
text-indent:-9999em;
text-decoration:none;
display:block;
}
.fudousan-banner {
width:192px;
height:67px;
margin:5px 0;
padding:0;
background:url(../img/top/hudousan-banner.jpg) no-repeat center left;
text-indent:-9999em;
}
.fudousan-banner p a {
width:192px;
height:67px;
margin:0;
padding:0;
text-indent:-9999em;
text-decoration:none;
display:block;
}

/* 特徴
----------------------------- */
.fs {
clear:both;
position:relative;
width:558px;
margin:60px 0 0 0;
padding:0;
    overflow: hidden;
}

.fs :after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .fs {
    height: 1em;
    overflow: visible;
}
/**/
.fs-leftbox {
width:199px;
margin:0;
padding:0;
float:left;
}
.fs h2 {
width:199px;
height:199px;
margin:0;
padding:0;
background:url(../img/top/fs00.jpg) no-repeat center left;
text-indent:-9999em;
}
.fs h2 a {
width:199px;
height:199px;
margin:0;
padding:0;
display:block;
text-indent:-9999em;
text-decoration:none;
}
.fs-rightbox {
width:358px;
margin:10px 0 0 0;
padding:0;
float:left;
}
.fs01 {
width:358px;
height:89px;
margin:0;
padding:0;
background:url(../img/top/fs01.jpg) no-repeat center right;
text-indent:-9999em;
}
.fs01 a {
width:358px;
height:89px;
margin:0;
padding:0;
display:block;
text-indent:-9999em;
text-decoration:none;
}
.fs02 {
width:358px;
height:89px;
margin:0;
padding:0;
background:url(../img/top/fs02.jpg) no-repeat center right;
text-indent:-9999em;
}
.fs02 a {
width:358px;
height:89px;
margin:0;
padding:0;
display:block;
text-indent:-9999em;
text-decoration:none;
}

/* ニュース
----------------------------- */
.news {
clear:both;
width:554px;
margin:0 0 0 2px;
padding:0;
border:#CCCCCC solid 1px;
}
.news h2 {
height:554px;
height:48px;
margin:0;
padding:0;
background:url(../img/top/whatsup.gif) no-repeat center left;
text-indent:-9999em;
border-bottom:#CCCCCC solid 1px;
}
.news h2 a {
height:554px;
height:48px;
margin:0;
padding:0;
display:block;
text-decoration:none;
}
.newsinbox {
margin:0;
padding:0 10px;
}
.newsinbox ul {
margin:10px 0 0 5px;
padding:0;
list-style: none;
font-size:14px;
color:#666666;
}
.newsinbox li {
margin:0 0 5px 0;
padding:0 0 2px 0;
border-bottom:#e9e9e9 solid 1px;
}
.newsinbox li a {
margin:0;
padding:0;
color:#0066CC;
text-decoration: none;
}
.newsinbox li a:hover {
margin:0;
padding:0;
color:#FF9900;
}
.news h3 {
margin:15px 0 5px 0;
padding:2px 10px;
font-size:14px;
color:#003366;
background:#FFFFCC;
border-bottom:#003366 solid 1px;
}
.news h3 a {
font-size:14px;
color:#3366CC;
text-decoration:none;
}
.news h3 a:hover {
font-size:14px;
color:#FF9900;
}
.news h4 {
margin:5px 0 2px 0;
padding:0 10px;
font-size:14px;
color:#660033;
}
.news h4 a {
font-size:14px;
color:#660033;
text-decoration:none;
}
.news h4 a:hover {
font-size:14px;
color:#FF9900;
}
.news p {
margin:4px 0 2px 0;
padding:0 20px;
font-size:14px;
color:#666666;
line-height:125%;
}
.news p a {
font-size:14px;
color:#3366CC;
text-decoration:none;
}
.news p a:hover {
font-size:14px;
color:#FF9900;
}
.news img {
margin:5px;
padding:0;
}


/* 住まい情報センターイベント
----------------------------- */
.sumai {
clear:both;
width:554px;
margin:10px 0 0 2px;
padding:0;
border:#CCCCCC solid 1px;
}
.sumai h2 {
height:554px;
height:29px;
margin:0;
padding:0;
background:url(../img/top/sumai-bar.gif) no-repeat center left;
text-indent:-9999em;
display:block;
}
.sumai h2 a {
height:554px;
height:29px;
margin:0;
padding:0;
background:url(../img/top/sumai-bar.gif) no-repeat center left;
text-indent:-9999em;
border-bottom:#CCCCCC solid 1px;
display:block;
}

.sumaibox {
margin:0;
padding:0 10px;
}
.sumaibox ul {
margin:10px 0 0 5px;
padding:0;
list-style: none;
font-size:14px;
color:#666666;
}
.sumaibox li {
margin:0 0 5px 0;
padding:0 0 2px 0;
}
.sumaibox li a {
margin:0;
padding:0;
color:#0066CC;
text-decoration: none;
}
.sumaibox li a:hover {
margin:0;
padding:0;
color:#FF9900;
}


.sumai p {
margin:4px 0 2px 0;
padding:0 20px;
font-size:14px;
color:#666666;
line-height:125%;
}
.sumai p a {
font-size:14px;
color:#3366CC;
text-decoration:none;
}
.sumai p a:hover {
font-size:14px;
color:#FF9900;
}

p.continue {
margin:0;
padding:0 11px 0 0;
text-align:right;
font-size:12px;
color:#999999;
background:url(../img/pub/icon-s-blue.gif) no-repeat right center;
}
p.continue a {
font-size:12px;
}
p.continue a:hover {
font-size:12px;
}

/* 施工事例
----------------------------- */
.sekou {
clear:both;
position:relative;
width:554px;
margin:10px 0 0 2px;
padding:0;
border:#333333 solid 1px;
    overflow: hidden;
}

.sekou :after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .sekou {
    height: 1em;
    overflow: visible;
}
/**/
.sekou-leftbox {
float:left;
width:314px;
margin:0;
padding:0;
}
.sekou h2 {
width:314px;
height:240px;
margin:0;
padding:0;
background:url(../img/top/sekou-c.jpg) no-repeat 0 0;
text-indent:-9999em;
}
.sekou h2 a {
width:314px;
height:240px;
margin:0;
padding:0;
display:block;
text-indent:-9999em;
text-decoration:none;
}
.satairu {
float:right;
width:240px;
margin:0;
padding:0;
    overflow: hidden;
}

.satairu :after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .satairu {
    height: 1em;
    overflow: visible;
}
/**/
.sekou-rightbox1 {
float:left;
clear:both;
position:relative;
width:119px;
margin:0;
padding:0;
}
.sekou01 {
width:119px;
height:60px;
margin:0;
padding:0;
background:url(../img/top/sekou-c.jpg) no-repeat -315px 0;
text-indent:-9999em;
display:block;
}
.sekou01 a {
width:119px;
height:60px;
background:url(../img/top/sekou-c.jpg) no-repeat -315px 0;
text-indent:-9999em;
text-decoration:none;
display:block;
}
.sekou01 a:hover {
background:url(../img/top/sekou-c.jpg) no-repeat -315px -250px;
display:block;
}
.sekou02 {
width:119px;
height:60px;
margin:0;
padding:0;
background:url(../img/top/sekou-c.jpg) no-repeat -315px -60px;
text-indent:-9999em;
}
.sekou02 a {
width:119px;
height:60px;
background:url(../img/top/sekou-c.jpg) no-repeat -315px -60px;
margin:0;
padding:0;
display:block;
text-indent:-9999em;
text-decoration:none;
}
.sekou02 a:hover {
background:url(../img/top/sekou-c.jpg) no-repeat -315px -310px;
}
.sekou03 {
width:119px;
height:60px;
background:url(../img/top/sekou-c.jpg) no-repeat -315px -120px;
margin:0;
padding:0;
text-indent:-9999em;
}
.sekou03 a {
width:119px;
height:60px;
background:url(../img/top/sekou-c.jpg) no-repeat -315px -120px;
margin:0;
padding:0;
display:block;
text-indent:-9999em;
text-decoration:none;
}
.sekou03 a:hover {
background:url(../img/top/sekou-c.jpg) no-repeat -315px -370px;
}
.sekou04 {
width:119px;
height:60px;
background:url(../img/top/sekou-c.jpg) no-repeat -315px -180px;
margin:0;
padding:0;
text-indent:-9999em;
}
.sekou04 a {
width:119px;
height:60px;
background:url(../img/top/sekou-c.jpg) no-repeat -315px -180px;
margin:0;
padding:0;
display:block;
text-indent:-9999em;
text-decoration:none;
}
.sekou04 a:hover {
background:url(../img/top/sekou-c.jpg) no-repeat -315px -430px;
}
.sekou-rightbox2 {
width:119px;
margin:0;
padding:0;
float:left;
}
.sekou05 {
width:119px;
height:60px;
margin:0;
padding:0;
background:url(../img/top/sekou-c.jpg) no-repeat -434px 0;
text-indent:-9999em;
display:block;
}
.sekou05 a {
width:119px;
height:60px;
background:url(../img/top/sekou-c.jpg) no-repeat -434px 0;
text-indent:-9999em;
text-decoration:none;
display:block;
}
.sekou05 a:hover {
background:url(../img/top/sekou-c.jpg) no-repeat -434px -250px;
display:block;
}
.sekou06 {
width:119px;
height:60px;
margin:0;
padding:0;
background:url(../img/top/sekou-c.jpg) no-repeat -434px -60px;
text-indent:-9999em;
}
.sekou06 a {
width:119px;
height:60px;
background:url(../img/top/sekou-c.jpg) no-repeat -434px -60px;
margin:0;
padding:0;
display:block;
text-indent:-9999em;
text-decoration:none;
}
.sekou06 a:hover {
background:url(../img/top/sekou-c.jpg) no-repeat -434px -310px;
}
.sekou07 {
width:119px;
height:60px;
background:url(../img/top/sekou-c.jpg) no-repeat -434px -120px;
margin:0;
padding:0;
text-indent:-9999em;
}
.sekou07 a {
width:119px;
height:60px;
background:url(../img/top/sekou-c.jpg) no-repeat -434px -120px;
margin:0;
padding:0;
display:block;
text-indent:-9999em;
text-decoration:none;
}
.sekou07 a:hover {
background:url(../img/top/sekou-c.jpg) no-repeat -434px -370px;
}
.sekou08 {
width:119px;
height:60px;
background:url(../img/top/sekou-c.jpg) no-repeat -434px -180px;
margin:0;
padding:0;
text-indent:-9999em;
}
.sekou08 a {
width:119px;
height:60px;
background:url(../img/top/sekou-c.jpg) no-repeat -434px -180px;
margin:0;
padding:0;
display:block;
text-indent:-9999em;
text-decoration:none;
}
.sekou08 a:hover {
background:url(../img/top/sekou-c.jpg) no-repeat -434px -430px;
}
/* 見る知る上部
----------------------------- */
.mirusiru {
clear:both;
position:relative;
width:554px;
margin:10px 0 0 2px;
padding:0;
    overflow: hidden;
}

.mirusiru :after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .mirusiru {
    height: 1em;
    overflow: visible;
}
/**/
.mirusiru-leftbox {
width:184px;
height:234px;
margin:0;
padding:0;
float:left;
background:url(../img/top/mirusiru-back01.jpg) no-repeat top left;
}
.mirusiru-mbox {
width:184px;
height:234px;
margin:0;
padding:0;
float:left;
background:url(../img/top/mirusiru-back02.jpg) no-repeat top left;
}
.mirusiru-rightbox {
width:184px;
height:234px;
margin:0;
padding:0;
float:left;
background:url(../img/top/mirusiru-back03.jpg) no-repeat top left;
}
.mirusiru h3 {
margin:125px 0 0 0;
padding:2px 5px;
font-size:14px;
color:#003366;
line-height:125%;
font-weight:normal;
}
.mirusiru h3 a {
font-size:14px;
color:#003366;
text-decoration:none;
}
.mirusiru p {
margin:0;
padding:0 8px 0 5px;
font-size:12px;
line-height:125%;
color:#666666;
}
.mirusiru p a {
margin:0;
padding:0;
font-size:12px;
line-height:125%;
color:#666666;
display:block;
text-decoration:none;
}

/* 見る知る下部2
----------------------------- */
.u-mirusiru {
clear:both;
position:relative;
width:554px;
margin:10px 0 0 2px;
padding:0;
overflow: hidden;
}
.u-mirusiru h2 {
width:554px;
height:44px;
margin:0 0 10px 0;
padding:0;
background:url(../img/top/mirusiru-title.jpg) no-repeat left center;
text-indent:-9999em;
}
.u-mirusirubox {
margin:10px 20px 10px 5px;
padding:0 0 0 140px;
background:url(../img/top/mirusiru-menu.gif) no-repeat left top;
}
.u-mirusirubox p {
margin:5px 0;
padding:0;
font-size:14px;
line-height:145%;
color:#666666;
}
.u-mirusirubox p a {
margin:0;
padding:0;
font-size:14px;
font-weight:bold;
}
span.nomaltext {
padding:5px;
font-size:12px;
color:#FF0000;
font-weight:normal;
}
.eigyou {
clear:both;
width:300px;
height:86px;
margin:0 0 10px 20px;
padding:10px 0 0 180px;
background:url(../img/top/mirusiru-otoi.jpg) no-repeat center left;
}
.eigyou a {
width:300px;
height:86px;
margin:0;
padding:0;
display:block;
text-decoration:none;
}
.linkbox {
clear:both;
width:777px;
margin:0 0 10px 0;
padding:0;
}
.linkbox a {
float:left;
margin:0 5px 0 0;
padding:0;
}