@charset "utf-8";

@import "../css/reset.css";
/*@import url("../css/tableStyle.css");*/
/*@import "../css/sim2ruby.css";*/


	 body{
	color: #333;
	background-color: #000000;
	background-image: url(../img/contents/base_00_01.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	-webkit-background-size: 2000px 11340px;
	/*11340*/
　/* iOS対策 */
	
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none;
	}

/*@media (min-width: 768px) and (max-width: 979px) {
  body{
	color:#333;
	line-height:1.8;
	background-color: #000000;
	background-image: url(../img/top/base_blue02d.jpg);
	background-repeat: repeat-y;
	background-position: center 0px;
	height: 100%;
	}
}

@media (min-width: 980px) {
  body{
	color:#333;
	line-height:1.8;
	background-color: #000000;
	background-image: url(../img/top/base_blue02.jpg);
	background-repeat: repeat-y;
	background-position: center 0px;
	height: 100%;
	}
}
*/
	

#tweetbox1 {
	z-index: 999;
	position: absolute;
	left: -55px;
	top: -80px;
}

#tweetbox2 {
	z-index: 999;
	position: absolute;
	left: 30px;
	top: -90px;
}


div#container{
	width: 1200px;
	/*width:100%;*/
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	height: 11340px;
}




#menu{
	position: absolute;
	left: 80px;
	top: 250px;
	top : 350px\9; /* IE8 and below */
	*top : 350px; /* IE7 and below */
	z-index: 900;
}

#bt_news{
	position: absolute;
	left: 10px;
	top: 0px;
	top : -100px\9; /* IE8 and below */
	*top : -100px; /* IE7 and below */
	z-index: 10;
}

#bt_trailer{
	position: absolute;
	left: -10px;
	top: 45px;
	top : -55px\9; /* IE8 and below */
	*top : -55px; /* IE7 and below */
	z-index: 10;
}

#bt_comment{
	position: absolute;
	left: -20px;
	top: 145px;
	top : 45px\9; /* IE8 and below */
	*top : 45px; /* IE7 and below */
	z-index: 10;
}



#menu img { display: block; }


#menuEnter{
	position: relative;
	left: 300px;
	top: 420px;
	z-index: 900;
	width: 274px;
}

#menuEnter2{
	position: relative;
	left: 1000px;
	top: 600px;
	z-index: 900;
	width: 46px;
}

#bn_ticket {
	position: absolute;
	left: 900px;
	top: 220px;
	z-index: 900;
	width: 100px;
	clear: both;
}

#bn_hummer {
	position: absolute;
	left: 860px;
	top: 20px;
	z-index: 900;
	width: 284px;
	clear: both;
}

#bt_togo {
	position: absolute;
	left: 40px;
	top: 500px;
	z-index: 901;
	width: 100px;
}

#bn_theater {
	position: absolute;
	left: 51px;
	top: 350px;
	z-index: 901;
	width: 168px;
}

#bn_tv {
	position: absolute;
	left: 73px;
	top: 647px;
	z-index: 901;
	width: 100px;
}

#bn_nico {
	position: absolute;
	left: 81px;
	top: 545px;
	z-index: 901;
	width: 193px;
}

#bn_gyao {
	position: absolute;
	left: 38px;
	top: 537px;
	z-index: 901;
	width: 199px;
}

#bn_comment {
	position: absolute;
	left: 31px;
	top: 439px;
	z-index: 901;
	width: 190px;
}

#bn_youtube {
	position: absolute;
	left: 7px;
	top: 495px;
	z-index: 901;
	width: 276px;
}


#bn_pg12 {
	position: absolute;
	left: 904px;
	top: 292px;
	z-index: 910;
	width: 222px;
}

#bn_dvdtxt {
	position: absolute;
	left: 343px;
	top: 607px;
	z-index: 910;
	width: 522px;
}

#window_pg12 {
	position: absolute;
	left: 325px;
	top: 0px;
	z-index: 920;
	width: 827px;
	pointer-events: none;
}




ul#sns-icon {
	position: absolute;
	left: 1002px;
	top: 608px;
	z-index: 900;
	width: 100px;
}

#sns-icon li {
	float: left;
	margin-right: 5px;
}









#menu2 {
	top: 910px;
	margin-right: auto;
	position: absolute;
	margin-left: auto;
	width: 1025px;
	z-index: 200;
	left: 100px;
}

#menu2 ul { width:100%; }

#menu2 li {
	float: left;
	margin-right: 5px;
}

#menu3 {
	position: absolute;
	left: 89px;
	top: 529px;
	top : 429px\9; /* IE8 and below */
	*top : 429px; /* IE7 and below */
	width: 168px;
	z-index: 500;
}

#menu4 {
	position: absolute;
	left: 80px;
	top: 380px;
	top : 280px\9; /* IE8 and below */
	*top : 280px; /* IE7 and below */
	width: 200px;
	z-index: 500;
}

