@charset "UTF-8";


/*----------------------------------------------------
　common
----------------------------------------------------*/

@media (min-width: 600px) {
	.forSp {
		display:none;
		}
	.forPc {
		display:block;
		}
	.forPc.inl {
		display:inline;
		}
	}
@media (max-width: 599px) {
	.forSp {
		display:block;
		}
	.forPc {
		display:none;
		}
	}

img{
	max-width :100%;
	border: 0;
	}

body {
	letter-spacing: 0.1em;
	background: url(../img/footer_lower.png) repeat left top;
	}

footer {
	letter-spacing: 0;
	}

ul.float {
	_height:1px;min-height:1px;/*\*//*/height:auto;overflow:hidden;/**/
	}

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

ul.float li {
	float: left;
	}

strong {
	font-weight: bold;
	}

.hideCell {
	display: none;
	}


/*----------------------------------------------------
	siteHeader
----------------------------------------------------*/

#siteHeader {
	width: 100%;
	color: #fff;
	background-color: #120c08;
	}

#siteHeader p.forSpPc {
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-align: center;
	width: 100%;
	}

@media (min-width: 600px) {
	#siteHeader {
		border-bottom: solid 1px #5c462f;
		}
	#siteHeader .forSpPc a {
		display: block;
		margin: 0 auto;
		padding: 0;
		font-size: 0;
		line-height: 0;
		}
	}
@media (max-width: 599px) {
	#siteHeader {
		border-bottom: none;
		}
	#siteHeader .forSpPc a {
		display: none;
		}
	}

#siteHeader .wrap {
	margin: 0 auto;
	text-align: right;
	max-width: 980px;
	}

#siteHeader h1 {
	font-size: 12px;
	font-size: 1.2rem;
	text-align: right;
	font-weight: normal;
	}

#siteHeader p.logo {
	float: left;
	}

#siteHeader .info {
	float: right;
	}

#siteHeader .info .phone {
	float: left;
	border: solid 1px #fff;
	border-width: 1px 0;
	}

#siteHeader .info ul {
	float: right;
	}
#siteHeader .info li {
	float: left;
	}

#siteHeader .info .inquiry a {
	position: relative; /* for PIE */
	display: block;
	text-align: center;
	background-color:#1c130d;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: solid 1px #fff;
	}

#siteHeader .info .inquiry a:hover {
	background-color:#311d10;
	}

@media (min-width: 980px) {
	#siteHeader {
		min-height: 110px;
		height: auto !important;
		height: 110px;
		}
	#siteHeader h1 {
		line-height: 1;
		padding: 10px 0;
		}
	#siteHeader p.logo {
		width: 294px;
		margin: 6px 0 0 10px;
		}
	#siteHeader .info {
		width: 536px;
		margin: 0 5px 2px 0;
		}
	#siteHeader .info .phone {
		margin-top: 11px;
		width: 286px;
		}
	#siteHeader .info ul {
		width: 244px;
		margin-left: 6px;
		}
	#siteHeader .info li {
		margin: 0 0 7px 11px;
		}
	#siteHeader .info .inquiry a {
		width: 108px;
		padding: 12px 0;
		}
	}
@media (max-width: 979px) {
	#siteHeader {
		min-height: 10%;
		height: auto !important;
		height: 10%;
		}
	#siteHeader h1 {
		line-height: 1;
		padding: 9px 0;
		}
	#siteHeader p.logo {
		width: 30%;
		margin: 0.6% 0 0 0%;
		}
	#siteHeader .info {
		width: 54.7497446%;
		margin: 0 0.5% 0.2% 0;
		}

	#siteHeader .info .phone {
		margin-top: 11px;
		width: 53.3582%;
		}
	#siteHeader .info ul {
		width: 45.522388%;
		margin-left: 1.1194%;
		}
	#siteHeader .info li {
		margin: 0 0 4% 4.5%;
		width: 44%;
		}
	#siteHeader .info .inquiry a {
		width: 100%;
		padding: 10% 0;
		}
	#siteHeader .info .inquiry a img {
		width: 80%;
		}
	}
@media (max-width: 840px) {
	#siteHeader .info .inquiry a {
		padding: 6% 0 12%;
		}
}

