/*base*/

/* 各ブラウザの標準スタイルの破棄'
---------------------------------------------------------------------------- */
/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}legend{color:#000}


/*link*/

a {
	color:#ff9999;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#ff9999;
	text-decoration:underline;
}


/*layout*/

html {
	height:100%;
	background:url(../img/bg.png) repeat-y center #FFF;
}

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:75%;
	line-height:1.8;
	color:#FFF;
	text-align:center;
}

img {
	vertical-align:bottom;
}

#container {
	position:relative;
	width:970px;
	margin:0 auto;
}

a img:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}


#header {
	position:absolute;
	width:970px;
	margin:0 auto;
	top:0;
	left:50%;
	margin-left:-485px;
	text-align:left;
}

#nav {
	float:right;
	margin:10px;
}

#nav li {
	float:left;
}

#nav li.none {
	filter: alpha(opacity=30);
	-moz-opacity:0.30;
	opacity:0.30;
}

#nav li.navsns {
	padding-top:5px;
	padding-left:5px;
}


#top_estar {
	position:absolute;
	top:555px;
	left:335px;
}

#top_link {
	position:absolute;
	top:827px;
	left:615px;
}

#top_link li {
	float:left;
}

#comic {
	position:relative;
	height:1330px;
	background:#003b99;
}

#comic_image {
	position:absolute;
	top:160px;
	left:120px;
	width:730px;
	height:1130px;
	overflow:auto;
	text-align:center;
}

#comic_image img {
	margin:0px 0 20px 0;
}

#story {
	position:relative;
}

#story_estar {
	position:absolute;
	bottom:60px;
	left:40px;
}

#reading {
	position:relative;
}

#reading #readingbox {
	position:absolute;
	top:180px;
	left:100px;
	width:750px;
	height:540px;
	overflow:auto;
}

#reading #readingbox p {
	font-size:16px;
	line-height:2.0;
	text-align:left;
	padding:20px;
}


.pagetop {
	background:#FFF;
	width:46px;
	height:46px;
	position:fixed;
	left:50%;
	bottom:46px;
	z-index:1000;
	display:none;
	margin-left:440px;
}