@charset "UTF-8";

/*セシボ　ドリームプラス
------------------------------------------------------------------------------------------------*/

.title04 { height:69px; }
.title04 .logo { margin:10px 0 0;}
#subNav { float:right; height:26px; margin:0; }
#subNav2 { float:right; height:26px; margin:5px 0 0 0; }

.subnavi04 {
	border-left:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	padding:7px 0 7px 10px;
}
.subnavi04 a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
.subnavi04 a:hover img.current {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

#container #main_area .left #contents #plusCol{
	width:732px;
	height:712px;
	background:#ecf6d4;
	padding:17px;
	clear:both;
}

#container #main_area .left #contents #plusCol ul{
	width:732px;
	margin:0 auto;
	padding:0;
}

#container #main_area .left #contents #plusCol ul li{
	float:left;
	width:366px;
	height:120px;
	list-style:none;
	margin:0;
	padding:0;
}


/*セシボ　ドリームプラス詳細ページ
------------------------------------------------------------------------------------------------*/


body#plus h2 { border:none; padding:0; margin:30px 0 10px; }
#sixToeleven { width:722px; background:#f3f2f1; border:2px solid #d8d5d0; padding:40px 20px;  }
#sixToeleven img.leftPh { padding-right:20px; }
#sixToeleven img.rightPh { padding-left:20px; }
#sixToeleven p { text-indent:0;  }
body#plus .clear { clear:both; height:1px; }
.largeCol h3 { margin:0 0 10px; } 
.largeCol h4 { margin:20px 0 0; } 
.largeCol h5 { padding:0; margin:0; border:none; } 

.clearFix {
	zoom: 1;
}
.clearFix:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}

#plusArea { width:750px; padding:0 8px;  }
#plusArea p { text-indent:0;  }
#plusArea h5 { padding:0; border:none;}
#plusArea ul.tabNav {
	zoom: 1;
	margin: 0 0 20px;
	padding: 0 15px;
	background: url(happymama/images/bg_tab.gif) no-repeat 0 100%;
}
#plusArea ul.tabNav:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
#plusArea ul.tabNav li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}
#plusArea ul.tabNav li img {
	vertical-align: bottom;
}
#plusArea ul.tabNav li.storage01 {
	background: url(happymama/images/tab01_on.jpg);
}
#plusArea ul.tabNav li.storage02 {
	background: url(happymama/images/tab02_on.jpg);
}
#plusArea ul.tabNav li.storage03 {
	background: url(happymama/images/tab03_on.jpg);
}
#plusArea ul.tabNav li.storage04 {
	background: url(happymama/images/tab04_on.jpg);
}
#plusArea ul.tabNav li a.active img {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
#plusArea ul.ecoNav {
	padding: 0 0 0 1px;
	margin: 20px -16px 20px 0;
	width: 765px;
}
#plusArea ul.ecoNav:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
#plusArea ul.ecoNav li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0 16px 0 0;
}
#plusArea ul.ecoNav li a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


/*extraNav
------------------------------------------------------------------------------------------------*/

.exNav{clear:both; display:block; text-align:center; margin-top:30px; padding-top:10px;}
.exNav a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	}



/*セシボ　HappyPet
------------------------------------------------------------------------------------------------*/


#petArea { width:750px; padding:0 8px;  }
#petArea p { text-indent:0;  }
#petArea ul#info { width:316px; margin:0; padding:0; list-style:none; }
#petArea ul#info li#infoHead { width:316px; height:71px; background:url(happypet/images/info_head.gif) no-repeat;  text-indent:-999px;  }
#petArea ul#info li#infoBody { width:316px; height:auto; background:url(happypet/images/info_body.gif) repeat-y;  }
#petArea ul#info li#infoFoot { width:316px; height:22px; background:url(happypet/images/info_foot.gif) no-repeat;  }
#petArea ul#info li#infoBody p { padding:10px 24px 0 50px; margin:0; text-indent:0;  }