#menu5 {
	position: absolute;
	left: 95px;
	top: 224px;
	top : 124px\9; /* IE8 and below */
	*top : 124px; /* IE7 and below */
	width: 160px;
	z-index: 500;
}

#menu6 {
	position: absolute;
	left: 160px;
	top: 70px;
	top : -30px\9; /* IE8 and below */
	*top : -30px; /* IE7 and below */
	width: 225px;
	z-index: 500;
}


/* news */

.newsGroup {
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 50px;
	margin-left: 30px;
}

.newsGroup h2 {
	color: #CCC;
	font-size: 130%;
	font-weight: bold;
}

.newsGroup .date {
	font-size: 85%;
	color: #666;
}

.newsGroup div.title {
	margin-bottom: 0.7em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}

.newsGroup div.textbody { color: #999; }

#dialog6  { background-color: #000; 	
}

.booksubtitle {
	color: #CCC;
	margin-top: 1.5em;
	padding-top: 1.5em;
}

.booktitle {
	font-size: 120%;
	color: #CCC;
	font-weight: bold;
}


/* about */

.aboutGroup {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 1000px;
	background-image: url(../img/about/about_base.jpg);
	background-color: #666;
	height: 600px;
}




/* =======================
layout関連
======================= */

#swfgroup{
	margin-right: 10px;
	margin-left: 10px;
	width: 1000px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #000;
	height: 480px;
}

#logogroup{
	margin-right: 10px;
	margin-left: 10px;
	width: 1000px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #000;
}

#logogroup h2{
	font-weight:normal;
}


/*#subnav{
	float:right;
	margin-top:15px;
}*/

#contents{
	float:left;
	width:740px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 10px;
	background-image: url(../img/common/base_contents.jpg);
	background-repeat: no-repeat;
}



#sidebar{
	float:right;
	width:260px;
	margin-right:10px;
	background-image: url(../img/common/base_sidebar.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
}

#footer{
	clear:both;
	text-align:right;
}


/* =======================
header
======================= */

/*サブナビゲーション周りの指定*/
#subnav li{
	float:left;
	margin-right:15px;
}

#subnav li a{
	background:url(../images/bg_sbunavi.jpg) no-repeat 0 50%;
	padding-left:13px;
	color:#069;
	text-decoration:none;
}

#subnav li a:hover{
	color:#f60;
	text-decoration:underline;
}


/*グローバルナビゲーションの指定*/
#nav{
	background:#3B8968;
	width: 1000px;
	margin-right: 10px;
	margin-left: 10px;
}

#nav li{
	float:left;
}

/* =======================
contents
======================= */

#contentsHeader {
	width: 740px;
	margin-bottom: 20px;
}



#contents h2{
	float:left;
	margin-top:10px;
	width: 520px;
}


#titleNav {
	margin-top:47px;
	float:right;
	width: 220px;
}

#titleNav li{
	float:left;
}


#midokoroNavi {
	width:680px;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 5px;
	margin-left: 30px;
}

 #midokoroNavi ul {
             width: 690px;
             margin-right: -10px;
             overflow: hidden;
             _zoom: 1;
             }

            #midokoroNavi ul li {
                          float: left; 
                          margin-right: 10px;
                          } 


.imgBox{
	margin-top: 40px;
	margin-bottom: 30px;
	width: 680px;
	margin-right: 30px;
	margin-left: 30px;
	text-align: center;
}

.imgBoxHead{
	margin-top: 0px;
	margin-bottom: 5px;
	width: 680px;
	margin-right: 30px;
	margin-left: 30px;
	text-align: center;
}




