@charset "UTF-8";
/* CSS Document */

/*==============================

	HANKYU BEAUTY

==============================*/


/*=====================
	common
=====================*/

#HB {
	width: 960px;
}

#HB #title {
	height: 122px;
	background: url(../images/common/title_bg.jpg) no-repeat;
	position: relative;
}

#HB #title h1,#HB #title h2 {
	position: absolute;
}

#HB #title h1 {left: 0; top: 10px;}
#HB #title h2 {left: 0; top: 68px;}

#HB #title div.event-btn {
	position: absolute;
	left: 434px; top: 2px;
}
#HB #title div.event-btn a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#HB #main {
	width: 730px;
	float: left;
	display: inline;
	overflow: hidden;
}

#HB #main div.catalog-box {
	margin-bottom: 10px;
	position: relative;
	width: 730px;
	height: 480px;
}

#HB #main div.catalog-box div.left,
#HB #main div.catalog-box div.right {
	position: absolute;
}

#HB #main div.catalog-box div.left a:hover,
#HB #main div.catalog-box div.right a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#HB #main div.catalog-box div.left {
	position: absolute;
	left: 0; top: 215px;
	z-index: 88;
}
#HB #main div.catalog-box div.right {
	position: absolute;
	right: 0; top: 215px;
	z-index: 888;
}

#HB #main div.thumb-box {
	width: 730px;
	height: 100px;
	padding: 0 0;
	background: #7d7873;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
}

#HB #main div.thumb-box div#thumbs {
	margin-top: 11px;
}

#HB #main div.thumb-box div.prev,
#HB #main div.thumb-box div.next {
	position: absolute; 
}

#HB #main div.thumb-box div.prev a:hover,
#HB #main div.thumb-box div.next a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#HB #main div.thumb-box div.prev {
	top: 0; left: 0;
	z-index: 99;
}

#HB #main div.thumb-box div.next {
	top: 0; right: 0;
	z-index: 999;
}

#HB #main div.thumb-box div.disabled {
	text-indent: -2000px;
}

#HB #main div.brand-box {
	height: 301px;
	padding: 5px;
	background: url(../images/common/brandlist_bg.gif) no-repeat;
}

#HB #main div.brand-box table {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

#HB #main div.brand-box table tr {
	margin: 0; padding: 0;
}

#HB #main div.brand-box table td,
#HB #main div.brand-box table th {
	font-size: 11px;
}

#HB #main div.brand-box table td a,
#HB #main div.brand-box table th a {
	text-decoration: none;
}

#HB #main div.brand-box table th {
	margin: 0;
	width: 144px;
	height: 25px;
}

#HB #main div.brand-box table td {
	margin: 0;
	width: 144px;
	height: 25px;
	background: url(../images/common/brandlist_mark.gif) 5px 8px no-repeat;
}

#HB #main div.brand-box table td a {
	padding: 6px 0px 4px 10px;
	display: block;
	color: #4d4d4d;
}

#HB #main div.brand-box table td a:hover {
	background: url(../images/common/brandlist_mark.gif) 5px 7px no-repeat #f9dede;
	color: #777777;
}
#HB #main div.brand-box table tr.blue,
#HB #main div.brand-box table td.blue {
	background-color: #edf8f9;
}

#HB #main div.brand-box table td.empty {
	background: none;
}

#HB #side {
	float: left;
	display: inline;
	overflow: hidden;
	width: 220px;
	margin-left: 10px;
}

#HB #side a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#HB #side div.nav-box {
	background: url(../images/common/side_nav_bg.jpg) no-repeat;
	height: 600px;
}

#HB #side div.nav-box ul {
	padding: 80px 0 10px 12px;
}

#HB #side div.nav-box ul li {
	margin-bottom: 3px;
}

#HB #side div.bnr-box {
	background: url(../images/common/side_bnr_bg.gif) repeat-y;
}

#HB #side div.bnr-box ul {
	padding: 8px 0 3px 12px;
}

#HB #side div.bnr-box ul li {
	margin-bottom: 5px;
}

/*=====================
	cf
=====================*/
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}

.cf {
    zoom:1;
}