@charset "utf-8";

/* デフォルト */
html, body, div, p, ul, ol, dl, form, h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	cursor: default;
}
img{
	border: none;
	vertical-align:bottom;
}
body, div{
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.ctr{
	text-align: center;
}
.lft{
	text-align: left;
}
.rgt{
	text-align: right;
}
.mdl{
	vertical-align: middle;
}
.msttl{
	text-align: center;
	padding: 0;
}
.ssttl{
	text-align: center;
	padding:0 0 20px;
}
.mtxt{
	font-size: 12px;
	line-height: 1.6;
	color: #a29584;
}
.mtxt p,
.mtxt ol{
	margin-bottom: 20px;
}
.stxt{
	font-size: 10px;
	line-height: 1.4;
}
.tcolbb{
	color: #F95700;
}
.tcolb{
	color: #CC9E53;
}
.tcolg{
	color: #aaaaaa;
}
ul{
	padding: 5px 10px 5px 25px;
	list-style-type: disc;
	text-align: left;
}
ol{
	list-style-type: decimal;
	text-align: left;
	margin-bottom: 25px;
	padding:5px 10px 5px 25px;
}
a:link{
	color: #FC752C;
}
a:visited{
	color: #98460A;
}
a:hover{
	color: #F9AE00;
}
h4{
	color: #c6c1ba;
	margin:0 77px 20px;
	background-image: url(../../../../../images/secure/member/common/images/second/sub_circle.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	font-size: 12px;
	font-weight: bold;
}
h5{
	color: #A29584;
	margin:0 16px 20px;
	background-image: url(../../../../../images/secure/member/common/images/second/sub_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
}
a.login_submit{
  background: url(../../../../../images/secure/member/common/images/left/btn_login.gif) no-repeat;
  display: block;
  width: 100px;
  height: 60px;
	/zoom:1;
}
#mallsidemenu a.login_submit {
  background: url(../../../../../images/secure/mall/common/images/login_bt01.gif) no-repeat;
  display: block;
  width: 100px;
  height: 100px;
}

/* 2nd */
body{
	background:#000 url(../../../../../images/secure/member/common/images/template/bg_main.gif) repeat left top;
	text-align:left;
}
#bg_head{
	background:url(../../../../../images/secure/member/common/images/template/bg_header.gif) repeat-x left top;
	text-align:left;
}
#main{
	min-width:1060px;
	background:url(../../../../../images/secure/member/common/images/template/bg_main_head.gif) no-repeat left 275px;
}
#header{
	min-width:1060px;
	height:275px;
	/*background:url(../../../../../images/secure/member/common/images/template/header.jpg) no-repeat left top;*/
	background:#1f1e1c;
}
#header #sub{
	text-align:left;
	padding:239px 0 0;
	border-bottom:#30302f solid 1px;
}
#header #sub .sub_all{
	min-width:1060px;
	height:35px;
	background:#000;
	color:#787878;
	overflow:hidden;
	text-align:left;
	/zoom:1;
	letter-spacing:1px;
}
#header #sub .submenu{
	font-size:12px;
	line-height:35px;
	height:35px;
	float:left;
	/zoom:1;
	width:240px;
	text-align:center;
}
#header #sub .flashplayer{
	font-size:10px;
	line-height:1.3;
	padding:5px 0 0;
	float:left;
	/zoom:1;
	width:650px;
	text-align:left;
}
#main_win{
	float: left;
	/zoom:1;
	padding:20px 0;
	width:751px;
}
#header #sub a:visited,
#header #sub a{
	color:#fff;
	text-decoration:none;
}

#content_border_top{
	padding:0 13px;
}
#content_border_bottom{
}
#main_content{
	background-color: #000000;
	border: 1px solid #40372c;
	padding:15px 0 50px;
}
.win1{
}
.win2{
	margin:0 52px;
}
.win3{
	margin:0 77px;
}
.win2 p.ind{
	padding:0 25px;
}
.btn_back{
	text-align: center;
	margin:0 48px;
	padding:20px 0;
}
.btn_top{
	text-align: center;
	margin:0 48px;
	padding-top: 35px;
}
.line_top{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #44403E;
}

