@import url("default.css");
@import url("common.css");

#pagemain_bg{
	background:#ffffff;
	width:920px;
	display:block;
	vertical-align:top;
	z-index:1;
	margin:0;
}
#intro,#info,#cast ,#chart,#story,#chartblock1{
	margin:0 auto;
	width:920px;
	z-index:2;
}
/*===============================
  INTRODUCTION
===============================*/
#intro{
	background:url("../images/intro/intro_bg.jpg") 0 0 no-repeat;
	width:920px;
	height:570px;
	display:block;
	position:relative;
	font-size:14px;
	line-height:1.7em;
}
#intro .text{
	top:290px;
	left:470px;
	position:absolute;
	width:420px;
	text-align:justify;
}

/*===============================
 STORY
===============================*/
#story{
	background:url("../images/story/story_bg.jpg") 0 0 no-repeat;
	width:920px;
	height:895px;
	padding:5px 0;
	margin:0 auto;

}
#story .tab{
	margin-top:82px;
	margin-left:30px;
	padding:0 0 40px;
	position:absolute;
	font-size:14px;
	color:#b82f24;
}
#story .tab a{
	color:#b82f24;
}
#story .capter{
	margin:135px 30px 0 30px;
	padding-bottom:0px;
	background:url("../images/story/story_line.gif")center bottom no-repeat;
	font-size:13px;
	text-align:justify;
	line-height:1.7em;
}
#story .capter .photo{
	margin:0 10px 0 0;
	float:left;
}
#story .capter h3{
	color:#761a1c;	
	font-size:18px;
	margin-bottom:5px;
}

#story .capter2{
	margin:32px 30px 0 30px;
	padding-bottom:0px;
	background:url("../images/story/story_line.gif")center bottom no-repeat;
	font-size:13px;
	text-align:justify;
	line-height:1.7em;
}
#story .capter2 .photo{
	margin:0 10px 0 0;
	float:left;
}
#story .capter2 h3{
	color:#761a1c;	
	font-size:18px;
	margin-bottom:5px;
}

#story .capter .backtop{
	margin:10px 0;
}

/*===============================
backtop
===============================*/
#backtop{
	margin:0 0;
	background:#ffffff;
	float:right;
}



/*===============================
CAST
===============================*/
.chara , .chara2{
	text-align:justify;
	font-size:13px;
}
.prifile , .prifile2{
	text-align:justify;
	font-size:11px;
}
#meincast1{
	display: block;
	width:920px;
	height:340px;
	background: url(../images/cast/cast_block_1.jpg) 0 0 no-repeat;
	position:relative;
}
#meincast1 .chara{
	top:144px;
	left:270px;
	position:absolute;
	width:540px;
}
#meincast1 .prifile{
	top:240px;
	left:343px;
	position:absolute;
}
#meincast2{
	display: block;
	width:920px;
	height:250px;
	background: url(../images/cast/cast_block_2.jpg) 0 0 no-repeat;
	position:relative;
}
#meincast2 .chara{
	top:62px;
	left:110px;
	position:absolute;
	width:540px;
}
#meincast2 .prifile{
	top:158px;
	left:280px;
	position:absolute;
}
#meincast3{
	display: block;
	width:920px;
	height:300px;
	background: url(../images/cast/cast_block_3.jpg) 0 0 no-repeat;
	position:relative;
}
#meincast3 .chara{
	top:69px;
	left:155px;
	position:absolute;
	width:290px;
}
#meincast3 .prifile{
	top:223px;
	left:103px;
	position:absolute;
}
#meincast3 .chara2{
	top:69px;
	left:595px;
	position:absolute;
	width:290px;
}
#meincast3 .prifile2{
	top:223px;
	left:543px;
	position:absolute;
}
#meincast4{
	display: block;
	width:920px;
	height:295px;
	background: url(../images/cast/cast_block_4.jpg) 0 0 no-repeat;
	position:relative;
}
#meincast4 .chara{
	top:56px;
	left:155px;
	position:absolute;
	width:290px;
}
#meincast4 .prifile{
	top:210px;
	left:103px;
	position:absolute;
}

