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

body {
font-family:Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size:12px;
width:100%;
line-height:1.5em;
font-weight: 500;
min-width:1000px;
}
a { 
	display:block;
	text-decoration:none;
	color:#D32980;
}

a:hover img{
    opacity:0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity = 80);
}


.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/*header*/

.header{
	background:url(../img/top.jpg) center no-repeat;
	background-color:#000000;
	overflow:hidden;
	padding:20px;
}
.top_logo{
	float:left;
}
.top_logo h1{
	margin-bottom:10px;
	color:#e5007d;
}
.top_logo h2{
	margin-bottom:10px;
	margin-left:20px;
	color:#e5007d;
	font-weight:bold;
}
.gnav{
	color:#FFF;
	line-height:1.5em;
	overflow:hidden;
	float:right;
	font-size:14px;
}
.gnav a{
	color:#FFFFFF;
}
.gnav a:hover{
	color:#e5007d;
	border:#e5007d 1px solid;
}
.gnav li{
	margin-right:5px;
	list-style:none;
	float:left;
}
.box_button{
	padding:10px;
	border:#FFF 1px solid;
}

/*intro*/

.title{
	margin:0 auto;
	background:#000000;
}
.title p img{
	width:100%;
	height:auto;
}
.con_title{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	padding:20px;
}
.con_title .left{
	float:left;
}
.con_title .right{
	float:right;
}

/*menu*/

.nav{
	background-color:#000;
	height:100px;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	z-index:1000;
}
.con_menu{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	padding-top:25px;
}
.con_menu .btn{
	width:147px;
	height:50px;
	line-height:50px;
	text-align:center;
	float:left;
	border:#A4A4A4 solid 2px;
	font-weight:bold;
	color:#D32980;
	margin-right:10px;
	background-color:#DDDDDD;
}
.con_menu .right{
	margin:0;
}
.con_menu a:hover .btn{
	background-color:#B7B7B7;
}

/*main*/

#main{
	width:960px;
	margin:0 auto;
}
.st_win{
	margin-bottom:20px;
	padding-top:100px;
}
table{
	border:1px #ABABAB solid;
}
th,tr,td{
	border:1px #ABABAB solid;
	padding:10px;
}
table a:hover{
	background:#DCDCDC;
}

.st_main{
	padding-top:100px;
	margin-bottom:50px;
}
.con_main{
	overflow:hidden;
}
.con_nomi{
	width:313px;
	height:100%;
	overflow:hidden;
	float:left;
	margin-right:10px;
	margin-bottom:20px;
    height: 410px;
}
.invitop {
	height:470px!important;
}
.last{
	margin-right:0;
}
.img_nomi{
	width:313px;
	overflow:hidden;
}
.box_nomi{
	overflow:hidden;
}
.box_title{
	color:#d32980;
	font-weight:bold;
	font-size:18px;
	margin:20px 0;
}
.box_img{
	margin-top:10px;
}
.con_com{
	overflow:hidden;
}
.box_com{
	width:450px;
	float:left;
}
.box_r{
	margin-left:60px;
}
.box_text{
	margin:10px 0 25px;
}

.box_eve{
	overflow:hidden;
	margin-bottom:30px;
}
.box_eve h3{
	margin-bottom:10px;
}

.eve_img{
	float:left;
	margin-right:20px;
}



.con_senkou {
	width:450px;
}
.con_senkou img {
	float:left;
}
.con_senkou h5 {
	width:280px;
	font-size:16pt;
	padding:70px 0 5px 20px;
	border-bottom:1px solid #000;
	float:left;
}
.con_senkou p {
	padding:5px 0 0 20px;
	float:left;
}


/*tab*/
.con_sk{
	margin-top:50px;
}
#tab li {
  float: left;
  padding: 10px;
  list-style: none;
  cursor: pointer;
  background: #989898;
  width:300px;
  text-align:center;
}
#tab li:hover{
  background: #808080;
  color:#fff;
}
#tab li.select {
  background: #D32980;
  color:#fff;
  font-weight:bold;
  font-size:18px;
}
.disnon {
  display: none;
}
.content_wrap {
  clear: left;
  width: 500px;
  height: 100%;
  font-size: 20px;
  text-align: center;
  line-height: 100px;
  color: #fff;
}
.sk_info{
	overflow:hidden;
	margin-top:50px;
}
.con_info{
	margin:20px 0 20px;
	width:960px;
	overflow:hidden;
	float:left;
}
.con_info h3{
	font-weight:bold;
	margin-bottom:10px;
}
.info_img{
	float:left;
}
.box_info{
	overflow:hidden;
	margin-bottom:30px;
	float:left;
}
.box_txt{
	float:left;
	width:370px;
	padding-left:10px;
	padding-right:10px;
}
.box_title{
	border-bottom:#666666 1px solid;
	margin:10px 0;
	padding-bottom:5px;
}

/*spo*/
.con_spo{
	overflow:hidden;
}
.wrap_spo{
	font-weight:bold;
	width:460px;
	padding:10px;
	float:left;
}
.wrap_spo h4{
	color:#D32980;
}
.box_spo{
	font-weight:normal;
	padding-left:20px;
}

