@charset "utf-8";
/* CSS Document */

@import url("init.css");
@import url("common.css");

body {
	background:url(../common_img/header_bg.gif) repeat-x top left;
}

div#container {
	position:relative;
}

h1 {
	width:400px;
	background:url(../home_img/h1.gif) no-repeat left bottom;
	padding-top:10px;
	text-indent:-9999px;
	margin-bottom:10px;
}

ul#hNavi {
	width:950px;
	display:block;
	margin:15px 0 0;
	background:url(../common_img/global_btn.gif) no-repeat;
	float:right;
}
ul#hNavi li {
	float:left;
}
ul#hNavi li a {
	width:136px;
	height:48px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../common_img/global_btn.gif) no-repeat;

}
ul#hNavi li#hN1 a {
	background-position:0 0;
}
ul#hNavi li#hN1 a:hover {
	background-position:0 -48px;
}
ul#hNavi li#hN2 a {
	width:269px;
	background-position:-136px 0;
}
ul#hNavi li#hN2 a:hover {
	background-position:-136px -48px;
}
ul#hNavi li#hN3 a {
	background-position:-405px 0;
}
ul#hNavi li#hN3 a:hover {
	background-position:-405px -48px;
}
ul#hNavi li#hN4 a {
	background-position:-541px 0;
}
ul#hNavi li#hN4 a:hover {
	background-position:-541px -48px;
}
ul#hNavi li#hN5 a {
	background-position:-677px 0;
}
ul#hNavi li#hN5 a:hover {
	background-position:-677px -48px;
}
ul#hNavi li#hN6 a {
	width:137px;
	background-position:-813px 0;
}
ul#hNavi li#hN6 a:hover {
	background-position:-813px -48px;
}
ul#hNavi li#hN6 a {
	width:137px;
	background-position:-813px 0;
}
ul#hNavi li#hN6 a:hover {
	background-position:-813px -48px;
}
ul#hNavi li#hN7 a {
	background-position:-950px 0;
}
ul#hNavi li#hN7 a:hover {
	background-position:-950px -48px;
}
div#cover {
	width:530px;
	height:530px;
	clear:both;
	float:right;
	color:#FFF;
}
div#coverImg {
	width:378px;
	height:593px;
	border:1px solid #000;
	padding:10px;
	margin-top:10px;
	background-color:#FFF;
}
/*//////////////////////////////////////////////
area list menu
//////////////////////////////////////////////*/
.sf-menu li ul {
	position:absolute;
	z-index:1;
}
.sf-menu li#hN4 ul li {
	float:none;
	
}
.sf-menu li#hN4 ul li a {
	width:110px;
	height:19px;
	text-indent:0;
	color:#FFF;
	padding:3px 10px 2px;
	background:url(../common_img/dot_bg1.gif);
	background-color:#000;
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #333;
	display:block;
}
.sf-menu li#hN4 ul li a:hover {
background:url(../common_img/dot_bg2.gif);
color:#FF6600;
}

.sf-menu li#hN4 ul li#endList a {
	border-bottom:1px solid #333;
}
/*//////////////////////////////////////////////
area list
//////////////////////////////////////////////*/
h3#selectarea{
	background:url(../common_img/select_area.gif) no-repeat;
	font-size:10px;
	height:20px;
	padding-top:13px;
	margin-top:15px;
	width:300px;
	}
ul#arealist {
	position:relative;
	width:310px;
	}
ul#arealist li{
	display:inline;
	float:left;
	height:100px;
	margin-right:12px;
	text-align:center;
	width:50px;
	}

/*//////////////////////////////////////////////
////////////////////////////////////////////////
Left column
////////////////////////////////////////////////
//////////////////////////////////////////////*/

/*//////////////////////////////////////////////
pickup contents
//////////////////////////////////////////////*/

/*//////////////////////////////////////////////
special_interview
//////////////////////////////////////////////*/
div#paging ul{
	clear:both;
	width:620px;
	padding:0 0 0 0 !important;
	margin-top:20px;
	text-align:right;
	}

div#paging ul li{
	display:inline;
	padding:0 0 0 10px;
	font-size:12px;
	}

div#paging ul li a{
	font-size:12px;
	font-weight:bold;
	}

div#columnL{
	position:relative;
	z-index:0;
	}
div#columnL ul#topnavi{
	border-top:solid 1px #4c4c4c;
	padding-top:10px;
	position:absolute;
	top:410px;
	}

