/*
	--------------------------------
	Created: 2007.11.16
	Last Modified: 2007.11.16
	--------------------------------
	初期化

 共通

	ヘッダ

	フッタ
	
	部門別コンテンツ
	--------------------------------
*/


/* --------------------------------
	初期化
-------------------------------- */


/* --------------------------------
	共通
-------------------------------- */

#spc0712_contents a {
	text-decoration: underline;
}
#spc0712_contents{
margin:0 auto 0 auto;
width:730px;
}
div#ct-cmn-cnt{
width:730px;
margin:0 auto 0 auto;
font-size:11px;
line-height:110%;
color:#999999;
}

p.ct_cmn_pagetop{
margin:0;
padding:5px 30px 5px 30px;
text-align:right;
background-color:#30333d;
}
.ct_cmn_pagetop a{
color:#999999;
text-decoration:none;
}
.ct_cmn_pagetop a:hover{
color:#e7e7e7;
text-decoration:underline;
}
/* ページトップへ */
.ct_under_pagetop{
margin:10px 0 0 0;
padding:0;
text-align:right;
background-color:#FFFFFF;
}

/* --------------------------------
	ヘッダ
-------------------------------- */
div#ct-cmn-head{
position:relative;
margin:0 auto;
width:730px;
height:104px;
background:url(../images/category/head_bg.jpg) no-repeat;
text-align:center;
}
div#ct-cmn-head02{
position:relative;
margin:0 auto;
width:730px;
height:120px;
background:url(../images/category/head_bg.jpg) no-repeat;
background-color:#31333f;
text-align:center;
}
h2.ct-cmn-title{
padding:24px 0 0 0;
margin:0;
}
#ct-cmn-headertxt{
position:relative;
margin:6px auto 0 auto;
width:690px;
}
#cmn_cnt730 p.ct-cmn-pagelink{
margin:0 auto;
padding-bottom:5px;
color:#ff3399;
font-size:12px;
line-height:130%;
border-bottom:1px solid #6f727d;
}
#cmn_cnt730 .ct-cmn-pagelink a{
color:#ff3399;
}
#cmn_cnt730 .ct-cmn-pagelink a:hover{
color:#ffccff;
}
#cmn_cnt730 p.ct-cmn-atention {
margin:3px auto 0px auto;
font-size: 11px;
}

/* --------------------------------
	フッタ
-------------------------------- */
div#ct-cmn-footer{
position:relative;
background-color:#31353f;
margin:0 auto;
padding:30px 0 0 0;
width:730px;
height:155px;
text-align:center;
}
p.ct-cmn-footelread{
width:730px;
margin:0 auto;
padding:0;
}
div.ct-cmn-footertext {
margin:0 auto;
width:644px;
padding:12px;
border:1px solid #6f727d;
text-align:left;
line-height:130%;
}
p.ct-cmn-footertext2 {
font-size:12px;
line-height:120%;
color:#FFFFFF;
font-weight:bold;
margin:3px 0px 0px 0px;
padding:0;
}
p.ct-cmn-footertext2 a{
text-decoration:none;
color:#ffffff;
}
p.ct-cmn-footertext2 a:hover{
text-decoration:underline;
color:#ffffff;
}
p.ct-cmn-footertext3 {
font-size:11px;
line-height:120%;
color:#FFFFFF;
margin:3px 0px 0px 0px;
padding:0;
}
p.ct-cmn-footertext3 span{
color:#ffcc00;
}
p.ct-cmn-footeratention {
margin:10px auto 0 auto;
width:644px;
text-align:left;
padding:0;
}

/* --------------------------------
	部門別コンテンツ
-------------------------------- */

div.ct-bumon{
width:730px;
margin:0 auto;
background-color:#30333d;
position:relative;
text-align:center;
}
h3.ct-bumon-title01{
width:730px;
padding:17px 0 18px 0;
margin:0;
}
h3.ct-bumon-title02{
width:730px;
background:url(../images/category/ct_cmn_titlebg_right.jpg) right top no-repeat;
padding:38px 0 18px 0;
margin:0;
}
h3.ct-bumon-title03{
width:730px;
background:url(../images/category/ct_cmn_titlebg_left.jpg) left top no-repeat;
padding:17px 0 18px 0;
margin:0;
}
div.ct-bumon-frame{
width:689px;
height:399px;
margin:0 auto;
position:relative;
}