/*pagetop*/
.page_top{
	color:#000000;
	text-align:right;
	font-weight:bold;
	margin-bottom:10px;
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
/*footer*/

footer{
	margin-top:100px;
	text-align:center;
	padding:20px;
	background-color:#000000;
	color:#FFFFFF;
}


.ticket{
	 font-size:1.5em;
	 font-weight:bold;
	 color:#D32980;
	 line-height:1.5em;
}
.btn_ticket{
	margin-top:10px;
	text-align:center;
}
@font-face {
  font-family: "LigatureSymbols";
  src: url("../font/LigatureSymbols-2.11.eot");
  src: url("../font/LigatureSymbols-2.11.eot?#iefix") format("embedded-opentype"),
           url("../font/LigatureSymbols-2.11.woff") format("woff"),
           url("../font/LigatureSymbols-2.11.ttf") format("truetype"),
           url("../font/LigatureSymbols-2.11.svg#LigatureSymbols") format("svg");
  font-weight: normal;
  font-style: normal;
}

.icon-font {
  font-family: "LigatureSymbols";
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga"1, "dlig"1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga"1, "dlig"1;
  -o-font-feature-settings: "liga"1, "dlig"1;
  font-feature-settings: "liga"1, "dlig"1;
}

/*news*/
.news{font-size:1.5em;margin:50px 0 100px 0;line-height:1.5em;}
.nbox_button{font-size:0.8em;padding:10px;border:1px #000 solid;margin-top:20px;display:inline-block;color:#000;}
.nbox_button:hover{color:#e5007d;border:1px #e5007d solid;}
.news_f{position:fixed;bottom:0;width:100%;}
.news a{display:inline-block;}



/*------------------------------------------
// User style start
// change
----------------------------------------- */

.general-button  {
  border-radius: 4px;
  background-color: #4385bf;
}

.general-button:before  {
  border-radius: 4px;
  border-bottom: 0px solid rgba(46,93,135, 0);
  background-color: rgba(46,93,135, 0);
}

.button-content  {
  border-radius: 0px 0px 4px 4px;
  padding: 6px 7.5px;
  box-shadow: 0px 0px 0px 0px rgba(46,93,135, 0);
  color: #f8f8f8;
}

.button-text  {
  padding: 0px 7.5px;
  line-height: 1em;
  font-size: 18px;
}

.icon-font  {
  padding: 0px 7.5px;
  font-size: 14px;
}

/*----------------- at hover -----------------*/

.general-button:hover  {
  top: -5px;
  transition: all 30ms;
  -moz-transition: all 30ms;
  -webkit-transition: all 30ms;
  -o-transition: all 30ms;
  background-color: #4e8cc2;
}

.general-button:hover:before  {
  border-bottom: 5px solid rgba(46,93,135, 0);
  transition: all 30ms;
  -moz-transition: all 30ms;
  -webkit-transition: all 30ms;
  -o-transition: all 30ms;
}

.general-button:hover .button-content  {
  box-shadow: 0px 5px 0px 0px rgba(46,93,135, 1);
  transition: all 30ms;
  -moz-transition: all 30ms;
  -webkit-transition: all 30ms;
  -o-transition: all 30ms;
}

/*----------------- at active -----------------*/

.general-button:active  {
  background-color: #3b77ad;
  box-shadow: 0px 2px 0px 0px rgba(39,80,116, 1) inset;
}

.general-button:active:before  {
  top: -5px;
  padding-bottom: 5px;
  border-bottom: 0px solid rgba(46,93,135, 0);
}

.general-button:active .button-content  {
  box-shadow: 0px 0px 0px 0px rgba(46,93,135, 0);
}

/*------------------------------------------
// User style end
----------------------------------------- */

/*------------------------------------------
// Core style start
// not change
----------------------------------------- */

.general-button  {
  display: -moz-inline-box;
  display: inline-block;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;position: relative;
  top: 0px;
  cursor: pointer;
  text-decoration: none;
  line-height: 1;
}

.general-button:before  {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.button-content  {
  display: table;
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.button-text  {
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
}

.icon-font  {
  display: table-cell;
  vertical-align: middle;
}

/*----------------- at hover -----------------*/

.general-button:hover  {
  transition-timing-function: ease-in-out;
}

.general-button:hover:before  {
  transition-timing-function: ease-in-out;
}

.general-button:hover .button-content  {
  transition-timing-function: ease-in-out;
}

/*----------------- at active -----------------*/

.general-button:active  {
  top: 0px;
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.general-button:active:before  {
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.general-button:active .button-content  {
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

/*------------------------------------------
// Core style end
----------------------------------------- */

/*------------------------------------------
// Touch style start
----------------------------------------- */

/*----------------- at hover -----------------*/

.touch .general-button:hover  {
  top: 0px;
  background-color: #4385bf;
}

.touch .general-button:hover:before  {
  border-bottom: 0px solid rgba(46,93,135, 0);
}

.touch .general-button:hover .button-content  {
  box-shadow: 0px 0px 0px 0px rgba(46,93,135, 1);

}

/*----------------- at active -----------------*/

.touch .general-button:active  {
  background-color: #3b77ad;
  box-shadow: 0px 2px 0px 0px rgba(39,80,116, 1) inset;
}

.touch .general-button:active:before  {
  top: -5px;
  padding-bottom: 5px;
  border-bottom: 0px solid rgba(46,93,135, 0);
}

.touch .general-button:active .button-content  {
  box-shadow: 0px 0px 0px 0px rgba(46,93,135, 0);
}

/*------------------------------------------
// Touch style end
----------------------------------------- */
.news h2 {
    font-size: 1.2em;
    font-weight: bold;
    color: #D32980;
}