@charset "utf-8";

/*----------------------------------------------------
 elements
----------------------------------------------------*/
body {
	background: #111;
	color: #FFF;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
}

a{
	color:#006699;
}
a:link{
	color:#006699;
}
a:visited{
	color: #003366;
}
a:hover{
	color: #EE7600;
}
img {
	vertical-align: top;
}

p, dl, ol, ul {
	margin-bottom: 10px;
}

ol, ul {
	list-style: none;
}
.sec{
	margin-bottom: 20px;
}
.note{
	font-size: 10px;
}
.indent{
	margin-left: 1em;
	text-indent: -1em;
}
.indent2{
	margin-left: 1em;
}
img.full{
	width: 100%;
}
#btn-buy{
	padding-top: 20px;
}

/*----------------------------------------------------
 main
----------------------------------------------------*/
.main{
	min-width:300px;
}
.main h3{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}
.main img{
	vertical-align: bottom;
}
.main dl{
	padding:0 20px;
}
.main dt{
	padding-bottom: 10px;
}
.main dd{
	margin-bottom: 10px;
	color: #EEE;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
.main dd img{
	padding-bottom: 10px;
}

/*----------------------------------------------------
 top
----------------------------------------------------*/
#top .main p.caption{
	text-align: center;
	margin-top: -20px;
	margin-bottom: 40px;
	font-size: 12px;
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(000,000,000,1);
}
#top .main p.logo-dance{
	text-align: center;
}
#top .wrap{
	border-radius: 8px;
	margin: 0 0 10px 0;
	padding: 10px;
	margin: 10px;
	font-size: 12px;
	background: #222;
	display:block;
	-webkit-box-shadow:0px 3px 3px rgba(000,000,000,0.1);
	box-shadow:0px 3px 3px rgba(000,000,000,0.1);
}
/*----------------------------------------------------
 page
----------------------------------------------------*/
#page{
	background: url(../images/page_bg.jpg) left top no-repeat;
	-webkit-background-size: 100%;
  background-size: 100%;
}

#page .main{
	margin: 10px 0 0 0;
}

#page .sec{
	margin:10px;
}

/*----------------------------------------------------
 about
----------------------------------------------------*/
#page.about .sec h3{
	font-size: 20px;
	margin-bottom: 0;
	color: #009de2;
}
#page.about .sec h3 small{
	font-size: 12px;
}
#page.about .photo span{
	font-size: 8px;
	display: block;
	text-align: right;
}
#page.about .sec p{
	color: #333;
	margin-bottom: 0;
}
#page.about .sec h4{
	font-size: 18px;
	margin-bottom: 0;
	color: #e40075;
}
#page.about .sec .wrap{
	border-radius: 8px;
	margin: 0 0 10px 0;
	padding: 10px;
	background: #F1F1F1;
	display:block;
	-webkit-box-shadow:0px 3px 3px rgba(000,000,000,0.1);
	box-shadow:0px 3px 3px rgba(000,000,000,0.1);
}
/*----------------------------------------------------
 setting
----------------------------------------------------*/
#page.setting .mov{
	width: 320px;
	margin:0 auto;
}
#page.setting .sec p{
	color: #333;
}
#page.setting .sec p small{
	font-size: 12px;
}
#page.setting .sec p strong{
	color: #009de2;
}
#page.setting .sec .wrap{
	border-radius: 8px;
	margin: 0 0 10px 0;
	padding: 10px;
	background: #F1F1F1;
	display:block;
	-webkit-box-shadow:0px 3px 3px rgba(000,000,000,0.1);
	box-shadow:0px 3px 3px rgba(000,000,000,0.1);
}
/*----------------------------------------------------
 voice
----------------------------------------------------*/
#page.voice .main h2{
	margin: 20px 0;
}
#page.voice .sec h3{
	font-size: 15px;
	margin-bottom: 0;
	color: #009de2;
}
#page.voice .sec p{
	color: #333;
}
#page.voice .sec p strong{
	color: #009de2;
}
#page.voice .sec .wrap{
	border-radius: 8px;
	margin: 0 0 10px 0;
	padding: 10px;
	background: #F1F1F1;
	display:block;
	-webkit-box-shadow:0px 3px 3px rgba(000,000,000,0.1);
	box-shadow:0px 3px 3px rgba(000,000,000,0.1);
}

