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


#main_border {
	width:922px;
	border:1px solid #999999;
	padding:0px;
	background-color: #000000;
	height: 620px; /*560px;*/
	margin-top: 30px;
	margin-bottom: 0px;
	margin-left: 40px;
	margin-right: 40px;
	background-image: url(../images/haikei20160508.jpg);
	background-repeat: no-repeat;
}

#header {
    border-bottom: 1px solid #333333;
    clear: both;
    height: 58px;
    margin: 0 0 36px;
    position: relative;
    top: 23px;
    width: 922px;
}
#headerBoxLeftBox{
	float: left;
	height: 55px;
	width: 255px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#TitleImage a {
	display:block;
	background-image: url(../images/top_back2.jpg);
	background-repeat: no-repeat;
	height: 55px;
	width: 255px;
}

#TitleImage a:hover {
	background-image: url(../images/top_back2.jpg);
	background-repeat: no-repeat;
}

#headerBoxRightBox{
	float: right;
	margin-top: 10px;
}

#headerBox{
	float: right;
	clear: both;
}

#headerBox ul {
	width: 599px;
	height:45px;
	float: right;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#headerBox li  {
	margin:0px;
	height: 45px;
	list-style-type:none;
	float: left;
}

#header li a {
	display: block;
	height: 45px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
	margin:0px;
}

#header #actors a  {
	background-image: url(../images/menu_act_1.jpg);
	width:100px;
}

#header #news a {
	background-image: url(../images/menu_news_1.jpg);
	width:120px;
}

#header #shopping a {
	background-image: url(../images/menu_shop_1.jpg);
	width:120px;
}

#header #aboutus a {
	background-image: url(../images/menu_about_1.jpg);
	width:120px;
}

#header #contact a {
	background-image: url(../images/menu_cont_1.jpg);
	width:139px;
}



#header #actors a:hover {
	background-image: url(../images/menu_act_2.jpg);
	width:100px;
}

#header #news a:hover {
	background-image: url(../images/menu_news_2.jpg);
	width:120px;
}

#header #shopping a:hover {
	background-image: url(../images/menu_shop_2.jpg);
	width:120px;
}

#header #aboutus a:hover {
	background-image: url(../images/menu_about_2.jpg);
	width:120px;
}

#header #contact a:hover {
	background-image: url(../images/menu_cont_2.jpg);
	width:139px;
}

.kojobox {
	height: 30px;
	width: 897px;
	clear: both;
	float: left;
	text-align: left;
	padding-left: 25px;
}

.grandbox {
	height: 430px;
	width: 922px;
	clear: both;
	float: left;
}

.grandboxLeft {
	height: 430px;
	width: 702px;
	clear: both;
	float: left;
}

.grandboxLeftBox{
	clear: both;
	float: left;
	width: 680px;
	margin-left: 20px;
	padding-top: 0px;
}

.grandboxLeftBox li {
	width: 620px;
	list-style-position: outside;
	list-style-image: url(../images/arrow.jpg);
	font-size:12px;
	padding-left: 5px;
	float: left;
	clear: both;
	line-height: 12px;
	text-align: left;
}

.grandboxLeftBox li a {
	width: 620px;
}

.grandboxRight {
	height: 410px;
	width: 185px;
	float: right;
	padding-right: 35px;
}

.twitterbanner {
	padding-top:10px;
	height: 50px;
	width: 70px;
	padding-left:100px;
}

.grandboxbanner {
	padding-top:10px;
	height: 60px;
	width: 170px;
}

.grandboxRightBox{
	float: right;
	width: 170px;
	height: 70px;
	margin-top: 350px;
}

.grandboxRightBoxLeft{
	float: left;
	width: 80px;
	height: 40px;
	padding-top: 10px;
}

.grandboxRightBoxRight{
	float: right;
	width: 80px;
	height: 40px;
	padding-top: 10px;
}




