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


body {
	color:#251c07;
	font: 12px/1.5 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	padding:0;
	margin:0;
	background: url(/img/common/bg_bottom.jpg) repeat-x center bottom;
}

body#index {
	background: url(/img/common/bg_bottom_top.jpg) repeat-x center bottom;
}

a {
/*  color: #CC3366;*/
  text-decoration: none;
}
a:visited {
/*  color: #CC6666;*/
  text-decoration: none;
}
a:hover {
/*  color: #CC0033;*/
  text-decoration: underline;
}
a:active {
/*  color: #CC3399;*/
  text-decoration: underline;
}

img,
a img {
  border: 0;
}


/* .float clear class */
.clear-fix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .clear-fix {
	display: inline-block;
}
/* no ie mac \*/
* html .clear-fix {
	height: 1%;
}
.clear-fix {
	display: block;
	min-height: 0;
}
/**/
.clear{
	clear:both;
}

img{
	vertical-align:bottom;
}

#sqexhead td img{
	vertical-align:baseline;
}



/*--------------------------------------
　枠
---------------------------------------*/
#wrapper{
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background: url(/img/common/main_bg.jpg) no-repeat center top;
}

#container{
	width:900px;
	margin:0 auto;
	padding: 0 30px;
	background: url(/img/common/main_bg.jpg) no-repeat center top;
}

#container-top-inner{
	background: url(/img/common/container_top_bg.jpg) repeat-y center top;
}

#container-inner{
	background: url(/img/common/container_bg.jpg) repeat-y center top;
}

/*FEZヘッダー*/

#leftbar{
	width:200px;
	float:left;
	background: url(/img/common/left_column/column_left_top.jpg) no-repeat left top;
	padding-top:45px;
}

#main-column{
float:right;
width:700px;
}

.top-main{
	background: url(../img/common/top_main_bg.jpg) repeat-y left top;
}


#header{
}

#main,
#main_top{
	width:480px;
	float:left;
	padding:0px 10px;
}
#main_top .step{
	margin-top:20px;
}
/*#main_top{
	background: url(/img/common/contents_bg.gif) repeat-y left top;
}*/
#rightbar{
	width:200px;
	float:right;
}

/*--------------------------------------
　メニュー
---------------------------------------*/
#navi{
	background: url(/img/common/menu/menu_bg.jpg) no-repeat left top;
	height: 35px;
	padding:20px 0;
}

* html #navi{
	background: url(/img/common/menu/menu_bg.jpg) no-repeat left top;
	height: 35px;
	padding:20px 0;
}
ul#dd {
margin:0;
padding:0;
}
#dd .mainmenu {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}
#dd .mainmenu a.menu {
  display: block;
  text-align: center;
  padding:0;
  margin:0;
  width: 140px;
  text-decoration: none;
}
#dd .mainmenu a.menu:hover {
}
.submenu {
	visibility: hidden;
	position: absolute;
	z-index: 3;
	background: url(/img/common/menu/pulldown/pulldown_bg_top.gif) no-repeat left top;
	width: 140px;
}
#dd .submenu ul{
	margin:0px;
	padding:7px 0 5px;
	background: url(/img/common/menu/pulldown/pulldown_bg_bottom.gif) no-repeat left bottom;
}
#dd .submenu li{
	list-style: none;
	border-bottom: 1px dotted #000000;
	margin-right: 5px;
	margin-left: 5px;
}
#dd .submenu li.last{
	border-style: none;
}
.submenu a {
	display: block;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 3px;
	background: url(/img/common/menu/pulldown/arrow.gif) no-repeat 2px 8px;
	padding-left:11px;
	color: #FFFFFF;
}
.submenu a:hover {
	color: #FFFF99;
	background: url(/img/common/menu/pulldown/arrow_over.gif) no-repeat 2px 8px;
	text-decoration: none;
}

/* Tuj[̔
--------------------*/
/*.submenu {
 filter: alpha(Opacity=90);
	opacity: 0.9;
}*/



/*--------------------------------------
　ヘッダー
---------------------------------------*/
/*スクエニヘッダー*/
/*
#sqex_logo{
	padding:0;
	margin:0;
	height:35px;
	background: #FFFFFF url(/img/common/header_bg.gif) repeat-x center top;
}

#sqex_logo img.sqlogo{
	float:left;
}

#sqex_logo img.psupport{
	float:right;
}
*/
#sqexhead p{
	margin: 10px;
}


#header p,
#header p a{
color:#FFFFFF;
font-size:11px;
}

#header p{
	margin:0;
	padding:0;
}

.flash{
	background: #FFFFFF;
}


/*--------------------------------------
　左サイド
---------------------------------------*/
#leftbar h1{
	margin-left:12px;
}
#leftbar .fezlogo{
	margin-left:12px;
}

#leftbar .gamestart_box{
	background: url(../img/common/left_column/game_bg.gif) no-repeat left bottom;
	margin: 5px 0px;
	padding-bottom:3px;
}

#leftbar ul#gamestart{
	margin: 0;
	padding: 30px 0 0;
	background: url(../img/common/left_column/game_bg_top.gif) no-repeat left top;
	width:192px;
}
#leftbar ul#gamestart li{
	list-style: none;
	padding:0;
	width:178px;
	text-align:center;
}
#leftbar ul#gamestart li.btn_game{
	margin: 2px 0px 0px 11px;
}

#leftbar ul#gamestart li.btn_dl{
	margin-bottom:5px;
	margin-left:11px;
}

