@charset "shift_jis";

/*廻り込み解除BOXここから*/
.clr:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
.clr {
display:inline-table;
min-height:1%;
}

* html .clr {
height:1px;/*Mac IE　には適用されない*/
}
.clr {
display:block;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px;
/*ﾂ･*//*/
height: auto;
overflow: hidden;
/**/
}
/*廻り込み解除BOXここまで*/

img {
border: none;
}

.annotationArea {
margin: 30px 0 10px 0;
padding: 5px 10px;
width:503px;
border:solid 1px #999999;
}

.annotation {
margin: 0;
padding: 0;
font-size: 80%;
line-height: 140%;
}

h2#idea {
margin: 0 0 10px 0;
padding: 0;
width:770px;
height:65px;
background:url("../img/h2_idea.gif") no-repeat 0 0;
text-indent: -9999px;
}

/*ideaNaviArea */

#ideaNaviArea {
margin: 0 -10px 10px -10px;
padding: 0;
width:770px;
text-align:right;
}

#ideaNaviArea a {
color:#a0a0a0;
}

#ideaNaviArea a:hover {
color:#1c9ddf;
}

#ideaNaviArea a.active {
color:#323232;
}

/* footerNaviArea */

#footerNaviArea {
margin: 0 -10px 20px -10px;
padding: 0;
width:770px;
height:31px;
text-align:right;
font-size: 110%;
line-height: 140%;
background:url("../img/bg_footernavi.gif") no-repeat 0 0;
}

#footerNaviAreaLeft {
margin: 0 0 10px 0;
padding: 0;
width:50px;
float:left;
text-align:center;
}

#footerNaviAreaCenter {
margin: 0 0 0 0;
padding: 6px 0 0 0;
width:670px;
float:left;
text-align:center;
}

#footerNaviAreaRight {
margin: 0 0 10px 0;
padding: 0;
width:50px;
float:right;
text-align:center;
}

#footerNaviAreaCenter a {
color:#333333;
}

#footerNaviAreaCenter a:hover {
color:#1c9ddf;
text-decoration:underline;
}

#footerNaviAreaCenter a.active {
color:#1c9ddf;
font-weight:bold;
}

a.bt_next {
margin: 6px 0 0 0;
padding: 0 0 0 0;
display: block;
width: 50px;
height: 20px;
text-indent: -9999px;
background:url("../img/bt_next.gif") no-repeat ;
overflow:hidden;
outline:none;
}

a.bt_next:hover {
background-position: 0 -20px;
}

a.bt_back {
margin: 6px 0 0 0;
padding: 0 0 0 0;
display: block;
width: 50px;
height: 20px;
text-indent: -9999px;
background:url("../img/bt_back.gif") no-repeat ;
overflow:hidden;
outline:none;
}

a.bt_back:hover {
background-position: 0 -20px;
}

/* cococinoArea */

#cococinoArea {
margin: 0 0 20px 0;
padding: 0;
width:770px;
height:160px;
background-color:#f0f0f0;
position: relative;
font-size: 12px;
line-height: 130%;
}

a.bt_cococino {
margin: 0 0 0 0;
padding: 0 0 0 0;
display: block;
width: 360px;
height: 20px;
text-indent: -9999px;
background:url("../img/bt_cococino.gif") no-repeat ;
position:absolute;
top: 10px;
left: 20px;
}

a.bt_shower {
margin: 0 0 0 0;
padding: 0 0 0 0;
display: block;
width: 100px;
height: 20px;
text-indent: -9999px;
background:url("../img/bt_shower.gif") no-repeat ;
position:absolute;
top: 33px;
left: 410px;
}

a.bt_bathtab {
margin: 0 0 0 0;
padding: 0 0 0 0;
display: block;
width: 100px;
height: 20px;
text-indent: -9999px;
background:url("../img/bt_bathtab.gif") no-repeat ;
position:absolute;
top: 33px;
left: 530px;
}

a.bt_heating {
margin: 0 0 0 0;
padding: 0 0 0 0;
display: block;
width: 100px;
height: 20px;
text-indent: -9999px;
background:url("../img/bt_heating.gif") no-repeat ;
position:absolute;
top: 33px;
left: 650px;
}


a.bt_cococino:hover,
a.bt_shower:hover,
a.bt_bathtab:hover,
a.bt_heating:hover {
background-position: 0 -20px;
}

.p_cococino {
margin: 0 0 0 0;
padding: 0 0 0 0;
display: block;
width: 173px;
height: 102px;
position:absolute;
top: 40px;
left: 20px;
}

.tl_cococino {
margin: 0 0 0 0;
padding: 0 0 0 0;
display: block;
width: 58px;
height: 13px;
position:absolute;
top: 40px;
left: 205px;
}