@media (max-width: 599px) {
	#siteHeader {
		width: 100%;
		min-height: 18.75%;
		height: auto !important;
		height: 18.75%;
		background-color: #fff;
		}
	#siteHeader .wrap p {
		position: relative;
		width: 100%;
		float: none;
		margin: 0;
		}
	#siteHeader .wrap p.forSp {
		position: absolute;
		top: 0;
		left: 0;
		padding: 0 0 0 71.875%;
		width: 28.125%;
		}

	#siteHeader #spMenu {
		position: relative;
		}
	#siteHeader #spMenu li.bg {
		margin: 0;
		width: 100%;
		}
	#siteHeader #spMenu li.home a {
		display: block;
		position: absolute;
		top: 10.825688%;
		left: 9.375%;
		width: 81.25%;
		overflow: hidden;
		}
	#siteHeader #spMenu li.inquiry a {
		display: block;
		position: absolute;
		top: 21.8348623%;
		left: 9.375%;
		width: 81.25%;
		overflow: hidden;
		}
	#siteHeader #spMenu li.calendar a {
		display: block;
		position: absolute;
		top: 32.8440366%;
		left: 9.375%;
		width: 81.2%;
		overflow: hidden;
		}
	#siteHeader #spMenu li.about a {
		display: block;
		position: absolute;
		top: 43.853211%;
		left: 9.375%;
		width: 81.25%;
		overflow: hidden;
		}
	#siteHeader #spMenu li.privacy a {
		display: block;
		position: absolute;
		top: 54.8623853%;
		left: 9.375%;
		width: 81.25%;
		overflow: hidden;
		}
	#siteHeader #spMenu li.user a {
		display: block;
		position: absolute;
		top: 65.8715596%;
		left: 9.375%;
		width: 81.25%;
		overflow: hidden;
		}
	#siteHeader #spMenu li.facebook a {
		display: block;
		position: absolute;
		top: 76.8807339%;
		left: 9.375%;
		width: 40.625%;
		overflow: hidden;
		}
	#siteHeader #spMenu li.twitter a {
		display: block;
		position: absolute;
		top: 76.8807339%;
		left: 50%;
		width: 40.625%;
		overflow: hidden;
		}
	}





/*----------------------------------------------------
	mainNavi
----------------------------------------------------*/

#mainNavi {
	width: 100%;
	color: #fff;
	background-color: #120c08;
	border-bottom: solid 1px #5c462f;
	}

#mainNavi ul {
	margin: 0 auto;
	max-width: 980px;
	padding-left: 1px;
	background: url(../img/navi_div.png) no-repeat left top;
	}
#mainNavi ul:after { content:""; display:block; clear:both; height:0; }
#mainNavi ul { *zoom: 1; }

#mainNavi li {
	float: left;
	width: 16.666666%;
	}
*+html #mainNavi li {
	width: 16.6%;
	}

#mainNavi li a {
	display: block;
	width: 100%;
	padding-top: 19px;
	height: 32px;
	background: url(../img/navi_div.png) no-repeat right top;
	}

#mainNavi li a:hover {
	background-color: #1f1812;
	}

#mainNavi li.active a {
	background-color: #1f1812;
	}

#mainNavi li.navRoom {
	background: url(../img/navi_room_arrow.png) no-repeat right center;
	background-size: 16% auto;
	-moz-background-size: 16% auto;
	-webkit-background-size: 16% auto;
	-o-background-size: 16% auto;
	-ms-background-size: 16% auto;
	}

#mainNavi li.navRoom a:hover {
	background-color: transparent;
	}


/*----------------------------------------------------
	institutionNavi
----------------------------------------------------*/

#institutionNavi {
	position: relative;
	margin: 0 auto;
	max-width: 980px;
	z-index: 30;
	}

#institutionNavi ul {
	position: absolute;
	top: -700px;
	left: 0;
	z-index: 50;
	border-left: solid 1px #a39178;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
#institutionNavi ul:after { content:""; display:block; clear:both; height:0; }
#institutionNavi ul { *zoom: 1; }


#institutionNavi li {
	float: left;
	width: 25%;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.1;
	text-align: left;
	border: solid 1px #a39178;
	border-width: 0 1px 1px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
