body{
margin:0;
padding:0;
font-family:'ＭＳ Ｐゴシック',sans-serif;
font-size: 12px;
background:#fff9c3;
background: url(http://static.nexon.co.jp/asgard03/campaign/campaign19/camp19_bg.gif) repeat;
line-height:1.6;
}
#container{
/*width:1166px;*/
width:100%;
margin:0 auto;
}
h1,h2,h3,h4{
margin:0;
padding:0;
position:absolute;
left:-9999px;
}
p,ul,dl{
margin:0;
padding:0;
list-style-type:none;
}
ul li{
margin:0;
padding:0;
line-height:1.5;
color:#66563d;
}
a span{
position:absolute;
left:-9999px;
}

.ttl{
position:relative;
margin:0 auto;
background:url(http://static.nexon.co.jp/asgard03/campaign/campaign21/camp21_ttl.jpg) no-repeat center top;
width:1166px;
height:520px;
}
.ttl .sttl{
position:absolute;
left:-9999px;
}
.ttl .logo{
position:absolute;
top:8px;
left:30px;
width:120px;
height:46px;
text-indent:-9999px;
}
.ttl .logo a{
display:block;
width:120px;
height:46px;
}
.ttl p{
position:absolute;
top:23px;
left:1003px;
color:#757575;
}
.ttl a:link,
.ttl a:visited{
color:#757575;
text-decoration:none;
}
.ttl a:hover,
.ttl a:active{
color:#757575;
text-decoration:underline;
}
.read{
margin:0 auto;
background:url(http://static.nexon.co.jp/asgard03/campaign/campaign21/camp21_read.jpg) no-repeat center top; 
width:1166px;
height:194px;
text-align:center;
}
.read p{
padding-top:150px;
color:#a69483;
}
.read .readtxt{
position:absolute;
left:-9999px;
}
.frame{
margin:0 auto 50px;
width:726px;
background:url(http://static.nexon.co.jp/asgard03/campaign/campaign19/frame.gif) repeat-y left top;
}
.frame-btm{
padding:0 0 49px;
background:url(http://static.nexon.co.jp/asgard03/campaign/campaign19/frame_btm.gif) no-repeat left bottom;
}
.frame img{
float:left;
margin:0 40px 0 27px;
border:0;
}
.frame table{
width:430px;
line-height:1.6;
}
.frame table th,
.frame table td{
padding:3px 0 2px 0;
border-bottom:solid 1px #c2b096;
color:#66563d;
vertical-align:top;
text-align:left;
}
.frame table th.price,
.frame table td.price{
padding:3px 0 2px 0;
border:none;
color:#66563d;
vertical-align:top;
text-align:left;
}
.frame table th,
.frame table th.price{
padding-left:11px;
width:100px;
}
.frame table td,
.frame table td.comment{
padding-right:9px;
}
.frame .box{
clear:both;
padding:0 0 0 30px;
}
.frame .box01{
clear:both;
background:url(http://static.nexon.co.jp/asgard03/campaign/campaign21/img_item01.gif) no-repeat left 170px;
}
.frame .box02{
clear:both;
height:255px;
background:url(http://static.nexon.co.jp/asgard03/campaign/campaign21/img_item02.gif) no-repeat left 170px;
}
.frame .box03{
clear:both;
height:265px;
background:url(http://static.nexon.co.jp/asgard03/campaign/campaign21/img_item03.gif) no-repeat left 170px;
}
.frame .box04{
clear:both;
height:265px;
background:url(http://static.nexon.co.jp/asgard03/campaign/campaign21/img_item04.gif) no-repeat left 170px;
}
.frame .box05{
clear:both;
height:255px;
background:url(http://static.nexon.co.jp/asgard03/campaign/campaign21/img_item05.gif) no-repeat left 170px;
}
.frame .box06{
clear:both;
background:url(http://static.nexon.co.jp/asgard03/campaign/campaign21/img_item06.gif) no-repeat left 170px;
}
.frame .box07{
clear:both;
background:url(http://static.nexon.co.jp/asgard03/campaign/campaign21/img_item07.gif) no-repeat left 170px;
}
.frame .box08{
clear:both;
height:255px;
background:url(http://static.nexon.co.jp/asgard03/campaign/campaign21/img_item08.gif) no-repeat left 170px;
}
.frame .box-line{
clear:both;
margin:0 0 30px;
padding:0 0 70px 30px;
background:url(http://static.nexon.co.jp/asgard03/campaign/campaign19/line.gif) no-repeat center bottom;
}
.frame-top01{
padding:115px 0 0;
width:726px;
background:url(http://static.nexon.co.jp/asgard03/campaign/campaign19/camp19_sttl01.jpg) no-repeat left top;
}
.frame-top02{
padding:115px 0 0;
width:726px;
background:url(http://static.nexon.co.jp/asgard03/campaign/campaign19/camp19_sttl02.jpg) no-repeat left top;
}
.frame-top03{
padding:115px 0 0;
width:726px;
background:url(http://static.nexon.co.jp/asgard03/campaign/campaign19/camp19_sttl03.jpg) no-repeat left top;
}

.frame .box-img01{
float:left;
width:200px;
height:260px;
margin:0 20px 0 0;
text-align:center;
}
box-img01:after {
content: "";
display: block;
clear: both;
}

.read p.readtxt,
.frame dl,
.frame dt,
.frame dd{
position:absolute;
left:-9999px;
}
/*TOPへ*/
.gotop{
width: 768px;
clear:both;
text-align: right;
margin:0 auto;
padding:2px 32px 0 0;
height:21px;
background:url(http://static.nexon.co.jp/asgard03/global/icn_gotop.gif) no-repeat 718px 4px;
}
.gotop a{
margin-left: 30px;
line-height:12px;
font-size:10px;
font-weight:bold;
color:#4a4a4a;
}
.gotop a:hover{
line-height:12px;
font-size:10px;
font-weight:bold;
color:#4a4a4a;
text-decoration:none;
}