/* one top

#nextstage {
	float: left;
	margin-top: 176px;
	margin-left: 0px;
}

#nextstage a {
	display:block;
	height: 121px;
	width: 345px;
	background-image: url(../images/top_mata1.jpg);
	background-repeat: no-repeat;
}

#nextstage a:hover {
	background-image: url(../images/top_mata2.jpg);
	background-repeat: no-repeat;
}
*/

/* two top */

#nextstage {
	float: left;
	/*padding-top:40px;*/
	margin-left: 30px;
	clear: both;
	display: inline;
	height:121px;
	margin-top:10px;
}

#nextstage a {
	display:block;
	height: 121px;
	width: 313px;
	background-image: url(../images/next_banner.png);
	background-repeat: no-repeat;
}

#nextstage a:hover {
	background-image: url(../images/next_banner.png);
	background-repeat: no-repeat;
}

/*#nextstage2 {
	float: left;
	margin-top:84px;
	margin-left: 0px;
	clear: both;
}*/
/*84 100 or 公演終了時224px */

#nextstage2 {
	float: left;
	width:310px;
	/*height:60px;*/
	color:#E34F51;
	margin-top:55px;
	margin-left: 0px;
	clear: both;
	padding-left:30px;
	line-height:1.5em;
	text-align:left;
}

#nextstage2 a {
	display:block;
	height: 60px;
	width: 345px;
	background-image: url(../images/hisai.gif);
	background-repeat: no-repeat;
}

#nextstage2 a:hover {
	background-image: url(../images/hisai.gif);
	background-repeat: no-repeat;
}

/* two top */


#newsTitle {
	background-image: url(../images/news_title2.jpg);
	background-repeat: no-repeat;
	float: left;
	margin-top: 20px;/* 18px */
	margin-left: 0px;
	height: 20px;
	width: 106px;
	clear: both;
}

ul.news-list li {
	color: #FFF;
	line-height: 1.5em;
}

#ticket_banner {
	float: left;
	margin-top: 10px;/* 18px */
	margin-left: 0px;
	padding-left:30px;
	height: 50px;
	width: 313px;
	clear: both;
}

.BigBox1{
	clear: both;
	float: left;
	width: 860px;
	margin-left: 30px;
	display: inline;
}

.BigBox1LeftBox{
	clear: both;
	float: left;
	width: 680px;
}

.BigBox1RightBox{
	float: right;
	width: 170px;
	height: 80px;
}



.BigBox{
	clear: both;
	float: left;
	width: 860px;
	margin-left: 30px;
	display: inline;
}

.BigBoxLeftBox{
	clear: both;
	float: left;
	width: 680px;
}

.BigBoxLeftBox li {
	width: 620px;
	list-style-position: outside;
	list-style-image: url(../images/arrow.jpg);
	font-size:12px;
	padding-left: 5px;
	float: left;
	clear: both;
	line-height: 12px;
	text-align: left;
}

.BigBoxLeftBox li a {
	width: 620px;
}


.BigBoxRightBox{
	float: right;
	width: 170px;
	height: 80px;
}

.BigBoxRightBoxLeft{
	float: left;
	width: 80px;
	height: 40px;
	padding-top: 20px;
}

.BigBoxRightBoxRight{
	float: right;
	width: 80px;
	height: 40px;
	padding-top: 20px;
}

#footer_frame {
	width:922px;
	padding:0px;
	background-color: #000000;
	height: 55px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
	margin-right: 40px;
	clear: both;
	float: left;
}

#footer{
	width:922px;
	height: 45px;
	position: relative;
	clear: both;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#footerBox{
	float: right;
	clear: both;
}

#footerBox ul {
	width: 682px;
	height:45px;
	float: right;
	clear: both;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#footerBox li  {
	margin:0px;
	height: 45px;
	list-style-type:none;
	float: left;
}

#footer li a {
	display: block;
	height: 45px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
	margin:0px;
}

#footer #sup a  {
	background-image: url(../images/nabi_sup_1.jpg);
	width:153px;
}

#footer #copy a {
	background-image: url(../images/nabi_copy_1.jpg);
	width:153px;
}