div#columnL ul#topnavi li a{
	background:url(../common_img/interview_icon.gif) no-repeat 0 4px;
	display:block;
	padding-left:15px;
	margin-bottom:4px;
}
div#artistdata{
	width:620px;
	}
div#artistdata #lead{
	color:#000;
	font-size:14px;
	font-weight:bold;
	margin:10px 0 30px 0;
	}
div#artistdata .alignleft{
	float:left;
	margin:0 10px 10px 0;
	}
div#artistdata .alignright{
	float:right;
	margin:0 0 10px 10px;
	}
div#artistdata .aligncenter{
	clear:both;
	text-align:center;
	}
div#artistdata #postscript{
	background:url(../common_img/interview_postscript.gif) no-repeat;
	height:50px;
	margin:10px 0;
	text-indent:-9999px;
	width:620px;
	}
div#artistdata #p_lead{
	margin:10px 0 15px 0;
	padding-bottom:10px;
	border-bottom:1px dotted #4c4c4c;
	}
div#artistdata .p_data{
	margin:0px 0 5px 0;
	width:620px;
	clear:both;
	}
div#artistdata .p_data dt{
	background:#BC0001;
	color:#fff;
	font-weight:bold;
	float:left;
	padding:0 0 0 18px;
	margin:0px 8px 0px 0px;
	width:60px;
	}
div#artist .p_data dd{
	float:left;
	width:530px;
	}
div#artistdata .interview{
	clear:both;
	}
div#artistdata .interview:after , div#artistdata #p_data:after , div#artistdata .p_data:after{
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
div#artistdata .interview .question{
	font-weight:bold;
	}
div#artistdata .interview .answer{
	margin:5px 0 15px 0;
	}
div#artistdata .interview dl.crear{
	clear:both;
	}
div#artistdata .interview dt{
	font-weight:bold;
	}
div#artistdata .interview dd{
	margin:5px 0 15px 0;
	}
div#data{
	background:url(../common_img/interview_data.gif) no-repeat 15px 15px #ECECEC;
	clear:both;
	margin-top:20px;
	padding:30px 0px 20px 0px;
	width:620px;
	}
div#data .border_top{
	border-top:dotted 1px #999999;
	padding-top:15px;
	margin-top:15px;
	}
div#data dl.column1{
	width:590px;
	}
div#data dl.column1 dt{
	margin:0 20px;
	}
div#data dl.column2{
	width:285px;
	float:left;
	margin-left:18px;
	clear:none;
	display:inline
	}
div#data dd{
	font-size:10px;
	}
div#data p{
	font-size:10px;
	width:590px;
	margin:0 20px;
	clear:both
	}
div#data dl.column2 dd strong span{
	font-size:10px;
	font-weight:bold;
	display:block;
	}
div#data dl.column1 dd strong span{
	font-size:10px;
	font-weight:bold;
	}
div#data dl.column1 dd strong ,div#data dl.column2 dd strong{
	font-weight:bold;
	font-size:12px;
	}
div#data ul{
	margin:10px;
	}
div#data ul li , div#data ul li a{
	font-size:10px;
	}
/*//////////////////////////////////////////////
informaition details
//////////////////////////////////////////////*/
dl.cat_postlist {
	clear:both;
	display:block;
	margin:15px 0 15px 0;
	/margin:5px 0 5px 0;
	width:620px;
}
dl.cat_postlist dt, .cat_postlist dd {
	float:left;
}
dl.cat_postlist dt {
	width:115px;
	height:115px;
	background:url(../common_img/dot_bg3.gif);
	padding:2px;
	margin-right:15px;
}
dl.cat_postlist dd {
	width:486px;
	display:block;
}
dl.cat_postlist dd.title {
	margin-bottom:10px;
}
.cat_postlist dd.title a {
	font-size:14px;
	font-weight:bold;
	color:#CC0000;
}
dl.cat_postlist:after{
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
/*//////////////////////////////////////////////
privacy-policy terms-of-use
//////////////////////////////////////////////*/

#other h3{
	background:#EFEFEF;
	border-top:1px solid #202020;
	border-bottom:1px solid #202020;
	color: #202020;
	font-weight:bold;
	font-size:14px;
	height:30px;
	line-height:30px;
	text-indent:10px;
	margin:20px 0 8px 0;
	width:620px;
	}
