@charset "Shift_JIS";

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

Site URL:       https://www.cosme.net/
File name:      top.css
Created:        2013-05-16
by Author Style Info:   
----------------------------------------------------------- */

/* -----------------------------------------------------------
Table of Contents

* cnt-top
	-- top-hdr
	-- top-award
	-- top-ctgr
	-- top-prm
	-- top-pre
	-- top-cn
	-- top-otr
	-- top-sp
----------------------------------------------------------- */


/* --------------------------------------------------------------- 
 cnt-top
--------------------------------------------------------------- */
#cnt-top {
	background:url("/images/cnt/bst/14h/bg_top_inrhdr.jpg") left top  repeat-y ;
}


/* top-hdr
----------------------------------------------------------- */
#top-hdr {
	background:url("/images/cnt/bst/14h/bg_top-hdr.jpg") left top no-repeat;
	width: 635px;
	padding-bottom:12px;
}

#top-hdr h2 {
	margin:0 auto;
	padding-top:10px;
	width:615px;
}

#top-hdr h2 .catch{
	display:block;
}

#top-hdr .top-intro {
	padding:17px 0 25px 0;
	line-height: 1.4;
	text-align:center;
	font-size:13px;
}


/* top-award
-------------------------------------------------------------------------------------------*/
#top-award{
	background: url("/images/cnt/bst/14h/bg_top-award.png") center bottom no-repeat;
	padding-bottom:40px;	
}

/* top-grand 
-------------------------------------------------------------------------------------------*/
#top-award #top-grand{
	background:url("/images/cnt/bst/14h/bg_top_grand.png") left top no-repeat;
	margin:0 auto 9px auto;
	width:615px;
	height:246px;
}

#top-award #top-grand a {
	position: relative;
	display: block;
	width:615px;
	height:246px;
	text-decoration: none;
}

#top-award #top-grand h3 {
	position: relative;
	width:590px;
	height:88px;
}

#top-award #top-grand h3 .lead {
	display: block;
	padding:14px 0 0 105px;
	font-size: 100%;
	color:#bd991c;
	font-weight:bold;
}

#top-award #top-grand h3 .title{
	position: absolute;
	top:37px;
	left:105px;
}

#top-award #top-grand h3 .logo{
	position: absolute;
	top:14px;
	left:13px;
}

#top-award #top-grand h4 strong{
	font-weight:bold;
	font-size:24px;
}


#top-award #top-grand p.lead{
	font-size: 16px;
	position:absolute;
	left:13px;
	top:122px;
	width:230px;
	color:#444;
	line-height:180%;
	font-weight: bold;
}

#top-award #top-grand .btn{
	display: block;
	overflow: hidden;
	width: 146px;
	height: 0;
	padding-top: 45px;
	background:url("/images/cnt/bst/14h/btn_top_sp.jpg") -2px 0 no-repeat;
	cursor: pointer;
	position:absolute;
	left: 453px;
	top: 185px;
}

#top-award #top-grand a:hover .btn{
	background-position:-312px 0;
}


/* top-rookie
-------------------------------------------------------------------------------------------*/
#top-award #top-rookie{
	background: url("/images/cnt/bst/14h/bg_top_rookie.png") no-repeat;
	margin:0 auto;
	width:615px;
	height:218px;
	position: relative;
}

#top-award #top-rookie a.rookie-links {
	position: relative;
	display: block;
	width: 255px;
	height: 192px;
	text-decoration: none;
}

#top-award #top-rookie h3 {
	position: relative;
	width:590px;
	height:88px;
}

#top-award #top-rookie h3 .lead{
	display: block;
	padding: 18px 0 0 105px;
	color:#bd991c;
	font-weight:bold;
}

#top-award #top-rookie h3 .title{
	position: absolute;
	top:37px;
	left:105px;
}

#top-award #top-rookie h3 .logo{
	position: absolute;
	top:43px;
	left:9px;
}

#top-award #top-rookie .btn{
	display: block;
	overflow: hidden;
	width: 146px;
	height: 0;
	padding-top: 45px;
	background:url("/images/cnt/bst/14h/btn_top_sp.jpg") -2px 0 no-repeat;
	cursor: pointer;
	position: absolute;
	left: 453px;
	top: 140px;
}

#top-award #top-rookie a:hover .btn{
	background-position:-312px 0;
}


/* list */
#top-award #top-rookie .list{
	position: absolute;
	top: 190px;
	left: 22px;
}
#top-award #top-rookie h4 {
	height:22px;
	margin-bottom:5px;
	padding-right:25px;
	float:left;
}
#top-award #top-rookie h4 a{
	font-weight:bold;
	color:#04a39e;
}
#top-award #top-rookie h4 a:hover{
	color:#04d2cc;
}

