@charset "Shift_JIS";

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

Site URL:       https://
File name:      css/bt/top.css
Created:        2011-04-19
Last update:    2011-06-13 by ois
by Author Style Info: BT総合トップCSS
----------------------------------------------------------- */

/* ----------------------------------------------------------- 
Table of Contents
 
* top共通スタイル
	-- ttl-rbk
	-- cmn-more
* header
* 最新テーマモジュール
	-- thm-ltst
* Pick Up 最新記事モジュール
	-- acl-ltst
* 注目カテゴリモジュール
	-- hot-ctg
* ランキングモジュール
	-- rnk-list
* ビューティお試し記事モジュール
 -- acl-trl

----------------------------------------------------------- */

/* top共通スタイル------------------------*/
#sec-top .ttl-rbk {
	display: inline-block;
	padding: 2px 0 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #000;
	color: #fff;
	font-size: 105%;
	text-align: center;
}
#sec-top .cmn-more {
	margin-top: 3px;
}
#sec-top .cmn-more a {
	color: #000;
}
#sec-top .cmn-more a:hover {
	color: #f89;
}

/* トップ編集枠-------------------*/
#sec-top #top-bnr {
	margin-bottom: 15px;
}

/* リニューアル告知枠-------------------*/
#sec-top #renewal-info {/* domobi対応のため、基本inline */
	margin: 0 0 10px 0 !important;
	border: solid 2px #e56 !important;
}
#sec-top #renewal-info dt {
	font-size: 14px !important;
}
#sec-top #renewal-info dd {
	font-size: 13px !important;
}
#sec-top #renewal-info a:hover {
	color: #f89 !important;
}

/* 最新テーマモジュール-------------------*/
#sec-top #thm-ltst {
	margin-bottom: 15px;
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #ffe7ea;
}
#sec-top #thm-ltst .hdr {
	margin-bottom: 8px;
}
#sec-top #thm-ltst .hdr div {
	float: left;
	width: 470px;
}
#sec-top #thm-ltst .hdr .ttl-rbk {
	float: left;
	width: 88px;
	margin-right: 5px;
}
#sec-top #thm-ltst .hdr h3 {
	display: inline-block;
	float: left;
	margin-top: 2px;
	width: 377px;
	font-size: 120%;
	font-weight: bold;
	word-wrap: break-word;
}
*:first-child+html #sec-top #thm-ltst .hdr h3 { /* IE7 */
	line-height: 1.4;
}
#thm-ltst .hdr h3 a {
	color: #000;
}
#sec-top #thm-ltst .hdr h3 a:hover {
	color: #f89;
	text-decoration: underline;
}
#sec-top #thm-ltst .hdr .cmn-more {
	float: right;
	width: 113px;
}
#sec-top #thm-ltst .body .pic-bdr-out {
	float: left;
}
#sec-top #thm-ltst .body .pic-bdr {
	width: 162px;
	height: 162px;
	layout-grid-line: 162px; /* IE7 */
}
@-moz-document url-prefix() { /* FF */
#sec-top #thm-ltst .body .pic-bdr {
 height: 164px;
}
}
#sec-top #thm-ltst .body .null,
#sec-top #thm-ltst .body ul {
	margin-left: 169px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #fff;
}
#sec-top #thm-ltst .body .null div {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
/* null時 */
#sec-top #thm-ltst .body .null,
#sec-top #thm-ltst .body .null div {
	background-image: url("/images/bt/top/bg_null.png");
	background-repeat: no-repeat;
}
#sec-top #thm-ltst .body .null {
	background-position: 0 0;
}
#sec-top #thm-ltst .body .null div {
	min-height: 114px;
	padding: 42px 20px 8px;
	background-position: -441px bottom;
	font-size: 105%;
	line-height: 1.5;
	text-align: center;
}
#sec-top #thm-ltst .body .null p {
	margin-bottom: 12px;
}
#sec-top #thm-ltst .body .null .btn-cmn-vote a {
	padding-top: 2px;
}

/* リスト */
#sec-top #thm-ltst .body ul {
	min-height: 142px;
	padding: 11px;
	font-size: 105%;
}
#sec-top #thm-ltst .body ul li {
	padding: 3px 0 0 14px;
	background-position: 0 -641px;
	line-height: 1.5;
}
#sec-top #thm-ltst .body ul a {
	text-decoration: none;
}
#sec-top #thm-ltst .body ul a:hover {
	text-decoration: underline;
}

