﻿@charset "UTF-8";

/*	各ページ用CSS
	■トップページ
	■フェア情報
	■Meguru si-eco
	■特別限定仕様
	■現場見学会一覧
----------------------------------------------------------------------------------------------------------------------------------*/






/*	トップページ
----------------------------------------------------------------------------------------------------------------------------------*/
body#home h2{
float:none;
width:900px;
height:80px;
background:url(../images/home/Home_Header_FairLogo.gif) no-repeat 0 0;
}
body#home div#content span{visibility:hidden;}
body#home div#content h3{
margin:0;
padding:0;
width:auto;
height:41px;
background:url(../images/home/Home_Text01.jpg) no-repeat 0 0;
}
body#home div#content div.photoBg{
height:468px;
background:url(../images/home/Home_Bg01.jpg) no-repeat 0 0;
text-align:left;
}
body#home div#content div.photoBg a{
display:block;
overflow:hidden;
text-indent:-3000px;
}
body#home div#content div.photoBg div.box01{
float:left;
padding:0 0 0 24px;
width:616px;
}
body#home div#content div.photoBg div.box01 div.text02{
position:relative;
height:72px;
background:url(../images/home/Home_Text02.jpg) no-repeat 0 0;
}
body#home div#content div.photoBg div.box01 div.text02 h3{
height:1px;
background:none;
}
body#home div#content div.photoBg div.box01 div.text02 a{
position:absolute;
top:17px;
left:343px;
width:114px;
height:66px;
background:url(../images/home/Home_Text04.jpg) no-repeat 0 0;
text-indent:-3000px;
}
body#home div#content div.photoBg div.box01 a.btn02{
width:205px;
height:27px;
background:url(../images/home/Home_Btn02.jpg) no-repeat 0 0;
}
body#home div#content div.photoBg div.box01 div.text05{
height:100px;
background:url(../images/home/Home_Text05.jpg) no-repeat 0 0;
}
body#home div#content div.photoBg div.box01 h3.text06{
height:60px;
background:url(../images/home/Home_Text06.jpg) no-repeat 0 0;
}
body#home div#content div.photoBg div.box01 div.text07{
height:103px;
background:url(../images/home/Home_Text07.jpg) no-repeat 0 0;
}
body#home div#content div.photoBg div.box01 div.text07 a{
margin:24px 0 0 37px;
width:118px;
height:15px;
background:url(../images/home/Home_Btn03.gif) no-repeat 0 0;
}
body#home div#content div.photoBg div.box01 a.btn04{
width:205px;
height:50px;
background:url(../images/home/Home_Btn04.jpg) no-repeat 0 0;
}
body#home div#content div.photoBg div.box01 div.text08{
position:relative;
top:163px;
left:-6px;
width:319px;
height:15px;
background:url(../images/home/Home_Text08.jpg) no-repeat 0 0;
line-height:5px;
}
body#home div#content div.photoBg div.box02{
float:left;
padding:7px 0 0 0;
width:260px;
}
body#home div#content div.photoBg div.box02 div.text09{
padding:20px 0 0 0;
height:134px;
background:url(../images/home/Home_Bg04.jpg) no-repeat 0 0;
}
body#home div#content div.photoBg div.box02 div.text09 h3{
height:46px;
background:url(../images/home/Home_Text09.gif) no-repeat 0 0;
}
body#home div#content div.photoBg div.box02 div.text09 a{
margin:30px 0 0 65px;
width:125px;
height:24px;
}

body#home div#content div.photoBg div.box02 div.text10{
width:250px;
height:165px;
background:url(../images/home/Home_Bg05.jpg) no-repeat 0 0;
text-align:center;
}
body#home div#content div.photoBg div.box02 div.text10 h3{
width:250px;
height:49px;
background:url(../images/home/Home_Text10.gif) no-repeat 0 0;
}
body#home div#content div.photoBg div.box02 div.text10 a{
margin:0 auto;
width:233px;
height:24px;
background:url(../images/home/Home_Btn06.gif) no-repeat 0 0;
}

