@charset "Shift_JIS";


/* - First{ R.O. } - Last{ R.O. } - Update{ 2008-02-08 } - About{ playguide for C21 } */

/* operation
-------------------------------------------------- */
ul#pgTab{
width: 526px;
height: 38px;
padding: 0 0 0 34px;
}
ul#pgTab li{
float: left;
margin: 0 1px 0 0;
}

h4.opeTtl{
clear: both;
margin: 0 0 10px 20px;
}

#main-area h3{
padding: 0 0 5px 20px;
font-weight: bold;
}

#main-area p{
padding: 0 20px 15px 20px;
line-height: 16px;
}

#main-area p.subtext{
padding: 15px 20px 5px 20px;
line-height: 16px;}

#main-area div.pix{
margin-bottom: 20px;
text-align: center;
}

#main-area td em {
color: #0066ff;
font-style: normal;
font-weight: bold;
}

#main-area ul.numList{
width: 480px;
margin: -10px 0 20px 35px;
padding: 0;}

#main-area ul.numList li{
margin: 0;
padding: 0;
}

#main-area ul.numList li p{
margin: 0;
padding: 0 0 7px 20px;
}

.font-small {
color: #0066ff;
font-size: 10px;
line-height: 1.5em;
}

#main-area dl.subwin{
float: left;
width: 480px;
}

#main-area dl.subwin dt{
float: left;
}

#main-area dl.subwin dd{
float: left;
}

#main-area dl.subwin dd p{
width: 210px;
}
#main-area dl.subwin dd p.type01{
width: 190px;
}

#main-area dl.subwin dt.right{
float: right;
}

#main-area dl.subwin dd.left{
float: left;
}

#main-area dl.subwin dd ul.numList01{
margin: 0 0 0 10px;
padding: 0;}

#main-area dl.subwin dd ul.numList01 li{
margin: 0;
padding: 0;
}

#main-area dl.subwin dd ul.numList01 li p{
margin: 0;
padding: 0 0 7px 20px;
}

/* firstplay
-------------------------------------------------- */

/* dimension */
#dimension{
position: relative;
padding-bottom: 30px;
}

#dimension dt{
margin-top: 15px;
font-weight: bold;
}

#dimension .exScreenBtn{
position: absolute;
top: 155px;
right: 27px;
}


/* community guild
-------------------------------------------------- */
.contBox{
width: 560px;
margin: 0 auto 15px;
padding-top: 15px;
background: #f5f6fa url(//images.hange.jp/_images/game/c21/playguide/bg_top.gif) left top no-repeat;
}

.contBox h4{
margin: 15px 0 5px;
padding: 0 15px;
font-weight: bold;
}

.contBox p{
padding: 0 15px;
}

.contBox em{
color: #06f;
font-weight: bold;
font-style: normal;
}

#guild .organization li{
margin-top: 10px;
text-align: center;
}

#guildFunction{
padding-bottom: 15px;
background: #f5f6fa url(//images.hange.jp/_images/game/c21/playguide/bg_bottom.gif) left bottom no-repeat;
}

#guildFunction dl{
width: 480px;
margin: auto;
}

#guildFunction dt{
position: relative;
margin: 15px 0 5px;
padding: 8px 5px;
border-top: 1px solid #678;
border-bottom: 1px solid #678;
background-color: #d0d9e0;
font-weight: bold;
}

.guildUser{
position: absolute;
top: 3px;
right: 10px;
}

#guildFunction dt img{
vertical-align: middle;
}

#guild #guildFunction dl p{
padding: 0;
}

.functionImg,
.functionImg li{
margin-top: 5px;
text-align: center;
}

/* more enjoy
-------------------------------------------------- */
#moreEnjoy{
margin-left: 20px;
}

#moreEnjoy table{
margin-bottom: 20px;
}

/* prepaere
-------------------------------------------------- */
#forVista{
position: relative;
height: 85px;
margin: 10px 0 15px 20px;
padding: 20px 0 0 35px;
background: url(//images.hange.jp/_images/game/c21/playguide/bg_for_vista.gif) left top no-repeat;
}

.vistaBtn{
position: absolute;
top: 15px;
left: 370px;
}