@charset "Shift_JIS";

body{
background-position:top center;
background-color:#000;
}


/* -------------------------------------------------------------------------シーズン対応変更 */

body#cgchange_27yellow{
	background:url(https://img01.haoden.jp/images/bg_ws_270.jpg) top center no-repeat #000;
	}
body#cgchange_27indigo{
	background:url(https://img01.haoden.jp/images/bg_ws_271.jpg) top center no-repeat #000;
	}
body#cgchange_27red{
	background:url(https://img01.haoden.jp/images/bg_ws_272.jpg) top center no-repeat #000;
	}
body#cgchange_27black{
	background:url(https://img01.haoden.jp/images/bg_ws_273.jpg) top center no-repeat #000;
	}
body#cgchange_27purple{
	background:url(https://img01.haoden.jp/images/bg_ws_274.jpg) top center no-repeat #000;
	}
body#cgchange_27gray{
	background:url(https://img01.haoden.jp/images/bg_ws_275.jpg) top center no-repeat #000;
	}


/* -------------------------------------------------------------------------ワールド対応 */
.select_world27{
	background:url(https://img01.haoden.jp/images/ws_last27.png) no-repeat;
	position: absolute;
	width: 295px;
	height: 94px;
}
	.select_world27 img{
		position:absolute;
		margin: 32px 0 0 178px;
	}
.notice_world_num27b{
	position: absolute;
	width: 346px;
	height: 75px;
	background:url(https://img01.haoden.jp/images/ws27b.gif) top left no-repeat;
}
	.notice_world_num27b img{
	position:absolute;
	margin: 13px 0 0 220px;
	}


/* -------------------------------------------------------------------------ヘッダー */
#wsheader{
	height:52px;
	width:1000px;
	margin:0 auto;
}
#wsheader h1{
	text-indent: -9999px;
	float:left;
	height:41px;
	width:109px;
	margin:0 0 0 40px;
}
#wsheader_line:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#wsheader_line ul{
	float:right;
}
#wsheader_line ul li{
	float:left;
	text-indent: -9999px;
	margin-left:8px;
}
#wsheader_line ul li#fankit a{
	display: block;
	width: 127px;
	height: 40px;
	background:url(https://img01.haoden.jp/images/globalmenu_ws.jpg) left top no-repeat;
	text-indent: -9999px;
}
#wsheader_line ul li#fankit a:hover{
	background:url(https://img01.haoden.jp/images/globalmenu_ws.jpg) left bottom no-repeat;
}
#wsheader_line ul li#mypage a{
	display: block;
	width: 82px;
	height: 40px;
	background:url(https://img01.haoden.jp/images/globalmenu_ws.jpg) -127px top no-repeat;
	text-indent: -9999px;
}
#wsheader_line ul li#mypage a:hover{
	background:url(https://img01.haoden.jp/images/globalmenu_ws.jpg) -127px bottom no-repeat;
}
#wsheader_line ul li#logout a{
	display: block;
	width: 78px;
	height: 40px;
	background:url(https://img01.haoden.jp/images/globalmenu_ws.jpg) right top no-repeat;
	text-indent: -9999px;
}
#wsheader_line ul li#logout a:hover{
	background:url(https://img01.haoden.jp/images/globalmenu_ws.jpg) right bottom no-repeat;
}

/* -------------------------------------------------------------------------main */
#main{
clear:both;
width:900px;
margin:0px auto;
overflow:hidden;
color:#fff;
}

/* -------------------------------------------------------------------------コンテンツ01 */
#article_topics{
	width:488px;
	float: left;
}

#mainevent{
	background:url(https://img01.haoden.jp/images/bg_mainevent.png) no-repeat;
	width:488px;
	height:120px;
	margin:19px 0 0 20px;
	padding-top:15px;
}
#mainevent ul{
	width:468px;
	margin:0 auto;
}
#mainevent ul li{
	float:left;
	padding-left:12px;
}
#mainevent a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	background:#000;
}


