@charset "utf-8";

@font-face	{
	font-family:'WebIconFonts';
	src:	url('icon/webiconfonts.eot');
	src:	url('icon/WebIconFonts.eot?') format('eot'),
		url('icon/WebIconFonts.woff') format('woff'),
		url('icon/WebIconFonts.ttf') format('truetype');
	}

*	{
	-webkit-text-size-adjust:auto;
	-webkit-tap-highlight-color:rgba(0,0,255,0.3);
	}
html	{
	overflow-y:scroll;
	}

body	{
	background-image:url(../img/bg.png);
	background-repeat:repeat-y;
	background-position:center 0;
	background-color:#FFFFFF;
	color:#000000;
	line-height:14px;
	font-family:'Helvetica','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック',sans-serif;
	font-size:14px;
	text-align:center;
	word-wrap:break-word;
	letter-spacing:1px;
	width:960px;
	margin:0 auto 0 auto;
	padding:0;
	}
.mobile body	{
	background-image:none;
	background-color:#F7AB00;
	width:320px;
	}

h1, h2, h3, h4, h5, h6, div, p, form, li, img, blockquote	{
	font-weight:normal;
	border:0;
	margin:0;
	padding:0;
	}

a	{
	color:#000000;
	text-decoration:none;
	}
a:hover	{
	background-color:#000000;
	color:#FFFFFF;
	text-decoration:none;
	}
.mobile a:hover	{
	background-color:transparent;
	}

br.clear	{
	clear:both;
	visibility:hidden;
	height:0;
	}

#container	{
	background-color:#F7AB00;
	padding:0;
	}

.mobile #container	{
	box-shadow:0 0 10px rgba(0,0,0,0.50);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.50);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.50);
	}

#header	{
	}
#header h1	{
	background-image:url(../img/head.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:960px;
	height:450px;
	}
.mobile #header h1	{
	background-size:contain;
	width:320px;
	height:150px;
	margin:0 auto 0 auto;
	}
#header h1 span	{
	display:none;
	}

#header #date	{
	background-image:url(../img/date.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:662px;
	height:48px;
	margin:0 auto 40px auto;
	}
.mobile #header #date	{
	background-image:none;
	width:auto;
	height:auto;
	}
#header #date span	{
	display:none;
	}
.mobile #header #date span	{
	display:inline;
	}
#header #dj	{
	background-image:url(../img/djkazu.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:598px;
	height:88px;
	border:solid 1px #FFFFFF;
	margin:0 auto 40px auto;
	}
#header #dj span	{
	display:none;
	}

#header #banner	{
	background-color:#FFFFFF;
	margin:0 0 40px 0;
	padding:20px 0 15px 0;
	}
#header #banner p	{
	width:730px;
	height:65px;
	margin:0 auto 0 auto;
	}
.mobile #header #banner p	{
	width:auto;
	height:auto;
	margin:0;
	}
#header #banner p a	{
	display:block;
	width:730px;
	height:65px;
	}
.mobile #header #banner p a	{
	width:auto;
	height:auto;
	margin:0;
	}
.mobile #header #banner p a img	{
	width:320px;
	height:auto;
	margin:0;
	}
#header #banner p a:hover	{
	background-color:transparent;
	}

#main	{
	line-height:24px;
	padding:0;
	}

#main div	{
	width:860px;
	margin:0 50px 0 50px;
	padding:0 0 40px 0;
	}
.mobile #main div	{
	width:auto;
	margin:0;
	}
#main div div	{
	margin:0;
	padding:0;
	}

#main h2	{
	}
#main #info h2	{
	background-image:url(../img/catch.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:730px;
	height:30px;
	margin:0 auto 30px auto;
	}
.mobile #main #info h2	{
	background-image:none;
	width:auto;
	margin:0 0 30px 0;
	}
#main h2 span	{
	display:none;
	}
