@charset 'Shift_JIS';

/* common
================================================== */
*{
margin:0;
padding:0;
}
img{
vertical-align: top;
}
#wrapper{
min-width:1030px;
background:#f9f8f3;
}
#after #contentsArea{
background:url(http://images.hangame.co.jp/hangame/easy/nanapachi/event/120426_battle/bg_after.jpg) no-repeat center top;
}
#before #contentsArea{
background:url(http://images.hangame.co.jp/hangame/easy/nanapachi/event/120426_battle/bg_before.jpg) no-repeat center top;
}
/* container
================================================== */
#container{
width:1030px;
margin:0 auto;
position:relative;
}
#container .headerArea{
position: relative;
}
#container .headerArea h1{
text-align:right;
}
#container .headerArea h2{
position:absolute;
top:370px;
left:7px;
}
.mapBtn{
position:absolute;
text-align:center;
width:34px;
padding:0 50px 27px 38px;
}
.bottomNum{
position:absolute;
bottom:0;
left:12px;
}
.rightNum{
position:absolute;
right:0;
bottom:27px;
}
.leftNum{
position:absolute;
left:0;
bottom:27px;
}
#mapBtn1{
top:92px;
left:10px;
}
#mapBtn2{
top:78px;
left:234px;
}
#mapBtn3{
top:10px;
left:341px;
}
#mapBtn4{
top:8px;
left:476px;
}
#mapBtn5{
top:307px;
left:122px;
}
#mapBtn6{
top:416px;
left:346px;
}
#mapBtn7{
top:131px;
left:409px;
}
#mapBtn8{
top:249px;
left:567px;

}
.mapLayer{
position:absolute;
top:4px;
left:69px;
background:url(http://images.hangame.co.jp/hangame/easy/nanapachi/event/120426_battle/bg_map_layer.png) no-repeat left top;
padding:9px 0 10px 30px;
width:233px;
z-index:100;
text-align:left;
}
.mapLayer h3{
font-size:16px;
line-height:23px;
margin-bottom:3px;
}
.mapLayer h3.red{
color:#b00000;
}
.mapLayer h3.yellow{
color:#b1ba20;
}
.mapLayer h3.blue{
color:#3537a2;
}
.pointArea{
width:232px;
}
.pointArea:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.pointArea p{
float:left;
margin-right:9px;
}
.pointList li{
line-height:26px;
padding-bottom:2px;
}
.pointList li img{
margin-right:5px;
vertical-align:middle;
}
.pointList li.redPoint{
color:#b00000;
}
.pointList li.bluePoint{
color:#3537a2;
}
.pointList li.yellowPoint{
color:#b1ba20;
}

/* mainArea
================================================== */
.officialBtnArea{
width:1030px;
}
.officialBtnArea:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#recordArea{
position:relative;
float:left;
background:url(http://images.hangame.co.jp/hangame/easy/nanapachi/event/120426_battle/bg_record.jpg) no-repeat left 25px;
padding:26px 0 11px;
width:758px;
}
#teamRecord{
padding:18px 0 11px 11px;
color:#383838;
}
#teamRecord img{
padding-right:19px;
}
#teamRecord span{
padding-right:6px;
margin-right:6px;
background:url(http://images.hangame.co.jp/hangame/easy/nanapachi/event/120426_battle/bg_record_div.gif) no-repeat right center;
}
.redTeam span{
color:#b00000;
}
.blueTeam span{
color:#3537a2;
}
.yellowTeam span{
color:#b1ba20;
}
.modelList{
padding:0 0 4px 14px;
width:737px;
}
.modelList:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.modelList li{
float:left;
}
.modelList li.modelTitle{
padding:8px 13px 0 0;
}
.personRecord{
padding:20px 0 0 11px;
}
.recordDetail{
margin:13px 0 0 11px;
}
.recordDetail span{
padding:0 15px 0 6px;
width:89px;
color:#000;
}
.remunerationBtn{
position:absolute;
right:0;
bottom:0;
}
.recordNote{
font-size:10px;
color:#383838;
line-height:20px;
}
.officialBtn{
float:right;
}
#communityArea{
margin-top:24px;
width:1030px;
}
#communityArea:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.statusArea{
float:left;
border:12px solid #e3e0d8;
background:url(http://images.hangame.co.jp/hangame/easy/nanapachi/event/120426_battle/bg_status_area.gif) no-repeat left top;
padding-bottom:11px;
}
.statusList{
padding:4px 0 0 18px;
width:716px;
}
.statusList:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.statusList li{
padding:8px 0 6px;
width:358px;
background:url(http://images.hangame.co.jp/hangame/easy/nanapachi/event/120426_battle/bg_model_name.png) no-repeat 149px top;
float:left;
}
.statusList li .pointList{
width:
}
.statusList li .pointList li{
float:none;
background:none;
padding:0 0 2px 0;
width:auto;
}
.statusList li .pointList li img{
margin-right:10px;
}
.statusList li .pointList li span{
margin-right:9px;
}
.statusList li .modelImg{
border:2px solid #000;
width:156px;
float:left;
margin-right:11px;
}
.modelName{
padding:18px 0 11px;
}
.groupBtn{
margin-top:16px;
text-align:center;
}
.community{
float:right;
width:252px;
color:#000;
}
.showAvatar{
float:left;
margin-right:4px;
border:1px solid #fff;
}
.userID{
line-height:18px;
}
.userID a{
text-decoration:underline;
color:#000;
}
.contriDate{
position:absolute;
right:3px;
top:13px;
font-size:10px;
}
.communityList{
border-bottom:1px solid #000;
width:252px;
*height:357px;
*padding-top:2px;
}
.communityList li{
position:relative;
border-bottom:1px dotted #000;
height:60px;
*height:57px;
padding-top:12px;
margin-bottom:-1px;
}
.communityList li:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.bbsDetail{
float:left;
width:224px;
}
.contriCont{
width:224px;
word-wrap:break-word;
font-size:14px;
line-height:16px;
}
.pageList{
width:212px;
margin:12px auto 0;
}
.pageList:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.pageList li{
float:left;
padding:2px 7px;
border:1px solid #000;
margin-right:5px;
color:#000;
}
.pageList li a {
color:#000;
text-decoration:underline;
}
.pageList li.prev{
margin-right:11px;
border:none;
padding:3px 0;
}
.pageList li.next{
margin-right:0;
border:none;
padding:3px 0 3px 6px;
}
.contriArea{
width:252px;
margin-top:12px;
color:#000;
}
.contriArea p{
line-height:18px;
}
.contriArea p textarea{
width:180px;
height:48px;
border:1px solid #d3d3d3;
font-size:12px;
line-height:16px;
}
.bannerList{
margin-top:36px;
}
.bannerList li{
padding-bottom:3px;
}
#incentiveArea{
margin-top:44px;
padding:14px 0 0 0;
}
#before #incentiveArea{
margin-top:23px;
background:url(http://images.hangame.co.jp/hangame/easy/nanapachi/event/120426_battle/bg_incentive.jpg) no-repeat left top;
}
#incentiveArea h3{
margin-left:19px;
}
.getBtn{
margin:-31px 0 0 261px;
}
.incentiveList{
width:1000px;
margin:19px 0 0 8px;
}
.incentiveList:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.incentiveList li{
float:left;
padding-bottom:31px;
position:relative;
}
.incentiveList li .icon1{
position:absolute;
top:124px;
left:29px;
}
.incentiveList li .icon2{
position:absolute;
top:95px;
left:0px;
}
.incentiveList li .incentiveNote{
position:absolute;
top:141px;
left:93px;
color:#000;
}
#btnArea{
margin:23px 0 0 142px;
position:relative;
}
#btnArea span{
position:absolute;
right:108px;
top:30px;
}
#noteList{
margin-top:61px;
color:#383838;
padding-bottom:28px;
}
#guideArea{
float:left;
width:758px;
}
.guideList{
width:758px;
}
.guideList:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.guideList li{
float:left;
color:#000;
margin-right:10px;
}
.guideList li.last{
margin-right:0;
}
.guideList li p{
margin-bottom:6px;
}
.guideList li a{
color:#000;
text-decoration:underline;
}
#before .officialBtnArea{
margin-top:-31px;
}
#before .officialBtnArea h3{
margin-bottom:6px;
}