@charset 'Shift_JIS';

/* - First{ T.K } - Last{ T.K } - Update{ 2010-03-04 } - About{ CommunityPage style of easygame Basic } */



/* Common Style
-------------------------------------------------- */
#contents #contentsLead {
width: 644px;
margin: 0 auto;
padding: 0 0 10px;
background: url('https://images.hange.jp/hangame/easy/easy_common/bg_cmt-l_top.gif') left bottom no-repeat;
}

	#contents #contentsLead p.cmmuCaption {
	padding: 0px 0px 10px 15px;
	color: #666666;
	}
		#contents #contentsLead p.cmmuCaption a{
		font-weight: bold;
		color: #000000;
		}

#contents #contentsMain {
width: 644px;
margin: 0 auto 8px;
padding: 0 0 8px;
background: url('https://images.hange.jp/hangame/easy/easy_common/bg_cmt-l_btm.gif') left bottom no-repeat;
}
	#contents #contentsMain .contentsTable {
	position: relative;
	width: 642px;
	margin: 0 auto;
	padding: 0;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	}
	#contents #contentsMain .contentsTable .txt_nohit {
	padding:20px 0;
	text-align:center;
	}

/* Other Style */
#contents.community #contentsLead .read {
margin: 0 0 20px 15px;
}
#contents.community p.btnList {
float: left;
margin-left: 10px;
width: 80px;
}
#contents.community ul.btnList {
position:relative;
height: 23px;
margin: 8px 0 0 10px;
_margin-bottom: -3px;
z-index:10;
}
	#contents.community ul.btnList li {
	display: inline;
	float: left;
	margin: 0 3px 0 0;
	}
	#contents.community ul.btnList li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
/* selectBox */
#contents.community .selectBox {
position: relative;
height: 20px;
margin: 0 10px 7px;
padding-top: 3px;
text-align: left;
}
	#contents.community .selectBox strong {
	padding-left: 10px;
	color: #ffa93a;
	font-weight: normal;
	}
	#contents.community .selectBox .write {
	position: absolute;
	top: 0;
	right: 1px;
	}

/* bbsTable */
#contents.community table.bbsTable {
width: 624px;
margin: 0 auto;
padding: 0;
background: url('https://images.hange.jp/hangame/easy/easy_common/bg_cmt-l_tit.gif') center 0 no-repeat;
}
	#contents.community table.bbsTable tr {
	color: #999;
	text-align: center;
	background: url('https://images.hange.jp/hangame/common/pic_2dot_gray.gif') repeat-x scroll left bottom;
	}
	#contents.community table.bbsTable tr.none {
	background:none;
	}
	#contents.community table.bbsTable th {
	height: 30px;
	padding-bottom: 5px;
	color: #575757;
	font-weight: normal;
	text-align: center;
	line-height: 30px;
	}
	#contents.community table.bbsTable td {
	height: 32px;
	vertical-align: middle;
	}
		#contents.community table.bbsTable tr.none td {
		border: none;
		}
#contents.community table.bbsTable td.days {
width: 47px;
}
#contents.community table.bbsTable th.category {
width: 68px;
}
#contents.community table.bbsTable th.title {
padding-left: 8px;
text-align: left;
}
#contents.community table.bbsTable th.name {
width: 122px;
overflow: hidden;
}
#contents.community #contentsMain th.reply {
width: 46px;
padding-right: 8px;
}
	#contents.community table.bbsTable td.title {
	color: #666;
	text-align: left;
	}
	#contents.community table.bbsTable td.title img {
	margin: 0 8px 0 0;
	vertical-align: middle;
	}
	#contents.community #contentsMain td.reply {
	padding-right: 15px;
	text-align: right;
	}



/* bbsMain.html And bbsConfirm.html
-------------------------------------------------- */
#contents.community p.cTxt{
font-weight: bold;
margin: 0;
padding: 10px 0 0 0;
text-align: center;
}
#contents.community #bbsMain {
clear: both;
position: relative;
width: 642px;
min-height: 240px;
margin: 0 auto;
padding: 0;
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
background: url('https://images.hange.jp/hangame/easy/easy_common/bg_cmt-l_tit.gif') center 0 no-repeat;
}

