@charset "utf-8";

/*----------------------------------------------------------------
　2010.07.07　ライトノベルの楽しい書き方
----------------------------------------------------------------*/
body {
	background:url(../images/common/bg2.gif) #FFFFFF repeat-y center;
	color : #333333;
	font-family : "ＭＳ Ｐゴシック", "Osaka", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height : 150%;
}
body.index {
	background:url(../images/common/bg2b.gif) #FFFFFF repeat-y center;
	color : #333333;
	font-family : "ＭＳ Ｐゴシック", "Osaka", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height : 150%;
}
a { color : #0066FF; text-decoration:underline;}
a:active,a:hover { color : #9933FF; text-decoration:none;}

#bg {
	width:1000px;
	margin:0 auto;
	background:url(../images/common/bg.jpg) #39CEEF no-repeat;
}
#wrapper {
	position:relative;
	width:820px;
	margin:0 auto;
	background:#FFFFFF;
}
h1 {
	background:url(../images/common/header_title.jpg) no-repeat;
	width:820px;
	height:133px;
	text-indent:-5000px;
}
h2.news {
	background:url(../images/news/title.gif) no-repeat;
	width:740px;
	height:25px;
	text-indent:-5000px;
	margin-bottom:20px;
}
h2.story {
	background:url(../images/story/title.gif) no-repeat;
	width:740px;
	height:25px;
	text-indent:-5000px;
	margin-bottom:20px;
}
h2.cast {
	background:url(../images/cast/title.gif) no-repeat;
	width:740px;
	height:25px;
	text-indent:-5000px;
	margin-bottom:20px;
}
h2.staff {
	background:url(../images/staff/title.gif) no-repeat;
	width:740px;
	height:25px;
	text-indent:-5000px;
	margin-bottom:20px;
}
h2.original {
	background:url(../images/original/title.gif) no-repeat;
	width:740px;
	height:25px;
	text-indent:-5000px;
	margin-bottom:20px;
}
h2.trailer {
	background:url(../images/trailer/title.gif) no-repeat;
	width:740px;
	height:25px;
	text-indent:-5000px;
	margin-bottom:20px;
}
h2.theater {
	background:url(../images/theater/title.gif) no-repeat;
	width:740px;
	height:25px;
	text-indent:-5000px;
	margin-bottom:20px;
}

#content{ background:#FFFFFF; padding-bottom:20px; }
#content_innner { width:740px; margin:0 auto; }
#content_innner2 { width:732px; margin:0 auto; }
#content_innner_news,
#content_innner_theater { width:600px; margin:0 auto; }


#menu ul { font-size:0; line-height:0; position:static;}
#menu li { float:left;}

.pan { margin:10px 10px 5px 10px; text-align:right; font-size:85%;}
.header_photo { position:absolute; top:0px; left:470px;}
.green { color:#339900;}
.dblue { color:#00078F;}
.pagetop { margin:20px 0 0 0; text-align:right; font-size:85%;}
.w500 { width:500px; }
.w430 { width:430px; }
.w90 { width:90px; }
.news_date {width:90px; float:left; color:#E74C00; margin-right:10px;}
.news_text {width:500px; float:left; }
.line {height:1px; margin:8px 0; background:url(../images/common/line.gif) repeat-x;}
.theater_title { width:70px; color:#CC6600; font-size:120%; font-weight:bold; margin-bottom:10px;}
.theater_text { width:530px; color:#000000; font-size:120%; font-weight:bold; margin-bottom:10px;}



/*-----index-----*/
#bg_index {
	width:1000px;
	margin:0 auto;
	background:url(../images/index/bg.jpg) #39CEEF no-repeat;
}
#wrapper_index {
	width:820px;
	margin:0 auto;
}
h1.index {
	background:url(../images/index/header_title_index.jpg) no-repeat;
	width:820px;
	height:66px;
	text-indent:-5000px;
}
#content_index{ position:relative; }
#news { position:absolute; top:80px; left:35px;}
	#news dl { marin:5px 0; width:210px; }
	#news dt { float:left; width:70px; color:#FF9966; clear:both; font-size:85%; line-height:1.4;}
	#news dd { float:left; width:140px; color:#FFFFFF; font-size:85%; line-height:1.4; margin-bottom:3px;}
	#news a:link,#news a:visited { color : #FFFFFF; text-decoration:underline;}
	#news a:active,#news a:hover { color : #6699FF; text-decoration:none;}
#menu_index { position:absolute; top:30px; left:683px;}
	#menu_index ul { font-size:0; line-height:0;}
	#menu_index li { margin-bottom:2px;}
#banneraria { position:absolute; top:560px; left:600px;}