body#home div#content div.photoBg div.box02 div.eco{
width:250px;
height:92px;
background:url(../images/home/Home_Bg06.gif) no-repeat 0 0;
text-align:center;
}
body#home div#content div.photoBg div.box02 div.eco h3{
width:250px;
height:61px;
background:none;
}
body#home div#content div.photoBg div.box02 div.eco a{
margin:0 0 0 116px;
width:125px;
height:24px;
background:url(../images/home/Home_Btn10.gif) no-repeat 0 0;
}

body#home div#content div div.box03{
margin:10px 8px 0 0;
float:left;
width:600px;
height:110px;
background:url(../images/home/Home_Bg02.gif) no-repeat 0 0;
font-size:1px;
line-height:1px;
text-align:left;
}
body#home div#content div div.box03 h3{
margin:11px 0 0 52px;
width:225px;
height:62px;
background:url(../images/home/Home_Text12.gif) no-repeat center;
}
body#home div#content div div.box03 a{
display:block;
overflow:hidden;
margin:2px 0 0 80px;
width:167px;
height:26px;
background:url(../images/home/Home_Btn07.gif) no-repeat 0 0;
text-indent:-3000px;
}
body#home div#content div div.box07{
float:left;
margin:10px 0 0 0;
width:292px;
height:110px;
background:none;
text-align:left;
}
body#home div#content div div.box07 h3{
height:24px;
background:url(../images/home/Home_Text11.gif) no-repeat 0 0;}

body#home div#content div.graph{
margin:10px 0;
border:2px #efefef solid;
}
body#home div#content div.graph div.box05{
float:left;
padding:10px 0 10px 13px;
width:255px;
text-align:left;
}
body#home div#content div.graph div.box05 h4{
width:255px;
height:29px;
background:url(../images/home/Home_Text15.gif) no-repeat 0 0;
text-indent:-3000px;
}
body#home div#content div.graph div.box05 div{
height:53px;
background:url(../images/home/Home_Text16.gif) no-repeat 0 0;
}
body#home div#content div.graph div.box05 img{margin:5px 0 0 0;}
body#home div#content div.graph div.box05 a{
display:block;
overflow:hidden;
height:27px;
background:url(../images/home/Home_Btn09.gif) no-repeat 0 0;
text-indent:-3000px;
}
body#home div#content div.graph ul.box06{
float:left;
margin:12px 0 0 0;
padding:0 0 5px 0;
width:621px;
}
body#home div#content div.graph ul.box06 li{
float:left;
padding:27px 0 0 0;
width:207px;
font-size:1px;
line-height:1px;
text-indent:-3000px;
}
body#home div#content div.graph ul.box06 li.g01{background:url(../images/home/Home_Text18.gif) no-repeat 0 0;}
body#home div#content div.graph ul.box06 li.g02{background:url(../images/home/Home_Text19.gif) no-repeat 0 0;}
body#home div#content div.graph ul.box06 li.g03{background:url(../images/home/Home_Text20.gif) no-repeat 0 0;}


/*	フェア情報
----------------------------------------------------------------------------------------------------------------------------------*/
body#fair div#content h3{background:url(../images/fair/Fair_Ttl.gif) no-repeat 0 0;}
body#fair div#content span{
visibility:hidden;
font-size:1px;
}
body#fair div#content h4{text-indent:-3000px;}
body#fair div#content h5{text-indent:-3000px;}
body#fair div#content h6{text-indent:-3000px;}
body#fair div#content div a{
display:block;
overflow:hidden;
text-indent:-3000px;
}
body#fair div#content div.box01{
margin:0;
height:388px;
background:url(../images/fair/Fair_Bg01.gif) repeat-y 0 0;
text-align:left;
}
body#fair div#content div.box01 div.strong{
height:40px;
background:url(../images/fair/Fair_Text01.jpg) no-repeat 0 0;
text-indent:-3000px;
}