/* thread */
#bbsMain .threadHead {
zoom:1;
padding: 7px 5px;
}
#bbsMain .threadHead:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#bbsMain .threadHead h3 {
float: left;
width: 360px;
padding-left: 86px;
word-wrap: break-word;
overflow: hidden;
}
	#bbsMain h3 img {
	position: absolute;
	top: 7px;
	left: 20px;
	}
	#bbsMain ul#threadData {
	float: right;
	margin-right: 15px;
	}
	#bbsMain ul#threadData li {
	font-size: 10px;
	display: inline;
	float: left;
	}
		#bbsMain ul#threadData li.writeday {
		margin-right:10px;
		padding: 1px 10px 0 0;
		background: url('https://images.hange.jp/hangame/easy/easy_common/v2/community/line_partition_gray.gif') no-repeat scroll right center;
		}line_partition_gray.gif
		#bbsMain ul#threadData li.count {
		width: 70px;
		}

	/* confItemImage */
	#confItemImage table{
	margin:auto;
	width:162px;
	text-align:center;
	}
	#confItemImage table .btn_ico {
	bottom:0;
	display:none;
	height:18px;
	position:absolute;
	right:10px;
	width:18px;
	}

	#confItemImage table td {
	background:transparent url(https://images.hange.jp/hangame/community/bbs/common/bg_items.gif) no-repeat scroll 0 0;
	height:162px;
	width:162px;
	}


/* bbsMain.html Area
-------------------------------------------------- */
/* commentArea */
#commentArea {
clear: both;
width: 644px;
margin-top: 7px;
background: url('https://images.hange.jp/hangame/easy/easy_common/bg_cmt-l_btm.gif') left bottom no-repeat;
}
#commentWriteArea {
position: relative;
margin: 15px auto 0;
padding: 5px 0;
background: url('https://images.hange.jp/hangame/easy/easy_common/bg_cmt-l_top.gif') 0 0 no-repeat;
z-index: 10;
}
	#commentWriteArea p#title {
	position: absolute;
	top: 27px;
	left: 7px;
	}
	#commentWriteArea textarea {
	width: 444px;
	height: 43px;
	margin: 4px 0 4px 80px;
	padding: 3px 0 0 3px;
	}
	#commentWriteArea .bbs_editBtn {
	position: absolute;
	top: 12px;
	right: 8px;
	}
#contents.community .commentWrite {
width: 642px;
margin: 0 auto;
padding: 0;
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
}

/* bbs_textArea */
#bbsMain p {
padding: 15px;
}
#bbsMain #bbs_textArea {
position: relative;
clear: both;
width: 595px;
margin: 0 auto;
padding: 15px 0 0;
}
	#bbs_textArea:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#bbs_textArea .bbsAvatar {
float: left;
width: 117px;
min-height: 170px;
margin: 0 auto;
padding: 15px 5px 0 0;

}
	#bbs_textArea .bbsAvatar img {
	width: 66px;
	margin-left: 25px;
	}
	#bbs_textArea .bbsAvatar p.hgID {
	margin: 5px auto;
	text-align: center;
	word-break: break-all;
	}
#bbs_textArea .bbsText {
width: 463px;
padding-right: 10px;
word-break: break-all;
word-wrap: break-word;
overflow: hidden;
margin: auto;
float: right;
}

#writeArea .writeLimit {
font-size:11px;
padding-bottom:5px;
text-align:right;
}



/* edit/del */
#contents.community ul.btn_edit-del {
clear: both;
position: relative;
top: -27px;
*top: -23px;
height: 23px;
margin: 0 0 -23px;
text-align: right;
}
	#contents.community ul.btn_edit-del li {
	display: inline;
	padding: 0 3px 0 0;
	}

/* writeArea */
#contents.community #writeArea {
width: 624px;
margin: 0 auto;
background: url('https://images.hange.jp/hangame/easy/easy_common/bg_cmt-l_tit.gif') center 0 no-repeat;
}
#contents.community #writeArea dl.category {
height: 37px;
margin: 0;
}
	#contents.community #writeArea dd.title input {
	float: right;
	margin: 4px 5px 0 0;
	width: 555px;
	}
	#contents.community #writeArea dt {
	float: left;
	padding: 6px 0 0 6px;
	}
#contents.community #writeArea textarea {
width: 612px;
height: 193px;
margin-bottom: 5px;
padding: 10px 5px;
}
#contents.community p.btnWrite {
float: right;
_margin-right: 5px;
width: 42px;
}

/* main.html Area
-------------------------------------------------- */

/* comment */
#commentArea .comment {
clear: both;
position: relative;
width: 644px;
margin: 0 auto;
border-bottom: 1px solid #eee;
z-index: 0;
}
	#commentArea .comment:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentArea .comment .bbsAvatar {
float: left;
width: 106px;
margin: 10px auto 0;
padding-left: 25px;
overflow: hidden;
}
	#commentArea .comment .bbsAvatar img {
	width: 45px;
	margin-left: 30px;
	}
	#commentArea .comment p.hgID {
	margin: 5px auto;
	text-align: center;
	word-break: break-all;
	}
#commentArea .comment .commentText {
float: right;
width: 459px;
padding: 7px 45px 5px 0;
word-break: break-all;
word-wrap: break-word;
overflow: hidden;
}

	#commentArea .comment .commentText .btn_edit-del {
	clear: both;
	position: static;
	margin: -15px -40px 0 0;
	*margin: -18px -40px 0 0;
	}


