@charset "Shift_JIS";

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

Information

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

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



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

基本設定

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

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

		

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

レイアウト設定

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


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

#contents{
	width:930px;
	margin:0 auto;
	text-align:center;
}

#header{
	width:930px;
	height:174px;
	background:url(img/gra_header.jpg) no-repeat;
	}

#footer{
width:930px;
margin:50px auto 0;
padding-top:15px;
border-top:1px solid #99CCCC;
}
			


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

各エリア　見出し

--------------- */
#contents h2{
	width:930px;
	height:49px;
	text-align:left;
	background:url(img/ttl_midashi.gif) no-repeat bottom left;
	vertical-align:bottom;
	margin:15px 0 20px 0;
	}
	
#contents h2 p{
	width:800px;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	vertical-align:bottom;
	padding:23px 0 0 75px;
	}


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

header内

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

#header h1{
	text-align:left;
	padding-top:10px;
	}

#header p.lead{
	padding-top:70px;
	font-weight:bold;
	}

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

story内

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

#maingra{
	width:930px;
	height:390px;
	background:url(img/gra_story.jpg) no-repeat top center;
	}

#story{
	width:930px;
	text-align:left;
	background:url(img/bg_story_top.gif) no-repeat top center;
}

#story_bg{
	width:930px;
	background:url(img/bg_story_btm.gif) no-repeat bottom;
	}

#story_con{
	width:850px;
	color:#FFF;
	line-height:1.2;
	padding-top:70px;
	padding-left:50px;
	padding-bottom:50px;
	}

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

about内

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


table.layouttbl{
	width:880px;
	margin:0 auto;
	}

#hmlineup{
	width:880px;
	margin:0 auto;
	text-align:left;
	margin-top:15px;
	}

/*花まほう　ラインネップ　リスト*/
#hmlineup_list{
	width:890px;
	height:465px;
	text-align:left;
	background:url(img/bg_lineup.gif) no-repeat top center;
	margin:20px auto 0;
	padding-top:15px;
}

#hmlineup_list_con{
	width:822px;
	margin:0 auto;
	}


#hmlineup_list .level{
	width:822px;
	height:30px;
	background:url(img/ttl_hmlineup_level.gif) no-repeat;
	}
	
#hmlineup_list .level p{
	padding-left:15px;
	padding-top:6px;
	font-size:14px;
	font-weight:bold;
	}

	
#hmlineup_list table{
	width:260px;
	margin-right:10px;
}	
	
	
#hmlineup_list p.maho_name{
	font-weight:bold;
	font-size:14px;
	color:#F60;
	}

#hmlineup_list p.maho_txt{
	font-size:12px;
	}

/* pre */

#pre{
	width:890px;
	text-align:left;
	margin:15px auto 0;
	}

#pre .atten{
	width:430px;
	font-size:11px;
	line-height: 1.2;
}

#pre .atten ul {
	margin:5px 0 0;
	padding:0;
    list-style: none;
	text-align:left;
	line-height: 1.3;
}
 
#pre .atten li {
    padding-left: 1em; 
    text-indent: -1em; 
}

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

howto内

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

#pre_con{
	width:880px;
	margin:0 auto;
	text-align:left;
	}

.bg_a{
	width:770px;
	margin:10px 0;
	background:#fff6ab;
	border:1px solid #ffea40;
	}

.bg_a ul{
	width:730px;
	margin:10px auto;
	}
	
.bg_a li{
	margin-top:5px;
	}

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

conf内

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

#dousa_conf{
	width:890px;
	margin:15px auto;
	text-align:left;
	}
	
#dousa_conf ul {
	margin:5px 0 0;
	padding:0;
    list-style: none;
	text-align:left;
	line-height: 1.3;
}
 
#dousa_conf li {
    padding-left: 1em; 
    text-indent: -1em; 
}


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

footer内

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


#cx_copy{
padding:20px 0 10px;
}
		
/*--------------

その他

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

.txtnone{display:none;}