.textBox{
	width: 618px;
	min-height: 20px;
	margin:0px 60px 30px 30px;
	border:solid 1px #CCC;
	padding: 30px;
	border-radius: 5px;
	background: #fff;
	-moz-border-radius: 5px; /* FF */
	background: -moz-linear-gradient(top,  #fff,  #eee); /* FF */
	-webkit-border-radius: 5px;/* Webkit */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));/* Webkit */
	-pie-background:linear-gradient(top,  #fff,  #eee); /* ie */
	behavior: url(http://www.kokyu200.jp/PIE.htc);  /* ie */
	position:relative;
	}
	
	.textBox2{
	width: 618px;
	min-height: 20px;
	margin:0px 60px 30px 30px;
	border:solid 1px #CCC;
	padding: 30px;
	border-radius: 5px;
	background: #fff;
	-moz-border-radius: 5px; /* FF */
	
	-webkit-border-radius: 5px;/* Webkit */

	behavior: url(http://www.kokyu200.jp/PIE.htc);  /* ie */
	position:relative;
	}
	
	.textBoxTab{
	width: 618px;
	min-height: 20px;
	border:solid 1px #CCC;
	padding: 30px;
	border-radius: 5px;
	background: #fff;
	-moz-border-radius: 5px; /* FF */
	background: -moz-linear-gradient(top,  #fff,  #eee); /* FF */
	-webkit-border-radius: 5px;/* Webkit */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));/* Webkit */
	-pie-background:linear-gradient(top,  #fff,  #eee); /* ie */
	behavior: url(http://www.kokyu200.jp/PIE.htc);  /* ie */
	position:relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	}
	
	.textBoxImg{
	padding-bottom: 1.6em;		
	}
	
	.textBox h3{
	font-size:131%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 1em;
	font-weight: bold;
	color: #666;
}
	
	
	.textBox li {
      padding: 0.5em;
      padding-left: 24px;
      background: url(images/arrow.png) no-repeat 0px 0.9em;
      list-style: none;
}

	.textBox2 h3{
	font-size:131%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 1em;
	font-weight: bold;
	color: #666;
}
	
	
	.textBox2 li {
      padding: 0.5em;
      padding-left: 24px;
      background: url(images/arrow.png) no-repeat 0px 0.9em;
      list-style: none;
}


.blackHr {
	display:block;
	height:1px;
	padding:0;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: solid;
	border-top-color: #999999;
	margin-top: 1.5em;
	margin-right: 0;
	margin-bottom: 1.5em;
	margin-left: 0;
}





/*イベント情報*/

#event{
	margin-top: 20px;
	margin-bottom: 60px;
}

.eventBannerL{
	float:left;
	margin-left: 30px;
}

.eventBannerR{	
float:right;
margin-right: 30px;
}

.topics{
	width:330px;
	float:left;
	margin-left:10px;
}

.topics h3{
	background:url(../images/bg_ttl_s.jpg) no-repeat 0 50%;
	padding:2px 0 0 20px;
	margin-top:15px;
	font-size:116%;
}

.topics p{
	margin:10px 5px 0 0;
}

.topics p img{
	float:left;
	margin-right:10px;
}


/*更新情報*/
#news article{
	margin-bottom: 2em;
}

#news h3{
	/* [disabled]background:url(../images/bg_ttl_s.jpg) no-repeat 0 50%; */
	
	font-size:153.9%;
	font-weight:bold;
	float:left;
}

.newsttl{
	margin-top: 0px;
	margin-right: 30;
	margin-left: 30px;
	width: 680px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A4BDB2;
	padding-bottom: 0em;
	margin-bottom: 1em;
}

.date{
	font-size:100%;
	float:right;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}


#news p{
	
	margin-right: 30px;
	margin-left: 30px;
	width: 680px;
	padding-bottom: 1em;
}





/*コンテンツ見出し*/

#contentsTitle{
	margin-top: 40px;
	margin-bottom: 30px;
	width: 680px;
	margin-right: 30px;
	margin-left: 30px;
}

#contentsTitle p{
	padding-top: 1.7em;
	padding-bottom: 2em;
}

#contentsTitle img{
	/*margin-bottom: 30px;*/
}



/* 前後ページリンク
---------------------------------------------------*/
#pageLink {
	padding-top: 0.5em;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
		
	
}

span.previousPage {
	float: left;	

	
	
	
}

span.nextPage {
	float: right;
	
}

.topPage {
	float: right;
	margin-right: 10px;
}



#pageFooter {
	padding-top: 1em;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	margin-top: 100px;
	margin-right: 30px;
	margin-left: 30px;	/*width: 680px;*/
}

#pageFooterCaption {
	font-size: 80%;
}


/* =======================
sidebar
======================= */

.sideinfo{
	border:1px solid #77B394;
	width:238px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-color: #FFF;
}



.sideinfo img{
	margin-left: -1px;
	margin-top: -1px;
}

.sideinfo h1{
	background:#999;
	color:#fff;
	padding:5px 10px;
	font-size:108%;
}

.sideinfo .text{
	padding-top: 1em;
	padding-right: 10px;
	padding-bottom: 1em;
	padding-left: 10px;
	font-size: 93%;
	width:218px;
}

.sideinfo .textbt{
	padding-top: 0.5em;
	padding-right: 10px;
	padding-bottom: 0.5em;
	padding-left: 10px;
	font-size: 85%;
	width:218px;
	color: #C00;
	background-color: #F3F3F3;
	font-weight: normal;
}

.sideinfo p{
	line-height: 5em;
}

ul.bnrarea li{
	width:240px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

ul.bnrarea img{
	padding:0px;
	
}


#day {
	z-index: 6;
	visibility: visible;
	color: #327556;
	font-size: 250%;
	font-weight: bold;
	height: 69px;
	width: 145px;
	text-align: center;
	background-color: #FFF;
	background-image: url(../img/common/sidebn_kaimaku.png);
	background-repeat: no-repeat;
	padding-left: 95px;
	padding-top: 10px;
}
	
	


