.clear{
clear:both;
}

/* CSS Document */
		
			/* rankIndex */
			#rankIndex{
			margin: 0 0 10px 0;
			padding: 0 0 15px 0;
			background-image:url(../img/rankindex_bg.gif);
			background-position: bottom left;
			background-repeat: no-repeat;
			}
			
			#rankIndex h2, #rankindextab_seibun_active h2{
			margin: 0 0 0 10px;
			padding: 15px 0 0 60px;
			height:35px;
			background-image:url(../img/h2_rankindex_seibun.gif);
			background-repeat: no-repeat;
			font-size: 12px;
			font-weight: bold;
			color:#FFFFFF;
			}
			#rankindextab_cost_active h2{
			margin: 0 0 0 10px;
			padding: 15px 0 0 60px;
			height:35px;
			background-image:url(../img/h2_rankindex_cost.gif);
			background-repeat: no-repeat;
			font-size: 12px;
			font-weight: bold;
			color:#FFFFFF;
			}	

			#rankindextab_price_active h2{
			margin: 0 0 0 10px;
			padding: 15px 0 0 60px;
			height:35px;
			background-image:url(../img/h2_rankindex_price.gif);
			background-repeat: no-repeat;
			font-size: 12px;
			font-weight: bold;
			color:#FFFFFF;
			}
	
			#rankIndex p.rankIndexIntro{
			margin: 0 15px;			
			}
			
			#rankIndex ul{
			width:685px;
			list-style-type: none;
			}
			#rankIndex ul li{
			float:left;
			}
			
				/* rankIndexLeft */
				.rankIndexLeft{
				margin: 0 10px 0 0;
				width:340px;
				float:left;
				}
				.rankIndexLeft p{
				margin:0 0 0 20px;
				}
				.rankIndexLeft img{
				margin: 0 10px 0 0;
				float:left;
				}

					/* No1 */
					#rankIndexNo1{
					margin: 10px 0 0 10px;
					padding: 0 0 10px 25px;
					background-image:url(../img/rankindex01_bg.gif);
					background-position: left;
					background-repeat: no-repeat;
					border-bottom: 1px dotted #999999;
					}
					#rankIndexNo1 img{
					width:100px;
					}
					#rankIndexNo2 img, #rankIndexNo3 img,{
					float:left;
					}
					#rankIndexNo1 h3{
					padding: 0 0 0 10px;
					width:185px;
					background-color:#FEF4F4;
					font-size: 12px;
					font-weight:normal;
					float:right;
					}

					
					/* No2 */						
					#rankIndexNo2{
					margin: 0 0 0 10px;
					padding: 5px 0 5px 25px;
					background-image:url(../img/rankindex02_bg.gif);
					background-position: left;
					background-repeat: no-repeat;
					border-bottom: 1px dotted #999999;
					}
					
					/* No3 */
					#rankIndexNo3{
					margin: 0 0 0 10px;
					padding: 5px 0 5px 25px;
					background-image:url(../img/rankindex03_bg.gif);
					background-position: left;
					background-repeat: no-repeat;
					}
					/* #rankIndexNo2 h3, #rankIndexNo3 h3{
					padding: 0 0 0 10px;
					width:230px;
					background-color:#FEF4F4;
					font-size: 10px;
					font-weight:normal;
					float:right;
					}*/
					#rankIndexNo2 h3, #rankIndexNo3 h3{
					margin: 0 0 5px 0;
					width:220px;
					font-weight:normal;
					font-size:12px;
					float:left;
					}
					#rankIndexNo1 p, #rankIndexNo2 p, #rankIndexNo3 p{
					margin:0;
					}
					

				/* rankIndexRight */
				#rankIndexRight{
				padding: 15px;
				margin: 10px 0 0 0;
				width:290px;
				float:left;
				background-color:#FEF4F4;
				}
				
				#rankIndexRight ul{
				width:285px;
				}
				
				#rankIndexRight ul li{
				float:left;
				}
	
				#rankIndexRight ul li a{
				padding: 0 0 0 15px;
				width: 80px;
				display: block;
				background-image:url(../img/contindex_women_link.gif);
				background-position: left;
				background-repeat: no-repeat;
				}	
			
			/* contIndex */
			#contIndex{
			margin: 0 0 15px 0;
			width: 675px;
			background-image:url(../img/leftcol_box_bg.gif);
			background-repeat: repeat-y;
			border-bottom: 1px solid #eeeeee;
			}
			#contIndex_body{
			padding: 0 0 0 5px;
			}
			#contIndex_footer{
			width:161px;
			height:9px;
			font-size:0px;
			background: #FFF url(../img/contindex_footer.gif) no-repeat center;
			}
			#contIndex p img{
			margin: 0 5px 0 0;
			float:left;
			}
			
			#contIndex p{
			margin: 0 10px 0 15px;
			width:130px;
			}
			
			#contIndex ul{
			list-style-type: none;
			}
			
			#contIndex ul li{
			width: 130px;
			margin: 0 0 0 15px;
			font-size: 10px;
			}
						
			#contIndex a:link, #contIndex a:visited{
			margin: 0 0 5px 0;
			text-decoration:underline;
			font-size: 10px;
			line-height:100%;
			display:block;
                       color:#FF6600;
                      font-weight:100;
			}
			#contIndex a:hover{
			text-decoration:underline;
			color:#FF6600;
			}

				/* Supple */
				#contIndexSupple{
				width:160px;
				margin: 5px 0 0 5px;
				float:left;
				background:url(../img/contindex_supp_bg.gif) repeat-y left;
				}
				#contIndexSupple h3{
				width:162px;
				height:34px;
				padding: 0 0 5px 0;
				background:url(../img/h3_contindex_supp.gif) no-repeat top left;
				text-indent:-5000px;
				}
				#contIndexSupple h4{
				width:113px;
				margin: 0 10px 0 10px;
				padding: 0 0 0 15px;
				background:url(../img/contindex_supp_link.gif) no-repeat top left;
				}
				/* Women */
				#contIndexWomen{
				width:160px;
				margin: 5px 0 0 5px;
				float:left;
				background:url(../img/contindex_women_bg.gif) repeat-y left;
				}
				#contIndexWomen h3{
				width:160px;
				height:35px;
				padding: 0 0 5px 0;
				background:url(../img/h3_contindex_women.gif) no-repeat top left;
				text-indent:-5000px;
				}
				#contIndexWomen h4{
				width:113px;
				margin: 0 10px 0 10px;
				padding: 0 0 0 15px;
				background:url(../img/contindex_women_link.gif) no-repeat top left;
				}

				/* Diet */
				#contIndexDiet{
				width:160px;
				margin: 5px 0 0 5px;
				float:left;
				background:url(../img/contindex_diet_bg.gif) repeat-y left;
				}
				#contIndexDiet h3{
				width:160px;
				height:35px;
				padding: 0 0 5px 0;
				background:url(../img/h3_contindex_diet.gif) no-repeat top left;
				text-indent:-5000px;
				}
				#contIndexDiet h4{
				width:113px;
				margin: 0 10px 0 10px;
				padding: 0 0 0 15px;
				background:url(../img/contindex_diet_link.gif) no-repeat top left;
				}

				/* Beauty */
				#contIndexBeauty{
				width:160px;
				margin: 5px 0 0 5px;
				float:left;
				background:url(../img/contindex_beauty_bg.gif) repeat-y left;
				}
				#contIndexBeauty h3{
				width:160px;
				height:35px;
				padding: 0 0 5px 0;
				background:url(../img/h3_contindex_beauty.gif) no-repeat top left;
				text-indent:-5000px;
				}
				#contIndexBeauty h4{
				width:113px;
				margin: 0 10px 0 10px;
				padding: 0 0 0 15px;
				background:url(../img/contindex_beauty_link.gif) no-repeat top left;
				}

				/* Health */
				#contIndexHealth{
				width:160px;
				margin: 5px 0 0 5px;
				float:left;
				background:url(../img/contindex_health_bg.gif) repeat-y left;
				}
				#contIndexHealth h3{
				width:160px;
				height:35px;
				padding: 0 0 5px 0;
				background:url(../img/h3_contindex_health.gif) no-repeat top left;
				text-indent:-5000px;
				}
				#contIndexHealth h4{
				width:113px;
				margin: 0 10px 0 10px;
				padding: 0 0 0 15px;
				background:url(../img/contindex_health_link.gif) no-repeat top left;
				}

				/* Pet */
				#contIndexPet{
				width:160px;
				margin: 5px 0 0 5px;
				float:left;
				background:url(../img/contindex_pet_bg.gif) repeat-y left;
				}
				#contIndexPet h3{
				width:160px;
				height:35px;
				padding: 0 0 5px 0;
				background:url(../img/h3_contindex_pet.gif) no-repeat top left;
				text-indent:-5000px;
				}
				#contIndexPet h4{
				width:113px;
				margin: 0 10px 0 10px;
				padding: 0 0 0 15px;
				background:url(../img/contindex_pet_link.gif) no-repeat top left;
				}

				/* Ad */
				#contIndexAd{
				padding: 15px 0 0 0;                           
				margin: 10px 0 0 0;
				margin: 0 0 0 345px;
				width:320px;
				}

				/* Ads */
				#contIndexAds{
				margin: 10px 0 0 5px;
				width: 660px;
				height: 60px;
				background-color:#006699;
				clear:both;
				}
				
			#textAd{
			margin: 10px 0 20px;
			}
			
			
			#searchIndex{
			padding: 0 0 10px 0;
			margin: 10px 0 15px 0;
			width: 685px;
			background-image:url(../img/leftcol_box_bg.gif);
			background-repeat: repeat-y;
			border-bottom: 1px solid #eeeeee;
			}
			#searchIndex p{
			padding: 10px 0 20px 10px;
			}
				#searchSchool{
				margin: 10px 0 5px 10px;
				padding: 10px 0 0 100px;
				width: 390px;

				background-image:url(../img/searchindex_school_bg.jpg);
				background-repeat:no-repeat;
				background-position: top left;
				}
				#searchHospital{
				margin: 0 0 5px 10px;
				padding: 10px 0 0 100px;
				width: 390px;
				background-image:url(../img/searchindex_hospital_bg.jpg);
				background-repeat:no-repeat;
				background-position: top left;
				}
				#searchShop{
				margin: 0 0 0 10px;
				padding: 10px 0 0 100px;
				width: 390px;
				background-image:url(../img/searchindex_shop_bg.jpg);
				background-repeat:no-repeat;
				background-position: top left;
				}
				#searchIndexAbout{
				margin: 10px 0 0 0;
				padding: 0 10px 0 0;
				width:160px;
				float:right;
				background-image:url(../img/searchindex_about_bg.gif);
				background-repeat:no-repeat;
				background-position: bottom left;
				}
				#searchIndexAbout p{
				margin: 0 0 0 10px;
				width: 120px;
				}
		
			#updates{
			padding: 0 0 10px 0;
			width:340px;
			float:left;
			background-image:url(../img/leftcol_box_s_bg.gif);
			background-repeat: repeat-y;
			border-bottom: 1px solid #eeeeee;
			}
			
			#updates p{
			margin: 10px 0 0 0;
			padding: 0 10px 0 15px;
			overflow-y: scroll;
			overflow-x: hidden;
			border-bottom: 1px dotted #eeeeee;
			background-color: #E8F4CF;
			}
			
			#updates p.odd{
			background-color: #FFFFFF;
			}
			
			#updates a{
			padding: 0 0 0 15px;
			background-image:url(../img/contindex_supp_link.gif);
			background-repeat: no-repeat;
			background-position: left;
			font-weight:normal;
			text-decoration:underline;
                        color:#ff6600;
			}
			
			#news{
			margin: 0 5px 0 5px;
			float:left;
			padding: 0 0 10px 0;
			width:340px;
			background-image:url(../img/top_news_bg.gif);
			background-repeat: repeat-y;
			border-bottom: 1px solid #eeeeee;

			}

                        #news a:link, a:visited {
			text-decoration: none;
			color: #000;
			font-weight: normal;
			}			


			#news p {
			margin: 0 10px 0 10px;
			}
			
			#news h3{
			padding: 10px 0 10px 30px;
			font-size: 12px;
			color:#000;
                        background: url("../img/contindex_supp_link.gif") no-repeat 13px 13px transparent ; 
