/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img{width: 100%;}

p#pagetop{position:fixed; bottom:50%; right:0px;margin-top:-45px; width:100%;max-width:35px; z-index:10000;}
/*----------------------------------------------*/
/* comoon */

html,body{height:100%;}
body{background: url(../_img/smallLight.png) repeat-y center center #00010e;}

/*
#smallLight {
	background: url(../_img/smallLight.png) repeat-y center center;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 100;
}
*/

#contentInnerLight{ width: 100%; background: url(../_img/ringLight.png) no-repeat top center;}
#contentInnerFlare{ width: 100%; background: url(../_img/backLight.png) no-repeat center center;}
#contentInnerBottom{ width: 100%; background: url(../_img/floorLight.png) no-repeat center 800px;}
#mediumLight{ width:1024px; background: url(../_img/mediumLight.png) repeat-y; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 200;}
#largeLight{ width:1024px; background: url(../_img/largeLight.png) repeat-y; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 300;}
#centerInner{ width:1024px; height:100%; margin: 0 auto; position: relative; z-index: 400; overflow: hidden;}
#content{ width: 1024px; min-height:1171px; margin: 0 auto; position: relative; z-index: 600; overflow: hidden;}

#content .readBox{width:100%; max-width:900px; margin:30px auto; }
#content .readBox .imgBox{width:100%; max-width:900px;}
#content .readBox .center{width:100%; max-width:900px; background: url(../_img/comentBG.png);}
#content .readBox .center p{padding:20px; line-height: 1.5em;}
#content .readBox .center dl{padding:20px; line-height: 1.5em;}
#content .readBox .center dl dt{font-weight: bold}
#content .readBox .center dl dd{padding-bottom: 1.5em}


/* gungho heder*/
#gungho { width: 100%;  height: 31px;  background: #fff;  border-bottom: 4px solid #ccc;  position: relative;  z-index: 400;}
#gungho .inner {max-width: 1024px;  height: 31px;  margin: 0 auto;}
#gungho #ragnarok { float: left; }
#gungho #roInfo { text-align: right; }
#gungho #roInfo li { display: inline-block;  line-height: 31px;  margin-left: 1.5em; }
#gungho #roInfo li a { font-size: 12px;  font-weight: bold;  color: #000; }

/* footer*/
#footer{ max-width:1024px;margin:0 auto;}
.credit{padding:1em;font-size:0.8em;color:#fff;}