@charset "utf-8";

/*----------------------------------------------------------
	Header Info
----------------------------------------------------------*/

body#show #HeadInformation {
    background-image:url(/common/images/hi_bg_show.jpg);
}


/*----------------------------------------------------------
	mainImage Area
----------------------------------------------------------*/
body#show #mainImageArea{
	border-top:solid 4px #FF0033;
	border-bottom:solid 4px #FF0033;
	background-color:#FF0033;
}

#show #CategoryIndexMainImageArea .catch {
	/* margin: 0 auto; */
	margin-top: 20px;
	margin-bottom: 20px;
}




/*----------------------------------------------------------
	movie parts
----------------------------------------------------------*/
.mvspace{
	position:relative;
	margin-top:30px;
	}
.mvplay{
	position:absolute;
	left:20px;
	top:0;
	}



#rg-gallery {

}




/*--------------------
	hpr.html
--------------------*/	
body#show .SHOW-Hpr{
	/* height:373px; */
	height:0;
	background:url(/show/images/hpr_mainimg.webp) no-repeat center top;
	background-size: contain;
	padding-top: 29.8%;
}

body#show .SHOW-Hpr p{
	top:90px;
	left:50%;
	margin-left: -220px;
}
/* 2022.10.05 add */
table.infoTable {
	font-size: 108%;
}
table.infoTable th {
	width: 60px;
	vertical-align: top;
	text-align: left;
}
table.infoTable p.noteMark {
	font-size: 100%;
}
p.noteMark{
	padding-left: 1em;
	text-indent: -1em;
}
/* 2022.10.05 add end */


/*--------------------
	gps.html
--------------------*/	
body#show .SHOW-Gps{
	/* height:373px; */
	height: 0;
	background:url(/show/images/gps_mainimg.webp) no-repeat center top;
	background-size: contain;
	padding-top: 29.14%;
}
body#show .SHOW-Gps p {
	left:50%;
	top: 190px;
	margin-left: -316px;
/* 	display: none; */
	}


/*--------------------
	sp.html
--------------------*/	
body#show .SHOW-SP{
	height:373px;
	background:url(/show/images/sp_mainimg.jpg) no-repeat center top;
}
body#show .SHOW-SP p{
	top:0;
	left:20px;
}
/*--------------------
	experience1.html
--------------------*/	
body#show .SHOW-EXPERIENCE1{
	/* height:373px; */
	height: 0;
	background:url(/show/images/experience_mainimg1.jpg) no-repeat center top;
	background-size: contain;
	padding-top: 29.14%;
}
body#show .SHOW-EXPERIENCE1 p{
	left:50%;
	top: 190px;
	margin-left: -316px;
/* 	display: none; */
	}
/*--------------------
	experience2.html
--------------------*/	
body#show .SHOW-EXPERIENCE2{
	/* height:373px; */
	height: 0;
	background:url(/show/images/experience_mainimg2.jpg) no-repeat center top;
	background-size: contain;
	padding-top: 29.14%;
}
body#show .SHOW-EXPERIENCE2 p{
	left:50%;
	top: 190px;
	margin-left: -316px;
/* 	display: none; */
	}
/*--------------------
	dancemagic.html
--------------------*/	
body#show .SHOW-DM{
	height:373px;
	background:url(/show/images/dancemagic_mainimg.jpg) no-repeat center top;
}
body#show .SHOW-DM p{
	top:61px;
	left:406px;	
}

/* 2019.01.09 add */
div.programArea {
	border-bottom: solid 1px #E3E9EE;
	margin-bottom: 30px;
}

/* 2019.01.09 add end */


/*--------------------
	dancingteam.html
--------------------*/	
body#show .SHOW-DC{
	height:373px;
	//background:url(/show/images/dancingteam_mainimg.jpg) no-repeat center top;
}
body#show .SHOW-DC p{
	top:51px;
	left:14px;	
}

