@charset 'Shift_JIS';

/* - First{ . } - Last{ . } - Update{ 2009-10-23 } - About{ cts_notice Layout style of mameComme } */


/* ==================================================

top

================================================== */

/* comment
-------------------------------- */
.comment{
width:610px;
height:77px;
padding:15px 0 0 34px;
background: url(https://images.hange.jp/hangame/community/mame_comme/bg_imapico.gif) no-repeat 0 0;
position:relative;
}

.comment:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.comment h2{
float:left;
}

.comment h2 img{
padding-top:7px;
}

.comment p{
float:left;
}

.comment p.btn{
padding-top:7px;
}

.comment p.alert{
clear:both;
display:none;
position:absolute;
left:165px;
top:2px;
color:#FF0000;
}

.comment p.txt textarea{
width:326px;
height:28px;
padding: 5px 10px;
margin-right:15px;
border:2px solid #FFA400;
font-size:12px;
overflow:auto;
}

.comment p.txt span{
margin:2px 16px 0 0;
_margin:0 16px 0 0;
display:block;
font-size:10px;
color:#A46900;
text-align:right;
}

/* commentList
-------------------------------- */


.commentList{
width:627px;
}

.commentList .box{
width:624px;
padding:10px 0 10px 10px;
background:url(https://images.hange.jp/hangame/community/bbs/common/line_dash01.gif) repeat-x center bottom;
position:relative;
}
.commentList .box:after{content:".";display:block;height:0;clear:both;visibility:hidden}


.commentList .boxBtm{
border-bottom:1px solid #D7D7D7;
}

.commentList .box .ava{
width:85px;
float:left;
text-align:center;
}

.commentList .box .ava .avaImg{
width:45px;
height:64px;
padding:1px;
margin:0 auto;
border:1px solid #D7D7D7;
}

.commentList .box .txt{
width:530px;
float:right;
line-height:1.6;
position:relative;
}

.commentList .box .txt:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.commentList .box .txt ul.extra{
zoom:1;
height:20px;
padding:0 10px 5px 0;
text-align:right
}

.commentList .box .txt ul.extra:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.commentList .box .txt ul.extra li{
display:inline;
font-size:10px;
}

.commentList .box .txt ul.extra li.icon img{
vertical-align: middle;
}

.commentList .box .txt .date{
width:110px;
line-height:22px;
color:#BABABA;
font-size:9pt;
}

.commentList .box .txt .balloons{
width:525px;
margin-bottom:8px;
clear:both;
background:url(https://images.hange.jp/hangame/community/mame_comme/bg_balloon_btm.gif) no-repeat left bottom;
}



.commentList .box .txt .text{
width:505px;
padding:8px 5px 5px 15px;
background:url(https://images.hange.jp/hangame/community/mame_comme/bg_balloon_top.gif) no-repeat left top;
word-break: break-all;
word-wrap: break-word;
}


/* id */

.commentList .box p.id{
padding:1px 0 0 18px;
line-height:16px;
font-size:10px;
float:left;
}

.commentList .box p.id img{
margin-left:10px;
vertical-align:middle;
}

/* extraLink */
.commentList .box ul.extraLink{
float:right;
font-size:11px;
}

.commentList .box ul.extraLink:after{content:".";display:block;height:0;clear:both;visibility:hidden}


.commentList .box ul.extraLink li{
float:right;
line-height:16px;
}

.commentList .box ul.extraLink li.report{
width:60px;
margin-top:1px;
}

.commentList .box ul.extraLink li.report a{
color:#bbbbbb;
}

.commentList .box ul.extraLink li.delete{
width:30px;
color:#888888;
}

.commentList .box ul.extraLink li.delete a{
color:#FC3122;
}


/* ==================================================

guide

================================================== */

.guide h2{
padding-bottom:25px;
background:#fff url(https://images.hange.jp/hangame/community/mame_comme/guide/bg_box_top.gif) no-repeat center bottom;
}


.guide .section{
zoom:1;
margin:0 0 20px;
padding-bottom:5px;
background:url(https://images.hange.jp/hangame/community/mame_comme/guide/bg_box_btm.gif) no-repeat 0 bottom;
}
.guide .section h3{
height:18px;
padding:0 0 9px 9px;
background:#fff url(https://images.hange.jp/hangame/community/mame_comme/guide/bg_box_top.gif) no-repeat 0 22px;
}

.guide .cnt{
border-right:5px solid #e6e6e6;
border-left:5px solid #e6e6e6;
background-color:#fff;
}




/* guide_txt
------------------------- */

#guide_txt .cnt{
padding:20px 20px 16px;
}

/* guide_word
------------------------- */

#guide_word p{
padding:0 0 16px;
}

#guide_word .cnt{
width:614px;
padding:20px 0 16px 20px;
}

#guide_word .cnt:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#guide_word .cnt div.lBox{
width:300px;
margin-right:10px;
border-right:#ccc 1px dotted; 
float:left;
}

#guide_word .cnt div.rBox{
width:290px;
float:left;
}

