@charset "UTF-8";
html {height: 100%;overflow: hidden;}  
body {
	background-color		: #000;
	margin				: 0;
	padding				: 0;
	color				: #000;
	font-size			: 100%;
	font-family			: Times, serif;
	text-align			: center;
	height				: 100%;
}
h1 {
	font-size			: 100%;
	font-family			: 'Times New Roman','arial','Helvetica','Verdana',Times, serif;
	color				: #333;
}
p, li, dl {
	font-size			: 60%;
	font-family			: 'Times New Roman', Times, serif;
	line-height			: 170%;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	p, li, dl {
		letter-spacing		: 1px;
	}
}
img {
	border				: 0;
}
hr {
	border				: 1px #f0f0f0 solid;
}
#main { width:100%;
		hight:100%;}
	#main p {
		text-autospace		: ideograph-alpha ideograph-numeric ideograph-space;
		punctuation-wrap	: hanging;
		word-break		: break-all;
	}
	#main * {
	}
	#main #attention {
		margin			: 10%;
		padding			: 30px;
		border			: 1px #f0f0f0 solid;
		background		: #fff;
		}
		#main #attention h1,
		#main #attention h2 {}
		#main #attention img {}
		#main #attention p,
		#main #attention ul {}
		#main #attention p.appendix {}

#box_layer{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#333;
    opacity:0.5;
}
* html #box_layer { /* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#box_window{
    display:none;
    position:absolute;
    top:50%;
    left:50%;
    margin:-50px 0 0 -50px;
    width:100px;
    height:100px;
    background-color:#000;
}
* html #box_window { /* ie6 hack */
    position: absolute;
}