/* top-ctgr
-------------------------------------------------------------------------------------------*/
#top-ctgr {
	background:url("/images/cnt/bst/14h/bg_top-ctgr.png") left top no-repeat;
	width:615px;
	margin:0 auto 15px auto;
	padding: 14px 0 0 0;
}

#top-ctgr h3{
	margin:0 auto 5px auto;
	width:582px;
}

#top-ctgr h3 .lead{
	color:#333;
	padding-left:15px;
	font-weight:bold;
}

#top-ctgr h3 img{
	vertical-align:middle;
}

#top-ctgr dt{
	background: url("/images/cnt/bst/14h/bg_ctg_title.png") left top no-repeat;
	margin-bottom:15px;
	padding:3px 0 2px 0;
	width:184px;
	color:#FFF;
	font-size:16px;
	text-align:center;
	vertical-align:middle;
}

html>/**/body #top-ctgr dt { 
	padding-top /*\**/:5px\9;
	padding-bottom:1px\9;
 }
 
#top-ctgr dt, x:-moz-any-link { 	padding:4px 0 1px 0; }

#top-ctgr dd {
	line-height: 1.3;
	background: url("/images/cnt/bst/14h/icon_eyecatch.png") 0 1px no-repeat;
	padding-left: 15px;
	margin-bottom:3px;
	font-size:96%;
	font-weight:bold;
}

#main #top-ctgr a {
	color:#04a39e;
}
#main #top-ctgr a:hover{
	color:#04d2cc;
}

/* top-skincare */
#top-ctgr #top-skincare {
	position:relative;
	float: left;
	width: 184px;
	height: 235px;
	margin-bottom:10px;
	margin-right:15px;
	margin-left:15px;
}

/* top-basemake */
#top-ctgr #top-basemake {
	position:relative;
	float: left;
	width: 184px;
	height: 235px;
	margin-bottom:10px;
	margin-right:15px;
}

/* top-makeup */
#top-ctgr #top-makeup {
	position:relative;
	float: left;
	width: 184px; 
	height: 235px;
	margin-bottom:10px;
}

/* top-haircare */
#top-ctgr #top-haircare{
	position:relative;
	float: left;
	width: 194px;
	height: 193px;
	margin-bottom:4px;
	margin-right:5px;
	margin-left:15px;
}

/* top-bodycare */
#top-ctgr #top-bodycare {
	position:relative;
	float: left;
	width: 184px;
	height: 193px;
	margin-bottom:10px;
	margin-left: 15px;
}

#top-ctgr #top-bodycare .link-bcr,
#top-ctgr #top-bodycare .link-ssr{
	width:90px;
	margin-left: 14px;
}
#top-ctgr #top-bodycare .link-fgs{
	width:160px;
	margin-left:0;
}


/* top-prm
-------------------------------------------------------------------------------------------*/
#top-prm{
	background:url("/images/cnt/bst/14h/bg_ttl_top_prm.gif") left top repeat-y;
	width:615px;
	margin:0 auto 20px auto;
}

#top-prm h3{
	background:url("/images/cnt/bst/14h/ttl_top_prm.png") left top no-repeat;
	margin-bottom:10px;
	width:;
	height:35px;
	color:#4e3900;
	padding-top:12px;
}

#top-prm h3 .prm_s_ttl{
	font-size:15px;
	font-weight:bold;
	padding-left:68px;
}

#top-prm h3 .prm_ttl{
	font-size:22px;
	font-weight:bold;
}

#top-prm .prm_innerbox{
	background:#FFFFFF;
	border:1px solid #b58e04;
	width:595px;
	margin:0 auto;
	padding-bottom:15px;
}

#top-prm .prm_innerbox .lead{
	width:575px;
	margin:15px auto 10px auto;
	line-height:170%;
}

#top-prm .prm_innerbox .txt_b{
	font-weight:bold;
	font-size:16px;
}

#top-prm .prm_innerbox .regist a{
	display: block;
	overflow: hidden;
	width: 236px;
	height: 0;
	padding-top: 45px;
	background:url("/images/cnt/bst/14h/btn_top_sp.jpg") -2px -50px no-repeat;
	cursor: pointer;
	margin:0 auto;
}

#top-prm .prm_innerbox .regist a:hover{
	background-position:-312px -50px;
}

#top-prm .more{
	text-align:right;
	width:595px;
	margin:0 auto;
	padding:5px 0;
}