#guide_word .cnt h4{
margin-bottom:10px;
}

#guide_word .cnt ul{
margin-bottom:10px;
}

#guide_word .cnt ul li{
margin-bottom:6px;
}

#guide_word .cnt .n01{
padding-left:15px;
background:url(https://images.hange.jp/hangame/community/mame_comme/guide/icn_num01.gif) no-repeat left 1px;
}

#guide_word .cnt .n02{
padding-left:15px;
background:url(https://images.hange.jp/hangame/community/mame_comme/guide/icn_num02.gif) no-repeat left 1px;
}


#guide_word .cnt p.supple{
width:275px;
height:32px;
padding:8px 0 0 15px;
margin:0;
background:url(https://images.hange.jp/hangame/community/mame_comme/guide/bg_word.gif) no-repeat 0 0;
font-size:10px;
}


/* guide_view
------------------------- */

#guide_view .cnt{
padding:20px 20px 16px;
}

#guide_view p{
margin:0 0 16px;
}

#guide_view p.btn{
margin:0;
text-align:center;
}

#guide_view ul{
zoom:1;
}

#guide_view ul:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#guide_view ul li{
width:195px;
float:left;
}

/* guide_attention
------------------------- */

#guide_attention .cnt{
padding:20px 20px 16px;
}

#guide_attention p{
margin:0 0 16px;
}

#guide_attention p.btn{
margin:0;
text-align:center;
}


/* guide_faq
------------------------- */
#guide_faq .cnt{
padding:20px 20px 16px;
}
#guide_faq h4{
margin:0 0 16px;
color:#333;
font-weight:bold;
}
#guide_faq p{
margin:0 0 16px;
}
#guide_faq p.btn{
margin:0;
text-align:center;
}

/*----------------------------------------------------

ebtn(temporary)

----------------------------------------------------*/

.eBtn{
padding-right:9px;
margin-right:5px;
background:url(https://images.hange.jp/hangame/community/bbs/common/line_partition_gray.gif) no-repeat scroll right 3px;
position:relative;
z-index:3;
}

.eBtn a{
color:#333333;
position:relative;
}

.eBtn .num a{
font-weight:bold;
}


.eBtn a.btn{
padding:8px 0 0 20px;
background:url(https://images.hange.jp/hangame/common/parts/e_btn/ico_e_btn.gif) no-repeat left 3px;
text-decoration:none;
margin:-7px 5px 0 0;
float:left;
}

.eBtn a.aft{
color:#333333;
background:url(https://images.hange.jp/hangame/common/parts/e_btn/ico_e_btn_aft.gif) no-repeat left 3px!important;
position:relative;l
}

.eBtn .num{
float:left;
font-family:tahoma;
font-size:10px;
}

.eBtn a .num p{
font-weight:bold;
}

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

/*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);
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://images.hange.jp/hangame/common/parts/e_btn/bg_e_btn_btm.png,sizingMethod=crop);
}

/*pattern box_btm*/

/*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);
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://images.hange.jp/hangame/common/parts/e_btn/bg_e_btn.png,sizingMethod=crop);
}

/*pattern box_top*/

.eArea .bg{
width:164px;
background-repeat:no-repeat;
background-position:0 0;
_background:none !important;
}

.eArea .bg:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.eArea .bg .cnt{
position:relative;
}

.eArea .bg p.title{
height:19px;
text-align:center;
font-size:11px;
color:#666666;
}

.eArea .bg ul.eList{
width:139px;
height:250px;
padding-left:25px;
}

.eArea .bg ul.eList:after{content:".";display:block;height:0;clear:both;visibility:hidden}

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

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

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

.eArea .bg ul.eList li .id{
padding-top:5px;
}

.eArea .bg ul.eList li .id a{
color:#444444;
}
.eArea .bg ul.eList li .date{
color:#7F7F7F;
font-family:tahoma;
}

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

.eArea .bg ul.command:after{content:".";display:block;height:0;clear:both;visibility:hidden}

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

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

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

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

/*----------------------------------------------------

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;
}