@charset "Shift_JIS";

/*================

Information

Site URL:	http://www.fujitv.co.jp/game/
File type:	css
File name:	layout.css
			(http://www.fujitv.co.jp/game/planets/layout.css)
Summary:	layout css files
Create:		September.2009

================*/



/*=============

基本設定

=============*/

body {
	text-align:center;
	background:#cef8ff url(../img/bg.gif) repeat-x;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳＰゴシック",Verdana,Helvetica,Arial;
	color:#333333;
}

h1{
	text-indent:-10000px;
	font-size:1px;
		}
		
#etc_game h2{
	text-indent:-10000px;
	font-size:1px;
		}
/*	
#new_event h2{
	text-indent:-10000px;
	font-size:1px;
		}
*/		

/*=============

レイアウト設定

=============*/


#wrapper{
width:980px;
background:#fff;
margin:0 auto;
padding:0;
}

#contents{
width:980px;
background:url(../img/bg_footer2.jpg) no-repeat center bottom;
margin:0 auto;
text-align:center;
}

#grade_contents{
width:980px;
background:url(../img/bg_grade.jpg) no-repeat center top;
margin:0 auto;
text-align:center;
}

#main_contents{
width:950px;
margin:0 auto;
}

#main_c{
width:640px;
float:left;
}

#side_c{
width:300px;
margin-left:10px;
float:left;
}

#footer{
width:950px;
text-align:center;
clear:both;
/*
border-top:#fff 1px solid;
*/
margin:15px auto 0;
}
			
/*=============

各エリア

#topnavi
(#new_item)
#new_event
#news
#gtb
#etc_game

=============*/

/*--------------

各エリア　見出し

--------------- */
/*
#new_item h2{background:url(../img/ttl_new_item.gif) no-repeat top left; height:47px;}
*/
/*
#new_event h2{background:url(../img/ttl_nowevent.gif) no-repeat top left; height:40px;}
*/
/*
#news h2{background:url(../img/ttl_news.gif) no-repeat top left; height:47px;}
*/
/*
#gtb h2{background:url(../img/ttl_gtb.gif) no-repeat top left; height:47px;}
*/
#etc_game h2{background:url(../img/ttl_etc_game.gif) no-repeat top left;  width:640px; height:47px;}


/*--------------

topnavi

--------------- */


ul#topnavi {
	width:950px;
	height:36px;
	padding-top:13px;
	padding-bottom:10px;
	margin:0 auto;
	text-align:center;
}

ul#topnavi li{display:inline;
	float:left;
	}

/* midashi */



/*--------------

new_item

--------------- */
/*
#new_item{
background:url(../img/bg_new_item_mdl.gif) repeat-y;
width:193px;
height:256px;
float:left;
margin-bottom:7px;
}

#new_item_box{
background:url(../img/bg_new_item_btm.gif) no-repeat left bottom;
width:173px;
height:209px;
padding:0 10px;
}

#new_item_box dl{
clear:both;
text-align:left;
}

#new_item_box dt{
float:left;
margin-right:5px;
}

#new_item_box dd.item_name{
margin-top:3px;
color:#ff6600;
}

#new_item_box dd.item_setsumei{
margin-top:3px;
font-size:10px;
}

#new_item_box p{
clear:both;
}
*/

/*--------------

new_event

--------------- */
#new_event{
	background:url(../img/bg_new_btm.gif) no-repeat left bottom;
	width:193px;
	height:249px;
	float:left;
	line-height:1.2em;
}

#new_event_box{
	width:173px;
	padding:0 10px;
}

#new_event_box dl{
	clear:both;
	text-align:left;
}

#new_event_box dt{
	float:left;
	margin-right:5px;
}

#new_event_box dd.item_name{
	color:#ff6600;
}

#new_event_box dd.item_setsumei{
	margin-top:3px;
	font-size:10px;
}

#new_event_box p{
	clear:both;
}

/*--------------

news

--------------- */

#news{
background:url(../img/bg_news_btm.gif) no-repeat left bottom;
width:437px;
height:169px;
margin:5px 0 0 8px;
float:right;
}

#news_box{
padding:0 ;
background:url(../img/bg_news_mdl.gif) repeat-y;
width:437px;
}

/*
#news_box iframe{
width:410px;
height:185px;
}*/


/*--------------

gtb

--------------- */

#gtb{
clear:both;
background:url(../img/bg_gtb_mdl.gif) repeat-y;
width:640px;
text-align:center;
margin-top:7px;
}

.gtb_cell h3, .gtb_cell_last h3{
margin-top:5px;
}

.gtb_cell p, .gtb_cell_last p{
margin-top:3px;
}

#gtb_box{
width:640px;
background: url(../img/bg_gtb_btm.gif) no-repeat left bottom;
padding:8px 0 20px 0;
line-height:1.2em;
}

#gtb_container{
width:615px;
margin:0 auto;
}

div.gtb_cell{
width:100px;
padding:0 10px;
float:left;
text-align:left;
border-right:2px dotted #fde76d;
}

div.gtb_cell_last{
width:100px;
padding:0 10px;
float:left;
text-align:left;
}


/*--------------

etc_game

--------------- */

#etc_game{
clear:both;
width:640px;
margin:7px 0 50px 0;
background:url(../img/bg_gtb_mdl.gif) repeat-y;
}

#etc_box{
width:640px;
padding:0 0 15px 0;
background:url(../img/bg_gtb_btm.gif) no-repeat left bottom;
}


.flLeft{float:left !important;}
.flRight{float:right !important;}

.gbox{
	width:275px;
	height:38px;
	float:left;
	margin-left:28px;
	margin-top:3px;
	padding-bottom:5px;
	border-bottom:2px #ffc50e dotted;
	}

.gbox_r{
	width:225px;
	margin-left:5px;
	text-align:left;
	}

.gTitle{
	width:225px;
	}
	
.gTitle h3, gTitle p{
	display:block;
	}

.gTxt{
	clear:both;
	font-size:10px;
	color:#666666;
	line-height:1.1em;
	margin-top:2px;
	}
	



/*--------------

footer内

--------------- */

#tokutei{
margin-top:5px;
color:#fff;
font-weight:normal;
}

#tokutei a{
color:#fff;
font-weight:normal;
text-decoration:none;
}

#tokutei a:hover{
color:#fff;
font-weight:normal;
text-decoration:underline;
}


#flashplayer{
width:700px;
height:31px;
margin:5px auto 0;
text-align:left;
}

#nocopy{
width:700px;
height:30px;
margin:5px auto 0;
text-align:left;
}

#cx_copy{
padding:60px 0 10px;
}
		
#flashplayer img, #nocopy img{
margin:0 10px 0 0;
float:left;
}

#flashplayer span, #nocopy span{
color:#fff;
font-size:10px;
line-height: 12pt;
}