@charset "Shift_JIS";

/* ----------------------------------------------------------- 
CSS Information  

Site URL:       https://
File name:      css/cnt/bsst/11/bst_11.css
Created:        2011-11-2 
Last update:    
----------------------------------------------------------- */

/* ----------------------------------------------------------- 
Table of Contents
 
* asid-sbm
* 
----------------------------------------------------------- */

/* asid-sbm（ソーシャル機能） ------------------------*/
#bst_11-cnt .asid-sbm {
	position: relative;
	margin-top:-37px;
	margin-right:20px;
	_top:-37px;
	_margin-top:0;
	min-height: 36px;
}
* html #bst_11-cnt .asid-sbm {/* for IE6 */
	z-index: 1000;
}
*:first-child+html #bst_11-cnt .asid-sbm {/* for IE7 */
	z-index: 1000;
}
/* trigger */
#bst_11-cnt .asid-sbm .trigger {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	background: url("/images/general/common/btn/ico_sbm.png") no-repeat 0 -38px;
	min-height: 22px;
}
#bst_11-cnt .asid-sbm .trigger span {
	display: block;
	overflow: hidden;
	width:74px;
	height: 0;
	padding-top: 22px;
	background: transparent;
	font-size: 95%;
	text-decoration: underline;
	line-height: 2;
}
#bst_11-cnt .asid-sbm .active {
	background-position: 0 -60px;
}
/* toggle */
#bst_11-cnt .asid-sbm .toggle {
	display: none;
	position: absolute;
	right: -3px;
	top: 22px;
	width: 360px;
	padding: 0 0 0 14px;
	background: url("/images/general/common/popup/bg_scl_left.png") no-repeat left top;
	z-index: 10000;
}
#bst_11-cnt .asid-sbm .toggle .toggle-inner {
	background: url("/images/general/common/popup/bg_scl_right.png") no-repeat right top;
}
#bst_11-cnt .asid-sbm .toggle-ins {
	width: auto;
	margin: 0;
	padding: 36px 10px 15px 8px;
	background-color: transparent;
}
* html #bst_11-cnt .asid-sbm .toggle-ins {/* for IE6 */
	overflow: hidden;
	padding-top: 20px;
}
*:first-child+html .asid-sbm .toggle-ins {/* for IE7 */
	overflow: hidden;
}

#bst_11-cnt .asid-sbm .btn-close {
	display: inline-block;
	overflow: hidden;
	position: absolute;
	top: 7px;
	right: 7px;
	width: 14px;
	cursor: pointer;
	height: 0;
	padding-top: 23px;
	background: url("/images/general/common/popup/btn_close.png") no-repeat scroll 0 0 transparent;
	line-height: 1.2;
	vertical-align: middle;
}
/* sbm-list */
#bst_11-cnt .asid-sbm .sbm-list {
	padding-bottom: 5px;
}
#bst_11-cnt .asid-sbm .sbm-list li {
	float: left;
	width: 130px;
}
#bst_11-cnt .asid-sbm li.sbm-twitter {
	width: 140px;
}
#bst_11-cnt .asid-sbm li.mixi {
	width: 60px;
	margin-right: 0;
}
#bst_11-cnt .asid-sbm li.hatena {
	width: auto;
	margin-right: 9px;
}
#bst_11-cnt .asid-sbm li.google {
	width: 140px;
}
#bst_11-cnt .asid-sbm .hatena a {
	display: block;
	overflow: hidden;
	height: 0;
	padding-top: 22px;
	background: url("/images/general/common/btn/ico_sbm.png") no-repeat;
	/*line-height: 2;*/
}
#bst_11-cnt .asid-sbm .hatena a {
	width:20px;
	background-position:-15px -16px;
}


/*	a
---------------------------------------*/

#bst_11-cnt #cosme2011 .pattern01 a{
	color:#fff3cd;
	text-decoration:underline;
}
#bst_11-cnt #ranking .pattern01 a:hover{
	color:#fff3cd;
	text-decoration:none;
}
	