.lead_cococino {
margin: 0 0 0 0;
padding: 0 0 0 0;
display: block;
width: 180px;
position:absolute;
top: 60px;
left: 205px;
}

.lead_shower {
margin: 0 0 0 0;
padding: 0 0 0 0;
display: block;
width: 100px;
position:absolute;
top: 60px;
left: 410px;
}

.lead_bathtab {
margin: 0 0 0 0;
padding: 0 0 0 0;
display: block;
width: 100px;
position:absolute;
top: 60px;
left: 530px;
}

.lead_heating {
margin: 0 0 0 0;
padding: 0 0 0 0;
display: block;
width: 100px;
position:absolute;
top: 60px;
left: 650px;
}


/* livingShowroomArea */

#livingShowroomArea {
margin: 0 0 20px 0;
padding: 0;
width:770px;
}

#livingShowroomArea img {
margin: 0 0 20px 0;
padding: 0;
width:179px;
float:left;
}

#livingShowroomArea p {
margin: 0;
padding: 15px 0 0 0;
width:580px;
float:right;
font-size: 85%;
line-height: 140%;
}

/* ideaContentsArea */
#ideaContentsArea {
margin: 20px -10px 10px -10px;
padding: 0;
width:770px;
background:url("../img/bg_contentsarea.gif") repeat-y ;
}

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

#ideaContentsBox {
margin: 0 0 0 0;
padding: 0;
width:770px;
}

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

.ideaContentsAreaLeft {
margin: 10px 0 0 0;
padding: 0;
width:525px;
float:left;
}

.ideaContentsAreaRight {
margin: 10px 0 10px 0;
padding: 0;
width:215px;
float:right;
}

.m60 {
margin: 55px 0 0 0 ;
padding: 0;
}

.m15 {
margin: 15px 0 0 0 ;
padding: 0;
}

.ideaContentsAreaLeft p {
margin: 10px 0 0 0;
padding: 0;
}

.pic {
display:block;
margin: 10px auto 0 auto;
text-align: center;
}


#amountTitle {
margin: 0 0 10px 0;
padding: 0;
width:525px;
height:45px;
}

#water_savingTitle {
margin: 0 0 10px 0;
padding: 0;
width:525px;
height:45px;
}

#power_savingTitle {
margin: 0 0 10px 0;
padding: 0;
width:525px;
height:45px;
}

h4#amount_01 {
margin: 0 0 10px 0;
padding: 0;
width:270px;
height:24px;
background:url("../img/h4_amount_01.gif") no-repeat 0 0;
text-indent: -9999px;
}

h4#amount_02 {
margin: 0 0 10px 0;
padding: 0;
width:260px;
height:24px;
background:url("../img/h4_amount_02.gif") no-repeat 0 0;
text-indent: -9999px;
}


h4#water_saving_01 {
margin: 0 0 10px 0;
padding: 0;
width:300px;
height:24px;
background:url("../img/h4_water_saving_01.gif") no-repeat 0 0;
text-indent: -9999px;
}

h4#water_saving_02 {
margin: 0 0 10px 0;
padding: 0;
width:280px;
height:24px;
background:url("../img/h4_water_saving_02.gif") no-repeat 0 0;
text-indent: -9999px;
}


h4#water_saving_03 {
margin: 0 0 10px 0;
padding: 0;
width:180px;
height:24px;
background:url("../img/h4_water_saving_03.gif") no-repeat 0 0;
text-indent: -9999px;
}


h4#power_saving_01 {
margin: 0 0 10px 0;
padding: 0;
width:230px;
height:24px;
background:url("../img/h4_power_saving_01.gif") no-repeat 0 0;
text-indent: -9999px;
}

h4#power_saving_02 {
margin: 15px 0 10px 0;
padding: 0;
width:280px;
height:24px;
background:url("../img/h4_power_saving_02.gif") no-repeat 0 0;
text-indent: -9999px;
}


h4#power_saving_03 {
margin: 0 0 10px 0;
padding: 0;
width:230px;
height:24px;
background:url("../img/h4_power_saving_03.gif") no-repeat 0 0;
text-indent: -9999px;
}

.power_saving_ill_01_left {
margin:0;
padding: 0;
width:315px;
float:left;
}

.power_saving_ill_01_right {
margin:10px 0 0 0;
padding: 0;
width:200px;
float:right;
}

.power_saving_ill_02_left {
margin:0;
padding: 0;
width:315px;
float:left;
}

.power_saving_ill_02_right {
margin:10px 10px 0 0;
padding: 0;
width:160px;
float:right;
}