.mobile #main h2 span	{
	display:inline;
	font-weight:bold;
	}

#main h3	{
	line-height:24px;
	font-size:14px;
	font-weight:bold;
	margin:0 0 40px 0;
	}
#main #manner h3,	#main #outline h3,	#main #playguide h3,	#main #goods h3	{
	background-color:#000000;
	color:#FFFFFF;
	line-height:35px;
	font-size:14px;
	height:35px;
	}
#main #goods h3	{
	margin:0 0 20px 0;
	}

#main h4	{
	font-weight:bold;
	}
#main #playguide h4	{
	margin:0 0 40px 0;
	}

#main p	{
	margin:0 0 20px 0;
	}
#main p.right	{
	text-align:right;
	}
#main #info div p	{
	line-height:24px;
	font-size:14px;
	text-align:left;
	}
#main p.gotop	{
	clear:both;
	font-family:'WebIconFonts';
	line-height:24px;
	font-size:24px;
	margin:0;
	}
#main #info p.gotop	{
	padding:20px 0 0 0;
	}
#main p.gotop a	{
	color:#FFFFFF;
	padding:3px;
	}
#main p.gotop a:hover	{
	background-color:transparent;
	color:#FBD580;
	}

#main ul,	#main ol	{
	margin:0 0 20px 14px;
	padding:0;
	}
#main ul li	{
	}

#main #manner	{
	width:858px;
	border:solid 1px #000000;
	margin:0 50px 40px 50px;
	padding:0 0 40px 0;
	}
#main #manner div	{
	text-align:left;
	width:778px;
	padding:0 40px 0 40px;
	}
#main #manner div ul	{
	margin:0 10px 20px 16px;
	padding:0;
	}
#main #manner div ul li	{
	}

#main #outline	{
	width:858px;
	border:solid 1px #000000;
	margin:0 50px 40px 50px;
	padding:0 0 40px 0;
	}
.mobile #main #outline	{
	width:auto;
	border:solid 1px #000000;
	margin:0 0 40px 0;
	padding:0 0 40px 0;
	}
#main #outline dl	{
	float:left;
	text-align:left;
	width:389px;
	margin:0 0 20px 40px;
	padding:0;
	}
.mobile #main #outline dl	{
	float:none;
	text-align:left;
	width:auto;
	margin:0 0 20px 0;
	padding:0;
	}
#main #outline dl dt	{
	font-weight:bold;
	}
#main #outline dl dd	{
	margin:0 0 20px 2em;
	}
#main #outline dl dd span	{
	font-family:'WebIconFonts';
	line-height:12px;
	font-size:12px;
	margin:0 5px 0 5px;
	}

#footer	{
	clear:both;
	padding:40px 0 0 0;
	border-top:solid 5px #FFFFFF;
	}
#footer p	{
	clear:both;
	background-image:none;
	line-height:10px;
	font-size:10px;
	padding:0 0 40px 0;
	}
#footer p:first-child	{
	width:144px;
	height:100px;
	margin:0 auto 20px auto;
	padding:0;
	}
#footer p:first-child a:hover	{
	background-color:transparent;
	}

a:hover img	{
	opacity:0.5;
	filter:alpha(opacity=50);
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}

#goods table	{
	float:left;
	line-height:35px;
	font-size:14px;
	text-align:left;
	width:100%;
	margin:0 0 30px 0;
	border-bottom:solid 1px #000000;
	}
#goods table th	{
	background-color:#000000;
	color:#FFFFFF;
	text-align:center;
	height:35px;
	padding:0;
	}
#goods table td	{
	font-size:14px;
	text-align:left;
	white-space:nowrap;
	height:35px;
	padding:0;
	border-top:solid 1px #000000;
	}
#goods table td.note	{
	text-align:right;
	width:60px;
	padding:0 0 0 10px;
	}
#goods table td.price	{
	text-align:right;
	width:60px;
	padding:0 0 0 10px;
	}