@charset "shift_jis";

/***********************************************
　2010年 アットコスメベストコスメ大賞
　特別賞CSS
　					      --- create 2010/11/12
　					      --- update 2010/11/12
************************************************/


/*=============================================
　タイトル
===============================================*/
#spc1012_cts #special_title {
	width: 625px;
	height: 66px;
	background-color: #000;
	position: relative;
	margin-left: 5px;
	margin-bottom: 3px;
}
#spc1012_cts #special_title .title01 {
	width: 625px; height: 31px;
	padding: 0;
	overflow: hidden;
	position: relative;
}
#spc1012_cts #special_title p.title02 {
	width: 625px; height: 35px;
	padding: 0;
	overflow: hidden;
	position: relative;
}
#spc1012_cts #special_title a.totop {
	width: 330px; height: 0;
	background: url(../images/templete/header_totop.png) no-repeat left top;
	padding: 31px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 143px; top: 0px;
}

#spc1012_cts #special_title .top_btn a {
	width: 102px; height: 0;
	background: url(../images/templete/top_btn.png) no-repeat left top;
	padding: 31px 0 0 0;
		overflow: hidden;
	position: absolute;
	left: 523px; top: 0px;
	}
#spc1012_cts #special_title .top_btn a:hover {
	background-position: 0 -31px;
}

/*=============================================
　メイン
===============================================*/
#spc1012_cts #special_main {
	width: 625px;
	height: auto;
	position: relative;
	background: url(../images/templete/main_bg01.png) repeat-y left bottom;
	background-position: 5px 0;
	padding: 0 5px 0 5px;
}

/*=============================================
　左右枠
===============================================*/
#spc1012_cts #special_lnv {
	width: 166px;
	height: auto;
	position: relative;
	background-color: #000;
    float: left;
}
#spc1012_cts #special_rcont {
	width: 456px;
	height: auto;
	position: relative;
    float: right;
}
/*=============================================
　特別賞　部門タイトル
===============================================*/
#spc1012_cts #special_bumon_title {
	width: 456px;
	height:116px;
	background-color: #000;
	position: relative;
	padding: 0px;
	border-bottom: solid 3px #927a49;
}
/*=============================================
　特別賞　枠
===============================================*/
#spc1012_cts #special01 {
	width: 430px;
	background: url(../images/special/special_bg.jpg) no-repeat left top;
	background-color: #030207;
	position: relative;
	padding: 10px 13px 10px 13px;
}

#spc1012_cts #special02 {
	width: 430px;
	background: url(../images/special/special_bg.jpg) no-repeat left top;
	background-color: #030207;
	position: relative;
	padding: 10px 13px 10px 13px;
	border-top: solid 3px #927a49;
}
/*=============================================
　特別賞　写真・商品名
===============================================*/
#spc1012_cts #special_syohin01,
#spc1012_cts #special_syohin02 {
	width: 430px;
	height: auto;
	position: relative;
	margin: 0 0 3px 0;
}
#spc1012_cts #special_syohin01 .title01,
#spc1012_cts #special_syohin02 .title02 {
	width: 430px;
	height: auto;
	position: relative;
	margin: 0 0 15px 0;
}
#spc1012_cts #special_syohin01 #syohin_left01,
#spc1012_cts #special_syohin02 #syohin_left02 {
	width: 176px;
	height: auto;
	position: relative;
    float: left;
}
#spc1012_cts #special_syohin01 p.syohin_photo,
#spc1012_cts #special_syohin02 p.syohin_photo {
	width: 176px;
	position: relative;
}
#spc1012_cts #special_syohin01 #syohin_right01,
#spc1012_cts #special_syohin02 #syohin_right02 {
	width: 252px;
	height: auto;
	position: relative;
    float: right;
}
#spc1012_cts #special_syohin01 p.syohin_name,
#spc1012_cts #special_syohin02 p.syohin_name {
	width: 252px;
	position: relative;
	margin: 0px 0 0 0;
}
#spc1012_cts #special_syohin01 p.syohin_data,
#spc1012_cts #special_syohin02 p.syohin_data {
	width: 252px;
	min-height: 60;
	height: auto;
	overflow: visible;
	position: relative;
	margin: 10px 0 0 0;
}

/*=============================================
　特別賞　コスメ・コムでチェック／アットコスメストアでチェック
===============================================*/
#spc1012_cts #check_button01,
#spc1012_cts #check_button02 {
	width: 252px;
	height: 14px;
	position: relative;
	margin: 10px 0 0 0;
}

