@charset "UTF-8";

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

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

.subnavi04 {
	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 #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; } 


/*セシボ　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#ttl{padding:0 0 15px 0; clear:both;}
h3.sttl{padding:10px 0; clear:both;}

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


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

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

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

#container #main_area .left .wrap img.imgb{display:block; padding:3px 0 8px 0;}
#container #main_area .left .wrap img.imgr{display:block; float:right; padding:0 0 3px 8px;}
#container #main_area .left .wrap img.imgl{display:block; float:left; padding:0 8px 3px 0;}

#container #main_area .left #contents .wrap p.sfont{padding:0 0 8px 22px; font-size:0.85em; line-height:1.5em; margin:0;}
#container #main_area .left #contents .wrap p.sfont1{padding:0 5px 8px 5px; font-size:0.85em; line-height:1.5em; margin:0;}


body h1{font-size:100%;}


#main_area ul.good { margin:0; padding:0 0 14px; list-style:none; }
#main_area ul.good li { float:left; width:247px; height:115px; padding:0; margin:0 14px 0 0; }
#main_area ul.good li.end { width:248px; margin:0; }