@charset 'Shift_JIS';

/* - First{ R.S } - Last{ R.S. } - Update{ 2009-09-30 } - About{ Common Layout style of info } */



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

 contentsArea

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

/* listArea
------------------------- */

#listArea p.view{
padding-bottom:5px;
border-bottom:1px solid #ccc;
}

#listArea p.view strong{
margin-right:5px;
background:#FFB51C;
}

#listArea ul.infoList{
width:644px;
margin-bottom:15px;
border-bottom:1px solid #ccc;
position:relative;
top:-1px;
}

#listArea .simpleInfo{
width:644px;
height:92px;
padding:2px 0;
border-top:1px dashed #ccc;
vertical-align:bottom;
}

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

.simpleInfo a{
width:644px;
display:block;
text-decoration:none;
overflow:hidden;
}

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

.simpleInfo a:hover{
background:#FBF4E2;
cursor:pointer;
}

.simpleInfo span.thumbs{
width:113px;
padding:10px 0 10px 4px;
float:left;
}

.simpleInfo span.thumbs img{
width:98px;
padding:1px;
border:1px solid #ccc;
}

.simpleInfo span.infoTxt{
width:524px;
padding-top:15px;
float:right;
}

.simpleInfo span.infoTxt img{
position: relative;
top:-1px;
_top:-2px;
}

.simpleInfo span.infoTxt span.txt{
width:515px;
height:35px;
padding-top:5px;
display:block;
word-break: break-all;
word-wrap: break-word;
}

.simpleInfo span.infoTxt span.supple{
zoom:1;
float:left;
font-size:11px;
}

.simpleInfo span.infoTxt span.periodEnd{
zoom:1;
padding-top:8px;
float:left;
font-size:11px;
color:#ff6600;
}

.simpleInfo span.infoTxt span.date{
zoom:1;
padding-right:10px;
float:right;
font-size:11px;
}

/* detailArea
------------------------- */
#detailArea{
width:644px;
margin-bottom:15px;
position:relative;
top:-1px;
}

#detailArea div.simpleInfo{
width:644px;
height:92px;
padding:2px 0;
vertical-align:bottom;
}

#detailArea div.simpleInfo:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#detailArea p.toBack{
text-align:right;
}

#detailArea .detail{
width:637px;
padding-bottom:20px;
margin:20px 0;
background:url(http://images.hangame.co.jp/hangame/extra/info/common/bg_txtArea_btm.gif) no-repeat center bottom;
word-break: break-all;
word-wrap: break-word;
}

#detailArea .detail .txtArea{
padding:20px 38px 0 38px;
background:url(http://images.hangame.co.jp/hangame/extra/info/common/bg_txtArea_top.gif) no-repeat center top;
}

#detailArea .detail .txtArea:after{content:".";display:block;height:0;clear:both;visibility:hidden}