@charset "UTF-8";
body {
	background-color: #000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    text-align: center;  
	color: #CCC;
	font-size:12px;
}
.clear {
	clear:both;
}

a {
	color:#CCC;
	border:none;
}
img{border:none;}

h1,h6 {
	font-size:12px;
}

h2,h3,h5 {
	font-family: 'Playfair Display', serif, 'MS 明朝', '平成明朝';
	font-size:20px;
	color:#caad10;
}

h4,h6 {
	font-size:14px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}



#toptext {
	background:url(../images/bg_gradeline1.gif) repeat-x; 
	height:25px;color:#000; 
	text-align:center; 
	padding:5px 0 0 0;
}

#logo {
	float:left; padding:30px 0 30px 0;
}

#topmenu {
	float:right;padding:0 0 0 0;
}




/* スペシャル_FAQ */
.faq_q{
	text-align:left; 
	padding:15px 0 5px 10px;
	line-height: 130%;
}

.faq_a_img{
	padding-left:30px; 
	color:#FF3333; 
	font-size:12px; 
	padding-bottom:5px;
	
}

.faq_a{
	padding-top:5px;
	padding-left:10px;
	padding-bottom:15px;
	color:#66CC33;
	font-size:14px;
	line-height: 130%;
}


/* キャラクター */
.charatext {
	padding:0 0px 0 20px;
}


/* ランキング */
.no1 {font:180% bold; background:url(../images/2ndlevel/no1.gif) no-repeat left top; height:50px; padding-left:50px; padding-top:10px;}
.no2 {font:180% bold; background:url(../images/2ndlevel/no2.gif) no-repeat left top; height:50px; padding-left:50px; padding-top:10px;}
.no3 {font:130% bold; background:url(../images/2ndlevel/no3.gif) no-repeat left top; height:80px; padding-left:50px; padding-top:10px;}
.no4 {font:130% bold; background:url(../images/2ndlevel/no4.gif) no-repeat left top; height:50px; padding-left:50px; padding-top:10px;}
.no5 {font:130% bold; background:url(../images/2ndlevel/no5.gif) no-repeat left top; height:50px; padding-left:50px; padding-top:10px;}

.img_box {float:left; margin-right:10px;}
.text_box {float:right;width:300px;}
.text_box2 {float:right;width:430px;}
.line {color:#4A4A4A;width:100%;height:1px; margin-bottom:80px;}
.space {width:100%;height:10px; margin-bottom:80px;}


/* ベストシーン */
.ver {font:180% bold; margin:20px auto;}







/*相関図ポップアップ */
.setumei {
	display: none;
	position: absolute;
	top: 1em;	/*★省略不可、ブラウザ初期値バラバラ*/
	left: 1em;　	/*★Firefoxでhoverが無効になります*/
}

a:hover {
	position:relative;
	text-decoration:none;
}
a:hover .setumei {
	width:300px;
	line-height:1.8em;
	display: block;
	background-color: #000;
	padding:15px;
	color:#ffffff;
	margin-left:-250px ;
	margin-top:-10px;
	border:#B38208 1px solid;
}