/*ログイン（ログイン状態）*/
#login-box{
	background: url(/img/common/left_column/login/login_after_bg.gif) no-repeat left top;
	height: 172px;
	width: 185px;
	margin-top:7px;
	margin-left:5px;
	margin-bottom:5px;
	padding-top:75px;
}
#login-box p.username{
text-align:center;
padding:15px 0 0 0;
margin:0px;
}
.btn_login{
text-align:center;
margin-top:7px;
}

#login-box ul{
margin:0 0px 0px 10px;
padding:0px;
height:110px;
}

#login-box .btn01{
margin-top:5px;
margin-bottom:10px;
text-align:center;
}

/*マイページボタンが無い場合

#login-box .btn_login{
margin-top:60px;
}

#login-box li{
	background: url(/img/common/list_02.gif) no-repeat left 5px;
	padding-left: 10px;
	list-style: none;
}*/

/*マイページボタンがある場合*/

#login-box li{
	background: url(/img/common/list_02.gif) no-repeat left 5px;
	margin-bottom:10px;
	padding-left: 10px;
	list-style: none;
}

/*ログイン（ログオフ状態）*/
#login-box-off{
	background: url(/img/common/left_column/login/login_bg.gif) no-repeat left top;
	height: 247px;
	width: 185px;
	margin-left:5px;
	margin-bottom:5px;
}

#login-box-off form{
margin:0px;
padding:60px 0px 0px 0px;
}

#login-box-off input.textbox{
margin:6px 0px 2px 50px;
width:110px;
}
#login-box-off .btn_login{
padding-top:4px;
padding-bottom:1px;
}
#login_error {
	position:absolute;
	width:155px;
	height:20px;
	z-index:1;
	font-size:10px;
	line-height:1.1;
	color:#CC0033;
	margin-left:17px;
	margin-top:0px;
}

#login-box-off .checkbox{
/*margin:2px 0px 0px 40px;*/
text-align:center;
margin:0px;
}
#login-box-off .forget{
margin-top:34px;
text-align:center;
}
* html #login-box-off .forget{
margin-top:27px;
text-align:center;
}
*:first-child+html #login-box-off .forget{
margin-top:27px;
text-align:center;
}

/**/
.left_bn{
	margin-left:5px;
	margin-bottom:5px;
}

ul.left_btn{
	margin:0 0 5px 7px;
padding:0;
}

ul.left_btn li{
	margin-bottom: 5px;
	list-style: none;
}

/*---- オリジナルエピソードコンテスト ----*/

.contest,
.omikuji,
.tournament,
.banquet{
	width:176px;
	height:42px;
	padding-top:58px;
	padding-left:8px;
	margin-bottom:7px;
	margin-left:7px;
}

.contest{
	background:url(/img/common/left_column/contest.gif) no-repeat left top;
}
.omikuji{
	background:url(/img/common/left_column/omikuji.gif) no-repeat left top;
}
.tournament{
	background:url(/img/common/left_column/tournament.gif) no-repeat left top;
}
.banquet{
	background:url(/img/common/left_column/banquet.gif) no-repeat left top;
}
.contest form{
}



/*--------------------------------------
　右サイド
---------------------------------------*/
#r_sns{
	width: 175px;
	margin:0 auto 5px;
}

#r_members{
	background: url(/img/common/right_column/fezsite_bg.gif) no-repeat left bottom;
	width: 175px;
	margin-left: 12px;
	padding-bottom: 7px;
	margin-bottom:10px;
}
#r_new{
	background: url(/img/common/right_column/renewal_bg.gif) no-repeat left bottom;
	margin:0 auto 5px;
	padding-bottom:10px;
	width:161px;
}
#r_new dl{
	background: url(/img/common/right_column/renewal_bg_top.gif) no-repeat left top;
	margin: 0px;
	padding:5px 10px 5px;
	font-size:11px;
	padding-top: 40px;
}

/*#r_new{
	background: url(/img/common/right_column/renewal_bg_top.gif) no-repeat left top;
	padding-top: 40px;
	margin:0 auto;
	width:161px;
}
#r_new dl{
	background: url(/img/common/right_column/renewal_bg.gif) no-repeat left bottom;
	padding:5px 10px 10px 10px;
	margin: 0px 0px 5px 0px;
	font-size:11px;
}*/
#r_new dl dt{
	margin: 0px;
	padding: 0px;
}
#r_new dl dd{
	margin: 0px;
	padding: 0px 0px 0px;
	border-bottom: 1px dotted #333333;
}
#r_new p{
	float:right;
	background: url(/img/common/right_column/arrow_01.gif) no-repeat left 4px;
	padding-left: 15px;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 3px;
}
#r_voice{
	background: url(/img/common/right_column/player_voice.gif) no-repeat left top;
	height: 141px;
	width: 161px;
	margin:0 auto;
}
#r_voice p{
text-align:center;
padding-top:100px;
margin:0px;
}

#r_goods{
	background: url(/img/common/right_column/goods.gif) no-repeat left top;
	height: 111px;
	width: 185px;
	margin:0 auto;
padding-top:192px;
line-height:1.3;
}
#r_goods p{
font-size:10px;
text-align:center;
margin: 0px 0px 10px 0px;
}

#r_goods p.btn{
text-align:center;
}

/*--------------------------------------
　フッター
---------------------------------------*/
#footer{
width:960px;
margin:0 auto;
clear:both;
}

#footer p{
    height:25px;
	margin: -10px 0px 10px;
	text-align:center;
	color:#FFFFFF;
}