#bst_11-cnt #ranking .pattern02 a{
	color:#f39800;
	text-decoration:underline;
	font-weight:bold;
}
#bst_11-cnt #ranking .pattern02 a:hover{
	color:#f39800;
	text-decoration:none;
	font-weight:bold;
}

#bst_11-cnt #ranking .pattern03 a{
	color:#fff3cd;
	text-decoration:underline;
}
#bst_11-cnt #ranking .pattern03 a:hover{
	color:#fff3cd;
	text-decoration:none;
}

#bst_11-cnt #ranking .pattern04 a{
	color:#fff3cd;
	text-decoration:underline;
}
#bst_11-cnt #ranking .pattern04 a:hover{
	color:#fff3cd;
	text-decoration:none;
}

#bst_11-cnt #ranking .pattern05 a{
	color:#FFFFFF;
	text-decoration:underline;
}
#bst_11-cnt #ranking .pattern05 a:hover{
	color:#CEAB6B;
	text-decoration:none;
}

#bst_11-cnt #sideNavi .pattern06 a{
	color:#fff3cd;
	text-decoration:underline;
}
#bst_11-cnt #sideNavi .pattern06 a:hover{
	color:#fff3cd;
	text-decoration:none;
}

#bst_11-cnt #ranking .pagetop a{
	color:#fff3cd;
	text-decoration:underline;
}
#bst_11-cnt #ranking .pagetop a:hover{
	color:#fff3cd;
	text-decoration:none;
}

/*	main
---------------------------------------*/
#main{
	width:635px;
	}
/* contents ------------------------*/
#contents {
	line-height: 0;
}

/*	Layout
---------------------------------------*/
#bst_11-cnt .small{
	font-size:10px;
	color:#FFF;
}

#bst_11-cnt .li_inline{
	text-align:center;
	width:618px;
	margin-left:9px;
}
#bst_11-cnt .li_inline li{
		display:inline;
		margin-right:5px;
		font-size:12px;
		color:#fff3cd;
	}
	
#bst_11-cnt .li_inline li a{
	color:#fff3cd;
	text-decoration:underline;
	display:inline-block;
	margin:2px 0;
}

#bst_11-cnt .li_inline li a:link{
	color:#fff3cd;
	text-decoration:underline;
}

#bst_11-cnt .li_inline li a:visited{
	color:#fff3cd;
	text-decoration:underline;
}

#bst_11-cnt .li_inline li a:hover{
	color:#fff3cd;
	text-decoration:none;
}


#bst_11-cnt .li_inline02{
	text-align:center;
	width:598px;
	margin-left:9px;
}
#bst_11-cnt .li_inline02 li{
		display:inline;
		margin-right:5px;
		font-size:12px;
		color:#fff3cd;
	}
	
#bst_11-cnt .li_inline02 li a{
	color:#fff3cd;
	text-decoration:underline;
}

#bst_11-cnt .li_inline02 li a:link{
	color:#fff3cd;
	text-decoration:underline;
}

#bst_11-cnt .li_inline02 li a:visited{
	color:#fff3cd;
	text-decoration:underline;
}

#bst_11-cnt .li_inline02 li a:hover{
	color:#fff3cd;
	text-decoration:none;
}


#bst_11-cnt #cosme2011 {
	background:url("/images/cnt/bst/11/common/bg.png") repeat-y left top;
	line-height: 1.25;
}
#bst_11-cnt #cosme2011 #commonBlock
	{
		background:url("/images/cnt/bst/11/common/bg_line.png") repeat-y left top;
		padding:0px 0px 0 9px;
		margin-bottom:5px;
	}
#bst_11-cnt #cosme2011 .hr{
			width:619px;	
			border:1px solid #ceab6b;
			padding-bottom:10px;
			
		}