/* Pick Up 最新記事モジュール-------------*/
#sec-top .cmn-line .bg-dot {
	height: 2px
}
#sec-top #acl-ltst {
	padding: 3px 10px 10px;
	background-color: #fff;
}
#sec-top #acl-ltst .hdr {
	margin-bottom: 16px;
}
#sec-top #acl-ltst .hdr h2 {
	float: left;
	margin-top: -3px;
	font-size: 140%;
	font-weight: bold;
}
*:first-child+html #sec-top #acl-ltst .hdr h2 {
	margin-top: 0;
}
#sec-top #acl-ltst .cmn-more {
	margin-top: -10px;
}
#sec-top #acl-ltst .hdr .cmn-more {
	margin-top: 5px;
	font-weight: bold;
}
/* list-img */
#sec-top #acl-ltst .list-img {
	margin-right: -9px;
	margin-bottom: 25px;
}
#sec-top #acl-ltst .list-img li {
	overflow: hidden;
	float: left;
	width: 72px;
	margin-right: 5px;
	line-height: 1.2;
}
#sec-top #acl-ltst .list-img li:hover {
	cursor: pointer;
}
#sec-top #acl-ltst .list-img .pic-bdr {
	width: 70px;
	height: 70px;
	layout-grid-line: 70px; /* IE7 */
}
@-moz-document url-prefix() { /* FF */
#sec-top #acl-ltst .list-img .pic-bdr {
 height: 72px;
}
}
#acl-ltst .list-img .pic-bdr:hover {
	border: 1px solid #f89; /* skin */
}
/* tooltip */
#sec-top #acl-ltst .list-img a {
	text-decoration: none;
}
#sec-top #acl-ltst .list-img a span {
	display: none;
	width: 10em;
	layout-grid-line: none;
	margin-left: 0;
	padding: 7px;
	text-align: left;
	font-size: 83%;
	line-height: 1.4;
	word-wrap: break-word;
}
#sec-top #acl-ltst .list-img a:hover span {
	z-index: 15550;
	display: block;
	position: absolute;
	margin: -4px 0 0 12px;
	border: 1px solid #ddd;
	background: #eee;
	color: #000;
}
/* list */
#sec-top #acl-ltst .list {
	padding-bottom: 8px;
}
#sec-top #acl-ltst .list li {
	float: left;
	width: 295px;
	padding: 0 10px 12px 0;
}
#sec-top #acl-ltst .list a {
	display: block;
	overflow: hidden;
	padding-right: 10px;
	text-decoration: none;
	cursor: pointer;
}
#sec-top #acl-ltst .list a:hover dt {
	text-decoration: underline;
}
#sec-top #acl-ltst .list .pic-bdr-out {
	float: left;
}
#sec-top #acl-ltst .list .pic-bdr {
	width: 50px;
	height: 50px;
	layout-grid-line: 50px; /* IE7 */
}
@-moz-document url-prefix() { /* FF */
#sec-top #acl-ltst .list .pic-bdr {
 height: 52px;
}
}
#sec-top #acl-ltst .list dl {
	width: 223px;
	margin-left: 62px;
	word-wrap: break-word;
}
#sec-top #acl-ltst .list dt {
	margin-bottom: 4px;
	font-size: 105%;
	font-weight: bold;
	line-height: 1.4; 
}
#sec-top #acl-ltst .list dt span:hover {
	text-decoration: underline;
}
#sec-top #acl-ltst .list dd {
	color: #000;
	font-size: 95%;
	line-height: 1.4;
}
#sec-top #acl-ltst .list dd abbr {
	margin-left: 5px;
	color: #999;
}
#sec-top #acl-ltst .icon-cmn-fav {
	vertical-align: -1px;
}
*:first-child+html #sec-top #acl-ltst .icon-cmn-fav {
	vertical-align: middle;
}

/* 注目カテゴリ -----------------*/
#sec-top .bg-dot {/* skin */
	height: 3px;
	background-color: #000;
}
#sec-top #hot-ctg {
	margin-bottom: 20px;
	padding: 10px;
	background-color: #fff;
}
#sec-top #hot-ctg .ttl-rbk {
	float: left;
 width: 96px;
	font-size: 95%;
}
#sec-top #hot-ctg ul {
	float: right;
	width: 505px;
	margin-bottom: 6px;
}
#sec-top #hot-ctg li {
	float: left;
	margin-right: 15px;
}
#sec-top #hot-ctg .cmn-more {
	clear: both;
}