*+html #institutionNavi li {
	width: 24.9%;
	}

#institutionNavi li a {
	display: block;
	padding: 12px 4px 10px 22px;
	background: url(../img/navi_institution_bg.png) no-repeat left top;
	color: #352b28;
	text-decoration: none;
	overflow: hidden;
	}
*+html #institutionNavi li a {
	padding: 12px 0 10px 16%;
	width: 83%;
	}

#institutionNavi li a:hover {
	background: url(../img/navi_institution_bg_on.png) no-repeat left top;
	}


/*----------------------------------------------------
	breadcrumb
----------------------------------------------------*/

#breadcrumb {
	max-width: 100%;
	background: #e7e4de url(../img/breadcrumb_bg.png) repeat-x left top;
	text-align: center;
	border-bottom: solid 1px #dad4c3;
	}

#breadcrumb ul {
	max-width: 956px;
	margin: 0 auto;
	text-align: left;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1;
	padding: 1em;
	}

#breadcrumb ul:after { content:""; display:block; clear:both; height:0; }
#breadcrumb ul { *zoom: 1; }

#breadcrumb ul li {
	float: left;
	padding-left: 23px;
	background: url(../img/breadcrumb_arrow.png) no-repeat 10px center;
	letter-spacing: 0.1em;
	}

#breadcrumb ul li:first-child {
	padding-left: 0;
	background: none;
	}


/*----------------------------------------------------
	mainContents
----------------------------------------------------*/

#mainContents {
	max-width: 100%;
	background-color: #fff;
	text-align: center;
	}
#mainContents:after { content:""; display:block; clear:both; height:0; }
#mainContents { *zoom: 1; }

#mainContents .wrap {
	max-width: 920px;
	margin: 0 auto;
	padding: 0 3%;
	text-align: left;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 2;
	}


/*----------------------------------------------------
	mainContents h2
----------------------------------------------------*/

#mainContents h2 {
	padding: 43px 0 30px 10px;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1;
	background: url(../img/page_title_bg.png) no-repeat left bottom;
	margin-bottom: 41px;
	}


/*----------------------------------------------------
	mainContents h3.title
----------------------------------------------------*/

#mainContents h3.title {
	color: #2f2414;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	font-weight: bold;
	background: #f3f2ef url(/common/img/h3_icon.png) no-repeat 10px center;
	padding: 12px 20px 12px 30px;
	}


/*----------------------------------------------------
	commonNote
----------------------------------------------------*/

#commonNote {
	width: 100%;
	background-color: #fff;
	padding: 50px 0 92px 0;
	}

#commonNote .inner {
	text-align: left;
	border: solid 1px #120c08;
	}

#commonNote h3 {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.2;
	}

#commonNote p {
	margin-top: 16px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	}

@media (min-width: 980px) {
	#commonNote .inner {
		max-width: 860px;
		margin: 0 auto;
		padding: 25px 30px 30px 30px;
		}
	}
@media (max-width: 979px) {
	#commonNote .inner {
		width: 87.755%;
		margin: 0 auto;
		padding: 2.5% 3% 3% 3%;
		}
	}


/*----------------------------------------------------
	footer
----------------------------------------------------*/

footer {
	clear: both;
	width: 100%;
	padding-bottom: 18px;
	text-align: center;
	}

#footMap {
	width: 100%;
	background: url(../img/footer_upper.png) repeat-x left top;
	padding: 40px 0 24px 0;
	text-align: center;
	border-bottom: solid 1px #2b2112;
	}
@media (max-width: 599px) {
	#footMap {
		padding: 4.6875% 0;
		}
	}

#footMap .wrap {
	max-width: 980px;
	margin: 0 auto;
	text-align: left;
	}

#footMap .wrap .logo {
	float: left;
	width: 23.2653061%;
	margin: 0 5% 0 4.0816326%;
	}

#footMap .wrap ul {
	float: left;
	width: 21.4285714%;
	margin-left: 1.1224489%;
	}
#footMap .wrap ul.boxLeft {
	width: 17.4285714%;
	}
#footMap .wrap ul.boxCenter {
	width: 25.4285714%;
	}