#bst_11-cnt #cosme2011 #sideNavi
{
	width:179px;
	float:left;
}

#bst_11-cnt #cosme2011 #sideNavi dl{
	padding-bottom:20px;
}

#bst_11-cnt #ranking{
	float:left;
	width:438px;
	color:#FFF;
	line-height:1.7em;
}
#bst_11-cnt #ranking h4{
	margin-left:1px;
}
#bst_11-cnt #ranking h5{
	margin-left:1px;
}
#bst_11-cnt #ranking h6{
	margin-left:1px;
}
#bst_11-cnt #ranking hr{
		width:438px;
		border: 1px solid #ceab6b;
	}
#bst_11-cnt #ranking a{
		color:#d3c6a6;
	}
#bst_11-cnt #ranking strong{
		color:#ceab6b;
		font-weight:bold;
	}
#bst_11-cnt #ranking .span01{
		color:#ceab6b;
	}
#bst_11-cnt #ranking .span02{
		display:block;
		float:left;
		color:#FFF;
		font-size:20px;
		font-weight:bold;
		padding-left:5px;
		padding-bottom:10px;
	}
#bst_11-cnt #ranking .span03{
		color:#FFF;
		font-size:16px;
		font-weight:bold;
	}
#bst_11-cnt #ranking .commonBox01 li{
		margin-bottom:1px;
	}
#bst_11-cnt #ranking .commonBox02 li{
		margin-bottom:5px;
	}

#bst_11-cnt .ranking_title{
	position:relative;
}
#bst_11-cnt .ranking_title .right_p01{
	position:absolute;
	top:81px;
	left:321px;
}
#bst_11-cnt .ranking_title .right_p02{
	position:absolute;
	top:21px;
	left:321px;
}
#bst_11-cnt .ranking_title .right_p03{
	position:absolute;
	top:106px;
	left:321px;
}

#bst_11-cnt .ranking_inner01{
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}
#bst_11-cnt .ranking_inner02{
		width:420px;
}
#bst_11-cnt .rankImg01{
			float:left;
			width:200px;
			padding-bottom:20px;
			position:relative;
		}
#bst_11-cnt .rankText01{
			float:right;
			width:210px;
		}
#bst_11-cnt .rankImg02{
			float:left;
			width:190px;
			padding-bottom:20px;
			position:relative;
		}
#bst_11-cnt .rankText02{
			float:right;
			width:230px;
		}
#bst_11-cnt .rankImg03{
			float:left;
			width:175px;
			padding-bottom:20px;
		}
#bst_11-cnt .rankText03{
			float:right;
			width:245px;
		}
#bst_11-cnt .rankImg04{
			float:left;
			width:85px;
			position:relative;
			border: 1px solid #ceab6b;
		}
#bst_11-cnt .rankImg04 img{
	width: 85px;
	height: 85px;
}
#bst_11-cnt .rankText04{
			float:right;
			width:325px;
	}

#bst_11-cnt table.shop{
		width:424px;
		margin-bottom:20px;
	}
#bst_11-cnt table.shop td.left01{
		width:208px;
		border:solid #8C6F44;
		border-width:1px 1px 0 1px;
		border-collapse:separate;
		background-image: url("/images/cnt/bst/11/about/bg.jpg");
	}
#bst_11-cnt table.shop td.left02{
		width:208px;
		border:solid #8C6F44;
		border-width:0 1px 1px 1px;
		border-collapse:separate;
		background-image: url("/images/cnt/bst/11/about/bg.jpg");
	}
#bst_11-cnt table.shop td.middle{
		width:4px;
	}
#bst_11-cnt table.shop td.right01{
		width:208px;
		border:solid #8C6F44;
		border-width:1px 1px 0 1px;
		border-collapse:separate;
		background-image: url("/images/cnt/bst/11/about/bg.jpg");
	}
