monn/* MAIN */

body{
	background:#fff url(/member/common/images/template/bg_head.gif) repeat-x center top;
}
#contents{
	background:none;
	background:url(/member/common/images/template/img_header_bk_240925.png) no-repeat center top;
	/zoom:1;	
}
#header{
	width:100%;
	/* height:270px; */
	height:217px;
	position:relative;
	/*background:url(/member/common/images/template/img_header.jpg) no-repeat center top;
	/zoom:1;*/
	text-align:center;
}
#header .noflash_navi{
	text-align:left;
	width:850px;
	margin:0 auto;
}
#header .noflash_navi .fla{
	padding:0 0 0 217px;
}



#main{
	width:850px;
	margin:0 auto;
	padding:0px 0 0px;
	/zoom:1;
}

#main_cont{
	width:540px;
	float:left;
	/zoom:1;
}

#main_cont .info_imp{
	background:#fff url(/member/common/images/top/img_imp_bg.gif) repeat-y center top;
	margin:0 13px;
}
#main_cont .info_imp .info_imp_bg{
	background:url(/member/common/images/top/img_imp_foot.gif) no-repeat center bottom;
	padding:0 0 8px;
}
#main_cont .info_imp dl{
	margin:5px 0 0;
	text-align:center;
	vertical-align:top;
	display:table;
	/zoom:1;
	font-size:0px;
}
#main_cont .info_imp dl dt,
#main_cont .info_imp dl dd{
	text-align:left;
	vertical-align:top;
	display:inline-block;
	/display:inline;
	/zoom:1;
	font-size:12px;
	font-weight:bold;
	line-height:1.4;
	color:#e80000;
	text-align:left;
	padding:0 0 4px;
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
	white-space: -pre-wrap; /* Opera 4-6 */ 
	white-space: -o-pre-wrap; /* Opera 7 */ 
	word-wrap: break-word; /* Internet Explorer 5.5+ */ 
	word-break:break-all;
}
#main_cont .info_imp dl dt{
	background:url(/member/common/images/top/img_imp_ico.gif) no-repeat left 5px;
	width:65px;
	/width:75px;
	padding:0 0 0 10px;
}
#main_cont .info_imp dl dd{
	width:405px;
}
#main_cont .info_imp dl a{
	color:#e80000;
}
#main_cont .info_imp dl a:visited{
	color:#9b0000;
}
#main_cont .info_imp dl a:hover{
	color:#ff4a4a;
}