/* 2017.10.19 add */
div.Dancer_profile01{
	background: #ececec;
	padding: 10px;
}

div.Dancer_profile02{
	padding: 10px;
}

span.Position_name {
	font-size: 88%;
}

/*--------------------
	fireknife.html
--------------------*/	
body#show .SHOW-FK{
	height:373px;
	background:url(/show/images/fireknife_mainimg.jpg) no-repeat center top;
}
body#show .SHOW-FK p{
	top:65px;
	left:496px;	
}
/*--------------------
	music.html
--------------------*/	
body#show .SHOW-Music{
	height:373px;
	background:url(/show/images/music_mainimg.jpg) no-repeat center top;
}
body#show .SHOW-Music p{
	top:34px;
	left:238px;	
}
/*--------------------
	interview.html
--------------------*/	
body#show .SHOW-Int{
	height:373px;
	background:url(/show/images/interview_mainimg.jpg) no-repeat center top;
}
body#show .SHOW-Int p{
	top:83px;
	left:22px;	
}
/*--------------------
	hulamuseum.html
--------------------*/	
body#show .SHOW-FulaM{
	height:373px;
	background:url(/show/images/hulamuseum_mainimg.jpg) no-repeat center top;
}
body#show .SHOW-FulaM p{
	top:0;
	left:-40px;	
}
/*--------------------
	history.html
--------------------*/	
body#show .SHOW-His{
	height:333px;
	background:url(/show/images/history_mainimg.jpg) no-repeat center top;
}
body#show .SHOW-His p{
	top:0;
	left:-40px;	
}
/*--------------------
	polynesia.html
--------------------*/	
body#show .SHOW-Poly{
	height:333px;
	background:url(/show/images/polynesia_mainimg.jpg) no-repeat center top;
}
body#show .SHOW-Poly p{
	top:0;
	left:-40px;	
}
/*--------------------
	exhibition.html
--------------------*/	
body#show .SHOW-EX{
	height:333px;
	background:url(/show/images/exhibition_mainimg.jpg) no-repeat center top;
}
body#show .SHOW-EX p{
	top:0;
	left:-40px;	
}

/*--------------------
	beachTheater.html
--------------------*/	
body#show .SHOW-beachTheater {
	height:333px;
	background:url(/show/images/beachtheater_mainimg.jpg) no-repeat center top;
}
body#show .SHOW-beachTheater p {
	top:0px;
	left:-20px;	
}


/*--------------------
	event.html
--------------------*/	
body#show .SHOW-event {
	height:333px;
	background:url(/show/images/event_mainimg.jpg) no-repeat center top;
}
body#show .SHOW-event p {
	top:0px;
	left:-20px;	
}


/*----------------------------------------------------------
	maincontents Area
----------------------------------------------------------*/

body#show #LeftContents .mainContentsArea h3.border{ border-bottom: 4px solid #FF0033;}
body#show #LeftContents .mainContentsArea h4 span{ border-left: 4px solid #FF0033;}

body#show #LeftContents .mainContentsArea .MoreLink{
	background:url(/common/images/cl_bg_show.gif);
}

body#show #LeftContents .mainContentsArea .MoreLink a, 
body#show #LeftContents .mainContentsArea .MoreLink a:link, 
body#show #LeftContents .mainContentsArea .MoreLink a:visited{
	background:#FF0033 url(/common/images/cl_list_show.gif) no-repeat 10px 50% ;
	border-bottom: 1px solid #CC0000;
	border-top:1px solid #FFC4D0;
}

/*----------------------------------------------------------
	sidemenu Area
----------------------------------------------------------*/
body#show #categoryMenu li.CMList-b a,
body#show #categoryMenu li.CMList-b .catac{
	background-image:url(/common/images/sm_bg_show_b.gif);
}
body#show #categoryMenu li.CMList-r a,
body#show #categoryMenu li.CMList-r .catac{
	background-image:url(/common/images/sm_bg_show_r.gif);
}