#bst_11-cnt table.shop td.right02{
		width:208px;
		border:solid #8C6F44;
		border-width:0 1px 1px 1px;
		border-collapse:separate;
		background-image: url("/images/cnt/bst/11/about/bg.jpg");
	}
#bst_11-cnt table.shop td img.photo{
		margin:3px 29px 9px 29px;
	}
#bst_11-cnt table.shop td p{
		margin:3px 8px;
	}
#bst_11-cnt table.shop td img.button{
		margin:1px 6px 7px 7px;
	}

#bst_11-cnt img.beau{
		float:right;
		margin:0 0 5px 10px;
	}

#bst_11-cnt .right_p{
	text-align:right;
	margin-bottom:5px;
}

#bst_11-cnt .right_p img
{
	vertical-align:bottom;
}


/*	sitemap
---------------------------------------*/
#bst_11-cnt #sitemap
{
	clear:both;
	width:606px;
	margin:0 auto;
	padding-bottom:10px;
}
#bst_11-cnt #sitemap a
{
	color:#fff;
	text-decoration:none;
}
#bst_11-cnt #sitemap a:hover
{
	color:#ceab6b;
	text-decoration:underline;
}

#bst_11-cnt #sitemap .inner
{
	background:url("/images/cnt/bst/11/common/sitemap_bg.jpg") left bottom no-repeat;
	padding-bottom:12px;
}

#bst_11-cnt #sitemap ul{
	padding:20px 0 15px 0;
	text-align:center;
}

#bst_11-cnt #sitemap ul li{
	display:inline;
	margin-right:9px;
}
#bst_11-cnt #sitemap ul li a{
	background:url("/images/cnt/bst/11/common/sitemap_allow.png") no-repeat left center;
	padding-left:8px;
	color:#ceab6b;
	text-decoration:underline;
}
#bst_11-cnt #sitemap ul li a:hover{
	color:#ceab6b;
	text-decoration:none;
}
#bst_11-cnt #sitemap dl
{
	width:132px;
	float:left;
	padding-right:13px;
}

#bst_11-cnt #sitemap dl,  x:-moz-any-link, x:default  {
	width:132px;
	float:left;
	padding-right:13px;
}

#bst_11-cnt #sitemap .clearfix{
	padding-left:20px;
}
#bst_11-cnt #sitemap dl dt
{
	color:#eac583;
	font-size:11px;
	padding:4px 4px;
}
#bst_11-cnt #sitemap dl dd
{
	background:url("/images/cnt/bst/11/common/sitemap_allow_w.png") no-repeat left center;
	padding-left:8px;
	font-size:10px;
	margin-bottom:5px;
}

#bst_11-cnt .li_inline
{
	padding: 20px 0;
	border-bottom:1px solid #ceab6b;
}

#bst_11-cnt .li_inline02
{
	padding: 20px 10px;
	border-bottom:1px solid #ceab6b;
}
/* attention
---------------------------------------*/
#bst_11-cnt #attention
{
	color:#fff;
	padding-left:17px;
	line-height:1.5;
	font-size:11px;
}
#bst_11-cnt #attention p
{
	text-align: right;
	margin-right: 15px;
	margin-left: 200px;
}

/* bannerArea
---------------------------------------*/
#bst_11-cnt .bannerArea li
{
	margin-bottom:10px;
	
}
#bst_11-cnt .bannerArea
{
	margin-bottom:20px;
	text-align:center;
}

#bst_11-cnt #cosme2011 #sideNavi p.dis
{
	padding:20px 10px;
	color:#fff;
}

/* aboutstoreArea
---------------------------------------*/
#bst_11-cnt #aboutstore li
{
	border-top:1px solid #ae8e58;
}

/* bannerArea
---------------------------------------*/
#bst_11-cnt #cosmeEnglish{
	background:url("/images/cnt/bst/11/common/banner/banner_bilingual_bg.jpg");
	padding-top:54px;
	border-top:1px solid #ae8e58;
	border-bottom:1px solid #ae8e58;

}