/* choiceBox */
#contents .choiceBox {
font-size:11px;
height: 12px;
padding:3px 15px 10px 0;
text-align: left;
position: relative;
clear: both;
}
	#contents #bbsMain .choiceBox ul {
	clear: both;
	font-size: 11px;
	text-align: right;
	padding: 0 0 0 0;
	}
	#contents .choiceBox ul li{
	float: right;
	}
	#contents .choiceBox li.eBtn{
	margin-top: -2px;
	position:relative;
	z-index:3;
	}
	#contents .choiceBox li.eBtn a{
	padding: 8px 0 0 20px;
	margin: 0px 5px 0 5px;
	}
		#contents .choiceBox li.eBtn a.btn{
		float: left;
		margin:-7px 5px 0 0;
		background:url('https://images.hange.jp/hangame/common/parts/e_btn/ico_e_btn.gif') no-repeat left center;
		}
		#contents .choiceBox li.eBtn a.aft{
		float: left;
		background: url('https://images.hange.jp/hangame/common/parts/e_btn/ico_e_btn_aft.gif') no-repeat scroll left center !important;
	}
	#contents .choiceBox li.report{
	padding-left: 10px;
	background:url('https://images.hange.jp/hangame/community/bbs/common/line_partition_gray.gif') no-repeat scroll left top;
	}
	#contents .choiceBox li.report.none{
	background:none;
	}
	#bbs_textArea .choiceBox li.report{
	padding-left: 0;
	}

	#contents .choiceBox li.eBtn p.choiceNum {
	margin: 0 0 0 0;
	float: left;
	padding: 0 10px 0 0;
	font-family: tahoma;
	font-size: 10px;
	}
		#contents .choiceBox p.choiceNum a{
		margin: 0 0 0 0;
		padding: 0;
		font-weight:bold;
		}
	#contents .choiceBox p span.com{
	padding: 0 10px;
	background:url('https://images.hange.jp/hangame/community/bbs/common/line_partition_gray.gif') no-repeat scroll left top;	
	}
	#commentArea choiceBox span.dayTime {
	color: #9c9c9c;
	font-size: 11px;
	}


/* hgGoodLinkBallon */

.eArea{
position:absolute;
width:1px;
height:1px;
z-index:999999999;
}

#bbsMain .eArea p{
padding: 0;
}


/*pattern box_btm*/

.eArea .box_btm{
width:164px;
position:absolute;
top:10px;
left:-130px;
}

.eArea .box_btm .bg{
width:164px;
padding-top:16px;
min-height:296px;
_height:296px;
background-image:url('https://images.hange.jp/hangame/common/parts/e_btn/bg_e_btn_btm.png');
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://images.hange.jp/hangame/common/parts/e_btn/bg_e_btn_btm.png,sizingMethod=crop);
}


/*pattern box_top*/
.eArea .box_top{
width:164px;
position:absolute;
top:-310px;
left:-130px;
}

	.eArea .box_top .bg{
	width:164px;
	padding-top:7px;
	min-height:305px;
	_height:305px;
	background-image:url('https://images.hange.jp/hangame/common/parts/e_btn/bg_e_btn.png');
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://images.hange.jp/hangame/common/parts/e_btn/bg_e_btn.png,sizingMethod=crop);
	}


/* ebaln_a , ebaln_b */

.ebaln_a{
width:200px;
font-size:11px;
color:#666666;
position:absolute;
top:-56px;
left:-166px;
}

	.ebaln_a .inr{
	padding:10px 10px 0 10px;
	min-height:48px;
	_height:48px;
	background:url('https://images.hange.jp/hangame/common/parts/e_btn/bg_balloon01.png') no-repeat 0 0;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://images.hange.jp/hangame/common/parts/e_btn/bg_balloon01.png,sizingMethod=crop);
	word-break: break-all;
	word-wrap: break-word;
	}
	.ebaln_a .inr p{
	width:180px;
	position:absolute;
	}

.ebaln_b{
width:116px;
font-size:11px;
color:#666666;
position:absolute;
top:-38px;
left:-81px;
}

	.ebaln_b .inr{
	padding:10px 9px 0 9px;
	min-height:30px;
	_height:30px;
	background:url('https://images.hange.jp/hangame/common/parts/e_btn/bg_balloon02.png') no-repeat 0 0;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://images.hange.jp/hangame/common/parts/e_btn/bg_balloon02.png,sizingMethod=crop);
	word-break: break-all;
	word-wrap: break-word;
	}
	.ebaln_b .inr p{
	width:98px;
	position:absolute;
	}