#main_cont .information{
	background:#fff url(/member/common/images/top/tab_info_bg.gif) no-repeat center 35px;
	padding:0 0 10px;
}
#main_cont .information .info_navi{
	padding:18px 0 7px;
	text-align:center;
}
#main_cont .information .info_txt{
	overflow:hidden;
	/zoom:1;
}
#main_cont .information .info_txt dl{
	margin:-1px 0 0;
	text-align:center;
	font-size:0px;
	display:table;
	/zoom:1;
	vertical-align:top;
	background:url(/member/common/images/top/img_info_line.gif) no-repeat center bottom;
}
#main_cont .information .info_txt dt,
#main_cont .information .info_txt dd{
	text-align:left;
	display:inline-block;
	/display:inline;
	/zoom:1;
	font-size:12px;
	line-height:1.4;
	vertical-align:top;
	padding:8px 0 6px;
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
	white-space: -pre-wrap; /* Opera 4-6 */ 
	white-space: -o-pre-wrap; /* Opera 7 */ 
	word-wrap: break-word; /* Internet Explorer 5.5+ */ 
	word-break:break-all;
}
#main_cont .information .info_txt dt{
	background:url(/member/common/images/top/img_info_line.gif) no-repeat left top;
	width:126px;
	color:#83684c;
}
#main_cont .information .info_txt dt span{
	padding:1px 0 0 68px;
	background:no-repeat 8px top;
}
#main_cont .information .info_txt dt span.news{
	background-image:url(/member/common/images/top/ico_ifo_news.gif);
}
#main_cont .information .info_txt dt span.event{
	background-image:url(/member/common/images/top/ico_ifo_event.gif);
}
#main_cont .information .info_txt dt span.campaign{
	background-image:url(/member/common/images/top/ico_ifo_camp.gif);
}
#main_cont .information .info_txt dt span.maintenance1{
	background-image:url(/member/common/images/top/ico_ifo_mainte1.gif);
}
#main_cont .information .info_txt dt span.maintenance2{
	background-image:url(/member/common/images/top/ico_ifo_mainte2.gif);
}
#main_cont .information .info_txt dt span.important{
	background-image:url(/member/common/images/top/ico_ifo_imp.gif);
}
#main_cont .information .info_txt dt span.update{
	background-image:url(/member/common/images/top/ico_ifo_update.gif);
}
#main_cont .information .info_txt dt span.other{
	background-image:url(/member/common/images/top/ico_ifo_other.gif);
}
#main_cont .information .info_txt dd{
	background:url(/member/common/images/top/img_info_line.gif) no-repeat left top;
	width:370px;
	color:#584633;
}
#main_cont .information .info_txt dd .new{
	color:#e80000;
	padding:0 5px 0 0;
}
#main_cont .information .info_txt dd a{
	color:#584633;
}
#main_cont .information .info_txt dd a:visited{
	color:#83684c;
}
#main_cont .information .info_txt dd a:hover{
	color:#876832;
}
#main_cont .information .info_txt .info_more{
	text-align:right;
	padding:10px 22px;
}



/* RIGHT */
#banner_area{
	width:148px;
	float:right;
	/zoom:1;
}
#banner_area .evecam_banner{
	padding:0 0 10px;
}
#banner_area .topics_banner{
	padding:0 0 10px;
}


/* FOOTER */

.menberfooter {
	width:100%;
	clear: both;
	background-image: url(../images/memberfooter_bg.jpg);
	text-align:center;
	line-height: 1.5;
	margin:25px 0 0;
	/zoom:1;
}
.menberfooter a{
	color:#584633;
}
.footerzure{
	width: 869px;
}
.footerzure div{
	text-align:center;
	margin:0 auto;
}
.footerflootlyer {
	width: 685px;
	background-image: url(../images/memberfootergrapix.jpg);
	height: 104px;
	margin:0 auto;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.bottomtxtlink {
	color: #663300;	
}
.contentsinner{
	font-size: 12px;
	line-height: 1.5;
	width: 550px;
	text-align: left;
	margin:0 auto;
}

/*--------------------------
◇Twitter
--------------------------*/
.twitter{
	margin:0 auto;
	width:493px;
	border:solid 1px #a39889;
}
.twitter .ttl a{
	width:230px;
	height:22px;
}
.twitter .ttl a:hover{
}
.twitter-timeline{
	width:488px !important;
	height:150px !important;
	margin:0 0 0 5px;
}
#twitter_mu{
	padding:5px 0;
	text-align:left;
	font-size:10px;
	line-height:1.5;
}
#twitter_mu .twittList{
	height:150px;
	overflow:auto;
	overflow-y:scroll;
	list-style:none;
	margin:0;
	padding:0 0 0 2px;
}
#twitter_mu .twittLI{
	width:460px;
	list-style:none;
	clear:both;
	margin:0;
	padding:4px 5px 7px;
	background:url(../images/template/img_twitter_line.gif) no-repeat center bottom;
	clear:both;
	/zoom:1;
	word-break:break-all;
	text-align:justify;
	text-justify:inter-ideograph;
	overflow:hidden;
} 
#twitter_mu a{
	color:#0d4d78;
	text-decoration:none;
}
#twitter_mu .juitterAvatar{
	float:left;
	width:24px;
	height:24px;
	/zoom:1;
	margin:3px 5px 0 0;
	vertical-align:top;
}
#twitter_mu .JRM{
	width:10px;
	height:10px;
	line-height:10px;
	text-align:center;
	float:right;
	clear:both;
	/zoom:1;
	background:#cac1b1;
	color:#fff;
	vertical-align:bottom;
	margin:3px 0 0;
}
#twitter_mu .JRM:hover{
	background:#6a5a3a;
}
#twitter_mu .name{
	color:#6a5a3a;
	font-weight:bold;
}
#twitter_mu a,
#twitter_mu .extLink,
#twitter_mu .hashLink{
	color:#96835c;
	text-decoration:none;
}
#twitter_mu a:hover,
#twitter_mu .extLink:hover,
#twitter_mu .name:hover,
#twitter_mu .hashLink:hover{
	text-decoration:underline;
}

