@charset "utf-8";

/*トップページ-ロゴ～メニュー
***************************************************************************/
header {
	width: 1000px;
	margin: 0 auto;
}

header #tnav_float{
	position: relative;
	top: 0px;
	width: 300px;
	float: right;
	z-index: 2;
}

header .main_logo{
	background-color: #ffffff;
	padding: 15px 77px 25px;
}




header .main_logo h1 span{
	display:block;
	width: 138px\9;
	height: 138px\9;
	background-image:url(../common_img/icon_top.gif)\9;
	background-repeat: no-repeat\9;
	text-indent: -9999px\9;

}

header .main_logo h1 span:not(:target) {
  text-indent: 0px\9;
}




header .main_logo h1 .top_name{
	margin: 8px 0 0;
}

nav ul.nav1{
	height:146px;
	background-image: url(../images/tnav01_bg.png);
	background-repeat: no-repeat;
	padding:0 0 0 90px;
}

nav ul.nav2{
	height:135px;
	background-image: url(../images/tnav02_bg.png);
	background-repeat: no-repeat;
	padding:0 0 0 138px;
}

ul.nav1 li,nav ul.nav2 li{
	margin:6px 28px 0 0;
	float: left;
}


ul.nav1 li{
  position: relative;
}
ul.nav1 li img.active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s; // ゆっくり
}
ul.nav1 li:hover img.active {
  opacity: 1;
}

ul.nav2 li{
  position: relative;
}
ul.nav2 li img.active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s; // ゆっくり
}
ul.nav2 li:hover img.active {
  opacity: 1;
}

/*トップページ-メインイメージ
***************************************************************************/
/*メインスライダー*/
#slider{
	background-color: #000000;
}

#main_img{
/*	background-image: url(../common_img/slide_bg.jpg);
	background-repeat: repeat-y;*/
        background-color: #EDEDED;
	padding: 0 0 18px 0;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 1;
	border-bottom: solid 1px #dbdbdb;
}

#main_img li .text{
	margin: 0 auto;
	padding: 172px 0 23px 25px;
	width: 1000px;
}

#main_img li .text dl{
	color: #fff;			filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);
	background-color: rgba(0, 0, 0, 0.7);
	padding: 32px 24px 27px 23px;
	width: 370px;
	height: 246px;
	float: left;
}
	/* IE8向け */
	#main_img li .text dl{
		padding: 32px 12px 27px\9;
		width: 417px\9;
	}
	/* Firefox向け */
	#main_img .taketori-col,  x:-moz-any-link {
		overflow-y: visible!important;
	}
	/* IE11向け */
	*::-ms-backdrop, #main_img .taketori-col { overflow-y: visible!important; } 
	*::-ms-backdrop, #main_img .li .text dd { margin:20px 0 0 0!important; } 

#main_img li .text dd.slide-text {
	height: 290px;
}
	/* IE11向け */
	*::-ms-backdrop, #main_img li .text dd.slide-text {	height: 240px!important;width:250px!important; }
	/* Chrome向け */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#main_img li .text dd.slide-text { height: 270px!important;width:255px!important; }
		#main_img li .text dd { margin:20px 10px 0 0!important; } 
	}

#main_img li .text dd{
margin:20px 0 0 15px;
}

#main_img li .text dd{
	line-height: 1.8em;
}

#main_img li .text dd.btn{
margin:20px 0 0 136px;
}

#main_img li#main_img1{ background-image: url(../images/main01.jpg); background-position: center 0px; background-repeat: no-repeat; }
#main_img li#main_img2{ background-image: url(../images/main02.jpg); background-position: center 0px; background-repeat: no-repeat; }
#main_img li#main_img3{ background-image: url(../images/main03.jpg); background-position: center 0px; background-repeat: no-repeat; }
#main_img li#main_img4{ background-image: url(../images/main04-2.jpg); background-position: center 0px; background-repeat: no-repeat; }
#main_img li#main_img5{ background-image: url(../images/main05.jpg); background-position: center 0px; background-repeat: no-repeat; }