/* -----1位------- */
div.ct-bumon-frame-no01{
width:336px;
height:399px;
position:absolute;
top:0;
left:0;
background-color:#212329;
}
h4.ct-cmn-name-no1{
position:absolute;
left:166px;
top:41px;
margin:0;
padding:0;
}
h4.ct-cmn-photo-no1{
position:absolute;
left:3px;
top:41px;
margin:0;
padding:0;
}
p.ct-cmn-spec-no1{
position:absolute;
left:166px;
top:169px;
margin:0;
padding:0;
}
div.ct-cmn-review-no1-01{
position:absolute;
width:320px;
height:78px;
left:8px;
top:230px;
background-color:#191b20;
margin:0 auto;
}
div.ct-cmn-review-no1-02 {
position:absolute;
width:320px;
height:78px;
left:8px;
top:313px;
background-color:#191b20;
margin:0 auto;
}
/* -----2位------- */
div.ct-bumon-frame-no02{
width:336px;
height:198px;
position:absolute;
top:0;
right:0;
background-color:#212329;
}

/* -----3位------- */
div.ct-bumon-frame-no03{
width:336px;
height:198px;
position:absolute;
top:201px;
right:0;
background-color:#212329;
}
/* -----1位〜3位共通------- */
div.ct-bumon-leadframe{
background-color:#30333d;
position:absolute;
top:0;
left:0;
width:336px;
height:33px;
border-bottom:1px solid #6f727d;
text-align:left;
}
#cmn_cnt730 .ct-bumon-leadframe p{
margin:0;
padding:0;
}
#cmn_cnt730 .ct-cmn-review{
text-align:left;
width:300px;
height:58px;
margin:6px 10px;
}
#cmn_cnt730 .ct-cmn-review p{
margin:0;
padding:0;
font-size:11px;
}
#cmn_cnt730 .ct-cmn-review-title{
color:#FFFFFF;
font-weight:bold;
line-height:130%;
margin:0;
padding:0;
}
#cmn_cnt730 .ct-cmn-review-user{
margin-top:3px;
line-height:120%;
text-align:right;
margin:0;
padding:0;
}
#cmn_cnt730 .ct-cmn-review-user a{
color:#999999;
}
#cmn_cnt730 .ct-cmn-review-user a:hover{
color:#e7e7e7;
}
/* -----2位〜3位共通------- */
h4.name-no2-no3{
position:absolute;
left:19px;
top:44px;
padding:0;
margin:0;
}
p.spec-no2-no3{
position:absolute;
left:19px;
top:81px;
padding:0;
margin:0;
}
div.ct-cmn-review-no2-no3{
position:absolute;
width:320px;
height:78px;
left:11px;
top:111px;
background-color:#191b20;
margin:0 auto;
}
/* -----特別賞------- */
div.ct-cmn-spc{
position:relative;
background:url(../images/category/ct_cmn_spcbg.gif) left top no-repeat;
width:730px;
height:70px;
}
p.ct-cmn-spclogo {
position:absolute;
left:35px;
top:3px;
width:48px;
padding:0;
margin:0;
}
p.ct-cmn-spctitle {
position:absolute;
left:87px;
top:20px;
padding:0;
margin:0;
}
h4.base-a-title-spc {
position:absolute;
left:178px;
top:20px;;
padding:0;
margin:0;
}
p.base-a-spec-spc {
position:absolute;
left:178px;
top:40px;
padding:0;
margin:0;
}
p.ct-cmn-spctext {
position:absolute;
left:87px;
top:45px;
padding:0;
margin:0;
}
p.ct-cmn-spctext a{
color:#ffffff;
text-decoration:none;
}
p.ct-cmn-spctext a:hover{
color:#ffffff;
text-decoration:underline;
}