#bst_11-cnt #cosmeEnglish_cn{
	background:url("/images/cnt/bst/11/common/banner/banner_bilingual_bg_cn.jpg");
	padding-top:78px;
	border-top:1px solid #ae8e58;
	border-bottom:1px solid #ae8e58;

}
#bst_11-cnt #cosmeEnglish_en{
	background:url("/images/cnt/bst/11/common/banner/banner_bilingual_bg_en.jpg");
	padding-top:109px;
	border-top:1px solid #ae8e58;
	border-bottom:1px solid #ae8e58;

}
/* planning
---------------------------------------*/
#bst_11-cnt #planning{
	background:url("/images/cnt/bst/11/common/sidebar/bg_content.jpg") repeat-x #27110e;
	border-top:1px solid #ae8e58;
	border-bottom:1px solid #ae8e58;
}

#bst_11-cnt #planning li
{
	text-align:center;
	margin-bottom:15px;
}

/*	ClearFix
---------------------------------------*/


#bst_11-cnt .mg5{margin:0 0 5px 0;}
#bst_11-cnt .mg10{margin:0 0 10px 0;}
#bst_11-cnt .mg20{margin:0 0 20px 0;}

#bst_11-cnt .fs14{font-size:14px;}
#bst_11-cnt .fs12{font-size:12px;}
#bst_11-cnt .fs12b{font-size:12px; padding-bottom:10px;}
#bst_11-cnt .fs11{font-size:11px;}
#bst_11-cnt .fs11b{font-size:11px; line-height:1.6em;}

#bst_11-cnt #cosme2011 .btn_img {  
vertical-align: middle;
  }

#bst_11-cnt #bst_11-cnt #cosme2011 .btn-cmn-buy {  
vertical-align: middle;
margin:0 10px 0 0;
  }
		
/*	追記 by ois
---------------------------------------*/
/* --view-review-- */
#bst_11-cnt #ranking .mg5 .pattern01 {
	display: block; 
}
#bst_11-cnt .view-review {
	text-align: right;
}
#bst_11-cnt .ranking_inner02 .view-review {
	margin-left: -95px;
}
/* --pagetop-- */
#bst_11-cnt .pagetop {
	margin: 10px -5px -7px 0;
	font-size: 11px;
	text-align: right;
}
#bst_11-cnt .pagetop a {
	padding: 0;
	background: none;
	color: #96866d;
	text-decoration: underline;
}
#bst_11-cnt .pagetop a:hover {
	text-decoration: none;
}
/* --sis-area-beau-- */
#bst_11-cnt .sis-area-beau {
	margin: 0 0 10px;
	padding-top: 10px;
}
#bst_11-cnt .sis-area-beau .sis-store {
	display: inline-block;
	float: left;
	line-height: 1em;
}
/* btn-cmn-buy */
#bst_11-cnt .sis-area-beau .btn-cmn-buy {
	overflow: hidden;
	display: inline-block;
	float: left;
	width: 100px;
	height: 0;
	padding-top: 17px;
	margin-right: 15px;
	background: url("/images/cnt/bst/11/common/btn_buy.png") no-repeat 0 0;
}
/* sis-store */
#bst_11-cnt .sis-area-beaut .sis-store { 
	font-size: 11px;
}
#bst_11-cnt .sis-area-beaut .sis-store span {
	display: inline-block;
	padding: 3px 0 2px 18px;
	margin-top: 2px;
	background: url("/images/cnt/bst/11/common/ico_store_michael.png") no-repeat 0 center;
	color: #4eb691;
}