　　　　　　　　　　　background-position : 10px 10px;
			}
			
			#news p img{
			margin: 0 5px 0 0;
			float:left;
			}

.newscontent1 a{
display: block;
height: 0;
line-height: 171px;
overflow: hidden;
padding: 171px 0 0 0;
background: url("../img/img_topichioshi1.jpg") no-repeat scroll 0 0px transparent;
width: 162px;
float: left;
margin: 0 3px 3px 6px;
}

.newscontent2 a{
display: block;
height: 0;
line-height: 84px;
overflow: hidden;
padding: 84px 0 0 0;
margin-bottom: 2px;
background: url("../img/img_topichioshi2.jpg") no-repeat scroll 0 0px transparent;
float:left;
width: 80px;
margin-bottom: 3px;
margin-right: 3px;
}

.newscontent3 a{
display: block;
height: 0;
line-height: 84px;
overflow: hidden;
padding: 84px  0 0 0;
margin-bottom: 2px;
background: url("../img/img_topichioshi3.jpg") no-repeat scroll 0 0px transparent;
float:left;
width: 80px;
margin-bottom: 3px;
}

.newscontent4 a{
display: block;
height: 0;
line-height: 84px;
overflow: hidden;
padding: 84px  0 0 0;
margin-bottom: 2px;
background: url("../img/img_topichioshi4.jpg") no-repeat scroll 0 0px transparent;
float:left;
width: 80px;
margin-bottom: 3px;
margin-right: 3px;
}