/* 公認＠ビューティスト-------------*/
#sec-top .cmn-line .bg-dot {
	height: 2px
}
#sec-top #pup-ofcl {
	padding: 3px 10px 15px;
	margin-bottom: 20px;
	background-color: #fff;
}
#sec-top #pup-ofcl .hdr {
	margin-bottom: 16px;
}
#sec-top #pup-ofcl .hdr h2 {
	float: left;
	margin-top: -3px;
	font-size: 140%;
	font-weight: bold;
}
*:first-child+html #sec-top #pup-ofcl .hdr h2 {
	margin-top: 0;
}
#sec-top #pup-ofcl .cmn-more {
	margin-top: -10px;
}
#sec-top #pup-ofcl .hdr .cmn-more {
	margin-top: 5px;
	font-weight: bold;
}
#sec-top #pup-ofcl .pup-ofcl-area .cmn-more {
	clear: both;
	margin-top: 14px;
}
#sec-top #pup-ofcl .pup-ofcl-area .bg-dot {
	height: 3px;
}
#sec-top #pup-ofcl #pup-ofcl-pro {
	margin-bottom: 20px;
}
#sec-top #pup-ofcl .pup-ofcl-area h3 {
	margin-top: 4px;
	margin-left: 5px;
	font-size: 120%;
	font-weight: bold;
}
#sec-top #pup-ofcl .pup-ofcl-area h3 .ttl-disc {
	margin-left: 6px;
	font-size: 80%;
	font-weight: normal;
}
#sec-top #pup-ofcl .pup-ofcl-boxs {
	float: left;
	margin: 18px 0 14px -27px;
}
#sec-top #pup-ofcl .pup-ofcl-box {
	float: left;
	width: 100px;
	margin: 0 0 0 27px;
	font-size: 95%;
	text-align:center;
}
#sec-top #pup-ofcl .pup-ofcl-box a {
	text-decoration: none;
}

#sec-top #pup-ofcl .pup-ofcl-box .pic-bdr-out {
	display:block;
	float:left;
	margin-bottom: 6px;
}
#sec-top #pup-ofcl .pup-ofcl-box .pic-bdr {
	width: 100px;
	height: 100px;
	layout-grid-line: 100px; /* IE7 */
}
#sec-top #pup-ofcl .pup-ofcl-box .pic-bdr:hover {
	border-color: #f89;
}
#sec-top #pup-ofcl .pup-ofcl-box .name-box {
	display: inline-block;
 margin: 0 auto;
	text-align: left;
}
#sec-top #pup-ofcl .pup-ofcl-box .name-box:hover .nickname {
	text-decoration: underline;
}
	
/* ランキング -------------*/
#sec-top #rnk-list {
	margin-bottom: 30px;
	padding: 3px 10px 10px;
	background-color: #fff;
}
#sec-top #rnk-list .hdr {
	margin-bottom: -15px;
}
#sec-top #rnk-list .hdr h2 {
	float: left;
	margin-top: -3px;
	font-size: 140%;
	font-weight: bold;
}
*:first-child+html #sec-top #rnk-list .hdr h2 {
	margin-top: 0;
}
#sec-top #rnk-list .cmn-more {
	margin-top: 8px;
}
#sec-top #rnk-list .hdr .cmn-more {
	margin-top: 5px;
	font-weight: bold;
}
#sec-top #rnk-list .rnk-rows {
	overflow: hidden;
	margin: 30px -20px 0 0;
}
#sec-top #rnk-list .rnk-inner {
	float: left;
	width: 295px;
	margin-right: 20px;
}
#sec-top #rnk-list .rnk-inner a {
	outline: none;
}
#sec-top #rnk-list .rnk-inner .hdr {
	margin-bottom: 0;
}
#sec-top #rnk-list .rnk-inner .hdr h3 {
	float: left;
	padding: 3px 0 0 26px;
	background: url("/images/bt/front/ico_rnk_v.png") no-repeat 1px -70px;
	font-size: 125%;
	font-weight: bold;
	line-height: 1;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
#sec-top #rnk-list .rnk-inner .hdr h3 {
	padding-bottom: 3px;
	background-position: 1px -68px; 
}
}
#sec-top #rnk-list .rnk-inner .hdr p {
	float: right;
	padding-top: 5px;
	color: #666;
	font-size: 83%;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
