@charset "utf-8";
div.mod_block_1 h2.mod_block_1_pic {
	width: 100%;
	background: transparent url(../img/js_animatebg_loading1.gif) top left repeat-x;
}
div.mod_block_1 h2.mod_block_1_pic a {
	height: 160px;
	display: block;
	outline: none;
	text-indent: -9999px;
}
/* Transfer BG */
.js_animatebg {
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
}
a.js_animatelink,
a.js_animatelink:visited {
	display: inline;
	color: #5fb6e0;
	background: transparent url(../img/js_animatelink_bg.gif) -520px 0 no-repeat;
	line-height: 1;
	text-decoration: underline;
}
.bg1 {	background: transparent url(../img/mod_block_1_bg.jpg);}
.bg2 {	background: transparent url(../img/mod_block_2_bg.jpg);}
.bg3 {	background: transparent url(../img/mod_block_3_bg.jpg);}
.bg4 {	background: transparent url(../img/mod_block_4_bg.jpg);}



#container {
	width: 100%;
}
#header {
	width: 980px;
	margin: 0 auto;
}
#header .f_left {
	padding-top: 35px;
}
#header .f_right {
	width: 580px;
}
#header .f_right .logo_moresco {
	margin-bottom: 100px;
	text-align: right;
}
#header .f_right .copy {
	margin-bottom: 10px;
}
#contents{
	width:80%;
	float:right;
	padding-bottom:125px;
}
#contents .js_charatarget{
	margin-top:65px;
}
#contents dl{
	/* height:67px; */
	margin-bottom:10px;
	padding-top:30px;
	padding-left:120px;
	background-position:0 0;
	background-repeat:no-repeat;
}
#contents #vol1 dl{ background-image:url(../img/icon_story1.png);}
#contents #vol2 dl{ background-image:url(../img/icon_story2.png);}
#contents #vol3 dl{ background-image:url(../img/icon_story3.png);}
#contents dt{
	font-size:22px;
	font-weight:bold;
}
#contents dd{
	font-size:20px;
}
#contents dd span{
	font-size:12px;
}
#contents .js_charatarget h2{
	margin-left:50px;
}