body#show #categoryMenu-Child li a,
body#show #categoryMenu-Child li a:link,
body#show #categoryMenu-Child li a:visited{
	background:#F7C4C7 url(/common/images/cm_a_show02.gif) no-repeat 13px 50% !important;
	color:#660000;
}
	body#show #categoryMenu-Child li a:hover,
	body#show #categoryMenu-Child li a.current{
		background-color:#FDF3F4 !important;
		background-image: url(/common/images/cm_a_show01.gif) !important;
	}


/*----------------------------------------------------------
	hpr.html　gps.html　
----------------------------------------------------------*/
#show .textArea {
	background-color:#F0F0F0;
	padding:10px;
}

#show .fs12 {
	font-size:93%;
}

#show .Dance_name{
	background-color:#ECE1D3;
/*	padding:5px 0 5px;*/
	padding:15px 0 5px;
	font-weight:bold;
}

#show .Question {
	background:url(/show/images/interview_imgQ.gif) top left no-repeat;
	padding:5px 0 10px 40px;
	font-weight:bold;
}
#show .Answer {
	background:url(/show/images/interview_imgA.gif) top left no-repeat;
	padding:5px 0 10px 40px;
}

#show .pt40 {padding-top:40px;}

#show .Intrv {
	background:url(/show/images/interview_img01.jpg) top left no-repeat;
	height:316px;
}

.bghalloween {background-color:#FBE4D5;}

/* 2021.07.05 add*/
.pamphletArea {
	margin-top: 20px;
	width: 710px;
}
.pamphletArea .pamphletImgArea {
	float: left;
	width: 350px;
}
.pamphletArea .pamphletTxtArea {
	float: right;
	width: 350px;
	margin-left: 10px;
	margin-bottom: 10px;
}

@media screen and (max-width:640px) {
	.pamphletArea {
		width: 100%;
	}
	.pamphletArea .pamphletImgArea {
		float: none;
		width: 100%
	}
	.pamphletArea .pamphletTxtArea {
		float: none;
		width: 100%;
		margin: 0;
	}
}
/* 2021.07.05 end */


/*----------------------------------------------------------
	index.html　
----------------------------------------------------------*/
#CategoryIndexMenu {
	display: block;
	padding-top: 226px;
}

.lr12 {
	margin: 0 12px;
}

.mainContentsArea ul li {
	border-top:#CCC 1px solid;
	float:left;
	list-style:none;
	text-align: left;
}

body#show #LeftContents .mainContentsArea ul.imglist {
	width: 700px;
	display: table;
	margin: 0 0 0 10px;
}

/*
.mainContentsArea li img {
	border-bottom:#CCC 1px solid;
	border-top:#FFF 1px solid;
}
*/


body#show #LeftContents .mainContentsArea ul.imglist li {
	background: url("/tomaru/images/index/btn_bg_off.jpg");
	float:left;
	list-style:none;
	text-align: center;
	width: 224px;
	height: 66px;
	display: block;
	}

body#show #LeftContents .mainContentsArea ul.imglist li img {
	margin-top: 5px;
}
	

body#show #LeftContents .mainContentsArea ul.imglist li a {
	background: url("/tomaru/images/index/btn_bg_off.jpg");
	height: 66px;
	display: block;
}

body#show #LeftContents .mainContentsArea ul.imglist li a:hover {
	background: url("/tomaru/images/index/btn_bg_on.jpg");
	height: 66px;
	display: block;
}








.section01 {
	background:url(/show/images/index/section01bg.png) top left no-repeat;
	min-height:226px;
}

.section02 {
	background:url(/show/images/index/section02bg.png) top left no-repeat;
	min-height:260px;
}

.mainContentsArea .section01 h3,.mainContentsArea .section02 h3{
	background-image:none;
	padding:30px 0 0 20px;
	margin:0 0 40px;
}