#top-prm .more a{
	color:#4e3900;
}
#top-prm .more a:hover{
	color:#9a4800;
}
	
/*top-pre
-------------------------------------------------------------------------------------------*/
#top-pre{
	position:relative;
	background:url("/images/cnt/bst/14h/bg_top_pre_box.png") left bottom no-repeat;
	width:615px;
	height:123px;
	margin:0 auto 20px auto;
}

#top-pre a {
	position: relative;
	display: block;
	width:615px;
	height:123px;
	text-decoration: none;
	color:333;
}

#main #top-pre a:hover{
	color:#333;
}

#top-pre h3{
	background: url("/images/cnt/bst/14h/bg_top_pre_ttl.png") left top no-repeat;
	padding:14px 0 8px 0;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
}

#top-pre .lead{
	text-align:center;
	font-weight:bold;
	font-size:14px;
}

#top-pre .btn{
	display: block;
	overflow: hidden;
	width: 115px;
	height: 0;
	padding-top: 44px;
	background:url("/images/cnt/bst/14h/btn_top_sp.jpg") -2px -150px no-repeat;
	cursor: pointer;
	margin:0 auto;
	position:absolute;
	line-height:4;
	top:50px;
	left:487px;
}

#main #top-pre a:hover .btn{
	background-position:-312px -150px;
}


/* top-cn
----------------------------------------------------------- */
#top-cn {
	background:#FFF url("/images/cnt/bst/14h/bg_top_ch_box.gif") center bottom no-repeat;
	margin: 0 auto 15px auto;
	width:609px;
	border-left:3px solid #03A29D;
	border-right:3px solid #03A29D;
}

#top-cn h3 {
	background:url("/images/cnt/bst/14h/bg_top_ch_box.gif") center top no-repeat;
	text-align:center;
	width:609px;
	height:35px;
	padding-top:10px;
	padding-bottom:5px;
	color: #9f8c33;
	font-size: 144%;
	font-weight: bold;
}

#top-cn h3 .cl-cn {
	font-size: 125%;
	color: #CC0000;
}

#top-cn .inner-box {
	padding:0 10px 10px 10px;
}

#top-cn .cn-text {
	float: left;
	width: 245px;
	padding-left: 10px;
	line-height:1.5;
}

#top-cn .cn-text span {
	font-weight: bold;
}

#top-cn .btn-cn-grand {
	float: right;
	width: 304px;
	margin-bottom:10px;
}

#top-cn .btn-cn-grand a {
	display: block;
	overflow: hidden;
	width: 304px;
	height: 0;
	padding-top: 45px;
	background: url("/images/cnt/bst/14h/btn_top_sp.jpg") -2px -100px no-repeat;
}

#top-cn .btn-cn-grand a:hover {
	background-position:-312px -100px;
}


/* top-otr
-------------------------------------------------------------------------------------------*/
#top-otr {
	margin-bottom: 16px;
}
#top-otr p {
	margin: 0 15px 10px;
}
#top-otr p span {
	font-size: 95%;
}
#top-otr ul {
	padding:0 15px;
}
#top-otr .btn-total {
	text-align:right;
}

#top-otr .btn-total a:hover {
	color:#068681;
}

/* top-sp
-------------------------------------------------------------------------------------------*/
#top-sp {
	margin: 0 10px 15px;
	width:615px;
	background: url("/images/cnt/bst/14h/bg_topsp02.png") left top repeat-y;
}
#top-sp h3 {
	background:url("/images/cnt/bst/14h/bg_ttl_topsp.png") left top no-repeat;
	width:615px;
	height:26px;
	padding-top:16px;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.25;
	text-align:center;
}

#top-sp .link-sp {
	background:url("/images/cnt/bst/14h/bg_topsp.png") left bottom no-repeat;
	padding: 5px 2px 5px 20px;
}

#top-sp .sp-list {
	padding-top:5px;
}

#top-sp .sp-list p {
	line-height: 1.3;
	background: url("/images/cnt/bst/14h/icon_eyecatch.png") no-repeat;
	background-position: 0 1px;
	padding-left: 15px;
	margin-bottom:5px;
}

#top-sp .sp-list p a {
	color:#2DB4B6;
	font-size: 105%;
	font-weight: nomal;
}

#top-sp .sp-list p a:hover {
	color: #5CE0D7;
}

* html #top-sp .sp-list,
* html #top-sp .banner {/* IE6 */
	display: inline;
	zoom: 1;
}
*:first-child+html #top-sp .sp-list,
*:first-child+html #top-sp .banner {/* IE7 */
	display: inline;
	zoom: 1;
}