/*===============================
CHART
===============================*/
#chart{
	display: block;
	width:920px;
	height:730px;
	background: url(../images/chart/chart_bg.jpg) 0 0 no-repeat;
	position:relative;
}
#chart .whonganha{
	top:201px;
	left:405px;
	background:url(../images/chart/hoshi_chart_03_mo.jpg) no-repeat;
	text-indent: -9999px;
	position:absolute;
}
#chart .whonganha a{
	background:url("../images/chart/hoshi_chart_03.jpg") no-repeat;
	width:241px;
	height:238px;
	display:block;
}
#chart .whonganha a:hover{
	background:none;
}
#chart .chinparugan{
	top:222px;
	left:90px;
	background:url(../images/chart/hoshi_chart_06_mo.jpg) no-repeat;
	text-indent: -9999px;
	position:absolute;
}
#chart .chinparugan a{
	background:url("../images/chart/hoshi_chart_06.jpg") no-repeat;
	width:245px;
	height:240px;
	display:block;
}
#chart .chinparugan a:hover{
	background:none;
}
#chart .chonjeyon{
	top:237px;
	left:736px;
	background:url(../images/chart/hoshi_chart_09_mo.jpg) no-repeat;
	text-indent: -9999px;
	position:absolute;
}
#chart .chonjeyon a{
	background:url("../images/chart/hoshi_chart_09.jpg") no-repeat;
	width:152px;
	height:167px;
	display:block;
}
#chart .chonjeyon a:hover{
	background:none;
}

#chart .whonjunha{
	top:488px;
	left:701px;
	background:url("../images/chart/hoshi_chart_15_mo.jpg") no-repeat;
	text-indent: -9999px;
	position:absolute;
}
#chart .whonjunha a{
	background:url("../images/chart/hoshi_chart_15.jpg") no-repeat;
	width:169px;
	height:167px;
	display:block;
}
#chart .whonjunha a:hover{
	background:none;
}

#chart .utegyu{
	top:510px;
	left:486px;
	background:url(../images/chart/hoshi_chart_18_mo.jpg) no-repeat;
	text-indent: -9999px;
	position:absolute;
}
#chart .utegyu a{
	background:url("../images/chart/hoshi_chart_18.jpg") no-repeat;
	width:160px;
	height:173px;
	display:block;
}
#chart .utegyu a:hover{
	background:none;
}



/*===============================
 INFORMATION
===============================*/

#onair{
	display: block;
	width:920px;
	height:424px;
	background: url(../images/info/hoshi_onair.jpg) 0 0 no-repeat;
	position:relative;
}
#onair #text1{
	top:237px;
	left:140px;
	position:absolute;
	font-size:18px;
	text-align:top;
	line-height:1.8em;
	color:#000000;
}
#onair #text2{
	top:383px;
	left:630px;
	width:260px;
	height:20px;
	position:absolute;
	font-size:12px;
	text-align:right;
	color:#000000;
}
#onair #text3{
	top:188px;
	left:140px;
	position:absolute;
	font-size:18px;
	text-align:top;
	line-height:1.2em;
	color:#000000;
}
#onair #text4{
	top:84px;
	left:140px;
	position:absolute;
	font-size:18px;
	text-align:top;
	line-height:1.8em;
	color:#000000;
}

#sellinfo{
	display: block;
	width:920px;
	height:708px;
	background: url(../images/info/info_bg.jpg) 0 0 no-repeat;
	position:relative;
	font-size:13px;
}
#sellinfo #dvd1spec{
	top:175px;
	left:40px;
	position:absolute;
	color:#000000;
}
#sellinfo #dvd2spec{
	top:175px;
	left:480px;
	position:absolute;
	color:#000000;
}
#sellinfo #dvd3spec{
	top:628px;
	left:40px;
	position:absolute;
	font-size:11px;
	color:#000000;
}
#sellinfo a{
	display: block;
	width:136px;
	height:36px;
	background: url(../images/info/syousai_linkbtn.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#sellinfo a:hover{
	background: url(../images/info/syousai_linkbtn.gif) 0 -36px no-repeat;
}
#sellinfo #dvd1syousai{
	top:214px;
	left:239px;
	position:absolute;
}
#sellinfo #dvd2syousai{
	top:214px;
	left:679px;
	position:absolute;
}

#sellinfo #tokuten{
	top:456px;
	left:40px;
	position:absolute;
	background:#0668b2;
	padding:4px 7px;
	font-weight:bold;
	color:#fff;
	font-size:15px;
	border:2px #0668b2 solid;
}
#sellinfo #tokuten span{
	background:#fff;
	padding:2px 7px;
	color:#0668b2;
}