/* トップ・セカンド　左コンテンツ */
#left_win{
	width: 230px;
	text-align: center;
	float: left;
	/zoom:1;
	padding:20px 0;
}
#left_content{
	padding-bottom: 10px;
}
#left_content table{
	margin-right: auto;
	margin-left: auto;
}

/* JEWEL購入関連 */
#left_content #gem{
	width: 211px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}

/* ゲームスタートボタン関連 */
#left_content #gamestart{
}

/* ログインメニューコンテンツ */
#left_content .keycrypt{
	padding:0 0 5px 0;
}
#left_content #login{
	margin-bottom: 10px;
	background-image: url(../../../../../images/secure/member/common/images/left/login_img_bg.gif);
	background-repeat: repeat-y;
	width: 211px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#left_content .margb{
	margin-bottom:5px;
}
#left_content .left_line{
	text-align:center;
	font-size:0px;
	/zoom:1;
}
#left_content .left_line img{
	vertical-align:middle;
	/zoom:1;
}
#left_content .margb .window_start{
	height:20px;
	text-align:left;
	margin:3px 16px 0;
	vertical-align:middle;
}
#left_content .margb .window_start input,
#left_content .margb .window_start img{
	vertical-align:middle;
}
#left_content .window_start a.win_help{
	position:relative;
	/zoom:1;
}
#left_content .window_start a.win_help span{
	display:none;
}
#left_content .window_start a:hover.win_help span{
	width:173px;
	display:block;
	position:absolute;
	right:-6px;
	top:17px;
	padding:5px;
	background:#000;
	border:#463a32 solid 1px;
	color:#f2e4cc;
	font-size:10px;
	line-height:1.4;
	/zoom:1;
}
#left_content .margb p a:hover {background:#000000; text-decoration:none;} /*BG color is a must for IE6*/ 
#left_content .margb p .tooltip span {display:none; padding:4px 4px; width:175px; font-size:10px; line-height:12px; } 
#left_content .margb p .tooltip:hover span{display:inline; position:absolute; top:225px; left:50px; background:#000000; border:1px solid #463a32; color:#dadada; font-size:10px; line-height:12px; } 

/* ログインID・パスワード */
#left_content #login #pre_login_container{
	width: 183px;
	margin:0 auto 5px;
}
#left_content #login #pre_login{
	border: 2px solid #e76d0b;
	padding-top: 7px;
	padding-right: 6px;
	padding-bottom: 7px;
	padding-left: 6px;
}
#left_content #login h6{
	margin-top: 0px;
	margin-bottom: 6px;
	text-align: left;
	margin-left: 3px;
}
#left_content #left_btn{
	text-align: center;
	margin:0;
	padding:0;
}
#left_content #left_btn p{
	padding: 0 0 10px 0;
	margin:0;
}
#left_content .smenu{
	width:210px;
	margin:0 auto;
	padding:5px 0 0;
	background: url(../../../../../images/secure/member/common/images/template/bg_submenu.gif) no-repeat center top;
}
#left_content .smenu ul{
	background: url(../../../../../images/secure/member/common/images/template/bg_submenu.gif) no-repeat center bottom;
	padding:0 10px 5px;
	margin:0;
	list-style:none;
}
#left_content .smenu_foot{
	padding:8px 0 10px;
}
#left_content .smenu_foot a{
	margin-top: 0;
	margin-right: 5px;
	margin-left: 5px;
}
#left_content .smenu_foot img{
	margin-bottom: 8px;
}
#left_content #flash_banner_left{
	padding: 0 0 10px 0;
	margin:0;
}
#left_content #login table.login_table td{
	padding: 1px;
}
#left_content #login table.login_table td p.myId{
	margin-bottom: 2px;
}
#left_content #login table.login_table td input{
	width:90px;
	border: 1px solid #443c30;
	font-size: 12px;
	line-height: 12px;
	color: #DCC1A0;
	padding: 3px;
	margin:1px 0;
	/zoom:1;
}

