@charset "UTF-8";

/*SUPREME　ドリームプラス
------------------------------------------------------------------------------------------------*/

#subNav { float:right; height:34px; margin:11px 0 0 0; }

.subnavi03 {
	border-left:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	padding:10px 0 10px 10px;
}

#container #main_area .left #contents .leftCol{
	width:279px;
	padding:10px 0 20px 0;
	float:left;
}

#container #main_area .left #contents .rightCol{
	width:491px;
	padding:10px 0 20px 0;	
	float:left;
}

#container #main_area .left #contents .leftCol1{
	float:left;
	padding:0;
	margin:0;
}

#container #main_area .left #contents .rightCol1{
	float:left;
	padding:0;
	margin:0;	
}


#container #main_area .left #contents .rightCol h2{padding:10px 0 5px 0;}
#container #main_area .left #contents .leftCol p,#container #main_area .left #contents .rightCol p{color:#696969; padding:5px 0; margin:0; text-indent:0; line-height:1.5em;}



#container #main_area .left #contents .rightCol ul.snav{margin:0; padding:0; margin:20px 0;}
#container #main_area .left #contents .rightCol ul.snav li{margin:0;: padding:0; display:block; float:left; padding:0 0 12px 0; list-style:none;}

#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; } 


/*セシボ　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 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; }


#contents{padding:10px 0; margin:0;}
h2{margin:0; padding:0; border:none;}
h2 img{margin:0; padding:0; border:none;}

h2#plusttl{padding:5px 0;}

#main_area .logo{width:770px; height:98px; position:relative;}
#main_area .logo #example{display:block; position:absolute; top:5px; right:0; width:162px; height:37px;}
#main_area .logo #example2{display:block; position:absolute; top:48px; right:0; width:162px; height:37px;}

div.round_vv {
width:768px;
height:auto;
  margin: 0;
  padding: 0 0 0.25em 0;
}

div.round_uu {
  	border-radius: 5px;
   -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -uu-border-radius: 5px;  
  border: #ccc 1px solid;
background:#fff;
  padding:10px  15px;
  margin: 4px 0px;
  position:relative;
}

#contents div.plus p,#contents div.round_uu p{color:#696969; padding:10px 0; margin:0; text-indent:0; line-height:1.6em; }
#contents div.round_uu p.pdl10{ padding:3px 0; padding-left:15px;}

#contents div.round_uu h3{margin:0; padding:5px 0; display:block;}
#contents div.round_uu img{clear:both;}

.clear{clear:both;}

body div.round_uu p.clear{clear:both; margin:0; padding:0; height:1px; font-size:1px; overflow:hidden;}


div.round_uu #plus01,div.round_uu #plus02,div.round_uu #plus03,div.round_uu #plus04,div.round_uu #plus05,div.round_uu #plus06,div.round_uu #plus07,div.round_uu #plus08{position:absolute; width:4px; height:100px; top:12px; left:0; }
div.round_uu #plus01{background:#58bdec;}
div.round_uu #plus02{background:#ef858c;}
div.round_uu #plus03{background:#f4b400;}
div.round_uu #plus04{background:#b6d56a;}
div.round_uu #plus05{background:#73c6be;}
div.round_uu #plus06{background:#6abc6f;}
div.round_uu #plus07{background:#ba8dbe;}
div.round_uu #plus08{background:#f29b7e; height:65px;}

div.round_uu img.imgb{display:block; padding:3px 0 8px 0;}
div.round_uu img.imgr{display:block; float:right; padding:0 0 3px 8px;}
div.round_uu img.imgl{display:block; float:left; padding:0 8px 3px 0;}


body h1{font-size:100%;}


/* HappyMama
------------------------------------------------------------------------------------------------*/
.storage ul.tabNav {
	/zoom: 1;
	margin: 0 -8px 0 0;
	padding: 15px 0 0;
	width: 744px;
	height: 38px;
	overflow: hidden;
}
.storage ul.tabNav:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
.storage ul.tabNav li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0 8px 0 0;
}
.storage ul.tabNav li a {
}
.storage ul.tabNav li img {
	vertical-align: bottom;
}
.storage ul.tabNav li.storage01 {
	background: url(happymama/images/tab01_on.gif) no-repeat;
}
.storage ul.tabNav li.storage02 {
	background: url(happymama/images/tab02_on.gif) no-repeat;
}
.storage ul.tabNav li.storage03 {
	background: url(happymama/images/tab03_on.gif) no-repeat;
}
.storage ul.tabNav li.storage04 {
	background: url(happymama/images/tab04_on.gif) no-repeat;
}
.storage ul.tabNav li a:hover img,
.storage ul.tabNav li a.active img {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.storage #storage01,
.storage #storage02,
.storage #storage03,
.storage #storage04 {
	border: 1px solid;
	border-top: 4px solid;
  	border-radius: 0 0 5px 5px;
   -moz-border-radius: 0 0 5px 5px;
   -webkit-border-radius: 0 0 5px 5px;
   padding: 20px 15px 15px;
   margin: 0 0 5px;
}
.storage #storage01 {
	border-color: #FBDCB8;
}
.storage #storage02 {
	border-color: #9ED8F5;
}
.storage #storage03 {
	border-color: #D1E3A2;
}
.storage #storage04 {
	border-color: #F8D2D3;
}


/* EcoPlus
------------------------------------------------------------------------------------------------*/

ul.ecoNav {
	padding: 0;
	margin: 20px -15px 20px 0;
	width: 783px;
}
ul.ecoNav:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
ul.ecoNav li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
}
ul.ecoNav li a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}