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


/*--------------------------------------
　TOPメイン
---------------------------------------*/

.main{
	background: url(/img/common/main_column/entry_bg.gif) repeat-y left top;
}

.main-top-inner{
	background: url(/img/common/main_column/entry_bg_bottom.gif) no-repeat left bottom;
	padding-bottom: 10px;
	padding-left:15px;
	padding-right:15px;
}

#information iframe{
width:450px;
display:block;
height:200px;
}

#information{
}

.banner_movie{
margin-top:10px;
margin-bottom:10px;
}

#index #close_info {
	text-align:center;
	color:#CC0000;
	background: url(/img/common/bg_topinfo_bottom.jpg) no-repeat left bottom;
	width: 480px;
	padding-bottom: 20px;
}
#index #close_info h2 {
	background: url(/img/common/bg_topinfo_top.jpg) no-repeat left top;
	width: 480px;
	padding-top: 15px;
	font-size: 14px;
}
#index #close_info p {
	padding-left: 20px;
	padding-right: 20px;
}


/*--------------------------------------
　共通
---------------------------------------*/

.main-inner{
/*	background: url(/img/common/main_column/entry_bg_bottom.gif) no-repeat left bottom;*/
	padding-bottom: 10px;
	padding-left:15px;
	padding-right:15px;
}

h1,
h2{
margin:0px;
padding:0;
}

h3{
margin:0 0 10px;
padding:0;
clear:both;
font-size:12px;
}

#main_top h2{
margin:0px;
}

h4,h5,h6{
margin:0 0 5px;
padding:0;
clear:both;
font-size:12px;
}

.text_r{
text-align:right;
}

/*--パンくずリスト--*/
#main #topicpath{
	background: url(/img/common/contents_bg.gif);
color:#c12929;
}

#main #topicpath ul{
	padding:0 0 5px 5px;
	margin:0;
	letter-spacing: 0.1em;
}
#topicpath ul li {
background:transparent url(/img/common/main_column/icon_topicpass.gif) no-repeat scroll 1px center;
display:inline;
font-size:10px;
padding-left:11px;
}
#topicpath ul li.first {
background:transparent none repeat scroll 0%;
padding-left:0pt;
}

#main #topicpath ul a,
#main #topicpath ul a:link,
#main #topicpath ul a:visited,
#main #topicpath ul a:hover{
	color: #333333;/*color:#c251c07;*/
}


/**/
.section{
	margin-bottom:10px;
}

.section_5{
margin-bottom:5px;
}

.section_20{
margin-bottom:20px;
}

.img_left{
float:left;
margin-right:10px;
}

.img_right{
float:right;
}

.text_right{
}

.img_center{
text-align:center;
margin-bottom:10px;
}

.section_left{
float:left;
}
.section_right{
float:right;
}

.center{
text-align:center;
}

#main p{
margin:0 0 10px;
padding:0;
}

#main p.lead{
margin-bottom:20px;
}

#main ul.pmenu,
#main p.pmenu{
text-align:center;
padding:0px 0px 20px 0px;
margin:0px;
}

#main ul.pmenu li{
background:transparent url(/img/common/vline.gif) no-repeat scroll left center;
display:inline;
float:left;
margin-left:10px;
padding-left:10px;
margin-bottom:3px;
}

#main p.pmenu a{
	background:transparent url(/img/common/vline.gif) no-repeat scroll left center;
	padding-left:10px;
	margin-right:5px;
	margin-bottom:3px;
	color: #990033;
}

#main ul.pmenu li.start,
#main p.pmenu a.start{
background:none;
}

#main h2{
padding:0px;
margin:0px;
}

#main h3{
	color:#686b1b;
	font-weight:bold;
	font-size: 12px;
	padding-bottom: 3px;
	padding-left:3px;
	background: url(/img/common/line.gif) no-repeat left bottom;
}

#main h4{/*仮*/
color:#333333;
font-size: 12px;
}

#main table{
border-color:#663333;
border-style: solid solid solid none;
border-width:1px;
font-size:12px;
}


#main th{
	border:1 solid #663333;
	background: #D8B4B4;
}

#main td,
#main th{
border-color:#663333;
border-style:solid none none solid;
border-width:1px;
padding:5px;
text-align:center;
}

#main td.td_side{
	background: #EAD5D5;
}

#main td.td_txtleft{
text-align:left;
}

.annotation{
color:#CC3366;
margin-top:5px;
margin-left:1em;
text-indent:-1em;
}
.annotation2{
margin-top:5px;
margin-left:1em;
text-indent:-1em;
}


/*.totop{
background:transparent url(/img/common/main_column/icon_top.gif) no-repeat scroll left 8px;
font-size:11px;
margin-left:300px;
text-align:right;
padding: 5px 5px 5px 0px;
}*/

.totop{
text-align:right;
}
.arrow_t{
background:transparent url(/img/common/main_column/icon_top.gif) no-repeat scroll left 5px;
font-size:11px;
padding: 5px 5px 5px 12px;
}

/*リスト*/
#main ol{
margin:0 0 0 20px;
padding:0;
}

#main ul{
padding:0;
margin-left:20px;
margin-top:0px;
}

#main li{
margin-bottom:5px;
}
* html #main li{
margin-bottom:5px;
}
*:first-child+html #main li{
margin-bottom:5px;
}

#main li.d1{
	list-style: circle;
}

#main li.d2{
margin-left:1em;
}

#main li.none{
list-style-type:none;
margin-left:0px;
}

/*リンクリスト*/
.link{
	background: url(/img/common/main_column/icon_link.gif) no-repeat 4px center;
	list-style: none;
	padding-left: 18px;
}

* html .link{
	background: url(/img/common/main_column/icon_link.gif) no-repeat 4px center;
	list-style: none;
	padding-left: 18px;
}