#footMap .wrap li {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.2;
	padding-bottom: 1em;
	width: 95.0226244%;
	padding-left: 4.9773755%;
	}

#footMap .wrap li a {
	color: #f7e7ce;
	text-decoration: none;
	}

#footMap .wrap li a:hover {
	text-decoration: underline;
	}

#footSNS {
	max-width: 100%;
	text-align: center;
	border-bottom: solid 1px #3c3222;
	}

#footSNS ul {
	max-width: 980px;
	margin: 0 auto;
	padding: 17px 0 17px 0;
	text-align: center;
	}

#footSNS li {
	display: inline;
	}

@media (max-width: 599px) {
	#footSNS li img {
		width: 40%;
		}
	}

#footInfo {
	max-width: 980px;
	margin: 0 auto;
	}

#footInfo ul {
	padding-top: 26px;
	}

#footInfo li {
	display: inline;
	color: #bdbbb7;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 2.36;
	white-space: nowrap;
	}

#footInfo li a {
	color: #bdbbb7;
	text-decoration: none;
	}

#footInfo li a:hover {
	text-decoration: underline;
	}

#copyright {
	padding: 26px 30px 14px 30px;
	}


/*----------------------------------------------------
	spFooterBtn
----------------------------------------------------*/

#spFooterBtn {
	width: 73.125%;
	margin: 5% auto;
	}

#spFooterBtn li a {
	display: block;
	width: 100%;
	}

#spFooterBtn li.calendar {
	margin-top: 5%;
	}

#spFooterBtn li.about {
	margin-top: 10%;
	}

#spFooterBtn li.privacy {
	margin-top: 5%;
	}

#spFooterBtn li.user {
	margin-top: 10%;
	}

#spFooterBtn li.phone {
	margin-top: 10%;
	}


/*----------------------------------------------------
	hallsList
----------------------------------------------------*/

#hallsList {
	//position: relative;
	margin: 0 auto;
	max-width: 980px;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	z-index: 40;
	}
#hallsList:after { content:""; display:block; clear:both; height:0; }
#hallsList { *zoom: 1; }

#hallsList dl {
	//position: absolute;
	//top: 0;
	//left: 0;
	z-index: 50;
	margin-top: 6px;
	background-color: #fff;
	border: solid 1px #a39178;
	border-width: 1px 0 0 1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
#hallsList dl:after { content:""; display:block; clear:both; height:0; }
#hallsList dl { *zoom: 1; }

#hallsList dt{
	clear: both;
	border: solid 1px #a39178;
	border-width: 0 1px 1px 0;
	padding: 0.5em;
	}

#hallsList dd {
	float: left;
	width: 25%;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.1;
	text-align: left;
	border: solid 1px #a39178;
	border-width: 0 1px 1px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
*+html #hallsList dd {
	width: 24.9%;
	}

#hallsList dd a {
	display: block;
	padding: 12px 4px 10px 22px;
	background: url(../img/navi_institution_bg.png) no-repeat left top;
	color: #352b28;
	text-decoration: none;
	overflow: hidden;
	}
*+html #hallsList dd a {
	padding: 12px 0 10px 16%;
	width: 83%;
	}

#hallsList dd a:hover {
	background: url(../img/navi_institution_bg.png) no-repeat left top;
	text-decoration: underline;
	}

/*----------------------------------------------------
	side
----------------------------------------------------*/


.side_contact_title {
	background:#3d352b;
	text-align: center;
	padding:10px;
}
.side_contact_menu {
	background:#3d352b;
	border:1px solid #5a4e3f;
	border-bottom:none;
	margin-bottom:20px;
}
.side_contact_menu li{
	text-align: center;
	border:1px solid #5a4e3f;
	border-top:none;
	padding:10px;
}


/*----------------------------------------------------
	contact
----------------------------------------------------*/

.contacts {
	margin:0 auto;
	margin-top: 28px;
	max-width: 914px;
	width: 914px;
	border: solid 3px #726b5c;
	color: #f7e8d0;
	background-color: #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	font-size: 20px;
	font-size: 2.0rem;
}
.contacts:after { content:""; display:block; clear:both; height:0; }
.contacts { *zoom: 1; }
.contacts a {
	color: #f7e8d0;
	}