body#fair div#content div.box01 div.pleft{
margin:0 auto;
width:378px;
height:288px;
background:url(../images/fair/Fair_Text02.jpg) no-repeat 50% 50%;
text-indent:-3000px;
}
body#fair div#content div.box01 div.boxBottom{
float:left;
margin:60px 0 0 0;
width:900px;
}
body#fair div#content div.box02{
text-align:left;
margin:20px 0 0 0;
height:91px;
}
body#fair div#content div.box02 div.exb{
float:left;
margin:0 16px 0 0;
width:431px;
height:91px;
background:url(../images/fair/Fair_Bg02.gif) repeat-y 0 0;
}
body#fair div#content div.box02 div.exb h4{
height:25px;
}
body#fair div#content div.box02 div.exb a{
margin:15px auto 10px;
width:306px;
height:37px;
background:url(../images/fair/Fair_Btn02.gif) no-repeat 0 0;
}
body#fair div#content div.mobile{
float:left;
width:453px;
height:91px;
}
body#fair div#content div.exhibition{
margin:10px auto;
padding:20px;
height:140px;
background:url(../images/fair/Fair_Bg03.gif) no-repeat 0 0;
text-align:left;
}
body#fair div#content div.boxBottom{
height:5px;
background:url(../images/Box_Bottom.gif) repeat-x 0 0;
font-size:1px;
line-height:1%;
}





/*	Meguru si-eco
----------------------------------------------------------------------------------------------------------------------------------*/
body#meguru div#content {background:url(../images/meguru/Meguru_Bg01.jpg) no-repeat 0 150px;}
body#meguru div#content h3{background:url(../images/meguru/Meguru_Ttl.gif) no-repeat 0 0;}
body#meguru div#content h4{text-indent:-3000px;}
body#meguru div#content div.photoBg{text-align:left;}
body#meguru div#content div.photoBg span{visibility:hidden;}
body#meguru div#content div.photoBg span.text01{
display:block;
float:left;
visibility:visible;
margin:0;
width:461px;
height:102px;
background:url(../images/meguru/Meguru_Text01.jpg) no-repeat right top;
}
body#meguru div#content div.photoBg .text02{
display:block;
float:left;
overflow:hidden;
margin:26px 0 0 0;
width:150px;
height:76px;
background:url(../images/meguru/Meguru_Text02.jpg) no-repeat 0 0;
text-indent:-3000px;
}
body#meguru div#content div.photoBg div.text03{
float:left;
margin:0;
width:203px;
height:102px;
background:url(../images/meguru/Meguru_Text03.jpg) no-repeat 0 0;
}
body#meguru div#content div.photoBg div.text04{
margin:300px 0 0 0;
padding:0 0 0 132px;
width:636px;
height:188px;
background:url(../images/meguru/Meguru_Text04.jpg) no-repeat right top;
color:#fff;
line-height:18px;
}
body#meguru div#content div.photoBg div.text04 h4{height:40px;}
body#meguru div#content div.photoBg a.btn01{
display:block;
overflow:hidden;
margin:9px 0 0 142px;
width:304px;
height:40px;
background:url(../images/meguru/Meguru_Btn01.jpg) no-repeat 0 0;
text-indent:-3000px;
}
body#meguru div#content div.gradationBg{
padding:0 10px;
background:url(../images/meguru/Meguru_Bg02.jpg) repeat-x 0 0;
text-align:left;
}
body#meguru div#content div.gradationBg div.box01{
overflow:hidden;
margin:0;
width:880px;
background:#2CB35E;
text-align:left;
}
body#meguru div#content div.gradationBg div.box01 span{visibility:hidden;}
body#meguru div#content div.gradationBg div.box01 h4{
height:60px;
background:url(../images/meguru/Meguru_Text05.gif) no-repeat center 10px;
}
body#meguru div#content div.gradationBg div.box01 ul{
margin:0 0 0 10px;
width:870px;
height:400px;
}
body#meguru div#content div.gradationBg div.box01 ul li{
float:left;
margin:0 10px 10px 0;
padding:10px 125px 10px 10px;
width:290px;
height:170px;
background:#fff no-repeat 303px 10px;
line-height:150%;
}
body#meguru div#content div.gradationBg div.box01 ul li h5{
width:290px;
height:40px;
background:no-repeat 0 0;
text-indent:-3000px;
}
body#meguru div#content div.gradationBg div.box01 ul li div.right{
margin:4px 0 0 0;
padding:0;
width:288px;
height:13px;
background:none;
text-align:right;
}
body#meguru div#content div.gradationBg div.box01 ul li div.right a{
display:inline;
padding:1px 0 0 19px;
background:url(../images/Icon_RightGW.gif) no-repeat 0 0;
}
body#meguru div#content div.gradationBg div.box01 ul li.p01{background-image:url(../images/meguru/Meguru_Photo01.jpg);}
body#meguru div#content div.gradationBg div.box01 ul li.p02{background-image:url(../images/meguru/Meguru_Photo02.jpg);}
body#meguru div#content div.gradationBg div.box01 ul li.p03{background-image:url(../images/meguru/Meguru_Photo03.jpg);}
body#meguru div#content div.gradationBg div.box01 ul li.p04{background-image:url(../images/meguru/Meguru_Photo04.jpg);}
body#meguru div#content div.gradationBg div.box01 ul li.p01 h5{background-image:url(../images/meguru/Meguru_Text06.gif);}
body#meguru div#content div.gradationBg div.box01 ul li.p02 h5{background-image:url(../images/meguru/Meguru_Text07.gif);}
body#meguru div#content div.gradationBg div.box01 ul li.p03 h5{background-image:url(../images/meguru/Meguru_Text08.gif);}
body#meguru div#content div.gradationBg div.box01 ul li.p04 h5{background-image:url(../images/meguru/Meguru_Text09.gif);}
body#meguru div#content div.gradationBg div.box01 div{
margin:0 0 10px 10px;
width:860px;
height:462px;
background:#fff;
}
body#meguru div#content div.gradationBg div.box01 div h4{
height:60px;
background:url(../images/meguru/Meguru_Text10.gif) no-repeat center;
}
body#meguru div#content div.gradationBg div.box01 div ul{
margin:0 auto;
width:840px;
height:165px;
}
body#meguru div#content div.gradationBg div.box01 div ul li{
float:left;
overflow:hidden;
margin:0;
padding:0;
width:230px;
height:165px;
background-position:0 0;
}
body#meguru div#content div.gradationBg div.box01 div ul li h5{text-indent:-3000px;}