.newscontent5 a{
display: block;
height: 0;
line-height: 84px;
overflow: hidden;
padding: 84px  0 0 0;
margin-bottom: 2px;
background: url("../img/img_topichioshi5.jpg") no-repeat scroll 0 0px transparent;
float:left;
width: 80px;
margin-bottom: 3px;
}





	

			/* all  */
			#contList{
			width:680px;
			background-color:#E8F4CF;
			padding: 5px;
			margin: 10px 0 10px 0;
			}

			#contList_bottom{
			margin: 0px auto 0px auto;
			width:650px;
			height:1px;
			background:#E8F4CF;
			clear: both;
			}

			#contList p.link{
			font-size:10px;
			padding: 10px 10px 10px 20px;
			}
			#contList p.sublink{
			font-size:10px;
			padding: 5px;
			}
			#contList a{
			font-weight:normal;
			text-decoration:none;
			}

				#contListSupple{
				margin: 0 0 5px 0;
				width:335px;
				float:left;
				background-color:#FFFFFF;
				}

				#contListSupple h3{
				width:275px;
				height:27px;
				font-size: 12px;
				padding: 10px 0 0 50px;
				background:url(../img/h3_contlist_supp.gif) no-repeat;
				}
				#contListSupple h4{
				width:275px;
				margin: 5px;
				padding: 0 0 0 5px;
				font-size: 12px;
				background:#FFCC99;
				color:#FFF;
				}
				#contListWomen{
				margin: 0 0 5px 0;
				width:335px;
				float:right;
				background-color:#FFFFFF;
				}

				#contListWomen h3{
				width:275px;
				height:27px;
				font-size: 12px;
				padding: 10px 0 0 50px;
				background:url(../img/h3_contlist_women.gif) no-repeat;
				}
				#contListWomen h4{
				width:275px;
				margin: 5px;
				padding: 0 0 0 5px;
				font-size: 12px;
				background:#FFD7D7;
				color:#FFF;
				}

				#contListDiet{
				margin: 0 0 5px 0;
				width:335px;
				float:left;
				background-color:#FFFFFF;
				}
				#contListDiet h3{
				width:275px;
				height:27px;
				font-size: 12px;
				padding: 10px 0 0 50px;
				background:url(../img/h3_contlist_diet.gif) no-repeat;
				}
				#contListDiet h4{
				width:275px;
				margin: 5px;
				padding: 0 0 0 5px;
				font-size: 12px;
				background:#FBE638;
				color:#FFF;
				}

				#contListBeauty{
				margin: 0 0 5px 0;
				width:335px;
				float:right;
				background-color:#FFFFFF;
				}

				#contListBeauty h3{
				width:275px;
				height:27px;
				font-size: 12px;
				padding: 10px 0 0 50px;
				background:url(../img/h3_contlist_beauty.gif) no-repeat;
				}
				#contListBeauty h4{
				width:275px;
				margin: 5px;
				padding: 0 0 0 5px;
				font-size: 12px;
				background:#DFBBEE;
				color:#FFF;
				}

				#contListHealth{
				margin: 0 0 5px 0;
				width:335px;
				float:left;
				background-color:#FFFFFF;
				}
				#contListHealth h3{
				width:275px;
				height:27px;
				font-size: 12px;
				padding: 10px 0 0 50px;
				background:url(../img/h3_contlist_health.gif) no-repeat;
				}
				#contListHealth h4{
				width:275px;
				margin: 5px;
				padding: 0 0 0 5px;
				font-size: 12px;
				background:#A3E849;
				color:#FFF;
				}

				#contListPet{
				margin: 0 0 5px 0;
				width:335px;
				float:right;
				background-color:#FFFFFF;
				}
				#contListPet h3{
				width:275px;
				height:27px;
				font-size: 12px;
				padding: 10px 0 0 50px;
				background:url(../img/h3_contlist_pet.gif) no-repeat;
				}
				#contListPet h4{
				width:275px;
				margin: 5px;
				padding: 0 0 0 5px;
				font-size: 12px;
				background:#C1DFFD;
				color:#FFF;
				}