.contacts_inner {
	background-color: #f3ede1;
	margin: 3px;
}

.contact_menu {
	background: #3c342a;
	border: 1px solid #5a4e3f;
	border-top:none;
}

.contact_info {
	padding:1.5% 2% 0 2%;
	border: none;
	background: none;
}

.contact_info.free {
	padding:0% 2% 1.5% 2%;
}

.contacts_inner {
	background: #2f2414;
}

.contacts dt, .contacts dd {
	text-align: center;
}
.contacts dt {
	float:left;
}

.contacts dd {
	margin:5px 0;
}

.contacts dd a {
	text-decoration: none;
}

.contacts dd a:hover {
	text-decoration: underline;
}

.contacts ul {
	float: left;
	width: 50%;
}

.contacts ul.contact_menu{
	float:none;
	width:auto;
}

.contacts ul.contact_info {
	width:96%;
	float:none;
	background: #221e15;
}

.contact_btn {
	text-align: center;
	padding-bottom:3%;
}

.contact_title {
	text-align: center;
}

.contact_menu li, .contact_info li{
	float:left;
	width:270px;
	text-align: center;
	color:#fff;
	font-size: 16px;
	font-size: 1.6rem;
	padding:15px;
}

.contact_info li.num{
	text-align: left;
}

.contact_menu li span{
	font-size: 16px;
	font-size: 1.6rem;
	display: block;
	text-align: center;
	padding-bottom:10px;
}

.contact_menu li.border {
	border-right: 1px solid #5a4e3f;
}

.contact_menu_x2 li{
	width: 415px;
}

.contact_menu_x2 li span.text{
	padding-top:5%;
}

.contact_menu li, .contact_info li{
	width:31%;
	padding:1%;
	font-size: 14px;
	font-size: 1.4rem;
}
.contact_info.free li.mgn{
	margin-left: 31%;
	padding-left:3%;
}

.contact_menu li span{
	padding-bottom:10px;
}
.contact_info li span {
  font-size: 20px;
  font-size: 2.0rem;
}

.contact_menu_x2 li{
	width: 45%;
	padding:2%;
}


@media (max-width: 979px) {
	.contacts {
		width: 100%;
		margin:5% auto 0 auto;
	}
	.contacts dt {
		float:none;
	}
	.contacts dt img {
		width:100px;
	}
	.contacts dd {
		margin:5px 0;
	}
	.contact_info.extra {
		padding:1.5% 2%;
	}
	.contact_btn {
		padding: 0 3% 3% 3%;
	}
  .contact_info li span {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3;
  }

}

@media (max-width:599px) {
	.contacts {
		display: none;
	}
	.contacts {
		width: 96%;
		margin:2% auto 2% auto;
	}
	.contact_menu {
		padding-bottom:1%;
		line-height: 1;
	}
	.contact_menu li, .contact_info li{
		width:100%;
	}
	.contact_menu li.border {
	border-right: none;
	}
	.contact_menu li span{
		padding-bottom:10px;
	}
	.contact_menu li.border {
	border-right: none;
	}
}

@media (min-width: 980px) {
	.contacts dl {
	  float: left;
	  padding: 2% 0;
	  width: 50%;
	}
	.contact_info.extra {
		padding:1.5% 2% 1.5% 5%;
	}
}



/**
 * iPhone Style.
 */
@media only screen
	and (max-device-width: 320px)
	and (orientation:portrait) {
	.contact_info li span {
	font-size: 0.98em;
	}
}
@media only screen
	and (min-device-width: 320px)
	and (max-device-width: 480px)
	and (orientation:landscape) {
	.contact_info li span {
	font-size: 0.98em;
	}
}
@media only screen
	and (min-device-width:768px)
	and (max-device-width:1024px)
	and (orientation:portrait) {
	.contact_menu li span {
	font-size: 1em;
	}
}

/**
 * Marquee
 */
.message {
	background: url(/img/room_ttl.png);
	height: 5em;
	position: relative;
	}
.marquee {
	font-size: 1.4rem;
	width: 100%;
	color: black;
	position: absolute;
	top: 35%;
	right: 0;
	bottom: 0;
	left: 0;
	}
html>/**/body .marquee {
	font-size/***/: 16px\9;
	}