.wrap_char{
	width:514px;
	height:188px;
	margin:2px auto 20px;
	background:url(/member/common/images/top/bg_char.jpg) no-repeat center top;
	overflow:hidden;
}
.wrap_char dt{
	display:block;
	height:0;
	/height:30px;
	overflow:hidden;
	text-align:left;
	vertical-align:middle;
	line-height:2;
	padding:30px 0 0;
	position:relative;
	/zoom:1;
}
.wrap_char dt a{
	position:absolute;
	top:6px;
	right:10px;
	color:#fff;
	font-weight:bold;
}
.wrap_char dd{
	padding:12px 0 0 18px;
	/padding:12px 0 0 20px;
}
.wrap_char ul{
	overflow:hidden;
	position:relative;
}
.wrap_char li{
	float:left;
	margin:0 4px;
	border:solid 1px #a1a1a1;
	padding:1px;
}
.wrap_char li a{
	display:block;
	background:#fff;
	border:solid 1px #d4d4d4;
	width:106px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 0 0;
}
.wrap_char li a span{
	display:block;
	color:#738e06;
	line-height:1.2;
	margin: 0 0 5px;
}
.wrap_char li a em{
	display:block;
	color:#fff;
	background:#ff7126;
	padding:6px 0 8px;
	line-height:1;
	font-weight:bold;
	margin: 5px 0 0;
}



/*-----------------------------
ローテーションバナー
-----------------------------*/

#center_banner{
	background:url(/member/common/images/top/bg_center_banner.png) no-repeat 3px 3px;
	width:520px;
	height:134px;
	margin:0 auto 15px;
	position:relative;
	z-index:1;
}

#center_banner .banner_inner{
	width:500px;
	height:108px;
	overflow:hidden;
	position:absolute;
	top:9px;
	left:10px;
	z-index:2;
}

#center_banner .banner_inner2{
	height:108px;
	overflow:hidden;
}

#center_banner .c_bnr{
	float:left;
	width:500px;
	height:108px;
}

#frame{
	background:url(/member/common/images/top/frame_center_banner.png) no-repeat 0 0;
	width:520px;
	height:127px;
}

#banner_num{
	position:absolute;
	top:119px;
	left:50%;
	z-index:3;
}

#banner_num a{
	display:block;
	float:left;
	background-image:url(/member/common/images/top/num_center_banner.png);
	background-repeat:no-repeat;
	margin:0 3px;
	height:12px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#bn01{
	width:8px;
	background-position:-22px 0;
}
#bn02{
	width:9px;
	background-position:-38px 0;
}
#bn03{
	width:9px;
	background-position:-55px 0;
}
#bn04{
	width:9px;
	background-position:-71px 0;
}
#bn05{
	width:9px;
	background-position:-88px 0;
}
#bn06{
	width:10px;
	background-position:-104px 0;
}
#bn07{
	width:9px;
	background-position:-121px 0;
}
#bn08{
	width:10px;
	background-position:-137px 0;
}

