@charset "shift_jis";

/***********************************************
　2008年ベストコスメ大賞
　					      --- update 2008/11/11
　					      --- update 2008/12/08
************************************************/

/*=============================================
　setup
===============================================*/
#bc2008_ctg {
	width: 730px;
	background: #211;
	text-align: left;
}
#bc2008_index {
	width: 730px;
	background: #211;
	text-align: left;
}
body.static .mainContent img {
	vertical-align:baseline;
}

/*=============================================
　clearfix
===============================================*/
.cmn_clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
.cmn_clearfix { display:inline-block; }
/*\*/
* html .cmn_clearfix { height:1%; }
.cmn_clearfix { display:block; }
/**/

/*=============================================
　共通ナビ（上）
===============================================*/
div.bc2008_navi_top {
	width: 730px; height: 160px;
	background: url(../images/common/cmn_navi_top_bg.gif) no-repeat left top;
	text-align: left;
	position: relative;
}
/* navi_top */
div.bc2008_navi_top ul.navi_top {
	list-style-type: none;
	padding: 23px 0 0 26px;
}
div.bc2008_navi_top ul.navi_top li {
	float: left;
}
div.bc2008_navi_top ul.navi_top li a {
	display: block;
	height: 0;
	padding: 18px 0 0 0;
	background: url(../images/common/cmn_navi_top_top.gif) no-repeat left top;
	overflow: hidden;
	margin: 0 5px 0 0;
}
div.bc2008_navi_top ul.navi_top li a.navi_top_grand { width: 120px; background-position: 0px 0px; }
div.bc2008_navi_top ul.navi_top li a.navi_top_rookie { width: 78px; background-position: -124px 0px; }
div.bc2008_navi_top ul.navi_top li a.navi_top_hall { width: 82px; background-position: -207px 0px; }
div.bc2008_navi_top ul.navi_top li a:hover.navi_top_grand { background-position: 0px -18px; }
div.bc2008_navi_top ul.navi_top li a:hover.navi_top_rookie { background-position: -124px -18px; }
div.bc2008_navi_top ul.navi_top li a:hover.navi_top_hall { background-position: -207px -18px; }

/* navi_middle */
div.bc2008_navi_top ul.navi_middle {
	list-style-type: none;
	position: absolute;
	left: 25px; top: 51px;
}
div.bc2008_navi_top ul.navi_middle li {
	float: left;
}
div.bc2008_navi_top ul.navi_middle li a {
	display: block;
	width: 131px; height: 0;
	padding: 17px 0 0 0;
	background: url(../images/common/cmn_navi_top_middle.gif) no-repeat left top;
	overflow: hidden;
	margin: 3px 4px 0 0;
}
div.bc2008_navi_top ul.navi_middle li a.navi_middle_basic { background-position: 0px 0px; }
div.bc2008_navi_top ul.navi_middle li a.navi_middle_special { background-position: -135px 0px; }
div.bc2008_navi_top ul.navi_middle li a.navi_middle_base { background-position: -270px 0px; }
div.bc2008_navi_top ul.navi_middle li a.navi_middle_eye { background-position: -405px 0px; margin-right: 160px;}
div.bc2008_navi_top ul.navi_middle li a.navi_middle_lip { background-position: 0px -20px; }
div.bc2008_navi_top ul.navi_middle li a.navi_middle_body { background-position: -135px -20px; }
div.bc2008_navi_top ul.navi_middle li a.navi_middle_hair { background-position: -270px -20px; }
div.bc2008_navi_top ul.navi_middle li a.navi_middle_other { background-position: -405px -20px; }

div.bc2008_navi_top ul.navi_middle li a:hover.navi_middle_basic { background-position: 0px -37px; }
div.bc2008_navi_top ul.navi_middle li a:hover.navi_middle_special { background-position: -135px -37px; }
div.bc2008_navi_top ul.navi_middle li a:hover.navi_middle_base { background-position: -270px -37px; }
div.bc2008_navi_top ul.navi_middle li a:hover.navi_middle_eye { background-position: -405px -37px;}
div.bc2008_navi_top ul.navi_middle li a:hover.navi_middle_lip { background-position: 0px -57px; }
div.bc2008_navi_top ul.navi_middle li a:hover.navi_middle_body { background-position: -135px -57px; }
div.bc2008_navi_top ul.navi_middle li a:hover.navi_middle_hair { background-position: -270px -57px; }
div.bc2008_navi_top ul.navi_middle li a:hover.navi_middle_other { background-position: -405px -57px; }