ul.linkList {
	padding-top: 1em;
	padding-right: 10px;
	padding-bottom: 1em;
	padding-left: 10px;
}


ul.linkList li {
	line-height: 2em;	
}


ul.linkList img{
	float: left;
	padding: 10px;
}



.updateinfo{
	width:218px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #77B394;
	margin-top: 40px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #77B394;
}

.otherinfo{
	width:218px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #77B394;
	font-size: 80%;
}

.otherinfo2{
	width:218px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: center;
	font-size: 85%;
	margin-top: -15px;
	color: #C00;
}

.otherinfo3{
	text-align: center;
	font-size: 110%;
	line-height: 1.5em;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0.5em;
	padding-right: 0px;
	padding-bottom: 0.5em;
	padding-left: 0px;
	margin-bottom: 0em;
	display: block;
	width: 100%;
	margin-top: 0.5em;
	border: 1px solid #F00;
	background-color: #FFF1F1;
	color: #F00;
}

.otherinfo4{
	text-align: center;
	font-size: 120%;
	line-height: 1.5em;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1em;
	padding-right: 0px;
	padding-bottom: 1em;
	padding-left: 0px;
	margin-bottom: 1em;
	display: block;
	width: 100%;
	margin-top: 1em;
	border: 1px solid #F00;
	background-color: #FFF1F1;
	color: #F00;
}


/* =======================
footer
======================= */

#footerTop{
	width: 1020px;
	height: 230px;
	
	
}


#footer{
	width: 1020px;
	height: 250px;
	background-image: url(../img/common/footer_copy.jpg);
}

#footer p.copyright{
	padding-top:3px;
}

#footer a{
	color:#ff0;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}



/* =======================
table
======================= */



#ticketTable
{
	width: 620px;
	border-collapse: collapse;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
/*#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: normal;
	
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}*/

#ticketTable th
{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #A8A8A8;
	padding: 10px 10px;
	font-size: 116%;
	text-align: center;
}

#ticketTable td
{
	padding-top: 1em;
	padding-right: 10px;
	padding-bottom: 1em;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 116%;	
}
#ticketTable tbody tr:hover td
{
	/*color: #009;*/
}

.oce-first
{
	width: 25%;		/*background-color: #F3F3F3;*/
	color: #68351F;
}


/* =======================
tab
======================= */

  #tabs {
	
  }
    #tabs ul {
	list-style:none;
	width: 680px;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
}
    #tabs li.aaaa {
	float:left;
	width:97px;
	padding-bottom: 0px;
}

    #tabs li.bbbb {
	float:left;
	width:170px;
	padding-bottom: 0px;
}

    #tabs a {
	display:block;
	margin:1px;
	border:1px solid #ccc;
	text-align: center;
	line-height: 2em;
	background-color: #448566;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
	height: 2em;
}


#tabs a:hover {
	color: #448566;
	background-color: #fff;	
	
}

#tabs a.active {
	color: #448566;
	background-color: #fff;	

}


.motion {
	display:none;
	clear:both;
	width:680px;
	border:0px solid #ccc;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 30px;
}

#motion_area1 {
	display: block;
}





.readList li {
	margin-left:  0em;
	padding-left: 0.8em;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #d7b161;
	font-size: 108%;
	margin-bottom: 0.8em;
	/* [disabled]background-color: #FFFFFF; */
}
	


/* =======================
goods table
======================= */

	
	#box-table-goods
{
	margin: 0px;
	width: 620px;
	text-align: left;
	border-collapse: collapse;
	
}
#box-table-goods th
{
	padding: 0.7em;
	color: #333;
	background-color: #D9D9D9;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #fff;
	border-bottom-color: #fff;
	font-size: 90%;
}
#box-table-goods td
{
	padding: 0.7em;
	background-color: #E6E6E6;
	border: 1px solid #fff;
	font-size: 90%;
}
#box-table-goods tr:hover td
{
	/*background-color: #F3F3F3;*/
}

.goods-01
{
	width: 25%;		/*background-color: #F3F3F3;*/
	
}

.goods-04
{
	width: 13%;		/*background-color: #F3F3F3;*/
	
}
	



#hor-minimalist
{
	/*font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;*/
	
	/* [disabled]background: #fff; */
	margin: 0px;
	width: 620px;
	border-collapse: collapse;
	text-align: left;
	
}
/*#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: normal;
	
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}*/

#hor-minimalist th
{
	

	
	padding: 10px 10px;
}

#hor-minimalist td
{
	padding-top: 1em;
	padding-right: 10px;
	padding-bottom: 1em;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DFDFDF;
}
#hor-minimalist tbody tr:hover td
{
	/*color: #009;*/
}


.urikire {
	font-size: 90%;
	text-align: right;
	padding-top: 1em;
}