#footer #arc a {
	background-image: url(../images/nabi_arc_1.jpg);
	width:153px;
}

#footer #priv a {
	background-image: url(../images/nabi_pri_1.jpg);
	width:153px;
}

#footer #link a {
	background-image: url(../images/nabi_link_1.jpg);
	width:70px;
}



#footer #sup a:hover {
	background-image: url(../images/nabi_sup_2.jpg);
	width:153px;
}

#footer #copy a:hover {
	background-image: url(../images/nabi_copy_2.jpg);
	width:153px;
}

#footer #arc a:hover {
	background-image: url(../images/nabi_arc_2.jpg);
	width:153px;
}

#footer #priv a:hover {
	background-image: url(../images/nabi_pri_2.jpg);
	width:153px;
}

#footer #link a:hover {
	background-image: url(../images/nabi_link_2.jpg);
	width:70px;
}


#copyright {
	background-image: url(../images/copyright.jpg);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	margin-top: 15px;
	height: 14px;
	width: 256px;
	margin-left: 30px;
}


#banner_frame {
	width:922px;
	padding:0px;
	background-color: #000000;
	height: 930px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 40px;
	margin-right: 40px;
	clear: both;
	float: left;
}

.bannerBox {
	float: left;
	height: 100px;
	width: 922px;
	margin-top: 11px;
}

.leftBox {
	float: left;
	height: 100px;
	width: 611px;

}

.leftBoxLeft {
	float: left;
	height: 100px;
	width: 298px;
	border: thin solid #999;
	background-position: center center;
	background-image: url(../images/umareta_gyay.jpg);
	background-repeat: no-repeat;
}

.leftBoxLeft_w {
	float: left;
	height: 100px;
	width: 298px;
	border: thin solid #999;
	background-position: center center;
	background-image: url(../images/umareta_white.jpg);
	background-repeat: no-repeat;
}

.leftBoxLeftLeft {
	float: left;
	height: 85px;
	width: 71px;
	padding-top: 15px;
	padding-left: 15px;
}

.leftBoxLeftRight {
	float: right;
	height: 85px;
	width: 182px;
	text-align: left;
	padding-left: 10px;
	padding-top: 15px;
	padding-right: 20px;
}

.text_title {
	font-size: 14px;
	font-weight: bold;
	color: #0033FF;
}

.text_s {
	font-size: 12px;
	line-height: 1.4em;
	color: #333;
	padding-top: 3px;
}

.leftBoxRight {
	float: right;
	height: 100px;
	width: 299px;
	border: thin solid #999;
	background-image: url(../images/umareta_white.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.leftBoxRight_g {
	float: right;
	height: 100px;
	width: 299px;
	border: thin solid #999;
	background-image: url(../images/umareta_gyay.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.leftBoxRightLeft {
	float: left;
	height: 85px;
	width: 71px;
	padding-top: 15px;
	padding-left: 15px;
}

.leftBoxRightRight {
	float: right;
	height: 85px;
	width: 182px;
	text-align: left;
	padding-left: 10px;
	padding-top: 15px;
	padding-right: 20px;
}

.rightBox {
	float: right;
	height: 100px;
	width: 299px;
	border: thin solid #999;
	background-image: url(../images/umareta_gyay.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.rightBox_w {
	float: right;
	height: 100px;
	width: 299px;
	border: thin solid #999;
	background-image: url(../images/umareta_white.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.rightBoxLeft {
	float: left;
	height: 85px;
	width: 71px;
	padding-top: 15px;
	padding-left: 15px;
}

.rightBoxRight {
	float: right;
	height: 85px;
	width: 182px;
	text-align: left;
	padding-left: 10px;
	padding-top: 15px;
	padding-right: 20px;
}

.pagetop {
	font-size: 12px;

	margin-left: 20px;
	display: inline;
	float: left;
	clear: both;
	padding-left: 15px;
	width: 200px;
	text-align: left;
}

/*clearfix */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display:block;
}

/*clearfix end */