#other h4{
	color:#BC0001;
	font-weight:bold;
	}
#other dl.browser {
	clear:both;
	margin:0px 0 10px 0;
	}
#other dl.browser dt , #tou .browser dd{
	float:left;
	}
#other dl.browser dt{
	font-weight:bold;
	width:120px;
	}
#other dl.browser dd{
	width:500px;
	}
#other li {
	background:url(../common_img/interview_icon.gif) no-repeat 0 4px;
	display:block;
	padding-left:15px;
	margin-bottom:4px;
}
#version{
	margin-top:15px;
	}

#other dl.plugin{
	margin-top:15px;
	padding-bottom:15px;
	border-bottom:dotted 1px #cccccc;
	}
#other dl.plugin dt{
	color:#BC0001;
	font-weight:bold;
	margin-bottom:5px;
}
#other dl.plugin dd a{
	height:31px;
	display:block;
	padding-left:120px;
	line-height:31px;
	width:500px;
}
#other dl.plugin dd#p1 a{
	background:url(../common_img/tou_f_player.gif) no-repeat;
	}
#other dl.plugin dd#p2 a{
	background:url(../common_img/tou_reader.gif) no-repeat;
	}
#other #p_last{
	padding-top:10px;
	clear:both;
	}
/*//////////////////////////////////////////////
subscription
//////////////////////////////////////////////*/
div#ss h3{
	background:url(../common_img/ss_bg.gif) repeat-x;
	border-bottom:#BC0001 solid 1px;
	color:#BC0001;
	font-weight:bold;
	font-size:14px;
	height:25px;
	line-height:25px;
	padding:0 0 0px 8px;
	margin:20px 0 8px 0;
	} 
div#ss #btn a{
	margin:0 auto;
	width:223px;
	height:43px;
	background:url(../common_img/ss_btn.gif) repeat-x;
	text-indent:-9999px;
	margin-top:20px;
	display:block
	}
div#ss #btn a:hover{
	-ms-filter: "alpha( opacity=60 )";
	filter:alpha(opacity=60);
	opacity:0.6;
	}
/*//////////////////////////////////////////////
subscription_form
//////////////////////////////////////////////*/
div.post h3{
	background:url(../common_img/h3_paragraph_header.gif) repeat-x;
	font-weight:bold;
	font-size:14px;
	color:#000;
	clear:both;
	text-indent:16px;
	margin:0 0 20px 0;
	border-left:4px solid #000000;
	}
div.post dt , div.post dd , div.post #input , div.post #code{
	float:left;
	margin-bottom:10px;
	}
div.post dt{
	font-weight:bold;
	width:150px;
	height:30px;
	line-height:30px;
}
div.post dd{
	width:470px;
	line-height:30px;
	}
div.post #code{
	margin:10px 10px 0 0;
	}
div.post #input_data {
	margin:10px 8px 0 0;
	}
div.post ul{
	margin:0 0 20px 0;
	}

div.post #auth_result{
	display:inline;
	color:#FF0000;
	}
div.post .attestation{
	width:620px;
	padding:0;
	}
div.post span{
	font-weight:nomal;
	display:block;
	}
div.post #submit{
	clear:both;
	display:block;
	text-align:center;
	margin:0 0 20px 0;
	}
#submit input{
	color:#BC0001;
	font-weight:bold;
	font-size:12px;
	}
div#exec h3{
	font-size:16px;
	font-weight:bold;
	background:none;
	color:#444;
	padding:0;
	}
input.txt, textarea, select{
	border:1px solid #999999;
	padding:2px 3px 2px 3px;
	}

textarea{
	width:450px;
	}
select{
	max-width:450px;
	}
input.len5{
	width:5em;
	}
input.len10{
	width:10em;
	}
input.len20{
	width:20em;
	}
input.len0{
	width:450px;
	}
input.len100{
	width:100%;
	}

fieldset{
	width:100%;
	border:none;
	margin:20px 0 0 0;
	padding:0 0 0 0;
	}
fieldset#enquete dl, div#auth dl{
	margin:0 0 20px 0;
	}
fieldset#enquete dt, fieldset#enquete dd, div#auth dt, div#auth dd{
	float:none;
	width:100%;
	height:auto;
	margin:0 0 0 0;
	line-height:1.5;
	}
fieldset#enquete dd label, div#auth dd label{
	margin:0 20px 0 0;
	}
