@charset "utf-8";

/*------------------------------------------*/
/* common
/*------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	font-family: "lr oSVbN", Arial, Helvetica, "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-size: 75%;
	text-align:center;
	background:#000;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

img {
	border: none;
}

ul, ol, li {
	list-style:none;
}

div#wrapper {
	width:760px;
	margin:0 auto;
	text-align:left;
	background-color:#000;
border:solid 1px #FFF;
}

a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/* Footer
----------------------------------------------------- */
div#footer {
	clear:both;
/*	background-color:#ccf;*/
	color:#FFF;
	padding:1em 1em 0.5em 1em;
	border-top:solid 1px #CCCCCC;
	margin:0px;
}

#footer div#footer-link p {
	text-align:left;
}

#footer-link a {
	color:#FFF;
}

#footer div#copyright {
	margin-top:0.5em;
	text-align:right;
}

/*------------------------------------------*/
/* entrance
/*------------------------------------------*/

h1 {
	height:140px;
	width:300px;
	background:#EEE;
	margin:10px 0 10px 10px;
	background:#FFF url(/image/logo2.jpg) no-repeat;
}
h2 {
	margin-bottom:3px;
	color:#FFF;
}

.headline {
	color:#ccc;
}

#header {
	height:50px;
	background:#000;
	text-align:center;
}
h1 span {
	display:none;
}
#uppercol {
	background-color:#FFF;
}
#uprightcol {
	width:450px;
	height:300px;
	float:left;
}
#upleftcol {
	width:310px;
	height:300px;
	float:left;
	background-color:#FFF;
}
#infotext {
	margin:0 10px 10px 10px;
	height:70px;
	background:#EDD;
	padding:5px;
}
#infotext p {
	line-height:120%;
	margin-bottom:5px;
	text-indent:0.5em;
	text-align:justify;
	text-justify:inter-ideograph;
}
#upleftcol #enter {
	margin-left:10px;
	height:50px;
}
#bottomcol {
	clear:both;
	padding-top:10px;
	margin-bottom:10px;
	color:#FFF;
}
#btmleftcol {
	float:left;
	width:440px;
	padding:10px;
	text-align:left;
	background:#000;
	border-right:1px solid #FFF;
}
#btmrightcol {
	float:right;
	width:279px;
	padding:10px;
}

/*
----------------------------------------*/

#in {
	display:block;
	height:50px;
	width:150px;
	float:left;
	text-align:left;
	background:#F90 url(/image/enter.gif);
}
#out {
	display:block;
	height:50px;
	width:150px;
	float:right;
	text-align:left;
	background:#F90 url(/image/leave.gif);
}
#in span, #out span {
	display:none;
}
#in a, #out a {
	display:block;
	height:40px;
	width:140px;
	color:#FFF;
}
div#btmrightcol table {
	width:100%;
	color:#ccc;
	border:solid 1px #FFF;
	border-collapse:collapse;
	background:#000;
}
div#btmrightcol table th, div#btmrightcol table td {
	border:solid 1px #999;
	background:#000;
}
div#btmrightcol table a{
	color:#FFF;
}
div#btmleftcol ul li {
	display:block;
	float:left;
	margin:0;
	width:88px;
	height:31px;
}
div#btmleftcol ul li img{
	width:88px;
	height:31px;
}
#bottomcol .about {
	padding-top:5px;
	line-height:120%;
}
#bottomcol .about a {
	color:#99F;
}

/* clearfix
/*------------------------------------------*/
.jsbox:after,
div#uppercol:after,
div#upleftcol:after,
div#bottomcol:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.jsbox,
div#uppercol,
div#upleftcol,
div#bottomcol
{
	zoom:1;
}