/* プレイヤー情報関連 （タイトル） */
#left_content #myinfo_container{
	width: 183px;
	margin-right: auto;
	margin-left: auto;
}
#left_content #myinfo_container table.ttl{
	margin-bottom: 2px;
}
#left_content #myinfo_container table.ttl th,
#left_content #myinfo_container table.ttl td{
	font-size: 10px;
	line-height: 140%;
}
#left_content #myinfo_container table.ttl th{
	text-align: left;
}
#left_content #myinfo_container table.ttl td{
	text-align: right;
}
#left_content #myinfo_container table.ttl th span{
	color: #fe6f0f;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../../../../../images/secure/member/common/images/left/login_arrow1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 8px;
}
#left_content #myinfo_container table.ttl td span{
	color: #463a32;
}
#left_content #myinfo_container table.ttl td a{
	background-image: url(../../../../../images/secure/member/common/images/left/login_arrow2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 8px;
	color: #c0f3fa;
	text-decoration: none;
}
#left_content #myinfo_container table.ttl td a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

/* プレイヤー情報関連 （コンテンツ）*/
#left_content #myinfo_container .myinfo{
	background-color: #000000;
	border: 1px solid #463a32;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 2px;
}
#left_content #myinfo_container .myinfo p{
	font-size: 10px;
	font-weight: bold;
	color: #f2e4cc;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	line-height: 1.3em;
}
#left_content #myinfo_container .myinfo ul{
	margin: 0px;
	padding-top: 0px;
	padding-right: 13px;
	padding-bottom: 10px;
	padding-left: 13px;
	list-style-type: none;
}
#left_content #myinfo_container .myinfo li{
	font-size: 10px;
	color: #f2e4cc;
	margin: 0px;
	padding: 0px;
}
#left_content #myinfo_container .myinfo li .ttl{
	color: #957848;
}
#left_content #myinfo_container .myinfo li img{
	vertical-align: middle;
	margin-right: 6px;
	height: 15px;
	width: 15px;
}

/* ID・パスワード関連のボタン配置 */
#left_content .winmode{
	height:20px;
	text-align:left;
	padding:0 15px;
	vertical-align:middle;
	/zoom:1;
}
#left_content .winmode input,
#left_content .winmode img{
	vertical-align:middle;
}
#left_content #login_help{
	text-align:left;
	padding:0 15px;
}
#left_content #login_buttons{
	width: 183px;
	background:#000;
	border: 1px solid #463a32;
	text-align: center;
	padding:5px 0;
	margin:5px auto 0;
	font-size:0px;
}
#left_content #login_buttons p,
#left_content #login_buttons img{
	padding:0;
	margin:0;
	font-size:0px;
}

/* OpenID */
#left_content #login ul{
	margin:0;
	padding:0;
	list-style:none;
}
#left_content #login .login_openid_btn{
	height:28px;
	overflow:hidden;
	margin:10px 14px 0;
  /zoom:1;
}
#left_content #login .login_openid_btn .imgsp{
  background:url(/images/pmang/template/openid.png) no-repeat;
}
#left_content #login .login_openid_btn li{
	width:26px;
	height:24px;
	float:left;
	/display:inline;
  /zoom:1;
}
#left_content #login .login_openid_btn .imgsp{
	display:block;
	overflow:hidden;
	text-align:left;
	height:0;
	width:24px;
	padding:24px 0 0;
	vertical-align:middle;
  /zoom:1;
}
#left_content #login .login_openid_btn .btn_google{background-position:0 -254px;}
#left_content #login .login_openid_btn .btn_yahoo{background-position:-24px -254px;}
#left_content #login .login_openid_btn .btn_twitter{background-position:-48px -254px;}
#left_content #login .login_openid_btn .btn_facebook{background-position:-72px -254px;}
#left_content #login .login_openid_btn .btn_mixi{background-position:-96px -254px;}
#left_content #login .login_help{
	height:12px;
	margin:0 14px;
}
#left_content #login .login_help img{
	vertical-align:top;
}
#left_content #login .login_btn_openid{
	text-align:left;
	margin:-40px 0 0 147px;
	height:40px;
	/zoom:1;
}

#left_content #mumble_buttons{
	width: 183px;
	background-color: #000000;
	border: 1px solid #463a32;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 4px;
	margin: 0 auto 10px;
}
#left_content #mumble_buttons .mumbox{
	display:block;
	width: 168px;
	text-align: center;
	margin: 0 auto;
	height: 21px;
}
#left_content #mumble_buttons .mumbox_left{
	float: left;
	display:block;
	width: 97px;
	height: 21px;
	/zoom:1;
}
#left_content #mumble_buttons .mumbox_right{
	float: right;
	display:block;
	width: 71px;
	height: 21px;
	text-align:center;
	background: url(../../../../../images/secure/member/common/images/left/img_memble_02.gif) no-repeat;
	/zoom:1;
}
#left_content #mumble_buttons .mumbox_right p{
	text-align:center;
	margin-top: 4px;
	color: #E3D6BF;
	font-size:10px;
}
#left_content #mumble_buttons .clear{
	visibility: hidden;
	height: 0;
	clear:both;
}