.ebaln_c,
.ebaln_d{
width:200px;
font-size:11px;
color:#666666;
position:absolute;
top:-56px;
left:-166px;
}
	.ebaln_c .inr,
	.ebaln_d .inr{
	padding:10px 10px 0 10px;
	min-height:48px;
	_height:48px;
	background:url('https://images.hange.jp/hangame/common/parts/e_btn/bg_balloon01.png') no-repeat 0 0;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://images.hange.jp/hangame/common/parts/e_btn/bg_balloon01.png,sizingMethod=crop);
	word-break: break-all;
	word-wrap: break-word;
	}

	.ebaln_c .inr p,
	.ebaln_d .inr p{
	width:180px;
	position:absolute;
	}


/* ebaln_l box */

.box_top {
left:-130px;
position:absolute;
top:-310px;
width:164px;
}
.bg {
background-position:0 0;
background-repeat:no-repeat;
background-image:url('https://images.hange.jp/hangame/common/parts/e_btn/bg_e_btn.png');
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://images.hange.jp/hangame/common/parts/e_btn/bg_e_btn.png,sizingMethod=crop);
min-height:305px;
padding-top:7px;
width:164px;
}
.bg .cnt {
position:relative;
}

.bg p.title {
color:#666666;
font-size:11px;
height:19px;
text-align:center;
}
.bg ul.eList {
height:250px;
padding-left:25px;
width:139px;
}

.bg ul.command {
padding:5px 0;
text-align:center;
width:164px;
}

.bg ul.command li.page span {
font-family:tahoma;
}

.bg ul.eList li .avaImg {
border:1px solid #D7D7D7;
float:left;
padding:1px;
width:22px;
}


.bg ul.eList li .status {
float:right;
font-size:11px;
height:43px;
overflow:hidden;
width:105px;
}


.bg ul.command li {
display:inline;
}

.bg .cBtn {
position:absolute;
right:10px;
top:0;
}

.bg ul.eList li {
height:43px;
padding-top:7px;
vertical-align:top;
width:139px;
}

.bg ul.command li.page {
font-size:11px;
padding:0 7px;
}

.bg .cBtn {
position:absolute;
right:10px;
top:0;
}

/* bbsconfirm.html Area
-------------------------------------------------- */

#contents.community p.cTxt{
font-weight: bold;
margin: 0 0;
padding: 10px 0 0 0;
text-align: center;
}


/* bbswrite.html Area
-------------------------------------------------- */

/* itemImageArea */

/*upLoader*/

#contents.community #upLoader{

width:553px;
padding: 10px 0;
margin:10px 40px;
*padding: 5px 0;
border-bottom:1px solid #ccc;
}

	#contents.community #upLoader h4{
	margin-bottom:10px;
	}

	#contents.community #upLoader .tit{
	float: left;
	margin: 0 7px 0 0;
	font-weight: normal;
	line-height: 20px;
	color:#333333;
	}
	#contents.community #upLoader .upForm{
	overflow:hidden;
	}
	#contents.community #upLoader:after{content:".";display:block;height:0;clear:both;visibility:hidden}
		#contents.community #upLoader .upForm input{
		display:inline;
		margin: 0 5px 0 0;
		*margin: 0 5px 5px 0;
		vertical-align: top;
		}

		#contents.community #upLoader .upForm input#btn_upload{
		margin:0;
		}

		#contents.community #upLoader .upForm input.path{
		width: 380px;
		*width: 375px;
		border: 1px solid #ccc;
		}
	#contents.community .itemImage{
	width: 160px;
	margin: auto;
	padding: 10px 0;

	}
	#contents.community .itemImage p{
	text-align: center;
	color: #888;
	font-size: 11px;
	line-height: 13px;
	}
	#contents.community p.attention{
	width: 530px;
	padding-left: 45px;
	color: #888;
	font-size: 11px;
	line-height: 13px;
	}
		#contents.community .itemImage p.base{
		height: 162px;
		width: 162px;
		background: url('https://images.hange.jp/hangame/community/bbs/common/bg_items.gif') no-repeat scroll center top;
		}
			#contents.community .itemImage p.base img{
			padding-top: 1px;
			}
		#contents.community .itemImage p.btn{
		padding: 10px 0 15px 0;
		}

	#contents.community .exAttention{
	padding:15px 0 0 0;
	margin-left: 45px;
	color: #FF6633;
	line-height: 13px;
	}
	#contents.community .exAttention p{
	width: 550px;
	padding-top:5px;
	}

#contents.community ul#btns{
padding: 20px 0 10px 0;
text-align:center;
}

	#contents.community ul#btns li{
	width:77px;
	display:inline;
	}



/* bbscomplete.thml Area
-------------------------------------------------- */
#contentsMain p.complete {
padding: 30px 30px;
text-align: center;
}
#commentArea .comment .btn_edit-del {
clear:both;
text-align:right;
position:relative;
top:-30px;
right:8px;
}