body#meguru div#content div.gradationBg div.box01 ul li.t01{background-image:url(../images/meguru/Meguru_Text11.gif);}
body#meguru div#content div.gradationBg div.box01 ul li.t02{background-image:url(../images/meguru/Meguru_Text12.gif);}
body#meguru div#content div.gradationBg div.box01 ul li.t03{
width:240px;
background-image:url(../images/meguru/Meguru_Text13.gif);
}
body#meguru div#content div.gradationBg div.box01 ul li.t04{
width:140px;
background-image:url(../images/meguru/Meguru_Text14.gif);
}
body#meguru div#content div.gradationBg div.box01 div.plus{
margin-top:10px;
padding:10px 0 0 0;
width:840px;
height:122px;
background:url(../images/meguru/Meguru_PlusBg.gif) no-repeat 0 0;
}
body#meguru div#content div.gradationBg div.box01 div.plus div{
float:left;
width:325px;
height:105px;
background:url(../images/meguru/Meguru_Text15.gif) no-repeat 15px 5px;
}
body#meguru div#content div.gradationBg div.box01 div.plus div h4{background:none;}
body#meguru div#content div.gradationBg div.box01 div.plus img{float:left;}
body#meguru div#content div.gradationBg div.box01 div.caution{
padding:0;
width:830px;
height:75px;
background:url(../images/meguru/Meguru_Text17.gif) no-repeat 0 0;
line-height:1%;
}
body#meguru div#content div.gradationBg div.box02{
float:left;
overflow:hidden;
margin:10px 10px 10px 0;
padding:5px;
width:425px;
background:#2CB35E;
}
body#meguru div#content div.gradationBg div.box02 h4{
height:66px;
background:url(../images/meguru/Meguru_Text18.gif) no-repeat center;
}
body#meguru div#content div.gradationBg div.box02 div{
padding:10px 10px 15px 10px;
background:#fff;
text-align:center;
}
body#meguru div#content div.gradationBg div.box02 div img{margin:7px 0 8px 0;}
body#meguru div#content div.gradationBg div.box02 div a{
display:block;
overflow:hidden;
margin:5px auto 0;
width:306px;
height:37px;
background:url(../images/meguru/Meguru_Btn02.gif) no-repeat 0 0;
text-indent:-3000px;
}
body#meguru div#content div.gradationBg div.box03{
float:left;
overflow:hidden;
margin:10px 0 10px 0;
padding:0;
width:435px;
background:url(../images/meguru/Meguru_PointBg.gif) repeat-y 0 0;
text-align:center;
}
body#meguru div#content div.gradationBg div.box03 h4{
height:60px;
background:url(../images/meguru/Meguru_Text19.gif) no-repeat 0 0;
}
body#meguru div#content div.gradationBg div.box03 a{
display:block;
overflow:hidden;
margin:5px auto 5px;
width:246px;
height:30px;
background:url(../images/meguru/Meguru_Btn03.gif) no-repeat 0 0;
text-indent:-3000px;
}
body#meguru div#content div.gradationBg div.box03 div{
margin:0;
padding:0 0 2px;
height:5px;
background:url(../images/meguru/Meguru_PointBottom.gif) no-repeat bottom;
font-size:5px;
line-height:50%;
}
body#meguru div#content a.leaflet{
display:block;
overflow:hidden;
margin:15px auto;
width:366px;
height:67px;
background:url(../images/meguru/Meguru_Btn04.gif) no-repeat 0 0;
text-indent:-3000px;
}