/*かこみ*/
.border_01{
	background: #EEEEEE;
	padding: 10px;
	border: 1px solid #999999;
}

.border_02{
	background: #FFFFFF;
	padding: 10px;
	border: 1px solid #663333;
}


/*--------------------------------------
　エラー
---------------------------------------*/
#error{
	background: url(/img/common/error_bg.jpg) no-repeat left top;
	width:450px;
	height:300px;
}
/*body:first-of-type #error{
	background: url(../img/common/error_bg.jpg) no-repeat left top;
	width:450px;
	height:300px;
	margin:0px;
	padding:0px;
}*/

#error #error-inner{
	padding-left:117px;
	padding-top:68px;
	width:295px;
	height:124px;
	border-style: none;
}

/*body:first-of-type #error table{
	margin-left:122px;
	margin-top:73px;
	width:285px;
	height:114px;
	border-style: none;
}*/

#error table{
height:113px;
}

#error table,
#error td{
	border-style: none;
}
#error td{
	width:285px;
}
/*--------------------------------------
　　　　　　【ゲーム紹介】
　FEZの特徴｜ストーリー｜国家紹介｜
---------------------------------------*/

/*--------------------------------------
　　　　　【スタートガイド】
---------------------------------------*/
/*
#main ol,
body.install #main ol,
body.character #main ol,
body.war #main ol{
margin:0 0 0 20px;
padding:0;
}
#main ol img,
body.install #main ol img,
body.character #main ol img,
body.war #main ol img{
margin-top:10px;
}
*/

body #container div.install li,
body #container div.character li{
margin-bottom:10px;
}

/*インストールについて*/

/*クラス・スキル*/

dl.skill{
	background: #EEEEEE;
	padding: 5px;
	margin:0;
}

dl.skill dt{
float:left;
margin-right:10px;
}

dl.skill dd{
margin:0;
padding:0;
}

/*キャラクター*/

.character dt{
float:left;
margin-right:10px;
width:80px;
}
.character dd{
margin-left:90px;
margin-bottom:10px;
text-indent:-0.5em;
}


/*--------------------------------------
　　　　　【ゲームシステム】
---------------------------------------*/
/*闘技場*/


/*戦争*/

.war #war04 dl dd{
margin:0 0 10px;
}




/*--------------------------------------
　　　　　【オーブショップ】
---------------------------------------*/
#aube p.lead{
margin-top:20px;
margin-bottom:20px;
text-align:center;
}

ul#btn_aube{
margin:0px;
}

ul#btn_aube li{
float:left;
list-style:none;
margin-right:10px;
margin-bottom:10px;
}

ul#btn_aube li.li_right{
margin-right:0px;
}

.shop_coin{
text-align:right;
margin-bottom:10px;
margin-right:10px;
}

.error_message{
	color: #990000;
	margin-top:10px;
}

#aube .confirm{
text-align:center;
}
#aube .confirm table{
width:300px;
}
#aube .confirm td,
#aube .confirm th{
padding:10px;
}

.coin_confirm .img_aube{
float:left;
width:180px;
text-align:center;
}

/*--------------------------------------
　FAQ
---------------------------------------*/
#faq_link{
	background: url(/img/faq/faq_bg.gif) no-repeat left top;
	height: 220px;
	width: 450px;
}
#faq_link ul{
	margin: 0px;
	padding: 10px 10px 0px 12px;
}
#faq_link li{
	clear:both;
	margin-bottom:4px;
	height:63px;
	list-style:none;
}
#faq_link img{
	float:left;
	margin-right:10px;
}
#faq_link p{
	color:#FFFFFF;
	padding-top:2px;
	margin-bottom:0px;
}


#faq h4{
	/*	color: #686B1B;
	background: #E7EAAA;
	border-left: 3px solid #686B1B;
	padding-left: 5px;*/
	color: #686B1B;
	padding: 2px;
	border-top: 1px solid #C4C488;
	border-right: 1px solid #C4C488;
	border-bottom: 1px solid #C4C488;
	border-left: 5px solid #686B1B;
	padding-left: 5px;
	background: #F8F9E8;
}

#faq dl{
margin: 0px 0px 10px 0px;
}

#faq dt{
	background: url(/img/faq/icon_q.gif) no-repeat 4px 2px;
	padding-left: 25px;
	margin-bottom:5px;
	font-weight: bold;
}

#faq dd{
	background: url(/img/faq/icon_a.gif) no-repeat 5px 2px;
	margin-left:10px;
	margin-bottom:10px;
	padding: 0px 5px 0px 25px;
	border-left: 2px dotted #686B1B;
}

#faq li a{
	color: #404020;
}


/*--------------------------------------
　コミュニティ
---------------------------------------*/
.community .qr{
	padding: 0 10px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	width: 390px;
	margin-top:5px;
	margin-bottom:10px;
}
.community .qr img{
float:left;
}
#container .community .qr p{
margin: 10px 0px 0px 0px;
padding:0;
}

/*--------------------------------------
　利用規約
---------------------------------------*/
#rule h3{
margin-top:20px;
}
#rule ul{
}
#rule li{
}
#rule span{
display:block;
/*text-indent:-1.1em;
margin-left:1.1em;*/
}


/*--------------------------------------
　シリアル発行
---------------------------------------*/
#serialcode {
	background: url(/img/info/bg_frame.jpg) no-repeat left top;
	margin: 20px auto 0;
	width: 380px;
	padding: 30px 20px 10px;
}
.serialcode_bottom {
	background: url(/img/info/bg_frame_bottom.jpg) no-repeat left top;
	margin: 0 auto 20px;
	width: 420px;
	height: 10px;
}
#serialcode .error_message,
#serialcode .message {
	text-align: center;
	font-weight:bold;
}