#contIndex .contIndex_footer {
    background: url("../img/contindex_footer.gif") no-repeat scroll center center #FFFFFF;
    font-size: 0;
    height: 9px;
    width: 161px;
}


<!-- トップページ　編集部おすすめ、成分大学のCSS -->


#maincntwrap{
	margin-top:30px;
}


#top1 {
    background: none repeat scroll 0 0 #FDF2F2;
    width: 688px;
}

#topimg1{
	float:left;
	width:330px;
	height:240px;
}
#topimg2{
	float:right;
	width:347px;
	height:240px;
	background:url(/img/top/img_top_main2.jpg) no-repeat;
}

#topimg2 p {
    color: #333333;
    font-size: 12px;
    margin: 136px 0 0 140px;
    padding: 0 23px 0 0;
}

.ichioshi_link{
	margin:0 0 0px 6px;
	width:688px;
}

.ichioshi_link  .ichioshi_cnt{
	margin-right:9px;
	padding:0;
	
}

.ichioshi_link .ichioshi_cnt2{
	float:left;
	margin-right:0px;
	margin-right:0px;
	padding:0;
	
}


.ichioshi_cnt li{
	list-style:none;
	font-size:14px;
	font-weight:bold;
	float: left;
        text-align: center;
	}



.ichioshi_link .ichioshi_cnt li a{
	color:#F60;
	text-decoration:underline;
    font-weight:bold;
  
}