/* navi_bottom */
div.bc2008_navi_top ul.navi_bottom {
	list-style-type: none;
	position: absolute;
	left: 375px; top: 105px;
}
div.bc2008_navi_top ul.navi_bottom li {
	float: left;
}
div.bc2008_navi_top ul.navi_bottom li a {
	display: block;
	height: 0;
	padding: 18px 0 0 0;
	background: url(../images/common/cmn_navi_top_bottom.gif) no-repeat left top;
	overflow: hidden;
	margin: 0 5px 0 0;
}
div.bc2008_navi_top ul.navi_bottom li a.navi_bottom_more { width: 157px; background-position: 0px 0px; }
div.bc2008_navi_top ul.navi_bottom li a.navi_bottom_award { width: 174px; background-position: -161px 0px; }
div.bc2008_navi_top ul.navi_bottom li a:hover.navi_bottom_more { background-position: 0px -18px; }
div.bc2008_navi_top ul.navi_bottom li a:hover.navi_bottom_award { background-position: -161px -18px; }
div.bc2008_navi_top ul.navi_bottom li span.navi_bottom_award { 
	display: block;
	width: 174px; height: 0;
	padding: 18px 0 0 0;
	background: url(../images/common/cmn_navi_top_bottom.gif) no-repeat -161px -36px;
	overflow: hidden;
	margin: 0 5px 0 0;
}

/*=============================================
　共通ナビ内タイトル
===============================================*/
div.bc2008_navi_top h2 {
	float: right;
	margin: 0;
}
div.bc2008_navi_top h2 a {
	display: block;
	width: 380px; height: 0;
	padding: 48px 0 0 0;
	background: url(../images/common/cmn_navi_title.gif) no-repeat left top;
	overflow: hidden;
	margin: 0;
}
div.bc2008_navi_top h2 a:hover {
	background-position: left -48px;
}

/*=============================================
　共通ナビ（下）
===============================================*/
div.bc2008_navi_bottom {
	width: 730px; height: 160px;
	background: url(../images/common/cmn_navi_bottom_bg.gif) no-repeat left top;
	text-align: left;
	position: relative;
}
/* navi_top */
div.bc2008_navi_bottom ul.navi_top {
	list-style-type: none;
	padding: 47px 0 0 26px;
}
div.bc2008_navi_bottom ul.navi_top li {
	float: left;
}
div.bc2008_navi_bottom ul.navi_top li a {
	display: block;
	height: 0;
	padding: 18px 0 0 0;
	background: url(../images/common/cmn_navi_bottom_top.gif) no-repeat left top;
	overflow: hidden;
	margin: 0 5px 0 0;
}
div.bc2008_navi_bottom ul.navi_top li a.navi_top_grand { width: 120px; background-position: 0px 0px; }
div.bc2008_navi_bottom ul.navi_top li a.navi_top_rookie { width: 78px; background-position: -124px 0px; }
div.bc2008_navi_bottom ul.navi_top li a.navi_top_hall { width: 82px; background-position: -207px 0px; }
div.bc2008_navi_bottom ul.navi_top li a:hover.navi_top_grand { background-position: 0px -18px; }
div.bc2008_navi_bottom ul.navi_top li a:hover.navi_top_rookie { background-position: -124px -18px; }
div.bc2008_navi_bottom ul.navi_top li a:hover.navi_top_hall { background-position: -207px -18px; }

/* navi_middle */
div.bc2008_navi_bottom ul.navi_middle {
	list-style-type: none;
	position: absolute;
	left: 25px; top: 76px;
}
div.bc2008_navi_bottom ul.navi_middle li {
	float: left;
}
div.bc2008_navi_bottom ul.navi_middle li a {
	display: block;
	width: 131px; height: 0;
	padding: 17px 0 0 0;
	background: url(../images/common/cmn_navi_bottom_middle.gif) no-repeat left top;
	overflow: hidden;
	margin: 3px 4px 0 0;
}
div.bc2008_navi_bottom ul.navi_middle li a.navi_middle_basic { background-position: 0px 0px; }
div.bc2008_navi_bottom ul.navi_middle li a.navi_middle_special { background-position: -135px 0px; }
div.bc2008_navi_bottom ul.navi_middle li a.navi_middle_base { background-position: -270px 0px; }
div.bc2008_navi_bottom ul.navi_middle li a.navi_middle_eye { background-position: -405px 0px; margin-right: 160px;}
div.bc2008_navi_bottom ul.navi_middle li a.navi_middle_lip { background-position: 0px -20px; }
div.bc2008_navi_bottom ul.navi_middle li a.navi_middle_body { background-position: -135px -20px; }
div.bc2008_navi_bottom ul.navi_middle li a.navi_middle_hair { background-position: -270px -20px; }
div.bc2008_navi_bottom ul.navi_middle li a.navi_middle_other { background-position: -405px -20px; }

div.bc2008_navi_bottom ul.navi_middle li a:hover.navi_middle_basic { background-position: 0px -37px; }
div.bc2008_navi_bottom ul.navi_middle li a:hover.navi_middle_special { background-position: -135px -37px; }
div.bc2008_navi_bottom ul.navi_middle li a:hover.navi_middle_base { background-position: -270px -37px; }
div.bc2008_navi_bottom ul.navi_middle li a:hover.navi_middle_eye { background-position: -405px -37px;}
div.bc2008_navi_bottom ul.navi_middle li a:hover.navi_middle_lip { background-position: 0px -57px; }
div.bc2008_navi_bottom ul.navi_middle li a:hover.navi_middle_body { background-position: -135px -57px; }
div.bc2008_navi_bottom ul.navi_middle li a:hover.navi_middle_hair { background-position: -270px -57px; }
div.bc2008_navi_bottom ul.navi_middle li a:hover.navi_middle_other { background-position: -405px -57px; }