/*	特別限定仕様
----------------------------------------------------------------------------------------------------------------------------------*/
body#point div#content h3{background:url(../images/point/Point_Ttl.gif) no-repeat 0 0;}

body#point div#content div.itemTtl{
height:60px;
background:url(../images/point/Point_SubTtl.gif) no-repeat 0 0;
text-indent:-3000px;
}
body#point div#content div.itemText{
height:90px;
background:url(../images/point/Point_Item.gif) no-repeat 0 0;
text-indent:-3000px;
}
body#point div#content div.itemChoice{
height:49px;
background:url(../images/point/Point_ItemExample.gif) no-repeat 0 0;
text-indent:-3000px;
}
body#point div#content div.itemExample{
background:url(../images/point/Point_ItemBg.gif) repeat-y 0 0;
}
body#point div#content div.itemLeaflet{
margin:0 0 20px 0;
height:142px;
background:url(../images/point/Point_ItemLeaflet.gif) no-repeat 0 0;
text-indent:-3000px;
}

body#point div#content div.itemExample ul{
margin:0 auto;
width:843px;
height:426px;
}
body#point div#content div.itemExample ul li{
float:left;
padding:0 9px 0 10px;
text-align:left;
list-style:none;
}
body#point div#content div.itemExample ul li h4{
width:100%;
height:36px;
text-indent:-3000px;
}
body#point div#content div.itemExample ul li.k{width:193px;}
body#point div#content div.itemExample ul li.b{width:193px;}
body#point div#content div.itemExample ul li.t{width:122px;}
body#point div#content div.itemExample ul li.s{width:119px;}
body#point div#content div.itemExample ul li.o{width:121px;}
body#point div#content div.itemExample ul li.k h4{background:url(../images/point/Point_ItemExK.gif) no-repeat center top;}
body#point div#content div.itemExample ul li.b h4{background:url(../images/point/Point_ItemExB.gif) no-repeat center top;}
body#point div#content div.itemExample ul li.t h4{background:url(../images/point/Point_ItemExT.gif) no-repeat center top;}
body#point div#content div.itemExample ul li.s h4{background:url(../images/point/Point_ItemExS.gif) no-repeat center top;}
body#point div#content div.itemExample ul li.o h4{background:url(../images/point/Point_ItemExO.gif) no-repeat center top;}