#petArea { width:750px; padding:0 8px;  }
#petArea p { text-indent:0;  }
#petArea ul#info { width:316px; margin:0; padding:0; list-style:none; }
#petArea ul#info li#infoHead { width:316px; height:71px; background:url(happypet/images/info_head.gif) no-repeat;  text-indent:-999px;  }
#petArea ul#info li#infoBody { width:316px; height:auto; background:url(happypet/images/info_body.gif) repeat-y;  }
#petArea ul#info li#infoFoot { width:316px; height:22px; background:url(happypet/images/info_foot.gif) no-repeat;  }
#petArea ul#info li#infoBody p { padding:10px 24px 0 50px; margin:0; text-indent:0;  }


#petArea ul#eco { margin:0; padding:0; list-style:none; }
#petArea ul#eco li { float:left; padding:0; margin:0 16px 0 0; height:96px;  }

#petArea ul#soller { width:384px; height:320px; margin:0; padding:0; list-style:none; }
#petArea ul#soller li#sollerHead { width:384px; height:62px; background:url(supereco/images/soller_head.gif) no-repeat; text-indent:-999px;  }
#petArea ul#soller li#sollerBody { width:384px; height:auto; background:url(supereco/images/soller_body.gif) repeat-y;  }
#petArea ul#soller li#sollerFoot { width:384px; height:20px; background:url(supereco/images/soller_foot.gif) no-repeat;  }
#petArea ul#soller li#sollerBody p { padding:4px 25px 0 25px; margin:0; text-indent:0;  }

#petArea ul#perett { width:317px; height:320px; margin:0; padding:0; list-style:none; }
#petArea ul#perett li#perettHead { width:317px; height:51px; background:url(supereco/images/perett_head.gif) no-repeat;  text-indent:-999px;  }
#petArea ul#perett li#perettBody { width:317px; height:auto; background:url(supereco/images/perett_body.gif) repeat-y;  }
#petArea ul#perett li#perettFoot { width:317px; height:20px; background:url(supereco/images/perett_foot.gif) no-repeat;  }
#petArea ul#perett li#perettBody p { padding:10px 22px 0 22px; margin:0; text-indent:0;  }



#petArea #reform { border:3px solid #ccc0b3; padding:20px; width:710px; }

#safetyArea { width:706px; padding:18px; margin:4px 0 20px;  background:#f2f8ff; }
#safetyArea ul { width:706px; margin:0; padding:0; list-style:none; }
#safetyArea ul li { float:left; margin:0;  padding:0; }
#safetyArea ul li.first { height:159px; }
#safetyArea ul li.second { height:180px; }
#safetyArea ul li.third { height:76px; }

* html #safetyArea ul li.second { margin-bottom:-3px; }


#eduArea { width:706px; padding:22px; margin:4px 0 20px;  background:#f2f8ff; }
#eduArea ul { width:706px; margin:0; padding:0; list-style:none; }
#eduArea ul li { float:left; margin:0;  padding:0; }



/*収納上手な家
------------------------------------------------------------------------------------------------*/

.shuno01 {position:relative; height:285px;}
.shuno01 #pic01{top:35px; right:0px; position:absolute;}
.shuno01 h3{padding:5px 0;}
.shuno01 p{width:450px; padding:0 10px; line-height:1.5;}
p.gokui img{padding:3px;}
p.ctr{text-align:center; padding:10px;}
p.ctr img{margin:0 auto;}

#petArea #gallery{position:relative; height:462px;}
#gallery #g01{position:absolute; bottom:48px; left:230px;}
#gallery #g02{position:absolute; top:327px; left:30px;}
#gallery #g03{position:absolute; top:283px; left:30px;}
#gallery #g04{position:absolute; top:190px; left:25px;}
#gallery #g05{position:absolute; top:80px; left:185px;}
#gallery #g06{position:absolute; top:80px; left:145px;}
#gallery #g07{position:absolute; top:220px; left:50px;}
#gallery #g08{position:absolute; top:63px; left:213px;}
#gallery #g09{position:absolute; top:63px; left:240px;}
#gallery #g10{position:absolute; top:63px; left:290px;}
#gallery #g11{position:absolute; bottom:50px; left:280px;}
#gallery #g12{position:absolute; top:80px; left:315px;}
#gallery #g13{position:absolute; top:80px; left:355px;}
#gallery #g14{position:absolute; top:75px; right:250px;}


div#mama{display:block; position:relative;height:280px;}
div#mama #shunoS{position:absolute; bottom:10px; right:10px;}