@charset "Shift_JIS";

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

Site URL:       https://www.cosme.net/bestcosme/yyyy/
File name:      bst.css
Created:        2011-10-19 
Last update:    2012-11-28 by sekiy
by Author Style Info: ベスコス共通css
----------------------------------------------------------- */

/* ----------------------------------------------------------- 
Table of Contents
* header-sub
* static-enquete
* footer
* asid-sbtm
----------------------------------------------------------- */

/*---------------------------------------
header-sub
-----------------------------------------*/
.bst #header-sub {
	margin-bottom: 15px;
}

/*---------------------------------------
static-enquete
-----------------------------------------*/
.bst #static-enquete {
	margin: 20px 0 40px 0;
}
.bst #static-enquete .enq-title {
	height: 34px;
	padding: 0 0 0 10px;
	background: url("/images/general/common/bg/bg_sub_title_flower_635.png") no-repeat left top;
	font-size: 108%;
	font-weight: bold;
	line-height: 34px;
}
.bst #static-enquete .enq-desc {
	float: left;
	width: 480px;
	margin: 0 0 0 10px;
	font-size: 95%;
	line-height: 1.5;
}
* html .bst #static-enquete .enq-desc {
	margin: 0 0 0 5px;
}
.bst #static-enquete a {
	display: block;
	overflow: hidden;
	float: left;
	width: 130px;
	height: 0;
	margin: 10px 5px 0 10px;
	padding-top: 25px;
	background: url("/images/general/common/btn/btn_enquete.png") no-repeat left top;
}
.bst #static-enquete a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-ms-filter: "alpha(opacity=80)";
}

/*---------------------------------------
footer メイリオ対応
-----------------------------------------*/
body.bst #footer dl dt {
	font-size: 85%;
}
body.bst #footer dl dd {
	font-size: 95%;
}
/*---------------------------------------
asid-sbtm
-----------------------------------------*/
.bst #asid-sbtm {
	position: relative;
	z-index: 9999;
}
* html .bst #asid-sbtm {
	zoom: 1;
}
.bst #asid-sbtm .trigger { 
	position: absolute; 
	top: -4px; 
	right: 0px; 
	cursor: pointer;
}
.bst #asid-sbtm .trigger a {
	display: block;
	overflow: hidden;
	width: 74px;
	height: 0;
	padding-top: 22px;
	background: url("/images/general/common/btn/ico_sbm.png") no-repeat 0 -38px;
	line-height: 2;
}
.bst #asid-sbtm .trigger.active a {
	background-position: 0 -60px;
}
.bst #asid-sbtm .toggle {
	display: none;
	position: absolute;
	top: 10px;
	right: 0;
	width: 360px;
	background: #f4f2ec;	
	border: 1px solid #bdb8ad;
	-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);	
}
.bst #asid-sbtm .toggle-inr {
	padding: 20px 10px 5px;
	border: 3px solid #e8e5e0;
}
* html .bst #asid-sbtm .toggle-inr {
	padding-bottom: 10px;
}
*:first-child+html .bst #asid-sbtm .toggle-inr {
	padding-bottom: 10px;
}
.bst #asid-sbtm .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;
	cursor: pointer;
	overflow: hidden;
	line-height: 2;
}
.bst #asid-sbtm .sbm-list {
	padding-bottom: 5px;
}
* html .bst #asid-sbtm .sbm-list {
	padding-bottom: 0;
}
.bst #asid-sbtm li { float: left;}
.bst #asid-sbtm .facebook { width: 130px;}
.bst #asid-sbtm .twitter { width: 130px;}
.bst #asid-sbtm .mixi { width: 60px;}

/* cin-pnt -----*/
.bst #asid-sbtm .google,
.bst #asid-sbtm .hatena {
	width:auto;
	margin-right:9px;
}