.ichioshi_text{
	margin:5px 0 0 0;
}

.ichioshi_cnt2 li{
	list-style:none;
	font-size:14px;
	font-weight:bold;
}

.ichioshi_cnt2 li a{
	color:#F60;
	text-decoration:underline;
  
}

.ichioshi_cnt2 li.ichioshi_text{
	margin:5px 0 0 0;
}

.icon_new{
	background:url(/img/top/icon_new_p.gif) no-repeat;
	text-indent:35px;
}




.ichioshi_frame{

	margin:0 5px 0 0;
	padding:0;
    width:130px;
}

.ichioshi_frame img{
	border:1px solid #FE55C8;
	vertical-align: bottom;
}

.ichioshi_frame li{
	float: left;
}



#maincntbox{
float:left;
width:446px;
margin:20px 0 0 0;
}

#maincntbox a{
	list-style:none;
	text-decoration:underline;
}

#maincntbox li{
	list-style:none;
}

#maincntbox div#maincntbox_l p{
	font-size:12px;
	margin:10px 0;
	}


#maincntbox div#maincntbox_r p{
	font-size:12px;
	margin:10px 0;}

#maincntbox div#maincntbox_l{
	width:218px;
	float:left;
	margin-right:10px;
}

#maincntbox div#maincntbox_l ul{
	margin:0;
	padding:0;
}