#main_img #carousel{
	margin: 5px auto 0;
	width: 1000px;
}

/*4枚ver.*/
/*
#main_img #carousel li{
	margin-right: 8px;
	width: 244px;
	height: 84px;
	cursor: pointer;
}

#main_img #carousel li.flex-active-slide{
	background-image: url(../images/slide4_hover.jpg);
	background-repeat: no-repeat;
}

#main_img #carousel li:not(:last-child):after{
	margin-right: 0px;
}
#main_img li#main_tmb1{ background-image: url(../images/thumb4_01.jpg); background-position: center 0px; background-repeat: no-repeat; }
#main_img li#main_tmb2{ background-image: url(../images/thumb4_02.jpg); background-position: center 0px; background-repeat: no-repeat; }
#main_img li#main_tmb3{ background-image: url(../images/thumb4_03.jpg); background-position: center 0px; background-repeat: no-repeat; }
#main_img li#main_tmb4{ background-image: url(../images/thumb4_04.jpg); background-position: center 0px; background-repeat: no-repeat; }
#main_img li#main_tmb5{ background-image: url(../images/thumb4_05.jpg); background-position: center 0px; background-repeat: no-repeat; }
*/

/*3枚ver.*/
#main_img #carousel li{
	margin-right: 8px;
	width: 328px;
	height: 84px;
	cursor: pointer;
}

#main_img #carousel li.flex-active-slide{
	background-image: url(../images/slide3_hover.jpg);
	background-repeat: no-repeat;
}

#main_img #carousel li:not(:last-child):after{
	margin-right: 0px;
}
#main_img li#main_tmb1{ background-image: url(../images/thumb3_01.jpg); background-position: center 0px; background-repeat: no-repeat; }
#main_img li#main_tmb4{ background-image: url(../images/thumb3_02-2.jpg); background-position: center 0px; background-repeat: no-repeat; }
#main_img li#main_tmb3{ background-image: url(../images/thumb3_03.jpg); background-position: center 0px; background-repeat: no-repeat; }


#main_img{
	height: 590px;
}
#loading{
	width: 100%;
	text-align: center;
}
#loading img{
	margin: 200px 0 10px 0;
}
.loading {
	opacity: 0;
	height: 0px;
}

/*トップページ-メイン
***************************************************************************/
#main{
padding-top:158px;
}

/* トップバナー 
***************************************************************************/
.topbanner{
	width:600px;
	margin:-25px auto 20px auto;
}

/*　おしらせ（赤）
***************************************************************************/
#top_info{
	border: 2px solid #c20707;
	width: 672px;
	margin:0 0 20px 2px;
	font-family: Verdana,"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: bold;
}

#top_info h3{
	background: #c20707;
	color: #fff;
	border: 0;
	padding: 5px 10px;
	margin: 0 0 10px 0;
	font-weight: bold;
}
#top_info p{
	padding: 5px 10px;

	color: #c20707;
}

/*　新着情報
***************************************************************************/
#news {
	background-image: url(../images/news_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	margin: 0 0 45px;
	padding:3px 3px 0 100px;;
	width: 577px;
	height: 200px;
}

#news img.right{
	float: right;
	padding: 12px 9px 11px 0;
}

#news ul{
	clear: both;
	padding:0 0 15px 0 10px;
	overflow:auto;
	overflow-y:scroll;
	height:193px;
}

#news li{
	margin: 0 0 10px;
}

#news li:first-child{
	margin-top:20px;
}

#news li span.date{
	font-weight: bold;
}

#news .infoarea{
	padding-bottom:10px;
	border-bottom: 1px solid #474747;
}
#news li span.red{
	color:#CC0000;
}


/*トップページ-メインコンテンツ共通
***************************************************************************/
#content {
	width:680px;
	height:auto;
	margin:0;
	float: left;
}

/*トップページ-サービスの御案内
***************************************************************************/
#service {
margin:0 0 45px;
}

#service a{text-decoration: none;}

#service .mon_recd {
	position: relative;
	z-index: 2;
	margin:20px 0 0;
}