body#point div#content div.itemLeaflet a{
display:block;
overflow:hidden;
margin:58px auto 0;
width:310px;
height:42px;
background:url(../images/point/Point_Item_Btn.gif) no-repeat 0 0;
text-indent:-3000px;
}
body#point div#content div.fcl div.solar,div.fuku{
float:left;
height:130px;
text-indent:-3000px;
text-align:left;
}
body#point div#content div.fcl div.solar{
margin:0 10px 0 0;
width:520px;
background:url(../images/point/Point_SolarBg.gif) no-repeat 0 0;
}
body#point div#content div.fcl div.fuku{
width:370px;
background:url(../images/point/Point_FukuBg.gif) no-repeat center;
}
body#point div#content div.fcl div.solar a{
display:block;
overflow:hidden;
margin:10px 0 0 145px;
width:230px;
height:60px;
text-indent:-3000px;
}
body#point div#content div.fcl div.fuku a{
display:block;
overflow:hidden;
margin:50px 0 0 35px;
width:306px;
height:37px;
background:url(../images/point/Point_FukuBtn.gif) no-repeat 0 0;
text-indent:-3000px;
}




/*	現場見学会一覧
----------------------------------------------------------------------------------------------------------------------------------*/
body#exhibition div#content h3{background:url(../images/exhibition/Exhibition_Ttl.gif) no-repeat 0 0;}
body#exhibition div#content div.listCase p.kanto{background-image:url(../images/exhibition/Exhibition_Kanto.gif);}
body#exhibition div#content div.listCase p.chubu{background-image:url(../images/exhibition/Exhibition_Chubu.gif);}
body#exhibition div#content div.listCase p.kyushu{background-image:url(../images/exhibition/Exhibition_Kyushu.gif);}



/*	対応工務店一覧
----------------------------------------------------------------------------------------------------------------------------------*/
body#fairList div#content h3{
background:url(../images/fair/List_Ttl.gif) no-repeat 0 0;
}
body#fairList div#content div.areaLink p{padding:4px 0 3px 15px;}
body#fairList div#content div.listCase p.hokkaido{background-image:url(../images/fair/List_Hokkaido.gif);}
body#fairList div#content div.listCase p.tohoku{background-image:url(../images/fair/List_Tohoku.gif);}
body#fairList div#content div.listCase p.kanto{background-image:url(../images/fair/List_Kanto.gif);}
body#fairList div#content div.listCase p.hokuriku{background-image:url(../images/fair/List_Hokuriku.gif);}
body#fairList div#content div.listCase p.tokai{background-image:url(../images/fair/List_Tokai.gif);}
body#fairList div#content div.listCase p.kinki{background-image:url(../images/fair/List_Kinki.gif);}
body#fairList div#content div.listCase p.chugoku{background-image:url(../images/fair/List_Chugoku.gif);}
body#fairList div#content div.listCase p.shikoku{background-image:url(../images/fair/List_Shikoku.gif);}
body#fairList div#content div.listCase p.kyushu{background-image:url(../images/fair/List_Kyushu.gif);}
body#fairList div#content div.listCase p.okinawa{background-image:url(../images/fair/List_Okinawa.gif);}
body#fairList div#content div.listCase div.prefecture{font-size:14px;}
body#fairList div#content div.listCase div.prefecture table th{font-size:12px;}
body#fairList div#content div.listCase div.prefecture table td{font-size:12px;}
body#fairList div#content div.listCase div.prefecture table th.cName{width:150px;}
body#fairList div#content div.listCase div.prefecture table th.cAddress{width:330px;}
body#fairList div#content div.listCase div.prefecture table th.cTel{width:70px;}
body#fairList div#content div.listCase div.prefecture table th.cHP{width:60px;}

body#fairList div#content div.listCase div.prefecture table th.small{
padding:2px 0 1px 0;
font-size:10px;
text-align:center;
}
body#fairList div#content div.listCase div.prefecture table td{padding:5px 10px;}
body#fairList div#content p.pageTop{margin-bottom:15px;}