#maincntbox div#maincntbox_l ul li{
	width:218px;
	margin-top:15px;
}

#maincntbox div#maincntbox_l h3{
	background:url(/img/top/bar_univ.gif) no-repeat;
	width:218px;
	height:30px;
	text-indent:-9999px;
	}
	

#maincntbox img.drimg{
	float:left;
	border:1px solid #009933;
	margin-right:13px;
	width:38px;
}



#maincntbox  dt.univ_elements{
	font-size:14px;
	font-weight:bold;
	color:#F60;
	margin:5px 0 0 0;
	background:url(/img/top/icon_univ.gif) no-repeat 55px -1px;
	text-indent:10px;
        text-decoration: underline;
}

#maincntbox  dt.univ_dr{
	font-size:10px;
	color:#333;
         text-decoration:none;

}

#maincntbox  dt.osusume_elements{
	font-size:14px;
	font-weight:bold;
	color:#F60;
	margin:5px 0 0 0;
	background:url(/img/top/icon_henshubu.gif) no-repeat 75px ;
	text-indent:10px;
        text-decoration: underline;
}



.go_contents {
	background: url("/img/contindex_supp_link.gif") no-repeat 1px 2px;
	text-indent:15px;
}


.go_contents a{
	color:#F60;
}


#maincntbox div#maincntbox_r{
	width:218px;
	float:left;
}

#maincntbox div#maincntbox_r ul{
	margin:0;
	padding:0;
}


#maincntbox div#maincntbox_r ul li{
	width:218px;
	margin-top:15px;
}

#maincntbox div#maincntbox_r h3{
	background:url(/img/top/bar_henshubuosusume.gif) no-repeat;
	width:218px;
	height:30px;
	text-indent:-9999px;
	}
	

#maincntbox img.drimg{
	float:left;
	border:1px solid #009933;
	margin-right:13px;
	width:38px;
}

#maincntbox img.osusumeimg{
	float:left;
	border:1px solid #F78C9E;
	margin-right:13px;
	width:58px;
}

#rightcnt{
	width:218px;
	float:right;
margin:20px 0 0 0;
}

#rightcnt h3#kigyou{
	background:url(/img/top/bar_kigyouhoumon.gif) no-repeat;
	width:218px;
	height:30px;
	text-indent:-9999px;
}

#rightcnt li{
	list-style:none;
}


#rightcnt ul{
	margin:0;
	padding:0;	
}


#rightcnt  ul li{
	width:218px;
	margin-top:15px;
}

#rightcnt img.kigyouimg{
	float:left;
	border:1px solid #09F;
	margin-right:13px;
	width:56px;
}

#rightcnt .kigyou_elements{
	font-size:14px;
	font-weight:bold;
	color:#333;
	margin:5px 0 0 0;
	background:url(/img/top/icon_kigyou.gif) no-repeat 70px ;
	text-indent:10px;
}


#rightcnt .kigyou_text{
	font-size:10px;
	color:#333;
	margin-top:5px;
}


#rightcnt #supkomihenshubu{
	background:url(/img/top/icon_supkomihenshubu.gif) no-repeat;
	width:218px;
	height:30px;
	text-indent:-9999px;
	margin-top:30px;
}

#rightcnt #supkomi_e{


}

#rightcnt #supkomi_e li{
	background-color:#F1F1F1;
	padding:5px;
	width:208px;
	}

#rightcnt .editorimg{
	float:left;
	border:1px solid #ED9066;
	margin-right:10px;
	width:28px;
}

#rightcnt #supkomi_e dl.editor_name{
	font-size:12px;
	font-weight:bold;
	}
	
#rightcnt #supkomi_e dt.editor_word{
	font-size:12px;
	
	}

a{
outline:none;}