@charset "Shift_JIS";

.clearfix{
	width:390px;
}

#article_topics{
	width:390px;
	float: left;
}
/* menu */
#menubox{
	height:32px;
	width:385px;
	margin:9px auto 0;
}
#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(https://www.haoden.jp/mainimg/bg_menubtn.png) 1px top no-repeat;
	text-indent: -9999px;
}
#menubox li#menu1 a:hover{
	background:url(https://www.haoden.jp/mainimg/bg_menubtn.png) 1px bottom no-repeat;
}
#menubox li#menu2 a{
	display: block;
	width: 97px;
	height: 32px;
	background:url(https://www.haoden.jp/mainimg/bg_menubtn.png) -96px top no-repeat;
	text-indent: -9999px;
}
#menubox li#menu2 a:hover{
	background:url(https://www.haoden.jp/mainimg/bg_menubtn.png) -96px bottom no-repeat;
}
#menubox li#menu3 a{
	display: block;
	width: 96px;
	height: 32px;
	background:url(https://www.haoden.jp/mainimg/bg_menubtn.png) -194px top no-repeat;
	text-indent: -9999px;
}
#menubox li#menu3 a:hover{
	background:url(https://www.haoden.jp/mainimg/bg_menubtn.png) -194px bottom no-repeat;
}
#menubox li#menu4 a{
	display: block;
	width: 96px;
	height: 32px;
	background:url(https://www.haoden.jp/mainimg/bg_menubtn.png) -290px top no-repeat;
	text-indent: -9999px;
}
#menubox li#menu4 a:hover{
	background:url(https://www.haoden.jp/mainimg/bg_menubtn.png) -290px bottom no-repeat;
}

/* comment */
div#commentarybox1{
	background:url(https://img01.haoden.jp/images/hangame_info01.png) no-repeat;
	width:390px;
	height:221px;
}
div#commentarybox2{
	background:url(https://img01.haoden.jp/images/hangame_info02.png) no-repeat;
	width:390px;
	height:221px;
}
div#commentarybox3{
	background:url(https://img01.haoden.jp/images/hangame_info03.png) no-repeat;
	width:390px;
	height:221px;
}
div#commentarybox4{
	background:url(https://img01.haoden.jp/images/hangame_info04.png) no-repeat;
	width:390px;
	height:221px;
}
ul.panel{
}
div.commentbox{
	width:390px;
	height:221px;
	padding-top:15px;
}
.commentbox dl{
	width:350px;
	height:160px;
	margin:0 auto;
	font-size:11px;
	overflow:auto;
	font-family: verdana,"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic", sans-serif;
}
.commentbox dt{
	width:120px;
/*	border-bottom:1px dotted #fff;*/
	line-height:1.3em;
	color:#00260a;
	padding-left:5px;
}
.commentbox dd{
	text-align:left;
/*	border-bottom:1px dotted #fff;*/
	line-height:1.3em;
	color:#00260a;
	margin-bottom:.5em;
	padding-left:1.5em;
}
.commentbox dd a{
	color:#00260a;
	text-decoration:underline;
}
.commentbox dd a:hover{
	color:#bb4a34;
}