#bn01:hover,#bn01.active{background-position:-22px -12px;}
#bn02:hover,#bn02.active{background-position:-38px -12px;}
#bn03:hover,#bn03.active{background-position:-55px -12px;}
#bn04:hover,#bn04.active{background-position:-71px -12px;}
#bn05:hover,#bn05.active{background-position:-88px -12px;}
#bn06:hover,#bn06.active{background-position:-104px -12px;}
#bn07:hover,#bn07.active{background-position:-121px -12px;}
#bn08:hover,#bn08.active{background-position:-137px -12px;}

#prev{
	position:absolute;
	top:119px;
	left:169px;
	z-index:4;
}

#next{
	position:absolute;
	top:119px;
	right:171px;
	z-index:4;
}

#prev a{
	display:block;
	width:14px;
	height:12px;
	padding-left:3px;
}

#next a{
	display:block;
	width:14px;
	height:12px;
	padding-right:4px;
}

#prev span,
#next span{
	display:block;
	float:left;
	background-image:url(/member/common/images/top/num_center_banner.png);
	background-repeat:no-repeat;
	width:8px;
	height:12px;
	margin:0 3px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#prev span{
	background-position:left 0;
}
#next span{
	background-position:right 0;
}

#prev .active span{
	background-position:left -12px;
}
#next .active span{
	background-position:right -12px;
}

#btn_go{
	width:46px;
	height:21px;
	position:absolute;
	top:98px;
	left:50%;
	margin-left:205px;
	z-index:5;
}

/*-----------------------------
ロゴ
-----------------------------*/

#logo{
	width:105px;
	height:66px;
	position:absolute;
	top:15px;
	left:50%;
	margin-left:-430px;
}

/*-----------------------------
特設ページリンク
-----------------------------*/

#main_link{
	width:678px;
	height:180px;
	position:absolute;
	top:41px;
	left:50%;
	margin-left:-253px;
}

#main_link a{
	display:block;
	width:678px;
	height:180px;
}

#btn_update{
	width:149px;
	height:53px;
	position:absolute;
	top:150px;
	left:50%;
	margin-left:275px;
}

/*-----------------------------
ボタン GAME START,JEWEL購入
-----------------------------*/

#btn_frame{
	width:180px;
	height:113px;
	position:absolute;
	top:126px;
	left:50%;
	margin-left:-436px;
}

#btn_game_start{
	width:127px;
	height:127px;
	position:absolute;
	top:87px;
	left:50%;
	margin-left:-380px;
}

#btn_game_start a{
	display:block;
	background:url(/member/common/images/top/btn_game_start.png) no-repeat 0 0;
	width:127px;
	height:127px;
}

#btn_game_start .btn_arrow{
	background:url(/member/common/images/top/btn_arrow01.png) no-repeat 0 0;
	display:block;
	width:17px;
	height:14px;
	position:absolute;
	top:95px;
	left:50%;
	margin-left:-8px;
}

#btn_jewel{
	width:70px;
	height:71px;
	position:absolute;
	top:150px;
	left:50%;
	margin-left:-432px;
}

#btn_jewel a{
	display:block;
	background:url(/member/common/images/top/btn_jewel.png) no-repeat 0 0;
	width:70px;
	height:71px;
}

#btn_jewel .btn_arrow{
	background:url(/member/common/images/top/btn_arrow02.png) no-repeat 0 0;
	display:block;
	width:9px;
	height:9px;
	position:absolute;
	top:57px;
	left:50%;
	margin-left:-5px;
}

/*-----------------------------
グローバルナビ
-----------------------------*/

#gnavi{
	background:url(/member/common/images/top/navi/gnavi.png) no-repeat 0 0;
	width:607px;
	height:42px;
	margin-left:-332px;
	padding-left:61px;
	position:absolute;
	top:0;
	left:50%;
	z-index:1;
}

#gnavi01,
#gnavi02,
#gnavi03,
#gnavi04,
#gnavi05,
#gnavi06{
	float:left;
}

#gnavi01{
	width:95px;
	margin-right:3px;
}
#gnavi02{
	width:94px;
	margin-right:3px;
}
#gnavi03{
	width:93px;
	margin-right:3px;
}
#gnavi04{
	width:93px;
	margin-right:3px;
}
#gnavi05{
	width:88px;
	margin-right:3px;
}
#gnavi06{
	width:75px;
}