fieldset textarea, div#auth textarea{
	width:100%;
	}

span.errormessage{
	line-height:30px;
	display:block;
	color:#FF0000;
	}

span.required{
	display:inline !important;
	font-weight:bold;
	color:#FF0000;
	}
	
/*//////////////////////////////////////////////
spot
//////////////////////////////////////////////*/
div.spot_list h3 {
	font-size:14px;
	font-weight:bold;
	color:#000;
	text-indent:10px;
	background:url(../common_img/topicpath_ico.gif) no-repeat left center;
}
div.spot_list dl dt {
	background:url(../common_img/dot_bg2.gif);
	padding:3px;
	font-weight:bold;
	color:#FFCCFF;
	margin-bottom:5px;
}
div.spot_list dl dd {
	margin-bottom:15px;
	font-size:10px;
}
/*//////////////////////////////////////////////
back number
//////////////////////////////////////////////*/
div.bk{
	height:170px;
	position:relative;
	width:620px;
	margin-bottom:20px;
	padding:0 0 20px 0;
	border-bottom:dotted 1px #444;
	}
div.bk h3 {
	font-size:14px;
	font-weight:bold;
	heigth:30px;
	width:620px;
	margin-bottom:4px;
	}
div.bk h3 span {
	color:#BC0001;
	font-weight:bold;
	font-size:14px;
}
div.bk p {
	width:123px;
	height:143px;
	background:url(../common_img/dot_bg1.gif);
	padding:5px;
	position:absolute;
	top:25px;
}
div.bk p img{
	border:4px solid #FFF;
	}
div.bk dl{
	clear:both;
	margin:0 0 5px 0;
	padding:3px 3px 3px 145px;
	background:url(../common_img/dot_bg4.gif);
	}
div.bk dt{
	float:left;
	width:130px;
	padding-top:5px;
	}
div.bk dt, x:-moz-broken {
padding:0;
}
div.bk dd.spI {
	text-indent:15px;
	background:url(../cover_img/back_num_img/spi_ico.gif) no-repeat left center;
	}
div.bk dd.spI a {
	font-weight:bold;
}
div.bk dd{
	float:right;
	color:#000;
	width:335px;
	}
div.bk dd a{
	color:#FF4900;
	}
div.bk dd a:hover{
	text-decoration: underline;
	}

div.bk hr{
	clear:both;
	display:none;
	width:620px;
	}
/*//////////////////////////////////////////////
about
//////////////////////////////////////////////*/
div#a_outline{
	background:url(../about_img/bk.gif) no-repeat right;
	width:620px;
	}
div#a_outline h3{
	background:url(../about_img/title.gif) no-repeat;
	height:45px;
	text-indent:-9999px;
	width:470px;
	}
div#a_outline #txt{
	background:url(../about_img/txt1.gif) no-repeat;
	height:46px;
	margin:10px 0;
	text-indent:-9999px;
	width:470px;
	}
div#a_outline p{
	width:480px;
	}
h4#feature1{
	background:url(../about_img/h.gif);
	height:28px;
	text-indent:-9999px;
	margin-top:20px;
	width:620px;
	}
h5#feature1_1{
	background:url(../about_img/f1.gif) no-repeat;
	height:23px;
	text-indent:-9999px;
	margin:15px 0 10px 0;
	width:620px;
	}
h5#feature1_2{
	background:url(../about_img/txt2.gif) no-repeat;
	height:59px;
	text-indent:-9999px;
	margin:0px 0 10px 0;
	width:620px;
	}
div#a_area{
	background:url(../about_img/area.gif) no-repeat right;
	height:256px;
	margin-top:15px;
	}
div#a_area p{
	width:320px;
	}
div#a_area p#txt3{
	background:url(../about_img/txt3.gif) no-repeat;
	height:44px;
	text-indent:-9999px;
	margin:15px 0 10px 0;
	width:620px;
	}
table#fpp_data{
	width:620px;
	border:none;
	margin:20px 0 20px 0;
	}
table#fpp_data th{
	background:url(../common_img/dot_bg2.gif);
	color:#fff;
	font-weight:bold;
	padding:3px;
	width:120px;
	}
table#fpp_data td{
	background:#EDEDED;
	padding:3px 3px 3px 13px;
	width:470px;
	}
p#a_attention{
	background:url(../about_img/attention.gif) no-repeat;
	padding-top:42px;
	text-align:right;
	font-size:10px;
	width:620px;
	}