#menubox{
	height:32px;
	width:385px;
	margin:9px 0 0 70px;
	background:url(../mainimg/bg_menubtn.png) no-repeat;
}
#menubox:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#menubox li{
float:left;
}
#menubox li#menu1 a{
	display: block;
	width: 96px;
	height: 32px;
	background:url(../mainimg/bg_menubtn.png) 1px top no-repeat;
	text-indent: -9999px;
}
#menubox li#menu1 a:hover{
	background:url(../mainimg/bg_menubtn.png) 1px bottom no-repeat;
}
#menubox li#menu2 a{
	display: block;
	width: 97px;
	height: 32px;
	background:url(../mainimg/bg_menubtn.png) -96px top no-repeat;
	text-indent: -9999px;
}
#menubox li#menu2 a:hover{
	background:url(../mainimg/bg_menubtn.png) -96px bottom no-repeat;
}
#menubox li#menu3 a{
	display: block;
	width: 96px;
	height: 32px;
	background:url(../mainimg/bg_menubtn.png) -194px top no-repeat;
	text-indent: -9999px;
}
#menubox li#menu3 a:hover{
	background:url(../mainimg/bg_menubtn.png) -194px bottom no-repeat;
}
#menubox li#menu4 a{
	display: block;
	width: 96px;
	height: 32px;
	background:url(../mainimg/bg_menubtn.png) -290px top no-repeat;
	text-indent: -9999px;
}
#menubox li#menu4 a:hover{
	background:url(../mainimg/bg_menubtn.png) -290px bottom no-repeat;
}
#menubox li#menu5 a{
	display: block;
	width: 96px;
	height: 32px;
	background:url(../mainimg/bg_menubtn.png) -290px top no-repeat;
	text-indent: -9999px;
}
#menubox li#menu5 a:hover{
	background:url(../mainimg/bg_menubtn.png) -290px bottom no-repeat;
}
#menubox li#menu6 a{
	display: block;
	width: 96px;
	height: 32px;
	background:url(../mainimg/bg_menubtn.png) -290px top no-repeat;
	text-indent: -9999px;
}
#menubox li#menu6 a:hover{
	background:url(../mainimg/bg_menubtn.png) -290px bottom no-repeat;
}
#menubox li#menu7 a{
	display: block;
	width: 96px;
	height: 32px;
	background:url(../mainimg/bg_menubtn.png) -290px top no-repeat;
	text-indent: -9999px;
}
#menubox li#menu7 a:hover{
	background:url(../mainimg/bg_menubtn.png) -290px bottom no-repeat;
}

div#commentarybox1{
	background:url(https://img01.haoden.jp/images/bg_news_a_ws.png) no-repeat;
	width:488px;
	height:221px;
}
div#commentarybox2{
	background:url(https://img01.haoden.jp/images/bg_news_b_ws.png) no-repeat;
	width:488px;
	height:221px;
}
div#commentarybox3{
	background:url(https://img01.haoden.jp/images/bg_news_c_ws.png) no-repeat;
	width:488px;
	height:221px;
}
div#commentarybox4{
	background:url(https://img01.haoden.jp/images/bg_news_d_ws.png) no-repeat;
	width:488px;
	height:221px;
}
ul.panel{
margin-top:0;
margin-left:20px;
}

div.commentbox{
	width:488px;
	height:221px;
	padding-top:15px;
}
.commentbox dl{
	width:448px;
	height:190px;
	margin:0 auto;
	font-size:13px;
	overflow:auto;
	font-family: verdana,"ＭＳ Ｐゴシック","MS PGothic", sans-serif;
}
.commentbox dt{
	float:left;
	width:90px;
/*	border-bottom:1px dotted #fff;*/
	line-height:2em;
	color:#00260a;
	padding-left:5px;
}
.commentbox dd{
	float:left;
	width:335px;
	text-align:left;
/*	border-bottom:1px dotted #fff;*/
	line-height:2em;
	color:#00260a;
}
.commentbox dd a{
	color:#00260a;
	text-decoration:underline;
}
.commentbox dd a:hover{
	color:#bb4a34;
}

