@CHARSET "UTF-8";
* {
	font-family: "Helvetica Neue", Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	border: none;
	outline: none;
	zoom: 1;
}
:focus {
	outline: 0;
}

/* default setting */
/* ------------------------------------------------------------- */
body {
	font-size: 0.8em;
	color: #333;
}
h1 {
	font-size: 1.6em;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.2em;
}
h4,h5,h6 {
	font-size: 1em;
}
p {
	margin: 0 0 0.8em 0;
}
img {
	border: none;
}
a {
	font-style: normal;
	text-decoration: none;
}
	a:focus, a:hover {
	}
	a:focus img, a:hover img {
		opacity: 0.8;
	}
ul, ol {
	list-style: none;
}
strong, em {
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}
address {
	text-decoration: none;
	font-style: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* structure setting */
/* ------------------------------------------------------------- */
html {
	height: 100%;
	width: 100%;
}
body {
	background: #000;
	height: 100%;
	width: 100%;
}
#page {
	background: url("img/bg.png") center top repeat;
	position: relative;
	overflow: hidden;
	height: 100%;
	width: 100%;
	display: none;
}
#header {
	position: absolute;
	top: 10%;
	left: 0;
	z-index: 99;
}
	#menulist {
		overflow: hidden;
	}
		#menulist li {
			margin: 0 0 20px 0;
		}
#ieerror {
	background: #000;
	position: fixed;
	top: 0;
	width: 100%;
	padding: 20px 0;
	text-align: center;
	color: #fff;
	z-index: 9999;
}
	#close {
		background: #ccc;
		color: #000;
		border-radius: 50%;
		height: 1.5em;
		width: 1.5em;
		display: inline-block;
		position: absolute;
		top: 20px;
		right: 20px;
	}
#loading {
	width: 100%;
	height: 100%;
	text-align: center;
	display: table;
}
	#inner { display: table-cell; vertical-align: middle; }
/*	#loading img { width: 100%; max-width: 400px; max-height: 300px; margin: auto;	}*/
	#loading img { width: 128px; max-width: 128px; max-height: 41px; margin: auto;	}
#contents {
	position: relative;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
	#content {
		max-width: 1800px;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		position: relative;
		overflow: hidden;
	}
	#contentlist {
		background: url("img/top_right.png") right top repeat-y;
		overflow: hidden;
		margin: -3% -1% 0 -1%;
		padding: 0 10px 0 0;
		width: 100%;
		max-width: 1800px;
		position: relative;
	}
		#contentlist.forpc, #contentlist.fortab { display: block; }
		#contentlist.formob { display: none; }
		
		#contentlist li {
			background: #000;
			float: left;
			margin: 0;
			padding: 0;
			position: relative;
			width: 7.69230769230769%; /* 100÷13 */
		}
		#contentlist li a {
			display: block;
		}
		#contentlist li a img.hover {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 99;
			display: none;
		}
		#contentlist li a:hover img.hover {
			display: block;
		}
		#contentlist li a:hover img {
			opacity: 1;
		}
		#contentlist li img {
			width: 100%;
			height: 100%;
			vertical-align: bottom;
		}
		#contentlist li.clear {
			clear: both;
		}
		#contentlist li.pc { display: block; }
		#contentlist li.pctop { clear: both;}
		#contentlist li.mob { display: block; }
		#contentlist li.mobtop { clear: both;}
		
#footer {
	background: url("img/bg_footer.png") center top repeat;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	z-index: 99;
	text-align: center;
}
	#footer p {
		font-size: 0.8em;
		color: #fff;
		line-height: 40px;
	}

/* Responsive setting */
/* ------------------------------------------------------------- */
@media (min-width:1021px) and (max-width:1250px) {
	#contentlist.forpc { display: block; }
	#contentlist.formob { display: none; }
	#contentlist { width: 110%; margin: -3% -5% 0 -5%; }
}
@media (min-width:768px) and (max-width:1020px) {
	#contentlist.forpc { display: block; }
	#contentlist.formob { display: none; }
	#contentlist { width: 140%; margin: -5% -20% 0 -20%; }
}
@media (max-width : 767px) { /*Mobile Portrait*/
	#contentlist.forpc { display: none; }
	#contentlist.formob { display: block; }
	#contentlist li { width: 25%; /* 100÷4 */ }
	#contentlist { width: 140%; margin: -20% -20% 0 -20%; }
	#contents { overflow: scroll; -webkit-overflow-scrolling: touch; }
	#footer { display: none; }
}