p#a_btn a{
	background:url(../about_img/btn.gif) no-repeat;
	height:67px;
	display:block;
	text-indent:-9999px;
	margin:15px auto 0 auto;
	width:247px;
	}
p#a_btn a:hover{
	-ms-filter: "alpha( opacity=60 )";
	filter:alpha(opacity=60);
	opacity:0.6;
	}
/*//////////////////////////////////////////////
ad info
//////////////////////////////////////////////*/

div#adInfo-wrap1, div#adInfo-wrap2, div#adInfo-wrap3, div#adInfo-wrap4 {
	margin-bottom:20px;
	clear:both;
}

div#adInfo-wrap1 h3, div#adInfo-wrap2 h3, div#adInfo-wrap3 h3, div#adInfo-wrap4 h3 {
	text-indent:-9999px;
	margin-bottom:10px;
}
div#adInfo-wrap1 {
	height:300px;
	background:url(../ad_info_img/img01.gif) no-repeat right top;
}
div#adInfo-wrap1 h3 {
	background:url(../ad_info_img/tit01.gif) no-repeat;
	height:45px;
	margin-bottom:20px;
}
div#adInfo-wrap1 p {
	width:390px;
	font-size:14px;
	font-weight:bold;
}
div#adInfo-wrap2 h3 {
	background:url(../ad_info_img/tit02.gif) no-repeat;
	height:25px;
}
div#adInfo-wrap2 p {
	margin-bottom:15px;
}
div#adInfo-wrap3 {
	background:url(../ad_info_img/img03.jpg) no-repeat right top;
	height:190px;
}
div#adInfo-wrap3 h3 {
	background:url(../ad_info_img/tit03.gif) no-repeat;
	height:50px;
}
div#adInfo-wrap3 p {
	width:270px;
}
div#adInfo-wrap4 h3 {
	background:url(../ad_info_img/tit04.gif) no-repeat;
	height:25px;
}

/*//////////////////////////////////////////////
prizes
//////////////////////////////////////////////*/

span#theme{
	display:inline;
	font-weight:bold;
	}



/*//////////////////////////////////////////////
sidebar
//////////////////////////////////////////////*/

div#brand_new{
	width:280px;
	background:url(../common_img/bg_brand-new.gif);
	margin:0 0 5px 0;
	padding:10px 10px 10px 10px;
	position:relative;
	color:#FFFFFF;
	}

div#brand_new img#sidebar_cover{
	display:block;
	width:115px;
	float:left;
	}
div#brand_new dl{
	width:155px;
	float:right;
	}
div#brand_new dl dt, div#brand_new dl dd{
	margin:0 0 5px;
	font-family:sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	}
div#brand_new dd#sidebar_artist_name{
	font-size:12px;
	}

div#brand_new dd.digitalbook{
	position:absolute;
	width:155px;
	height:45px;
	margin:0 0 0 0;
	right:10px;
	bottom:10px;
no-repeat;
	}
div#brand_new dd.digitalbook img:hover{
	-ms-filter: "alpha( opacity=80 )";
	filter:alpha(opacity=80);
	opacity:0.8;
	}

dl#sidebar_movie{
	width:286px;
	margin:0 0 5px 0;
	padding:3px 7px 3px 7px;
	background:#333333;
	}
dl#sidebar_movie dd{
	color:#FFFFFF;
	}
dl#sidebar_movie object, dl#sidebar_movie object{
	border:4px solid #000000;
	border-top:3px solid #000000;
	}

/*//////////////////////////////////////////////
company
//////////////////////////////////////////////*/
div#company dl {
	background:url(../common_img/dot_bg4.gif);
	padding:15px;
	margin-bottom:10px;
	clear:both;
}

div#company dt {
	float:left;
}
div#company dd {
	float:right;
	width:440px;
}
div#company dt, div#company dd, div#company li {
	color:#000;
	font-weight:bold;
}
div#company dd span {
	font-size:10px;
}
div#company dd a {
	color:#A22D00;
	text-decoration:underline;
	font-weight:bold;
}
div#company dd a:hover {
	color:#FF6600;
}


/*//////////////////////////////////////////////
enquete
//////////////////////////////////////////////*/
fieldset#enquete dl dd ul{
	border-left:8px solid #EEEEEE;
	margin:5px 0 10px 0;
	padding:0 0 0 12px;
	}