@charset "UTF-8";

/*--------------------------------------------------------------*/
/* リンク
/*--------------------------------------------------------------*/

#main{
	padding-top: 140px;
}


/* 見出し */

#intro h2{
	position: absolute;
	width: 300px;
	height: 45px;
	top: 78px;
	left: 70px;
	text-indent: -9999px;
	background-image: url(../img/dl/dl_intro_heading.png);
	background-repeat: no-repeat;
	z-index: 10;
}


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

#this_month{
	position: relative;
	width: 866px;
	height: 393px;
	margin: 0 0 50px 20px;
	background-image: url(../img/dl/this_month_bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

#this_month h3{
	position: absolute;
	top: 15px;
	right: 200px;
	width: 216px;
	height: 80px;
}

#this_month div.image{
	position: absolute;
	top: 60px;
	left: 125px;
	width: 307px;
	height: 222px;
}

#this_month div.image img{
	position: absolute;
	top: 10px;
	left: 18px;
}

#this_month div.image div.frame{
	position: absolute;
	top: 0;
	left: 0;
	width: 307px;
	height: 222px;
	background-image: url(../img/dl/this_month_frame.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#this_month p.text{
	position: absolute;
	top: 120px;
	right: 55px;
	width: 350px;
	
}

#this_month ul{
	position: absolute;
	bottom: 105px;
	right: 40px;
	width: 350px;
}

#this_month ul li{
	float: left;
	width: 153px;
	padding-left: 22px;
	font-size: 110%;
	line-height: 1.8em;
	background-image: url(../img/dl/this_month_list.gif);
	background-position: left center;
	background-repeat: no-repeat;
	list-style: none;
}

#this_month div.turnover{
	position: absolute;
	top: 9px;
	left: 11px;
	width: 168px;
	height: 86px;
	background-image: url(../img/dl/this_month_turnover.png);
	background-position: left top;
	background-repeat: no-repeat;
}


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

#backnumber{
	position: relative;
	width: 820px;
	margin-left: 40px;
	padding-top: 60px;
	background-image: url(../img/dl/backnumber_bg.gif);
	background-position: center;
	background-repeat: repeat-y;
	z-index: 70;
}

#backnumber h3{
	position: relative;
	margin: -80px 0 20px 20px;
	width: 215px;
	height: 68px;
	text-indent: -20000em;
	background-image: url(../img/dl/h3_backnumber.png);
	background-position: left top;
	background-repeat: no-repeat;
	z-index: 70;
}

#backnumber div.top{
	position: absolute;
	top: 0;
	left: 0;
	width: 820px;
	height: 7px;
	background-image: url(../img/dl/backnumber_bg_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#backnumber div.bottom{
	width: 820px;
	height: 46px;
	background-image: url(../img/dl/backnumber_bg_bottom.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#backnumber dl{
	float: left;
	width: 185px;
	margin: 0 0 10px 12px;
}

#backnumber dl dt{
	font-weight: bold;
	font-size: 110%;
	margin-left: 15px;
}

#backnumber dd dl dt{
	position: relative;
	width: 183px;
	height: 137px;
	margin: 0 0 5px 0;
	font-weight: normal;
	font-size: 100%;
}

#backnumber dd dl dt img{
	position: absolute;
	top: 10px;
	left: 10px;
}

#backnumber dd dl dt div.frame{
	position: absolute;
	top: 0;
	left: 0;
	width: 183px;
	height: 137px;
	background-image: url(../img/dl/backnumber_frame.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#backnumber dd dl dd{
	float: left;
	width: 74px;
	padding-left: 18px;
	font-size: 80%;
	line-height: 1.8em;
	background-image: url(../img/dl/backnumber_list.gif);
	background-position: 3px center;
	background-repeat: no-repeat;
}


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

#exp{
	position: relative;
	width: 576px;
	margin: 30px auto 40px auto;
	padding: 20px 60px 10px 30px;
	background-image: url(../img/dl/exp_bg.gif);
	background-position: top;
	background-repeat: repeat-y;
	z-index: 70;
	clear: both;
}

#exp p{
	margin-bottom: 0.8em;
}

#exp div.top{
	position: absolute;
	top: 0;
	left: 0;
	width: 666px;
	height: 13px;
	background-image: url(../img/dl/exp_bg_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#exp div.bottom{
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 666px;
	height: 11px;
	background-image: url(../img/dl/exp_bg_bottom.gif);
	background-position: left top;
	background-repeat: no-repeat;
}


/*--------------------------------*/
/* 装飾キャラ */

#ch16{
	position: absolute;
	top: -40px;
	right: -55px;
}

#ch17{
	position: absolute;
	bottom: 62px;
	left: 26px;
}

#ch19{
	position: absolute;
	top: -70px;
	left: 350px;
}

#ch20{
	position: absolute;
	top: 310px;
	left: -120px;
}

#ch21{
	position: absolute;
	top: 510px;
	right: -140px;
}

#ch22{
	position: absolute;
	bottom: -20px;
	right: -60px;
	z-index: 70;
}