@charset "UTF-8";
/* CSS Document */

* {
	text-decoration:none;
	list-style:none;
	margin:0;
	padding:0;
}

body {
	width:100%;
	height:100%;
	background: #110f4f; /* Old browsers */
	background: -moz-linear-gradient(top, #110f4f 0%, #211666 28%, #102c66 81%, #fcfcfc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#110f4f), color-stop(28%,#211666), color-stop(81%,#102c66), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #110f4f 0%,#211666 28%,#102c66 81%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #110f4f 0%,#211666 28%,#102c66 81%,#fcfcfc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #110f4f 0%,#211666 28%,#102c66 81%,#fcfcfc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #110f4f 0%,#211666 28%,#102c66 81%,#fcfcfc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#110f4f', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */

	/* 画像をタイル状に繰り返し表示しない */
	background-repeat: no-repeat;   
	/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
	background-attachment: fixed;   
	/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
	background-size: cover;   
	/* 背景画像が読み込まれる前に表示される背景のカラー */
	background-color: #464646;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.fixed{
  position: fixed;
  top: 0px;
  z-index: 9999;
}

.fixed li {
	float:left;
}
p.gotop{
    position: fixed;
	right:10px;
    bottom: 0;
	z-index:99999;
}
p.gotop a{
	color:#FFFFFF;
	background-color:#F60;
	text-align:center;
	font-size:12px;
    width: 100px;
    height: 22px;
	padding-top:8px;
    display: block;
	border-radius:5px 5px 0 0;
}

a {
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
}
#wrapper {
	width:90%;
	background-color:rgba(0,0,0,0.10);
	/*border-left:1px dotted #FFFFFF;
	border-right:1px dotted #FFFFFF;*/
	margin-left:auto;
	margin-right:auto;
}
#event_bn img {
	width:100%;
	margin:0 auto;
}

#nav li {
	display:block;
	width:100%;
	height:25px;
	margin:5px 0 5px 0;
	text-align:center;
	list-style:square;
	border:none;
}

#nav a {
	color:#FFF;
	font-size:14px;
	padding-top:5px;
	text-shadow: 0 0 10px #fff,0 0 15px #fff;
}

#nav a:hover {
	color:#FFCC00;
	text-shadow:0 3px 5px #CCCCCC;
}

#nav li:last-child {
	border:none;
}

#tittle {
	display:block;
	width:100%;
	margin:0 auto;
}
#tittle img {
	width:100%;
}

#open {
	width:100%;
	margin-bottom:10px;
}

#openCenter {
	width:100%;
}

#emblem p {
	text-align:center;
}

#header {
	margin-top:20px;
}

#header h3 {
	display:block;
	box-shadow:0px 0px 10px rgba(255,200,35,0.95);
	width:90%;
	color:#FFF;
	background-color:rgba(255,200,35,0.40);
	text-align:center;
	text-shadow:2px 2px 2px #006;
	font-size:0.8px;
	margin:5px auto;
	border-radius:8px;
}

#header p {
	color:#FFFFFF;
	font-size:0.7em;
	letter-spacing:0.2em;
	line-height:1.3;
	padding:5px;
}

#openCenter p {
	width:80%;
	color:#333;
	font-size:0.6em;
	color:#FFF;
	padding:10px;
	margin:0 auto;
}
#open img {
	border:3px solid #FFF;
	margin:5px auto;
}
/*#openLeft {
	float:left;
}
#openCenter {
	float:left;
}
#openRight {
	float:left;
}*/

.nana {
	display:none;
}

.nana img {
	margin-left:740px;
}
.sec {
	border-bottom:#fff dotted 1px;
	margin:10px auto;
	width:80%;
	text-align:center;
}

#content {
	width:100%;
	background-color:rgba(255,190,0,0.25);
}
#tab {
	display:block;
	width:100%;
}
#tab li {
	display:block;
	width:100%;
	
}
#tab a {
	display:block;
	width:100%;
	text-align:center;
	color:#FFFFFF;
	background-color:#006;
}