.mainContentsArea .section01 p,.mainContentsArea .section02 p{
	width:330px;
	padding:0 0 0 20px;
}

.rinkicon {
	 float:none !important;
	 line-height:0;
	 vertical-align:top;
	 padding:2px 0 0 2px;
}


/****pickupArea****/

#pickupArea {
    background: url("/images/index/bg_oshirase.jpg") repeat-y scroll right center transparent;
    margin: 30px 0 10px;
    width: 717px;
}

.pickupBoxInfo {
    background: url("/show/images/ttl_pickup.gif") no-repeat scroll 34px 50% transparent;
    width: 717px;
}

.pickupBoxInfo .ttl {
    float: left;
    height: 100%;
    width: 126px;
}
.pickupBoxInfo .ttl p.inner {
    height: 13px;
    text-indent: -9999px;
    width: 59px;
}
.pickupBoxInfo .ttl img {
    margin: 0 auto;
    width: 59px;
}

#pickupArea .txtArea {
    float: right;
    text-align: left;
    width: 590px;
    padding: 10px 0;
}

#pickupArea .txtArea ul {
	margin-left: 15px;
}

#pickupArea li {
	background: url("/images/index/ico_arrow.gif") no-repeat scroll left center transparent ;
	padding: 5px 0px 5px 15px;
	width: 560px;
	border: none;
}



/*----------------------------------------------------------
	interview.html
----------------------------------------------------------*/
.interviewbox01{
	background:url(/show/images/img_interview02.png) repeat-y top left ;
	padding-left:280px;
}
.interviewbox02{
	background:url(/show/images/img_interview03.png) repeat-y top right ;
	padding-right:280px;
}




/*----------------------------------------------------------
	popupWindow
----------------------------------------------------------*/
/*
#popupWindow #puwHead {
	background:url(/common/images/subttl_bg.gif) repeat-x bottom;
	height:120px;
}
*/

#popupWindow #logo {
	padding:10px;
}

#puwBody {
	width:100%;
	margin:auto;
}

#puwBody h1 {
	font-weight:bold;
	font-size:153.9%;
}


#popupWindow #FootInfoArea-in {
	width:100% !important ;
	text-align: center;
}

#popupWindow .pageTop {
		text-align:right;
		/*padding:20px;*/
}

#popupWindow .closeWindow {
		text-align:center;
		padding:20px;
}


#popupWindow .MoreLink{
	background:url(/common/images/cl_bg_onsen.gif);
}

#popupWindow .MoreLink a, 
#popupWindow .MoreLink a:link, 
#popupWindow .MoreLink a:visited{
	background:#FF8F11 url(/common/images/cl_list_onsen.gif) no-repeat 10px 50% ;
	border-bottom: 1px solid #CC6600;
	border-top:1px solid #FFE6CB;
}

/*----------------------------------------------------------
	history.html
----------------------------------------------------------*/
.show-historyBox01{
	float:left;
	width:190px;
}

.show-historyBox02{
	float:right;
	width:482px;
}

/*----------------------------------------------------------
	YouTube用
-----------------------------------------------------------*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom:30px;
	margin-left:20px;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




/* 20160517 add*/

.show_picture_l{
    float: left;
    width: 350px;
}

.show_picture_r{
    float: right;
    margin-right: 40px;
    margin-bottom: 10px;
}

@media screen and (max-width:640px) {
.show_picture_l{
    float: none;
    width: auto;
    margin-bottom: 20px;
}

.show_picture_r{
    float:none;
    margin-bottom: 20px;
}

}

/* 20160517 end */


/*----------------------------------------------------------
	rate01.html
----------------------------------------------------------*/
.feecal_table01,
.feecal_table02 {border-collapse:collapse;}

.feecal_table01 td {text-align:center; padding:5px 0 !important;}

