@charset "utf-8";


/* ______________________css reset____________________*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { 
margin:0;padding:0;
}
table { 
border-collapse:collapse;border-spacing:0;
}
fieldset,img { 
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var { 
font-style:normal;font-weight:normal;
}
ol,ul,li { 
list-style:none;
}
caption,th { 
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}
.left { 
float: left;
}
.right { 
float: right;
}
.clr {
	clear: both;
	line-height: 0px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
	height: 0px;
	border: 0px;
}

div:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
div {
	zoom: 100%;
}


/* ______________________common____________________*/

body {
	font-size:75%;
	line-height: 1.7em;
	color: #FFFFFF;
	text-align: center;
	background:#000000;
	font-family	:'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif;
}

strong {
 font-weight:bold;
}
a {
	color: #FF9900;
	text-decoration: underline;
}
a:hover {
	color: #666666;
	text-decoration: none;
}


/* ______________________top slider____________________*/

html {
    overflow: hidden;
    height: 100%;
}
 
body {
    height: 100%;
}

img.bgimage {
    display: none;
}
#loading img.loader {
    position: absolute;
    left: 50%;
    top: 25%;
    margin: -12px 0 0 -12px;
}
#outline {
    height: 100%;
    overflow: auto;
	z-index : 1; 
}

#contents {
	position:absolute;
	top:50%;
	left:50%;
	margin:-83px 0 0 -150px;
	display:block;
	z-index : 2; 
}
#contents a {
	background: url(images/bg_enter.jpg) no-repeat;
	display:block;
	width:300px;
	height:165px;
}
#contents a:hover {
	background-position:0px -165px;
}
#contents a span {
	display:none;
}
body > #contents {
	height:auto;
	min-height:165px;
}