@charset "UTF-8";
@import url("affiliate.css");
@import url("brandtop.css");
@import url("dd_menu.css");
@import url("chanel.css");
@import url("hisoca.css");
@import url("ie6.css");

/* BRAND LIST
##################################### */


	ul.brand-list li img.brand-icon{
		margin-left: 3px;
	}


/* CATEGORY TOP
##################################### */


	/* col-category-box
	##################################### */
		
	div#col-category-box{
		overflow: hidden;
		margin-bottom: 30px;
	}
	
		/* category-title */
		h3#category-title{
			width: 700px; height: 60px;
			margin-bottom: 12px;
			text-indent: -9999px;
		}
		
		h3.basemake 	{ background: url(/ikesei/kirei/inc/pc/category_top/title_basemake.gif) no-repeat; }
		h3.skincare 		{ background: url(/ikesei/kirei/inc/pc/category_top/title_skincare.gif) no-repeat; }
		h3.pointmake 	{ background: url(/ikesei/kirei/inc/pc/category_top/title_pointmake.gif) no-repeat; }
		h3.kit			 	{ background: url(/ikesei/kirei/inc/pc/category_top/title_kit.gif) no-repeat; }
		
	
		/* category-left 
		##################################### */
		
		div#col-category-left{
			display: inline;
			float: left;
			width: 507px;
		}
		
		
			/* brand */
			div#box-brand-bnr{
				margin-bottom: 20px;
			}				
				div#box-brand-bnr ul{
					overflow: hidden;
					width: 507px;
					margin-bottom: 15px;
				}
				div#box-brand-bnr ul li{
					float: left;
					display: inline;
					width: 159px;
					margin-right: 15px;
				}
				div#box-brand-bnr ul li a{
					f#ont-weight: bold;
				}
				
				div#box-brand-bnr ul li.end { margin-right: 0; }			
				
			
			/* Ranking */
			dl#box-rnk{
				overflow: hidden;
				width: 507px;
				margin-bottom: 20px;
			}
	
			dl#box-rnk dt.dt-box-rnk{
				position: relative;
				background: url(/ikesei/kirei/inc/pc/category_top/title_rnk.gif) no-repeat;
				height: 52px;
				text-indent: -9999px;
			}
			
			dl#box-rnk dt.dt-box-rnk span.update{
				position: absolute;
				left: 280px; top: 18px;
				width: 73px; height: 15px;
				background: url(/ikesei/kirei/inc/pc/category_top/up_20100219.gif) no-repeat;
			}
			
			dl#box-rnk dd.dd-box-rnk{
				float: left;
				width: 163px;
				margin-right: 9px;
			}


			dl#box-rnk dd.no1	{ background:#fff8f9 url(/ikesei/kirei/inc/pc/category_top/no1.gif) no-repeat 5px 38px; }
			dl#box-rnk dd.no2	{ background:#fff8f9 url(/ikesei/kirei/inc/pc/category_top/no2.gif) no-repeat 5px 38px; }
			dl#box-rnk dd.no3	{ background:#fff8f9 url(/ikesei/kirei/inc/pc/category_top/no3.gif) no-repeat 5px 38px; }
			dl#box-rnk dd.end 	{ margin-right: 0; }
			
	
			dl#box-rnk dd.dd-box-rnk dl {
				width: 143px;
				padding: 10px;
			}
	
			dl#box-rnk dd.dd-box-rnk dl dt {
				font-size: 116%;
			}
	
			dl#box-rnk dd.dd-box-rnk dl dd.dd-img {
				padding: 10px 0 10px 52px;
			}
	
	
		/* category-right 
		##################################### */
		
		div#col-category-right{
			display: inline;
			float: left;
			width: 171px;
			margin-left: 20px;
		}
		
			div#col-category-right ul{}
			div#col-category-right ul li{
				font-size: 85%;
				margin-bottom: 10px;
			}
		
		
		
		
		
		
		
/* ikesei-osusume
##################################### */
/* ikesei-osusume */
div#ikesei-osusume{
	clear: both;
	width: 700px;
	margin-bottom: 20px;
}

	div#ikesei-osusume ul.ul-osusume{
		width: 694px;
		overflow: hidden;
		background-color:#e0e4e3;
		padding: 1px 3px 3px;
	}

	ul.ul-osusume li{
		float: left;
		margin-top: 2px; margin-right: 2px;
	}

	/* size format */
	ul.ul-osusume li.li-w1{ width: 230px; }
	ul.ul-osusume li.li-w2{ width: 462px;	}
	ul.ul-osusume li.li-w3{ width: 346px; }

	ul.ul-osusume li.li-end{ margin-right: 0; }
	ul.ul-osusume li img{ vertical-align: bottom; }






					/* osusume-item-dl */
					dl.osusume-item-dl{
						line-height: 1.2;
						font-size: 11px;
						color: #57676e;
					}
						dl.osusume-item-dl dt{
							margin-left: 10px;
							font-weight: bold;
						}
						dl.osusume-item-dl dd{
							margin-left: 10px;
						}
						dl.osusume-item-dl dd.comment{
							margin-top: 5px;
						}

						/* item2 */
						dl.item2-b-left{
							float: left;
							width: 130px;
						}
						dl.item2-b-right{
							float: left;
							width: 323px;
							padding-right: 5px;
						}

						/* item3 */
						dl.item3-left{
							float: left;
							width: 182px;
							padding: 10px 5px 5px 0;
						}
						p.item3-right{
							float: left;
							width: 160px;
							text-align: right;
						}

/* pg_share hack
##################################### */

div.box-category-select {
	clear: both;
}