#gnavi .g_btn{
	background-image:url(/member/common/images/top/navi/gnavi.png);
	background-repeat:no-repeat;
	height:42px;
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	font-size:0;
}

#gnavi01 .g_btn{
	width:95px;
	background-position:-61px 0;
}
#gnavi02 .g_btn{
	width:94px;
	background-position:-159px 0;
}
#gnavi03 .g_btn{
	width:93px;
	background-position:-256px 0;
}
#gnavi04 .g_btn{
	width:93px;
	background-position:-352px 0;
}
#gnavi05 .g_btn{
	width:88px;
	background-position:-449px 0;
}
#gnavi06 .g_btn{
	width:75px;
	background-position:-540px 0;
}

#gnavi01 .g_btn:hover{
	background-position:-61px -42px;
}
#gnavi02 .g_btn:hover{
	background-position:-159px -42px;
}
#gnavi03 .g_btn:hover{
	background-position:-256px -42px;
}
#gnavi04 .g_btn:hover{
	background-position:-352px -42px;
}
#gnavi05 .g_btn:hover{
	background-position:-449px -42px;
}
#gnavi06 .g_btn:hover{
	background-position:-540px -42px;
}

/*-----------------------------
サブメニュー
-----------------------------*/
/* 共通 */
#sub_nav01,
#sub_nav02,
#sub_nav03,
#sub_nav04,
#sub_nav05,
#sub_nav06{
	background:url(/member/common/images/top/navi/sub_menu.png) no-repeat 0 0;
	width:574px;
	height:0;
	margin-left:-287px;
	padding:27px 0 0 20px;
	position:absolute;
	top:7px;
	left:50%;
	overflow:hidden;
	z-index:0;
	display:none;
}

#sub_nav05{
	width:582px;
	padding:27px 0 0 12px;
}

#sub_nav01 li,
#sub_nav02 li,
#sub_nav03 li,
#sub_nav04 li,
#sub_nav06 li{
	float:left;
	padding:0 5px;
}

#sub_nav05 li{
	float:left;
	padding:0 1px;
}

#sub_nav01 a,
#sub_nav02 a,
#sub_nav03 a,
#sub_nav04 a,
#sub_nav05 a,
#sub_nav06 a{
	display:block;
}

/* MUの遊び方 */
#sub_nav01 .menu01{width:73px;}
#sub_nav01 .menu02{width:87px;}
#sub_nav01 .menu03{width:67px;}
#sub_nav01 .menu04{width:66px;}
#sub_nav01 .menu05{width:126px;}

/* ゲームガイド */
#sub_nav02 .menu01{width:82px;}
#sub_nav02 .menu02{width:84px;}
#sub_nav02 .menu03{width:96px;}
#sub_nav02 .menu04{width:56px;}
#sub_nav02 .menu05{width:56px;}
#sub_nav02 .menu06{width:48px;}

/* ダウンロード */
#sub_nav03 .menu01{width:82px;}
#sub_nav03 .menu02{width:68px;}

/* 便利アイテム */
#sub_nav04 .menu01{width:94px;}
#sub_nav04 .menu02{width:148px;}
#sub_nav04 .menu03{width:107px;}
#sub_nav04 .menu04{width:125px;}

/* コミュニティ */
#sub_nav05 .menu01{width:51px;}
#sub_nav05 .menu02{width:142px;}
#sub_nav05 .menu03{width:99px;}
#sub_nav05 .menu04{width:75px;}
#sub_nav05 .menu05{width:110px;}
#sub_nav05 .menu06{width:80px;}

/* サポート */
#sub_nav06 .menu01{width:131px;}
#sub_nav06 .menu02{width:93px;}
#sub_nav06 .menu03{width:114px;}
#sub_nav06 .menu04{width:65px;}