/*----------------------------------------------------
 price
----------------------------------------------------*/
#page.price .main h2{
	margin: 0 0 10px 0;
}
#page.price .sec h4{
	font-size: 23px;
	text-align: center;
	margin-bottom: 10px;
	color: #009de2;
}
#page.price .sec p{
	color: #333;
}
#page.price .sec p.note01{
	font-size: 11px;
}
#page.price .sec .note02{
	background: #FFF;
	padding: 10px;
	margin-bottom: 20px;
}
#page.price .sec .wrap{
	border-radius: 8px;
	margin: 0 0 10px 0;
	padding: 10px;
	background: #F1F1F1;
	display:block;
	-webkit-box-shadow:0px 3px 3px rgba(000,000,000,0.1);
	box-shadow:0px 3px 3px rgba(000,000,000,0.1);
}

/*----------------------------------------------------
 header
----------------------------------------------------*/
header.global {
	position: relative;
	border-bottom: 1px solid #666;
	height: 40px;
	background: #000;
}
header.global img{
	height: 40px;
}
header.global h1{
	position: absolute;
	left: 0;
	top: 0;
}
header.global nav#menu-btn{
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	border-left: 1px solid #666;
}
header.global nav.menu{
	display: none;
}

/*----------------------------------------------------
 SideBar
----------------------------------------------------*/
 
#modal { display: none; }
#modal h2,
#modal ul li a{
    padding:10px 0;
}
#modal ul{
    margin-bottom:20px;
}
#modal ul li a{
	font-size: 13px;
	border-bottom:1px solid #666;
	color: #FFF;
	display: block;
	height: 44px;
	margin: 0;
	padding: 0 0 0 10px;
	overflow: hidden;
	white-space: nowrap;
	line-height: 44px;
	text-overflow: ellipsis;
	text-decoration: none;
	font-weight:bold;
}
#modal ul li a::after{
	content: url(../images/list_mark.png);
	float: right;
}

.close{
    font-weight:bold;
}
.close a{
    color:#000;
    padding:3px 10px;
    background:#ccc;
} 
.open img{
    vertical-align:middle;
}
/*----------------------------------------------------
 ランドスケープ表示
----------------------------------------------------*/
@media all and (orientation:landscape) {
	#modal ul li a{
		height: 24px;
		line-height: 24px;
	}
}

/*----------------------------------------------------
 footer
----------------------------------------------------*/
footer.global {
	padding: 10px 0;
}

footer.global nav.menu ul{
	margin: 10px 10px 20px 10px;
}
footer.global nav.menu ul li{
	overflow: hidden;
	margin: 0;
	width: 100%;
	text-align: left;
	padding: 0;
	border: 1px #444 solid;
	border-bottom: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#222));
	background: linear-gradient(#333, #222);
	display:block;
	-webkit-box-shadow:0px 3px 3px rgba(000,000,000,0.1);
	box-shadow:0px 3px 3px rgba(000,000,000,0.1);
}
footer.global nav.menu ul li:first-child{
	border-radius: 8px 8px 0 0;
}
footer.global nav.menu ul li:last-child{
	border-radius: 0 0 8px 8px;
	border-bottom:1px #444 solid;
}
footer.global nav.menu ul li a{
	color: #FFF;
	display: block;
	height: 44px;
	margin: 0;
	padding: 0 0 0 10px;
	overflow: hidden;
	white-space: nowrap;
	line-height: 44px;
	text-overflow: ellipsis;
	text-decoration: none;
	font-weight:bold;
}
footer.global nav.menu ul li a::after{
	content: url(../images/list_mark.png);
	float: right;
}

footer.global #support{
	margin-top: 20px;
	text-align: center;
}
footer.global #support li{
	display: inline-block;
	padding:0 10px;
}
footer.global #support li img{
	height: 30px;
}

/*----------------------------------------------------
 button
----------------------------------------------------*/
.button01{
	text-align: center;
	padding-top: 10px;
}
.button01 a {
	display: inline-block;
	color: #FFF !important;
	text-decoration: none;
	font-size: 13px;
	padding: 7px 15px;
	background: -moz-linear-gradient(
		top,
		#a3a3a3 0%,
		#3b3b3b 50%,
		#242424 50%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#a3a3a3),
		color-stop(0.50, #3b3b3b),
		color-stop(0.50, #242424),
		to(#000000));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #000000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);
}



/*----------------------------------------------------
 clearfix
----------------------------------------------------*/
.event .content h2:after,
header.global nav ul:after,
#top .sec:after { content: ''; display: block; clear: both; }