#article_lastselect{
	float:right;
	margin:278px 20px 0 0;
	background:url(https://img01.haoden.jp/images/bg_lastselect.png) no-repeat;
	width: 362px;
	height: 149px;
}
#lastselect{
	width: 295px;
	height: 94px;
	margin:29px auto 0;
}
.select_world{
	background:url(https://img01.haoden.jp/images/ws_last.gif) no-repeat;
	position: absolute;
	width: 295px;
	height: 94px;
	padding: 32px 0 0 178px;
}


.select_world_mente{
	background:url(https://img01.haoden.jp/images/ws_last_mente.gif) no-repeat;
	position: absolute;
	width: 295px;
	height: 94px;
	padding: 32px 0 0 178px;
}
.lastlogin{
	position: absolute;
}
.lastlogin a{
	display: block;
	width: 284px;
	height: 13px;
	padding: 72px 0px 10px 10px;
	color: #a5c7d8;
	font-size: 11px;
	text-decoration: none;
}
.lastlogin span{
	display: block;
	width: 284px;
	height: 13px;
	padding: 72px 0px 10px 10px;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
}

/* -------------------------------------------------------------------------コンテンツ02 */
#article_worldlist{
	width: 900px;
	background: url(https://img01.haoden.jp/images/bg_worldlist_bottom.png) no-repeat bottom;
	padding-bottom: 16px;
	margin-bottom: 16px;
	clear:both;
}
#article_worldlist_top{
	background: url(https://img01.haoden.jp/images/bg_worldlist_top.png) no-repeat;
	padding-top: 16px;
}
#article_worldlist_inner{
	background: url(https://img01.haoden.jp/images/bg_worldlist_inner.png) repeat-y;
}

.ws_worldlist{
	width: 745px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:14px;
}
.ws_worldlist ul{
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding: 0;
}
.ws_worldlist ul li{
	float: left;
	width: 225px;
	height: 75px;
	padding: 14px 0 0px 18px;
}

.world_notice{
	z-index:10;
	position: absolute;
	height:27px;
}


.notice_world_comment{
	position: absolute;
}
.notice_world_comment a{
	text-align: left;
	display: block;
	width: 206px;
	height: 20px;
	padding: 53px 0 0 20px;
	color: #a5c7d8;
	font-size: 11px;
	text-decoration: none;
}
.notice_world_comment span{
	text-align: left;
	display: block;
	width: 206px;
	height: 20px;
	padding: 53px 0 0 20px;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
}


/* ------2clm------ */
.ws_worldlist2{
	width: 800px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:14px;
}
.ws_worldlist2 ul{
	list-style-type: none;
	text-align: left;
	width: 730px;
	margin:0 auto;
	padding: 0;
}
.ws_worldlist2 ul li{
	float: left;
	width: 346px;
	height: 75px;
	padding: 14px 0 0px 18px;
}

.notice_world_comment_b{
	position: absolute;
}
.notice_world_comment_b a{
	text-align: left;
	display: block;
	width: 320px;
	height: 75px;
	padding: 53px 0 0 20px;
	color: #a5c7d8;
	font-size: 11px;
	text-decoration: none;
}
.notice_world_comment_b span{
	text-align: left;
	display: block;
	width: 206px;
	height: 20px;
	padding: 53px 0 0 20px;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
}
.notice_world_num_menteb{
	position: absolute;
	width: 346px;
	height: 75px;
	padding: 13px 0 0 164px;
	background:url(https://img01.haoden.jp/images/ws_mente_b.gif) top left no-repeat;
}


/* ------------------------------------------------------------------新着情報詳細 */
.article{
	width: 860px;
	background: url(https://img01.haoden.jp/images/bg_article_bottom.png) no-repeat bottom;
	padding-bottom: 17px;
	margin:20px auto;
}
.article_top{
	background: url(https://img01.haoden.jp/images/bg_article_top.png) no-repeat;
	padding-top: 57px;
}
	.article_top_ws{
		background: url(https://img01.haoden.jp/images/bg_article_top_ws.png) no-repeat;
		padding-top: 57px;
	}
	.article_top_topics{
		background: url(https://img01.haoden.jp/images/bg_article_top_topics.png) no-repeat;
		padding-top: 57px;
	}
.article_inner{
	overflow: hidden;
	background: url(https://img01.haoden.jp/images/bg_article_middle.png) repeat-y;
}

dl.news_list{
	margin: 0 0 22px 0;
}
dl.news_list dt{
	float: left;
	width: 130px;
	padding: 5px 0;
	text-indent: 10px;
	margin-bottom:2px;
	color:#a9b0b6;
}
dl.news_list dd{
	padding: 5px 0 5px 130px;
	margin-bottom:2px;
}

dl.news_list dd a{color:#fff;}
dl.news_list dd a:hover		{text-decoration:underline;}

dl.news_title{
	margin: 0 auto 20px;
	background:#2f3c50;
	width:820px;
}
dl.news_title dt{
	float: left;
	width: 130px;
	padding: 5px 0;
	text-indent: 10px;
	margin-bottom:2px;
	color:#a9b0b6;
}
dl.news_title dd{
	padding: 5px 0 5px 130px;
	margin-bottom:2px;
	color:#fff;
	font-weight:bold;
}

.news_box{
	margin:0 auto 20px;
	color:#333;
	width:800px;
}
.news_box p{
	margin-bottom:10px;
	line-height: 1.2;
}
.news_box a{
	color:blue;
}
.btn_area{
	width:860px;
	margin:8px auto 0 auto;
	text-align:center;
}


/* ------------------------------------------------------------------入門の手引 */
.biginersguide{
	position:absolute;
	margin-left:550px;
	top:73px;
}
.biginersguide p{
	margin-bottom:10px;
}
.biginersguide a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}