@charset "utf-8";


/* Suggested order(via Mozilla.org):
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */



/* Reset
------------------------------------------------*/

*{
	margin:0;
	padding:0;
}

.table{font-size:inherit;}

th{font-weight:normal; text-align:left;}

a img, img{border:0;vertical-align:text-bottom;}

hr{ display:none; }

/* Text
------------------------------------------------*/

html,input,select,textarea{
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", sans-serif;
	line-height:1.7;
	font-weight:normal;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
}

a{ color:#fff; ext-decoration:underline; }
a:hover{ text-decoration:none; }

address{
	font-size:11px;
	font-style:normal;
	font-weight:normal;
}


/* List
------------------------------------------------*/

ul li{
	list-style-type:none;
}
ul.disc li{
	list-style-type:disc;
	margin-left:20px;
}
ul.circle li{
	list-style-type:circle;
	margin-left:20px;
}
ol li{
	list-style-position:outside;
}
ol.decimal li{
	list-style-type:decimal;
	margin:0 0 1em 30px;
}
ol.roman li{
	list-style-type:lower-roman;
}



/* Class
------------------------------------------------*/

/*for block element only*/
.hidden{
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
}

/*for all element*/
.vanish{display:none;}


/* clearfix */
/*for modern browser*/
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

/* ie */
.clearfix{
	zoom:1;
}


/* text */
.lh10{line-height:1;}
.lh11{line-height:1.1;}
.lh12{line-height:1.2;}
.lh13{line-height:1.3;}
.lh14{line-height:1.4;}
.lh15{line-height:1.5;}
.lh16{line-height:1.6;}
.lh17{line-height:1.7;}
.lh18{line-height:1.8;}
.lh19{line-height:1.9;}
.lh20{line-height:2;}

.ttl00{font-size:13px;}
.ttl01{font-size:14px;font-weight:bold;}
.ttl02{font-size:16px;font-weight:bold;}
.caution{font-size:11px;color:#999;line-height:1.3;}

.align_left{text-align:left;}
.align_right{text-align:right;}
.align_center{text-align:center;}

.float_left{float:left}
.float_right{float:right}
.clear{clear:both}

/* margin called 'mrg' */
.mrg_b05em{margin-bottom:0.5em;}
.mrg_b10em{margin-bottom:1em;}
.mrg_b15em{margin-bottom:1.5em;}
.mrg_b20em{margin-bottom:2em;}

.mrg_t05{margin-top:5px;}
.mrg_t10{margin-top:10px;}
.mrg_t15{margin-top:15px;}
.mrg_t20{margin-top:20px;}
.mrg_t30{margin-top:30px;}

.mrg_r00{margin-right:0;}
.mrg_r05{margin-right:5px;}
.mrg_r10{margin-right:10px;}
.mrg_r15{margin-right:15px;}
.mrg_r20{margin-right:20px;}
.mrg_r30{margin-right:30px;}

.mrg_b00{margin-bottom:0;}
.mrg_b05{margin-bottom:5px;}
.mrg_b07{margin-bottom:7px;}
.mrg_b10{margin-bottom:10px;}
.mrg_b15{margin-bottom:15px;}
.mrg_b20{margin-bottom:20px;}
.mrg_b30{margin-bottom:30px;}

.mrg_l00{margin-left:0;}
.mrg_l05{margin-left:5px;}
.mrg_l10{margin-left:10px;}
.mrg_l15{margin-left:15px;}
.mrg_l20{margin-left:20px;}
.mrg_l30{margin-left:30px;}


/* padding called 'pad' */
.pad_t00{padding-top:0;}
.pad_t05{padding-top:5px;}
.pad_t10{padding-top:10px;}
.pad_t15{padding-top:15px;}
.pad_t20{padding-top:20px;}
.pad_t30{padding-top:30px;}

.pad_r05{padding-right:5px;}
.pad_r10{padding-right:10px;}
.pad_r15{padding-right:15px;}
.pad_r20{padding-right:20px;}
.pad_r30{padding-right:30px;}

.pad_b05{padding-bottom:5px;}
.pad_b10{padding-bottom:10px;}
.pad_b15{padding-bottom:15px;}
.pad_b20{padding-bottom:20px;}
.pad_b30{padding-bottom:30px;}

.pad_l05{padding-left:5px;}
.pad_l10{padding-left:10px;}
.pad_l15{padding-left:15px;}
.pad_l20{padding-left:20px;}
.pad_l30{padding-left:30px;}

.w110{width:110px;}
.w180{width:180px;}
.w200{width:200px;}
.w250{width:250px;}
.w280{width:280px;}
.w300{width:300px;}


.dotted{ border-bottom:1px dotted; }

.smaller{ font-size:88%; line-height:1.4; }





/* Structure
------------------------------------------------*/
html, body{
	width:100%;
	height:100%;
}
body{
	background:#000;
}

#wrapper{
	position:relative;
	width:850px;
	margin:-9000px auto 0;
}

#cover{
	height:128px;
	padding-top:990px;
	_overflow:hidden;
}

#loading{
	height:75px;
	padding:53px 0 0 43px;
	background:url(../img/loading.gif) no-repeat left center;
	color:#ca305b;
}
#precover{
	padding:53px 0 0 10px;
}
#cover_img.on{
	background:url(../img/enter.jpg) no-repeat center center;
}


h1{
	margin-bottom:200px;
}

p, ol{
	margin:0 0 1.5em;
}

strong{
	padding:0 0.2em;
	font-size:15px;
	color:#FB155A;
}

.context{
	margin-bottom:100px;
	width:620px;
	overflow:hidden;
}

#youtube{
	margin:0 0 10px;
}

#howtoList{
	margin:0 0 10px;
	padding-left:30px;
}
#howtoList li{
	margin:0 0 8px;
	line-height:1.35;
}

.cautionList li{
	padding-left:15px;
	color:#999999;
	font-size:11px;
	text-indent:-12px;
}


#chara{
	margin:-60px 0 0 0;
	text-align:right;
}

#footer{
	width:820px;
	padding:2em 0 15em;
	border-top:3px #fff solid;
	color:#504338;
	font-size:11px;
}

.negative1{
	margin:-4em 0 0 0;
	text-align:right;
}

.negative1 img{
	margin-right:8px;
}

#overlay{
	position:absolute;
	top:0;
	left:0;
	width:99.5%;
	height:99.5%;
	border:0;
	z-index:100;
	background:url(../blank.gif) repeat 0 0;
}