/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* main */

body {font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;}

/* index */
body#index {overflow-x: hidden; width: 100%; height:6550px; background: url(../images/bg_sp.jpg);}


/* debug */
body#debug {text-shadow: 1px 1px 5px #000; font-size: 20px;}
body#debug #footer {text-shadow:none;}
body#debug h3 {color:#fffb92; border-bottom:#fffb92 dashed 1px; line-height: 40px; margin-bottom: 24px; }
body#debug p { padding-bottom: 30px;}
body#debug img { border-radius: 6px; }
body#debug .contBG_b {padding-left: 20px; padding-right: 20px; margin: 30px auto;}
body#debug #contents { padding-bottom: 40px; }
#debug_header {background: url(../images/debug_header.jpg) top center no-repeat; height: 600px; border-radius: 6px; margin-bottom: 20px;}
#debug_header h1,#debug_header h2 { display: none;}
.debug_caption { font-size: 13px; }
.debugTxet { float: left; width: 610px;}
.ticketBuy { background: #fff; padding: 20px 30px; color:#333; border-radius: 6px; text-shadow:none; font-size: 14px; }
.ticketBuy h4 { background: #fffb92; border-radius: 20px; line-height: 42px; padding-left: 20px; margin-left: -20px; margin-bottom: 20px;}
.ticketBuy strong { font-weight: bold; font-size: 24px;}
.whatsrdgame { background: #50bc74; border-radius: 6px; padding: 10px 20px 0; text-shadow:none; font-size: 14px; color:#fff; margin-bottom: 20px; }
body#debug .whatsrdgame h3 { color: #fff; border: none; border-radius: 20px; margin-bottom: 0; line-height: 42px;}
.whatsrdgame_l { float: left; width: 600px; }
.whatsrdgame_r { float: right; width: 300px; }
.debug_img_L { width: 640px; margin: 0 auto; text-shadow:none; border-radius: 6px; margin-bottom: 20px; }
.debug_img_L img { width: 640px; border-radius: 6px;}
.debug_img_S { width: 490px; margin: 0 auto; float: left; text-shadow:none; border-radius: 6px; margin-bottom: 20px; }
.debug_img_S img { width: 480px; border-radius: 6px;}



h1 {font-size: 48px; line-height: 64px; font-weight: bold;}
h2 {font-size: 48px; line-height: 64px; font-weight: bold;}
h3 {font-size: 30px; line-height: 64px; font-weight: bold;}
h4 {font-size: 24px; line-height: 64px; font-weight: bold;}
p {line-height: 180%;}
strong { font-weight: bold;}

a:link { color: #f33; text-decoration: none; }
a:visited { color: #f33; text-decoration: none; }

/* class */

.font10 {font-size: 10px;}
.font14 {font-size: 14px;}
.clear { clear: both;}

.attention {background:#E7FFDA; padding:10px 20px; color:#000; font-size:14px; text-shadow:none; border-radius: 4px; line-height:16px; z-index: 10; position:relative; margin-top:30px; box-shadow: 0px 0px 5px rgba(0,0,0,0.5);}
.attention p {width: 580px; float: left;}
.qrcode {width: 150px; padding:5px; background: #fff; text-align: center; border-radius: 4px; float: right;}

a.textLink { padding: 0 5px; background: #fff; border-radius: 10px; text-shadow:none; box-shadow: 1px 1px 1px rgba(0,0,0,0.5); line-height: 18px;}
a.textLink:hover { background: #f33; color: #fff; box-shadow: 1px 1px 1px rgba(0,0,0,0.5) inset;}

::selection { background:#000;}
::-moz-selection {background:#000;}

/* style */

#wrapper {color: #fff; height: 100%; width: 100%; overflow: hidden; position: relative; background: url(../images/bg.jpg) top center repeat-x fixed;}

#header {background: rgba(0,0,0,0.4); position: fixed; height: 40px; top: 0; z-index: 998; width: 100%; left: 0;}
#header { /background: url(../images/blk.png); }
#header { background: url(../images/blk.png)\9; }


#header-inter {width: 980px; margin: 0 auto;}
#logo {float: left; width: 180px;}
#menu {float: right; width: 780px;}
.navi {float: left;}
.navi span {display: none;}
#menu2 {display: block; background: url(../images/menu2.png) no-repeat; height: 40px; width: 150px;}
#menu3 {display: block; background: url(../images/menu3.png) no-repeat; height: 40px; width: 210px; margin-left: 20px;}
#menu4 {display: block; background: url(../images/menu4.png) no-repeat; height: 40px; width: 130px; margin-left: 20px;}
#menu2:hover,#menu3:hover,#menu4:hover {background-position: 0 -40px;}

#links { width: 200px; top:10px; margin-left: 280px; left: 50%; z-index: 9999; position: fixed;}
#links #twitter { float: left; width: 100px;}

#contents { width: 980px; margin: 0 auto; padding-bottom: 100px; /*background-color: rgba(0,0,0,0.2); z-index: 3;*/}

#uma { position: absolute; top:660px; width: 400px; opacity: 0.3; filter:alpha(opacity=30); -moz-opacity:0.3; left: 10%; z-index: 1;}
#bg_cover {width: 2000px; height: 1440px; z-index:0; position: absolute; top: 480px; left: 50%; margin-left: -1000px;}

/*#footer { background: #2b2b2b; color: #fff; text-align: center; height: 300px; position: relative;}*/
#footer { position: relative; z-index: 11; padding-top:20px; background:#fff url(../images/myGC_logo.jpg) top left no-repeat; color:#333; text-align:left; height:60px;}
#footer a {color:#006;}
#footer address { float:right; text-align:right; font-size:12px; line-height:22px; background: url(../images/logos.jpg) right top no-repeat; height:50px; }
#footer_link01 { width:180px; height:50px; display:block; position:absolute; left:0; }
#footer_link02 { width:140px; height:50px; display:block; position:absolute; right:80px; }
#footer_link03 { width:80px; height:50px; display:block; position:absolute; right:0; }
#footer_link04 { width:200px; height:50px; display:block; position:absolute; right:220px; }
#copy { padding-right: 420px;}


.sec { padding: 120px 10px 0 10px; position: relative; z-index: 10; text-shadow: 1px 1px 5px #000;}

.contBG_b { background: rgba(0,0,0,0.4); border-radius: 6px; padding: 20px 0; margin: 0 20px;}
.contBG_b { /background: url(../images/blk.png); }
.contBG_b { background: url(../images/blk.png)\9; }}


#sec1 {padding-top: 60px;}
#sec1 #main { background: url(../images/logo_L.png) top center no-repeat; height: 500px;}
#passArea { text-align: center; margin-top: 20px;}
#pass { background: url(../images/bnr_ticket1.png) top center no-repeat; height: 130px; width: 620px; margin: 0 auto; display: block; }
#pass:hover { background-position: center -130px;}

#sec2 { height: 530px; padding-top: 20px; }

#sec3 {text-align: center; font-size: 14px;}
#sec3 #date { background: url(../images/date.png?ver=20131024) top center no-repeat; height: 440px;}
#sec3 #place { background: url(../images/place.png) top center no-repeat; height: 60px;}
#sec3 #price { background: url(../images/price.png) top center no-repeat; height: 90px;}
#sec3 #map { background: url(../images/map.png) top center no-repeat; margin-top: 15px; height: 410px;}
#sec3 h4 {color: #fffb92;}

#sec4 { font-size: 13px;}

#sec5 {}
#sec5 .movie {text-align: center; margin-top: 50px; }

#sec6 { padding-top: 100px}
#sec6 .supports {text-align: center;}

h3.ttl1 { background: url(../images/ttl1.png) top center no-repeat; height: 90px; text-indent: -9999px;}
h3.ttl2 { background: url(../images/ttl2.png) top center no-repeat; height: 90px; text-indent: -9999px; margin-top: 50px;}
h3.ttl3 { background: url(../images/ttl3.png) top center no-repeat; height: 90px; text-indent: -9999px; margin-top: 50px;}
h3.ttl4 { background: url(../images/ttl4.png) top center no-repeat; height: 90px; text-indent: -9999px;}


.contL { width: 435px; float: left; text-align: left; margin-left: 20px; }
.contR { width: 435px; float: right; text-align: left; margin-right: 20px; }

#sec4 span.font30 {font-size: 30px; padding-top: 50px; font-weight: bold; display: inline-block; background: none; color:#fffb92;}

#text1 { background: url(../images/text1.png) top center no-repeat; z-index: 10; position: relative; height: 530px; width: 960px; }
#footImg { z-index: 10; position: relative; margin-top: 100px; width: 960px; height: 140px; background: url(../images/footer.png) top center no-repeat;}
#l-tike { background: url(../images/l-tike.png) top center no-repeat; height: 200px; margin-top: 10px; }

#l-tike_s { background: url(../images/l-tike_s.png) top right no-repeat; min-height: 215px;}

#kinjitsu { background: url(../images/date_.png) top center no-repeat; height: 260px;}

#tv { top: 600px; height: 180px; width: 440px; display: block; margin: 0 auto; }
#tv a#tvLink { background: url(../images/img_tv.gif); width: 180px; height: 180px; display: block; position: absolute; }
#tv a#tvLink:hover { background-position: 0 -180px;}

#tv a#debugLink { background: url(../images/img_debug.png); width: 260px; height: 180px; display: block; position: absolute; margin-left: 200px; }
#tv a#debugLink:hover { background-position: 0 -180px;}


.linktoScrap {display:block; background:#fff; border:#fcc solid 1px; line-height:30px; text-shadow:none; margin:20px 20px 20px 20px;}
.linktoScrap:hover {background: #ddd;}

@media screen and (max-width: 980px) {
	body #index { margin-top: -30px; height: auto;}
	p {font-size: 20px;}
	#header {display: none;}
	#wrapper_sp { background: url(../images/bg.jpg) top center repeat-x fixed;}
	body#index #wrapper { background: url(../images/bg_cover_sp.png) center 480px no-repeat;}
	#uma {display: none;}
	#bg_cover {display: none;}
	#links { position: absolute; width: 200px; top: 40px; margin-left: 10px; left: 0;}
	#contents {width: 640px;}
	.sec { padding: 50px 0 0 0; position: relative; z-index: 10;}
	#sec2 {height: 400px;}
	#sec3 #date { background: url(../images/date_640.png?ver=20131024) top center no-repeat; height: 500px;}
	#sec5 h3 {text-align: center; font-size: 36px;}
	#sec5 .movie iframe { width: 544px; height:306px;}
	.font10 { font-size: 14px;}
	#footer { height: auto; height: 130px;}
	#copy {  padding: 60px 10px 0 0; display: block;}
	.contL,.contR {float: none; display: block; width: 600px; margin: 0 10px;}
	#hatsubai {text-align: center;}
	.qrcode {width: 570px;}
	#footImg {background-image: url(../images/footer_640.png); width: 640px;}
	#text1 {background-image: url(../images/text1_640.png); width: 640px; height: 350px;}
	#l-tike {background-image: url(../images/l-tike_640.png); height: 300px;}
	#kinjitsu {background-image: url(../images/date_640_.png); height: 350px}
	.contBG_b {padding: 20px 0 20px 0; margin: 0;}
	#sec4 p strong { margin-left: 20px; margin-right: 20px; width: 580px; display: block; }
	#sec3 p {text-align: left;}
	#tv a { background-image: url(../images/img_tv.png); }
	.debugTxet { width: 620px;}
	.whatsrdgame_l {width:580px;}
	.whatsrdgame_r {width:580px; text-align: center; margin-bottom: 10px;}
	.whatsrdgame_r iframe {width:580px; height: 326px;}
	.debug_img_L img {width: 620px; margin-right: 10px;}
	.debug_img_S { float: none;}
	#debug_header { background: url(../images/debug_header_s.jpg) top center no-repeat; height: 380px; }
}