#service .mon_recd{}

#content div.overimg.test{/*新橋演舞場の御食事のオーバレイ*/
	background: url(../images/shinbashi_info_over.jpg) 0 0;
}

#service .tate_l{
	position: absolute;
	z-index: 1;
	margin: 198px 0 0 20px;
	width: 150px;
	height: 130px;
}

#service .tate_r{
	position: absolute;
	z-index: 1;
	margin: 232px 0 0 514px;
	width: 150px;
	height: 130px;
}

#service .taketori-col{
height:0;
}

#service .tate p{
	font-size: 12px;
	line-height: 2em;
}

#service .mon_recd p.se_01{
padding:45px 40px 0 335px;
line-height:32px;
}

#service .mon_recd p.se_02{
	font-size: 18px;
	padding: 28px 0 0 505px;
}

#service .mon_recd p.se_03{
	font-size: 21px;
	width:338px;
	float:left;
	margin:42px 15px 0 20px;
}
	/* IE8向け */
	#service .mon_recd p.se_03 img{
	position: relative\9;
	width: 290px\9;
	z-index: 200\9;
	margin:10px 15px 0 60px\9;
	}


#service .mon_recd dl.se_04{
	font-size: 13px;
	padding:20px;
	margin:30px 0 0 0;
	background-color: rgba(85,108,109,0.70);
	float: left;
}

#service .mon_recd dl.se_04 dt{
	padding:2px 0 2px 0;
}

#service .mon_recd dl.se_04 dd{
	padding:0 0 4px 15px;
}

#service .mon_recd p.se_05{
	padding: 60px 40px 0 360px;
	line-height: 36px;
}

#service .mon_recd p.se_06{
	font-size: 18px;
	padding: 22px 0 0 450px;
}

/*トップページ-公演情報
***************************************************************************/
#performance{

}

#performance dl{
float:left;
width:214px;
margin-right:19px;
}

	/* IE8向け */
	#performance dl{ margin-right:12px\9; }

#performance dl:nth-child(3n+1){
margin-right:0;
}

#performance dt{
margin:0 15px 0;
}

#performance dt,#performance dd.per_img{
float:left;
margin-bottom:25px;
}

#performance dd.per_ttl{
clear:left;
margin-bottom:22px;
}

#performance dd.per_date{
	font-size: 12px;
	margin-bottom: 9px;
}

#performance dd.per_text{
	font-size: 12px;
	padding:0 0 18px;
}

/*トップページ-特別御膳・弁当の枠
***************************************************************************/
#news2{
    border: 1px solid #c6c6c6;
    width:640px;
    padding:20px 20px 0 20px;
    margin:0 0 30px 0;
}
#news2 h1{
    color: #cc0f0f;
    font-size: 20px;
    text-align: center;
    margin:0 0 10px 0;
    font-weight: bold;
}
#news2 ul{
    margin:0 0 20px 0;
    padding:0;
}
#news2 ul li{
    list-style:none;
    margin:0 0 10px 0;
    font-size: 14px;
}

#content .titles{
	margin: 0 0 15px 0;
}
#content h3{
	margin: 0 0 0 0;
	border-bottom:none!important;
}
#content p{
	margin: 0 0 15px 50px;
}
#top-osyokuji{
	margin-bottom: 30px;
}
#top-osyokuji img{
	width: 100%;
	height: auto;
  	transition: 0.2s; 
}
#top-osyokuji img:hover{
	opacity: .7;
  transition: 0.2s; 
}
#top-shop{
	margin-bottom: 30px;
}
#top-shop img{
	width: 100%;
	height: auto;
  	transition: 0.2s; 
}
#top-shop img:hover{
	opacity: .7;
  transition: 0.2s; 
}
#top-obento{
	margin-bottom: 30px;
}
#top-obento img{
	width: 100%;
	height: auto;
  	transition: 0.2s; 
}
#top-obento img:hover{
	opacity: .7;
  transition: 0.2s; 
}
.kouenlist{
	margin: 20px 0 0 0;
}