/* FAQや連絡帳用のメニュー */
.lmenu{
	clear: both;
	padding:5px 0 0;
	width: 208px;
	border: 1px solid #2c2721;
	background-color: #000000;
	margin:0 auto 10px;
	text-align:center;
	/zoom:1;
}
.lmenu ul{
	text-align: left;
	list-style-type: none;
	margin: 0px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.lmenu li{
	color: #FFFFFF;
	font-family: "ＭＳ ゴシック","MS Gothic", "Osaka−等幅", monospace;
	font-size: 10px;
	line-height: 1.3;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 12px;
	background-image: url(../../../../../images/secure/member/common/images/left/lmenu_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	margin: 0px;
}
.lmenu li a:link{
	color: #fe8b25;
	text-decoration: none;
}
.lmenu li a:visited{
	color: #fe8b25;
	text-decoration: none;
}
.lmenu li a:hover{
	color: #FFAE26;
	text-decoration: none;
}

/* ミニアンケート */
#enquete{
	clear: both;
	zoom:1;
	width:210px;
	margin:0 auto;
	background: url(../../../../../images/secure/member/common/images/left/enquete_bg.gif) repeat-y left top;
	text-align:center;
}
#enquete form{
	margin:0;
	padding:0;
}
#enquete h6{
	margin:0;
	padding:0;
}
#enquete dl{
	margin:0;
	padding:0;
	text-align:left;
	padding:6px;
	margin:0 10px;
	border:#3e4632 solid 1px;
	background:#000;
}
#enquete dt{
	color:#d9d9d9;
	font-size:12px;
	line-height:1.3;
	border-bottom:#252a1e solid 1px;
	padding:0 0 5px 0;
	margin:0 0 3px 0;
}
#enquete dt span{
	color:#a2b08e;
	font-size:10px;
}
#enquete dd{
	color:#a2b08e;
	font-size:12px;
	line-height:1.3;
	padding:3px 0 0 0;
}
#enquete dd input.none{
	background:none;
	border:none;
}
#enquete #enquete_btn{
	padding:6px 0 9px;
	background: url(../../../../../images/secure/member/common/images/left/enquete_footer.gif) repeat-y left bottom;
}
#enquete img{
	border:none;
}
#enquete #enquete_btn input{
	background:none;
	border:none;
	cursor:pointer;
}

/* フッター */
#footer{
	min-width:1060px;
	background:#000;
	clear: both;
	overflow:hidden;
	padding:20px 0;
	/zoom:1;
}
#footer_icons{
	width: 400px;
	float: left;
	/zoom:1;
}
#footer_icons img{
	margin-right: 10px;
	margin-left: 10px;
	vertical-align: middle;
}
#footer_text{
	width: 600px;
	float: left;
	/zoom:1;
}
#foot_menu{
	font-size: 10px;
	color: #776a5e;
	padding:0 0 10px 0;
}
#foot_menu a:link,
#foot_menu a:visited{
	color: #776a5e;
	text-decoration: none;
}
#foot_menu a:hover{
	color: #776a5e;
	text-decoration: underline;
}
#copyright{
	font-size: 10px;
	color: #70645C;
	text-align: left;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
}
.clear{
	clear: both;
	font-size:0px;
	line-height:1;
	/zoom:1;
}
#bg_foot{
	font-size:0px;
	line-height:1;
}


/* 右バナー *
#right_banner{
	height: 400px;
	width: 145px;
	position: absolute;
	z-index: 40;
	left: 1007px;
	top: 202px;
}
#right_banner p{
	padding:0 0 10px 0;
}

/* ページ上に行くボタン *
.pagetop{
	position: absolute;
	width: 100%;
	top: -100px;
	z-index: 50;
	text-align: center;
}
.pagetop p{
	width: 1000px;
	margin: 0 auto;
	text-align: right;
}
*/