#sec-top #rnk-list .rnk-inner .hdr p {
	padding-top: 8px;
}
}
#sec-top #rnk-list .rnk-inner .bg-dot {
	margin-bottom: 13px;
}
#sec-top #rnk-list .rnk-inner .rank-box {
	display: block;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #aaa;
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
#sec-top #rnk-list .rnk-inner a:hover .nickname {
	color: #f89;
}
#sec-top #rnk-list .rnk-inner .rnk-1st,
#sec-top #rnk-list .rnk-inner .rnk-2nd,
#sec-top #rnk-list .rnk-inner .rnk-3rd,
#sec-top #rnk-list .rnk-inner .num-area,
#sec-top #rnk-list .rnk-inner .pic,
#sec-top #rnk-list .rnk-inner .detail {
	display: block;
	float: left;
}
#sec-top #rnk-list .rnk-inner .num-area,
#sec-top #rnk-list .rnk-inner .rnk-1st,
#sec-top #rnk-list .rnk-inner .rnk-2nd,
#sec-top #rnk-list .rnk-inner .rnk-3rd {
	width: 30px;
}
#sec-top #rnk-list .rnk-inner .pic {
	width: 62px;
}
#sec-top #rnk-list .rnk-inner .name {
	font-size: 95%;
}
#sec-top #rnk-list .rnk-inner .name .nickname {
	color: #e56;
	font-size: 108%;
}
#sec-top #rnk-list .rnk-inner .icon-cmn-fav {
	vertical-align: -1px;
}
*:first-child+html #sec-top #rnk-list .rnk-inner .icon-cmn-fav {
	vertical-align: middle;
}
#sec-top #rnk-list .rnk-inner .detail {
	width: 203px;
	padding-top: 1px;
	word-wrap: break-word;
	line-height: 1.4;
}
#sec-top #rnk-list .rnk-inner .detail .nickname {
	font-weight: bold;
	text-decoration: none;
}
#sec-top #rnk-list .rnk-inner .pic-bdr {
	width: 50px;
	height: 50px;
	layout-grid-line: 50px; /* IE7 */
}
@-moz-document url-prefix() { /* FF */
#sec-top #rnk-list .rnk-inner .pic-bdr {
 height: 52px;
}
}

/* 美ログ投稿者 */
#sec-top #rnk-list .rnk-inner .desc {
	margin-top: 5px;
	font-size: 95%;
}

/* 美容記事 */
#sec-top #rnk-list #rnk-acl .detail {
	width: 260px;
	margin-left: 5px;
}
#sec-top #rnk-list #rnk-acl img {
	float: right;
	margin: 0 0 5px 5px;
}
#sec-top #rnk-list #rnk-acl .title {
	margin-top: 3px;
	color: #e56;
	font-weight: bold;
	text-decoration: none;
}
#sec-top #rnk-list #rnk-acl a:hover .title {
	color: #f89;
}
#sec-top #rnk-list #rnk-acl .name {
	margin-top: 5px;
	font-size: 95%;
}

/* クチコミ投稿者 */
#sec-top #rnk-list #rnk-rvw .rvw-text,
#sec-top #rnk-list #rnk-rvw .rvw-item {
	margin-top: 4px;
	font-size: 83%;
	line-height: 1.5;
}
*:first-child+html #sec-top #rnk-list #rnk-rvw .rvw-text,
*:first-child+html #sec-top #rnk-list #rnk-rvw .rvw-item {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka","sans-serif";
}
#sec-top #rnk-list #rnk-rvw .rvw-text span {
	float: left;
	display: block;
	overflow: hidden;
	width: 35px;
	height: 0;
	margin: 0 3px 0 0;
	padding-top: 12px;
	background: url("/images/bt/front/ico_rnk_s.png") no-repeat 0 -400px;
}
#sec-top #rnk-list #rnk-rvw .rvw-item {
	color: #666;
}
#sec-top #rnk-list #rnk-rvw .rvw-item span {
	display: inline-block;
	overflow: hidden;
	width: 18px;
	height: 0;
	padding-top: 12px;
	background: url("/images/bt/common/ico_cmn.png") no-repeat 0 -450px;
	vertical-align: middle;
}

/* Q&A回答者 */
#sec-top #rnk-list #rnk-qa .qa-title,
#sec-top #rnk-list #rnk-qa .qa-text {
	margin-top: 4px;
	font-size: 83%;
	line-height: 1.5;
}
*:first-child+html #sec-top #rnk-list #rnk-qa .qa-title,
*:first-child+html #sec-top #rnk-list #rnk-qa .qa-text {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka","sans-serif";
}

