@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,#nav 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_area{
width:950px;
clear:left;
margin:0 auto;
padding-top:25px;
}

#main_c{
width:640px;
float:left;
padding-bottom:40px;
}

#side_c{
width:300px;
float:right;
padding-bottom:60px;
}

#main_content{
	width:437px;
	float:right;
	margin-bottom:30px;
	}

#nav{
	width:193px;
	float:left;
	margin-top:3px;
	}


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

各エリア

#nav
#news
#ranking
#event
#dreamdp
#rec_game
#pre

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

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

見出し

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

#nav h2.riyou{background:url(../img/renewal2011/ttl_nav_riyou.gif) no-repeat top left;  width:193px; height:45px;}
#nav h2.game{background:url(../img/renewal2011/ttl_nav_game.gif) no-repeat top left;  width:193px; height:36px;}
#nav h2.morefun{background:url(../img/renewal2011/ttl_nav_morefun.gif) no-repeat top left;  width:193px; height:36px;}
#nav h2.beach{background:url(../img/renewal2011/ttl_nav_beach.gif) no-repeat top left;  width:193px; height:36px;}

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

nav

--------------- */
#nav_box{
	padding:0 0 13px 0;
	background:url(../img/renewal2011/bg_nav_btm.gif) no-repeat left bottom;
	width:193px;
}

#nav_inrBox{
	width:193px;
	background:url(../img/renewal2011/bg_nav_mdl.gif) repeat-y;
	padding-top:5px;
	}

#nav_box p{
	width:170px;
	margin:5px auto 0;
	text-align:left;
	}

#nav_box ul{
	width:160px;
	margin:0 auto;
	padding-top:3px;
	padding-bottom:5px;
    list-style: none;
	text-align:left;
	line-height: 1.8;
}

#nav_box li{
	text-align:left;
}

#nav_box li a{
	display:block;
	background:url(../img/renewal2011/icn_nav_arrow.gif) no-repeat left center;
	text-decoration:none;
	font-weight:normal;
	color:#333333;
    padding-left: 17px; 
}

#nav_box li a:hover{
	background:url(../img/renewal2011/icn_nav_arrow_over.gif) no-repeat left center;
	text-decoration:underline;
	color:#ff7902;
}

/*メニューが２行だった場合*/
#nav_box li.dline a{
	display:block;
	background:url(../img/renewal2011/icn_nav_arrow.gif) no-repeat left center;
	text-decoration:none;
	font-weight:normal;
	color:#333333;
	padding-top:2px;
    padding-left: 17px;
	line-height:1.2;
}

#nav_box li.dline a:hover{
	background:url(../img/renewal2011/icn_nav_arrow_over.gif) no-repeat left center;
	text-decoration:underline;
	color:#ff7902;
}


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

news

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

#news{
	width:437px;
	margin:0;
}

#dreamdp, #event{
	width:437px;
	margin:5px 0 0 0;
}

#news_box, #ranking_box, #dreamdp_box, #rec_game_box{
	padding:0 0 10px 0;
	background:url(../img/renewal2011/bg_main_btm.gif) no-repeat left bottom;
	width:437px;
}

.main_inrBox{
	width:437px;
	background:url(../img/renewal2011/bg_main_mdl.gif) repeat-y;
	padding-bottom:10px;
	}

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

ranking

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

#ranking{
	width:437px;
	margin:5px 0 0 0 ;
}

#ranking .rbox{
	width:132px;
	float:left;
	margin-left:10px;
	padding-top:8px;
	text-align:left;
	}

#ranking p.rgTitle{
	text-align:center;
	margin-top:2px;
	}

#ranking p.rgTxt{
	width:120px;
	font-size:10px;
	color:#666666;
	line-height:1.1em;
	margin:2px auto 0;
	}
	
/*--------------

minigame

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

#minigame{
	width:437px;
	margin:5px 0 0 0 ;
}

#minigame_box{
	padding:0 0 16px 0;
	background:url(../img/renewal2011/bg_main_btm_or.gif) no-repeat left bottom;
	width:437px;
}

.minigame_inrBox{
	width:437px;
	background:url(../img/renewal2011/bg_main_mdl_or.gif) repeat-y;
	padding-top:8px;
	}

#minigame .rbox{
	width:132px;
	float:left;
	margin-left:10px;
	padding-top:8px;
	text-align:left;
	}

#minigame p.rgTitle{
	text-align:center;
	margin-top:2px;
	}

#minigame p.rgTxt{
	width:120px;
	font-size:10px;
	color:#666666;
	line-height:1.1em;
	margin:2px auto 0;
	}


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

event

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

#event{
	clear:both;
	}

#event_box{
	padding:0 0 13px 0;
	background:url(../img/renewal2011/bg_event_btm.gif) no-repeat left bottom;
	width:437px;
}

#event_inrBox{
	width:437px;
	background:url(../img/renewal2011/bg_event_mdl.gif) repeat-y;
	padding-top:8px;
	}

#event dl{
	width:400px;
	margin:0 auto;
	clear:both;
	text-align:left;
	line-height:1.3;
}

#event dt{
	width:163px;
	float:left;
	clear:both;
}

#event dd{
	width:225px;
	margin-left:10px;
	float:left;
}

#event dd.event_lead{
	color:#ff6600;
}

#event dd.event_setsumei{
	margin-top:3px;
}

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

dreamdp

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

#dreamdp{
	clear:both;
	}

#dreamdp ul{
	width:410px;
	margin:0 auto ;
	padding-top:10px;
	padding-bottom:5px;
    list-style: none;
	text-align:left;
	line-height: 1.5;
}

#dreamdp li{
	background:url(../img/renewal2011/icn_nav_arrow.gif) no-repeat left center;
    padding-left: 17px; 
}

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

rec_game

--------------- */
#rec_game{
	margin-top:5px;
	}

#rec_game_box{
	clear:both;
}

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


.gbox{
	width:198px;
	height:38px;
	float:left;
	margin-left:15px;
	margin-top:3px;
	border-bottom:2px #b4ecf9 dotted;
	}

.gbox_r{
	width:148px;
	padding-left:5px;
	text-align:left;
	}

.gTitle{
	width:140px;
	line-height:1;
	}
/*	
.gTitle h3, gTitle p{
	display:block;
	}
	*/

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

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

pre

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

#pre{
	width:300px;
	margin-top:10px;
	background: url(../img/renewal2011/bg_sideC_mdl.gif) repeat-y;
}

#pre #pre_box{
	width:300px;
	padding:0 0 15px 0;
	background:url(../img/renewal2011/bg_sideC_btm.gif) no-repeat left bottom;
	text-align:center;
}

#pre_inrbox{
	width:275px;
	padding:0;
	margin:0 auto;
}

#pre_inrbox dl{
	clear:both;
	text-align:left;
	margin-top:8px;
	line-height:1.3;
}

#pre_inrbox dt{
	width:122px;
	float:left;
}

#pre_inrbox dd{
	width:145px;
	margin-left:5px;
	float:left;
}

#pre_inrbox dd.pre_lead{
	color:#ff6600;
}

#pre_inrbox dd.pre_setsumei{
	margin-top:3px;
}

/*
#pre_inrbox p{
	clear:both;
}
*/

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

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;
}