#tab li a:hover {
	color:#FFF;
	text-shadow:0 5px 10px #FF0;
	background-color:rgba(0,0,250,0.85);
}

#tab .selected {
	color:#FFF;
	text-shadow:0 2px #666;
	background-color:rgba(240,220,115,0.95);
	box-shadow:2px 2px 5px #666;
}

#tab1, #tab2, #tab3 {
	padding-top:10px;
}

#tab2 li a {
	width:100%;
	box-shadow:0px 0px 8px #666;
	border-radius:0 0 3px 3px;
	text-align:center;
	text-shadow:0 2px 2px #FFF;
	color:#FFFFFF;
	background-color:#006;
	padding:10px;
	margin-bottom:20px;
}

#tab2 li a:hover {
	color:#FFF;
	text-shadow:0 5px 10px #FF0;
	background-color:rgba(0,0,250,0.85);
}

#tab2 .selected {
	color:#FFF;
	text-shadow:0 2px #333;
	background-color:rgba(255,190,0,100);
	box-shadow:2px 2px 5px #666;
}

#boutou {
	display:block;
	width:100%;
}

#boutou ,#warako ,#nashiki ,#arita ,#shinobu ,#kei ,#tama ,#mana 
,#otakara ,#yos ,#nana_uv ,#miyako ,#sayuri ,#nene ,#misaki ,#nao ,#sumire ,#utsuho ,#lagi ,#nayuta ,#kamura ,#mini_live {
	width:100%;
	display:block;
	border:none;
}
#boutou img ,#warako img ,#nashiki img ,#arita img ,#shinobu img ,#kei img ,#tama img ,#mana img 
,#otakara img ,#yos img ,#nana_uv img ,#miyako img ,#sayuri img ,#nene img ,#misaki img ,#nao img ,#sumire img ,#utsuho img ,#lagi img ,#nayuta img ,#kamura img ,#mini_live img {
	width:60%;
	display:block;
	border:3px solid #FFF;
	box-shadow:0 2px 5px rgba(255,255,255,0.65);
	margin:10px auto;
}

#boutou h4 ,#warako h4 ,#nashiki h4 ,#arita h4 ,#shinobu h4 ,#kei h4 ,#tama h4 ,#mana h4 
,#otakara h4 ,#yos h4 ,#nana_uv h4 ,#miyako h4 ,#sayuri h4 ,#nene h4 ,#misaki h4 ,#nao h4 ,#sumire h4 ,#utsuho h4 ,#lagi h4 ,#nayuta h4 ,#kamura h4 ,#mini_live h4 {
	width:100%;
	font-size:1em;
	color:#FFFFFF;
	text-align:center;
	text-shadow:0px 2px 2px #FF0;
	margin:0;
	padding-top:10px;
}
#boutou p ,#warako p ,#nashiki p ,#arita p ,#shinobu p ,#kei p ,#tama p ,#mana p 
,#otakara p ,#yos p ,#nana_uv p ,#miyako p ,#sayuri p ,#nene p ,#misaki p ,#nao p ,#sumire p ,#utsuho p ,#lagi p ,#nayuta p ,#kamura p ,#mini_live p {
	display:block;
	width:80%;
	font-size:0.6em;
	color:#FFF;
	letter-spacing:0.3em;
	margin:10px auto;
	padding:0;
}

#footer {
	display:block;
	width:100%;
	height:40px;
	font-size:12px;
	background-color:#000033;
}

#footer li {
	display:block;
	width:100%;
	color:#FFFFFF;
	text-align:center;
	border-right:1px dotted #FFF;
	margin:0;
	padding:0;
}
#footer li:last-child {
	border:none;
}
#footer a {
	color:#FFF;
	text-shadow:0 3px 5px #F90;
}

#footer a:hover {
	color:#FFCC00;
	text-shadow:0 3px 5px #CCCCCC;
}
#footer h4 {
	text-align:center;
	width:100%;
	color:#FFFFFF;
	font-size:10px;
	background-color:#000033;
	margin:0 aito;
	padding:0;
}