/* --sis-area-- */
#bst_11-cnt .sis-area {
	margin-top: 5px;
	padding-top: 10px;
	border-top: 1px dotted #8e7045;
}
/* btn-cmn-buy */
#bst_11-cnt .sis-area .btn-cmn-buy {
	overflow: hidden;
	display: inline-block;
	float: left;
	width: 100px;
	height: 0;
	padding-top: 17px;
	margin-right: 15px;
	background: url("/images/cnt/bst/11/common/btn_buy.png") no-repeat 0 0;
}
#bst_11-cnt .sis-area a.btn-cmn-buy:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
/* sis-store */
#bst_11-cnt .sis-area .sis-store { 
	display: inline-block;
	float: left;
	position: relative;
	z-index: 3;
}
#bst_11-cnt .sis-area .sis-store .trigger { 
	font-size: 11px;
	display: inline-block;
	line-height: 1em;
}
#bst_11-cnt #ranking .sis-store .trigger a {
	display: inline-block;
	padding: 3px 0 2px 18px;
	margin-top: 2px;
	background: url("/images/cnt/bst/11/common/ico_store_michael.png") no-repeat 0 center;
	color: #4eb691;
}

#bst_11-cnt #ranking .sis-store .trigger a:hover {
	text-decoration: none;
}
/* floating-popup */
#bst_11-cnt .sis-area .toggle {
	position: absolute;
	width: 320px;
	left: 0;
	background: #f4f2ec;	
	border: 1px solid #bdb8ad;
	display: none;
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	-o-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	-ms-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	z-index: 2;
}
#bst_11-cnt .sis-area .toggle-inr {
	padding: 15px 10px 10px;
	border: 3px solid #e8e5e0;
}
#bst_11-cnt #ranking .sis-area .toggle a {
	padding-left: 10px;
	background: url("/images/cnt/bst/11/common/ico_arw_green_right.png") left 5px no-repeat;
}
#bst_11-cnt #ranking .sis-area .toggle a:link,
#bst_11-cnt #ranking .sis-area .toggle a:visited {
	color: #333;
}
#bst_11-cnt #ranking .sis-area .toggle a:hover {
	color: #07b0a9;	
}
#bst_11-cnt .sis-area .toggle ul {
	margin-bottom: 10px;
}
#bst_11-cnt .sis-area .toggle li {
	display: inline-block;
	margin-right: 10px;
}
* html #bst_11-cnt .sis-area .toggle li {
	display: inline;
	zoom: 1;
}
*:first-child+html #bst_11-cnt .sis-area .toggle li {
	display: inline;
	zoom: 1;
}
#bst_11-cnt .sis-area .toggle .btn-close {
	position: absolute;
	display: block;
	width: 16px ;
	height: 0;
	top : 5px;
	right: 5px;
	padding-top: 16px;
	background: url("/images/general/common/btn/ico_sbm.png") no-repeat left -83px;
	line-height: 2;
	cursor: pointer;
	overflow: hidden;
}
#bst_11-cnt #ranking .sis-area .toggle .notes {
	color: #333;
}

/* 人気の秘密 */
#bst_11-cnt #ranking .secret-area {
	margin: 10px 0;
	padding: 5px 10px;
	border: 3px double #5a4227;
}
#bst_11-cnt #ranking .secret-area a {
	color: #f39801;
	font-size: 105%;
	font-weight: bold;
}
#bst_11-cnt #ranking .secret-area a:hover {
	text-decoration: none;
}

/* 注釈 */
#bst_11-cnt #ranking .notes {
	margin-top: 10px;
	color: #beb9b6;
	font-size: 83%;
	line-height: 1.4;
}

/* ○位以下をみる */
#bst_11-cnt .ranking-view-more {
	text-align: center;
}
#bst_11-cnt .ranking-view-more a {
	font-size: 125%;
	font-weight: bold;
}
#bst_11-cnt .ranking-view-more a:hover {
	text-decoration: none;
}

/* 4位以下 */
#bst_11-cnt .ranking_inner02 h6 a {
	text-decoration: none;
}
#bst_11-cnt .ranking_inner02 .view-more {
	font-size: 105%;
	font-weight: bold;
}
#bst_11-cnt .ranking_inner02 .view-more a:hover {
	text-decoration: none;
}