#spc1012_cts #check_button01 #leftbox01,
#spc1012_cts #check_button02 #leftbox02 {
	width: 128px;
	height: 14px;
	position: relative;
	float: left;
}
#spc1012_cts #check_button01 #rightbox01,
#spc1012_cts #check_button02 #rightbox02 {
	width: 123px;
	height: 14px;
	position: relative;
	float: right;
}

#spc1012_cts #check_button01 a.cosme,
#spc1012_cts #check_button02 a.cosme {
	width: 123px; height: 0;
	background: url(../images/templete/cosmecom_btn02.png) no-repeat left top;
	padding: 14px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 0px; top: 0px;
}
#spc1012_cts #check_button01 a.cosme:hover,
#spc1012_cts #check_button02 a.cosme:hover {
	background-position: 0 -14px;
}

#spc1012_cts #check_button01 a.store,
#spc1012_cts #check_button02 a.store {
	width: 123px; height: 0;
	background: url(../images/templete/store_btn02.png) no-repeat left top;
	padding: 14px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 0px; top: 0px;
}
#spc1012_cts #check_button01 a.store:hover,
#spc1012_cts #check_button02 a.store:hover {
	background-position: 0 -14px;
}

/*=============================================
　特別賞　クチコミチェック
===============================================*/
#spc1012_cts #special_kuchi01,
#spc1012_cts #special_kuchi02 {
	width: 430px;
	height: auto;
	position: relative;
	margin: 0 0 5px 0;
}
#spc1012_cts #special_kuchi01 p.kuchi_check,
#spc1012_cts #special_kuchi02 p.kuchi_check {
	width: 81px; height: 0;
	background: url(../images/templete/kuchikomi.png) no-repeat left top;
	padding: 23px 0 0 0;
	overflow: hidden;
	position: relative;
	margin: 0 0 5px 0;
}
#spc1012_cts #special_kuchi01 #kuchi_text01,
#spc1012_cts #special_kuchi02 #kuchi_text02 {
	width: 430px;
	height: auto;
	position: relative;
    float: left;
}
/*=============================================
　特別賞　クチコミチェック　もっと見るボタン
===============================================*/
#spc1012_cts #special01 #kuchi_button01,
#spc1012_cts #special02 #kuchi_button02 {
	width: 430px;
	height: 24px;
	position: relative;
	margin: 0 0 10px 0;
}
#spc1012_cts #special01 #kuchi_button01 #kuchi_name01,
#spc1012_cts #special02 #kuchi_button02 #kuchi_name02 {
	width: 290px;
	height: 24px;
	position: relative;
	margin: 0 0 10px 0;
}
#spc1012_cts #special01 #kuchi_button01 #kuchi_name01 a,
#spc1012_cts #special02 #kuchi_button02 #kuchi_name02 a {
	position: relative;
	text-decoration: underline;
	font-size: 10px;
}
#spc1012_cts #special01 #kuchi_button01 #kuchi_name01 a:hover,
#spc1012_cts #special02 #kuchi_button02 #kuchi_name02 a:hover {
	position: relative;
	text-decoration: none;
	font-size: 10px;
}
#spc1012_cts #special01 #kuchi_button01 a.motto,
#spc1012_cts #special02 #kuchi_button02 a.motto {
	width: 133px; height: 0;
	background: url(../images/templete/kuchikomi_more_btn.png) no-repeat left top;
	padding: 24px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 297px; top: 0px;
}
#spc1012_cts #special01 #kuchi_button01 a.motto:hover,
#spc1012_cts #special02 #kuchi_button02 a.motto:hover {
	background-position: 0 -24px;
}
/*=============================================
　特別賞　ページTOPへ
===============================================*/
#spc1012_cts #special01 #pagetop01,
#spc1012_cts #special02 #pagetop02 {
	width: 430px;
	height: 12px;
	position: relative;
}
#spc1012_cts #special01 #pagetop01 a,
#spc1012_cts #special02 #pagetop02 a {
	width: 76px; height: 0;
	background: url(../images/templete/pagetop.png) no-repeat left top;
	padding: 12px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 353px; top: 0px;
}
#spc1012_cts #special01 #pagetop01 a:hover,
#spc1012_cts #special02 #pagetop02 a:hover {
	background-position: 0 -12px;
}