@charset "UTF-8";

/* icon */
.arrow {
	display: block;
	width: 4px;	height: 8px;
	text-indent: -9999px;
	background: url("/images/icon/icon.gif") no-repeat  0px -30px;
	margin: 3px 0;
}
.new {
	display: block;
	width: 20px;	height: 9px;
	text-indent: -9999px;
	background: url("/images/icon/icon.gif") no-repeat  0px -55px;
	margin: 3px 0;
}

/* top-flash */
/*
div#top-flash{
	clear: both;
	margin-bottom: 20px;
}*/

/* 20100326追加分[s] */
/* top-flash */
div#top-flash{
	clear: both;
	margin-bottom: 7px;
}
/* 20100326追加分[e] */


/* list-news */
/*
div#list-news div.layout-2row{
	clear: both;
	margin-bottom: 20px;
	overflow: hidden;
}
	div.layout-2row .left{
		float: left; display: inline;
*/
		/* CHANGE 0827 */
/*
		padding-right: 20px;
		width:430px;
		overflow: hidden;
	}
	div.layout-2row .right{
		float: left; display:inline;
		margin-top: 15px;
		width: 230px;
		overflow: hidden;
	}
*/





/* 20100326追加分[s] */
/* list-news */
div#list-news{
	margin-bottom: 0;
	width: 700px;
	background: url(/images/13/list_news.gif) left top no-repeat;
}
	div#list-news div#view-list{
		float: right;
		width: 50px; height:15px;
	}
		div#view-list a{
			display: block;
			width: 50px; height:15px;
			background: url(/images/btn_tab/btn_list.jpg) left top no-repeat;
			text-indent: -9999px;
			font-size: 0;
			overflow: hidden;
			outline: none;
		}
		div#view-list a:hover{
			background-position: bottom;
		}

	div#list-news div.layout-2row ul{
		list-style: none;
		clear: both;
	}
		div#list-news div.layout-2row ul li{
			padding: 5px 10px;
			height: 18px;
			border-bottom: 1px dotted #cccccc;
			background: url(/images/icon/arrow.gif) left center no-repeat;
		}
		div#list-news div.layout-2row ul li.end{
			border-bottom: none;
		}

			/* ttl-list-news */
			div#list-news div.layout-2row ul li div.ttl-list-news{
				overflow: hidden;
				width: 670px; height: 18px;
				line-height: 2;
			}

				div.ttl-list-news a{
					float:left;
					margin-top:-2px;
				}

				div.ttl-list-news span.icon10{
					float:left;
					display: block;
					width: 20px;	height: 9px;
					text-indent: -9999px;
					background: url(/images/icon/icon.gif) no-repeat  0 -55px;
					margin-top:5px;
					margin-left:5px;
					font-size:0;
				}
/* 20100326追加分[e] */


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


/* boxx-toplist */
div.boxx-toplist{
	margin: 0 auto 30px auto;
	clear: both;
	width: 700px;
}
div.boxx-toplist div.bottom{
	width: 700px; height: 10px;
	background: url("/images/01_toppage/box_bottom.gif") no-repeat;
	font-size: 0;
}

/* specialsalon */
div#boxx-specialsalon{
}
	/* H2 */
	h2#h-specialsalon,
	h2#h-ranking,
	h2#h-brandlist{
		width: 700px; height: 30px;
		background: url("/images/01_toppage/bar_specialsalon.gif") no-repeat;
		text-indent: -9999px;
	}
	h2#h-ranking{
		background-image: url("/images/01_toppage/bar_ranking.gif");
	}
	h2#h-brandlist{
		background-image: url("/images/01_toppage/bar_brandlist.gif");
	}

	/* CHANGE 20100325 */
	h2#h-brandpickup{
		margin-bottom:5px;
		width: 700px; height: 21px;
		background: url("/images/01_toppage/bar_brandpickup.gif") no-repeat;
		text-indent: -9999px;
	}
	div.boxx-toplist ul{
		width: 698px;
		overflow: hidden;
		padding-top: 15px;
		border-left: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
	}
		ul.layout-3row li{
			float: left;
			display: inline;
			width: 216px;
			overflow: hidden;
			margin-left: 12px;
		}
		ul.layout-3row li.start{
			margin-left: 13px;
		}
		ul.layout-3row li.end{
			margin-right: 0;
		}
			ul.layout-3row li p{
				clear: both;
				overflow: hidden;
			}
			/* CHANGE 1117 */
			ul.layout-3row li p.text{
				clear: both;
				margin-top: 5px;
				line-height: 1.4;
				font-size: 93%;
				color: #57676e;
			}
				ul.layout-3row li p img{
					clear: both;
					overflow: hidden;
				}


/* boxx-ranking */
div#boxx-ranking{
}
	div#boxx-ranking h3{
		padding: 10px 0 0;
		width: 698px; height: 25px;
		border-left: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
		background: url("/images/01_toppage/bar_01.gif") no-repeat center bottom;
		text-indent: 10px;
		line-height: 120%;
		font-size: 108%;
		font-weight: bold;
		color: #57676e;

	}

	/* layout-5row */
	ul.layout-5row{
		padding: 5px 0 10px;
		width: 698px;
		overflow: hidden;
		border-left: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
	}
		ul.layout-5row li{
			float: left;
			display: inline;
			width: 124px;
			overflow: hidden;
			margin-left: 13px;
		}
		ul.layout-5row li.start{
			margin-left: 14px;
		}
		ul.layout-5row li.end{
			margin-right: 0;
		}
			ul.layout-5row li p{
				clear: both;
				overflow: hidden;
			}

			ul.layout-5row li p.icon{
				margin-bottom: 5px;
			}
			ul.layout-5row li p.photo{
				border: 1px solid #dfdfdf;
			}

			/* dl */
			ul.layout-5row li dl{
				line-height: 120%;
				font-size: 93%;
				color: #57676e;
				margin-top: 5px;
			}
				dl dt{
					font-weight: bold;
				}
				dl dd{
				}



/* brandlist */
div#boxx-brandlist{
	clear: both;
	width: 700px;
	margin-bottom: 30px;
}


/* list-banner(CHANGE 20100325) */
div#list-banner{
	clear:both; overflow:hidden;
}

div#brand-pickup{
	clear:both; overflow:hidden;
}

ul.ul-list-banner{
	clear: both; overflow:hidden;
	width:700px;
	margin-bottom:5px;
}
	ul.ul-list-banner li{
		float:left;
		margin-left:0;
		margin-right:6px;
		margin-top:0;
		margin-bottom:0;
	}

ul.end-list li{
	margin-bottom:7px;
}

	ul.ul-list-banner li a{
		display:block;
		margin:0; padding:0;
	}

	ul.ul-list-banner li a img{
		display:block;
		margin:0; padding:0;
	}

	ul.ul-list-banner li.end{
		margin-right: 0;
	}

div.ttl-list-news span.date-news{
	font-weight: normal;
}

div.text-list-news {
	display : none;
}