/* navi_bottom */
div.bc2008_navi_bottom ul.navi_bottom {
	list-style-type: none;
	position: absolute;
	left: 375px; top: 129px;
}
div.bc2008_navi_bottom ul.navi_bottom li {
	float: left;
}
div.bc2008_navi_bottom ul.navi_bottom li a {
	display: block;
	height: 0;
	padding: 18px 0 0 0;
	background: url(../images/common/cmn_navi_bottom_bottom.gif) no-repeat left top;
	overflow: hidden;
	margin: 0 5px 0 0;
}
div.bc2008_navi_bottom ul.navi_bottom li a.navi_bottom_more { width: 157px; background-position: 0px 0px; }
div.bc2008_navi_bottom ul.navi_bottom li a.navi_bottom_award { width: 174px; background-position: -161px 0px; }
div.bc2008_navi_bottom ul.navi_bottom li a:hover.navi_bottom_more { background-position: 0px -18px; }
div.bc2008_navi_bottom ul.navi_bottom li a:hover.navi_bottom_award { background-position: -161px -18px; }
div.bc2008_navi_bottom ul.navi_bottom li span.navi_bottom_award { 
	display: block;
	width: 174px; height: 0;
	padding: 18px 0 0 0;
	background: url(../images/common/cmn_navi_bottom_bottom.gif) no-repeat -161px -36px;
	overflow: hidden;
	margin: 0 5px 0 0;
}

/*=============================================
　ページTOPへ
===============================================*/
#cmn_cnt730 a.pagetop {
	display: block;
	width: 80px; height: 0;
	padding: 12px 0 0 0;
	margin: 10px 0 0 622px;
	overflow: hidden;
	background: url(../images/common/cmn_pagetop.gif) no-repeat left top;
	color: #211;
}
#cmn_cnt730 a:hover.pagetop {
	background-position: left -12px;
}

/*=============================================
　コムで買えます・ストアで買えます
===============================================*/
a.cmn_buy_com {
	width: 42px; height: 0;
	padding: 28px 0 0 0;
	overflow: hidden;
	background: url(../images/common/cmn_icon_com.gif) no-repeat left top;
	color: #211;
}
a:hover.cmn_buy_com {
	background-position: left -30px;
}
a.cmn_buy_str {
	width: 49px; height: 0;
	padding: 28px 0 0 0;
	overflow: hidden;
	background: url(../images/common/cmn_icon_str.gif) no-repeat left top;
	color: #211;
}
a:hover.cmn_buy_str {
	background-position: left -30px;
}
/* 画像の横に配置できない場合（絶対配置） */
a.cmn_buy_com_abs {
	width: 42px; height: 0;
	padding: 28px 0 0 0;
	overflow: hidden;
	background: url(../images/common/cmn_icon_com.gif) no-repeat left top;
	color: #211;
	position: absolute;
}
a:hover.cmn_buy_com_abs {
	background-position: left -30px;
}
a.cmn_buy_str_abs {
	width: 49px; height: 0;
	padding: 28px 0 0 0;
	overflow: hidden;
	background: url(../images/common/cmn_icon_str.gif) no-repeat left top;
	color: #211;
	position: absolute;
}
a:hover.cmn_buy_str_abs {
	background-position: left -30px;
}

/*=============================================
　注釈
===============================================*/
p.bc2008_ant {
	width: 310px; height: 0;
	padding: 45px 0 0 0;
	background: url(../images/common/cmn_annotation.gif) no-repeat left top;
	overflow: hidden;
}

/*=============================================
　アンケート
===============================================*/
div.bc2008_enq {
	width: 730px; height: 110px;
	background: url(../images/common/cmn_enq_bg.gif) no-repeat left top;
	position: relative;
	text-align: left;
	border-top: 3px solid #958240;
}
div.bc2008_enq .enq_title {
	display: block;
	width: 260px; height: 0;
	padding: 34px 0 0 0;
	background: url(../images/common/cmn_enq_title.gif) no-repeat left 16px;
	overflow: hidden;
	margin: 0 0 0 24px;
}
div.bc2008_enq p {
	text-align: left;
	font-size: 11px;
	color: #ddccaa;
	margin: 8px 182px 0 24px;
}
div.bc2008_enq a {
	display: block;
	position: absolute;
	width: 140px;	height: 0;
	padding: 26px 0 0 0;
	background: url(../images/common/cmn_enq_btn.gif) no-repeat left top;
	overflow: hidden;
	margin: 0 5px 0 0;
	left: 570px; top: 45px;
}
div.bc2008_enq a:hover {
	background-position: left -26px;
}