.feecal_table02 td {text-align:center; padding:10px 0;}
.feecal_table02 td{	border:1px solid #E2E2E2;}

.feecal_table01 td,
.feecal_table02 td,
.feecal_table02 th {font-weight:bold;}

.feecal_table02 td a {
	display:block;
	width:100%;
	height:100%;
}

.feecal_table02 td a.red:link {color:#FF0000;}
.feecal_table02 td a.blu:link {color:#0099CC;}

.feecal_table02 .red {color:#FF0000;}
.feecal_table02 .blu {color:#0099CC;}
.feecal_table02 .white {background-color:#FFF;}
.feecal_table02 .day {background-color:#FF0033; color:#FFFFFF; padding:3px 0;}
.feecal_table02 tr.week {background:#F5F5F5;}

.feecal-tdA { background-color:#ffffa9;}
.feecal-tdB { background-color:#fdc2ff;}
.feecal-tdC { background-color:#bcffff;}
.feecal-tdD { background-color:#bbfbb1;}
.feecal-tdE { background-color:#fedab0;}

.w01 {
width: 48%;
margin-bottom: 20px;
}

.w02 {
width: 47%
}

/* 2018.04.27 add */
table.contTableB a.seatmap_link {
	margin-right: 0;
	padding-right: 0;
	background: none;
}
/* 2018.04.27 end */

/* 2018.10.30 add */
.borderRed_area {
	border: 2px solid #e74c3c;
	padding: 10px;
}
.bold_line {
	text-decoration: underline;
	font-weight: bold;
}
/* 2018.10.30 end */

/* 2019.06.28 add */
.underline{
	padding-bottom: 20px;
	margin-bottom: 15px;
	border-bottom: medium solid #aaa;
}
/* 2019.06.28 end */

/* 2019.07.19 add */
.underline p{
	margin-top: 15px;
	margin-bottom: 0px;
}
/* 2019.07.19 end */

/* 2021.07.29 add */
.contTableC .cellA {
	background-color: #ffffa9;
	text-align: center!important;
}
.contTableC .cellB {
	background-color: #fdc2ff;
	text-align: center!important;
}
.contTableC .cellC {
	background-color: #bbfbb1;
	text-align: center!important;
}
/* 2021.07.29 end */

/* 2022.01.19 add */
span.back_yellow {
	background: #ffff00;
}
/* 2022.01.19 end */

/* 2023.02.28 add */
dl.informationArea {
	font-size: 108%;
	padding-left: 15px;
}
dl.informationArea dd {
	display: inline-block;
	padding-right: 10px;
	vertical-align: top;
}
dl.informationArea dt {
	display: inline-block;
}
/* 2023.02.28 end */

/*----------------------------------------------------------
	showcalendar.html
----------------------------------------------------------*/
.feecal_table03 {
	border-collapse:collapse;
	width: 100%;
}

.feecal_table03 td {text-align:center; padding:10px 0;}
.feecal_table03 td{	border:1px solid #E2E2E2;}

.feecal_table03 td,
.feecal_table03 th {font-weight:bold;}

.feecal_table03 td a {
	display:block;
	width:100%;
	height:100%;
}

.feecal_table03 td a.red:link {color:#FF0000;}
.feecal_table03 td a.blu:link {color:#0099CC;}

.feecal_table03 .red {color:#FF0000;}
.feecal_table03 .blu {color:#0099CC;}
.feecal_table03 .white {background-color:#FFF;}
.feecal_table03 .day {background-color:#FF0033; color:#FFFFFF; padding:3px 0;}
.feecal_table03 tr.week {background:#F5F5F5;}

/* 2020.11.27 add end */

/*--------------------
	specialshow.html
--------------------*/	
body#show .SHOW-Spshow {
	height:0;
	background:url(/show/images/spshow_mainimg.webp) no-repeat center top;
	background-size: contain;
	padding-top: 29.8%;
}

.bluetxt {
	color: #0070c0;
}