#sec-top #rnk-list #rnk-qa .qa-title span {
	float: left;
	display: block;
	overflow: hidden;
	width: 29px;
	height: 0;
	margin: 0 3px 0 0;
	padding-top: 12px;
	background: url("/images/bt/front/ico_rnk_s.png") no-repeat 0 -450px;
}
#sec-top #rnk-list #rnk-qa .qa-title {
	font-weight: bold;
}

/* null */
.rnk-null {
	margin-bottom: 5px;
	padding: 30px 0;
	border-bottom: 1px dotted #aaa;
	text-align: center;
}

/* 順位・ステータスアイコン -------------*/
#rnk-list .rnk-1st .num,
#rnk-list .rnk-2nd .num,
#rnk-list .rnk-3rd .num,
#rnk-list .up,
#rnk-list .stay,
#rnk-list .down,
#rnk-list .new,
#rnk-list .rise {
	display: block;
	overflow: hidden;
	width: 24px;
	height: 0;
	margin: 0;
	padding-top: 25px;
	background: url("/images/bt/front/ico_rnk_s.png") no-repeat 0 0;
}
#rnk-list .num-area .num { 
	display: block;
	width: 24px;
	margin: 5px 0 -2px 7px;
	font-weight: bold;
	line-height: 1.1;
}
#rnk-list .rnk-1st .num { background-position: 0 0; }
#rnk-list .rnk-2nd .num { background-position: 0 -50px; }
#rnk-list .rnk-3rd .num { background-position: 0 -100px; }

#rnk-list .up { background-position: 0 -147px; }
#rnk-list .stay { background-position: 0 -197px; }
#rnk-list .down { background-position: 0 -247px; }
#rnk-list .new { background-position: 0 -297px; }
#rnk-list .rise { background-position: 0 -347px; }


/* ビューティお試し記事モジュール -------------*/
#sec-top #acl-trl {
	margin-bottom:20px;
	padding: 5px 10px 10px;
	background-color: #fff;
}
#sec-top #acl-trl .hdr {
	margin-bottom: 16px;
}
#sec-top #acl-trl .hdr h2 {
	float: left;
	font-size: 140%;
	font-weight: bold;
}
*:first-child+html #sec-top #acl-trl .hdr h2 {
	margin-top: 0;
}
#sec-top #acl-trl .cmn-more{
 margin-top: -10px;
}
/* list */
#sec-top #acl-trl .list {
	padding-bottom: 8px;
}
#sec-top #acl-trl .list li {
	float: left;
	width: 295px;
	padding: 0 10px 12px 0;
}
#sec-top #acl-trl .list a {
	display: block;
	overflow: hidden;
	padding-right: 10px;
	text-decoration: none;
	cursor: pointer;
}
#sec-top #acl-trl .list a:hover dt {
	text-decoration: underline;
}
#sec-top #acl-trl .list .pic-bdr-out {
	float: left;
}
#sec-top #acl-trl .list .pic-bdr {
	width: 50px;
	height: 50px;
	layout-grid-line: 50px; /* IE7 */
}
@-moz-document url-prefix() { /* FF */
#sec-top #acl-trl .list .pic-bdr {
 height: 52px;
}
}
#sec-top #acl-trl .list dl {
	width: 223px;
	margin-left: 62px;
	word-wrap: break-word;
}
#sec-top #acl-trl .list dt {
	margin-bottom: 4px;
	font-size: 105%;
	font-weight: bold;
	line-height: 1.4; 
}
#sec-top #acl-trl .list dt span:hover {
	text-decoration: underline;
}
#sec-top #acl-trl .list dd {
	color: #000;
	font-size: 95%;
	line-height: 1.4;
}
#sec-top #acl-trl .list dd .usr-type {
 display: inline-block;
	margin-right: 5px;
	margin-bottom: 2px;
	padding-right: 5px;
	color: #993333;
	font-size: 81%;
	vertical-align: middle;
	border-right: 1px solid #ccc;
}
#sec-top #acl-trl .list dd abbr {
	margin-left: 5px;
	color: #999;
}
#sec-top #acl-trl .icon-cmn-fav {
	vertical-align: -1px;
}
*:first-child+html #sec-top #acl-trl .icon-cmn-fav {
	vertical-align: middle;
}