@charset "UTF-8";


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

#mainContents {
	padding-top: 21px;
	}

#mainContents p.headLead {
	color: #221710;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	padding: 0.5em 2.8%;
	background: #e7e4de url(/common/img/details/headlead_icon.png) no-repeat left center;
	-moz-background-size: 1.5% 3px;
	-webkit-background-size: 1.5% 3px;
	-o-background-size: 1.5% 3px;
	background-size: 1.5% 3px;
	}

#mainContents h2 {
	margin: 0 0 20px 0;
	}

#mainContents h2 span.room,
#mainContents h2 span.hall {
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	padding: 0.4em 1em;
	font-weight: normal;
	margin-left: 1.5em;
	white-space: nowrap;
	}

#mainContents h2 span.room {
	background: #26457e;
	}

#mainContents h2 span.hall{
	background: #e86f1e;
	}


/*----------------------------------------------------
	detailsNavi
----------------------------------------------------*/

#detailsNavi {
	width: 100%;
	margin-top: 1px;
	background-color: #cac3b4;
	}

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

#detailsNavi li {
	float: left;
	// box-sizing: border-box;
	border-left: solid 1px #fff;
	}

#detailsNavi li:first-child {
	border-left: none;
	}

#detailsNavi li a {
	display: block;
	width: 100%;
	padding: 18px 0;
	background-color: #cac3b4;
	text-align: center;
	}

#detailsNavi li.order a {
	background-color: #e86f1e;
	}

@media (min-width: 980px) {
	#detailsNavi li {
		width: 14.19%;
		}
	*+html #detailsNavi li {
		width: 14.18%;
		}
	}
@media (max-width: 979px) {
	#detailsNavi li {
		width: 14.17%;
		}
	*+html #detailsNavi li {
		width: 14.1%;
		}
	}
@media (max-width: 800px) {
	#detailsNavi li {
		width: 14.15%;
		}
	*+html #detailsNavi li {
		width: 14.1%;
		}
	}
@media (max-width: 700px) {
	#detailsNavi li {
		width: 14.13%;
		}
	*+html #detailsNavi li {
		width: 14%;
		}
	}
@media (max-width: 600px) {
	#detailsNavi li {
		width: 14.10%;
		}
	*+html #detailsNavi li {
		width: 14%;
		}
	}
@media (max-width: 500px) {
	#detailsNavi li {
		width: 14.09%;
		}
	*+html #detailsNavi li {
		width: 13.8%;
		}
	}


/*----------------------------------------------------
	colsBox
----------------------------------------------------*/

.colsBox {
	max-width: 100%;
	margin-top: 3.3695652%;
	}
.colsBox:after { content:""; display:block; clear:both; height:0; }
.colsBox { *zoom: 1; }

@media (min-width: 980px) {
	.colsBox .contain {
		float: left;
		width: 660px;
		}
	.colsBox .sideBar {
		float: right;
		width: 210px;
		}
	}
@media (max-width: 979px) {
	.colsBox .contain {
		float: left;
		width: 72%;
		}
	.colsBox .sideBar {
		float: right;
		width: 210px;
		}
	}
@media (max-width: 840px) {
	.colsBox .contain {
		float: left;
		width: 68%;
		}
	.colsBox .sideBar {
		float: right;
		width: 30%;
		}
	}

.colsBox section{
	padding-bottom: 9.0909%;
	}


/*----------------------------------------------------
	summary
----------------------------------------------------*/

.summary .topics {
	margin-top: 3.030303%;
	border: solid 1px #dad4c3;
	padding: 3.3333% 4.5454%;
	}

.summary p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.71428;
	margin-top: 3.3333%;
	padding: 0 1%;
	}

.summary .topics p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	margin-top: 0;
	padding: 0;
	}

.summary .topics p.note {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.846;
	margin-top: 3.3333%;
	}


/*----------------------------------------------------
	news
----------------------------------------------------*/

#mainContents .news h3.title {
	padding: 5px 5px 5px 30px;
	}

.news h3 a {
	line-height: 28px;
	}

.news h3 img {
	float: right;
	}

.newsBody dl {
	width: 90%;
	margin: 2.5% 1.81818% 0 1.81818%;
	line-height: 1.2;
	padding-left: 4%;
	background: url(/common/img/breadcrumb_arrow.png) no-repeat left 0.4em;
	letter-spacing:0;
	}
.newsBody dl:first-child {
	margin: 5.5% 1.81818% 0 1.81818%;
	}

.newsBody dl:after { content:""; display:block; clear:both; height:0; }
.newsBody dl { *zoom: 1; }

.newsBody dt {
	float: left;
	width: 16%;
	font-size: 12px;
	font-size: 1.2rem;
	font-family: Georgia,serif;
	}

.newsBody dd {
	float: left;
	width: 84%;
	font-size: 14px;
	font-size: 1.4rem;
	}

.newsBody dd a {
	color: #221710;
	text-decoration: none;
	}

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

@media (min-width: 841px) {
	.newsBody dt {
		width: 16%;
		}
	#.newsBody dd {
		width: 84%;
		}
	}
@media (max-width: 840px) {
	.newsBody dt {
		width: 20%;
		}
	.newsBody dd {
		width: 80%;
		}
	}
@media (max-width: 720px) {
	.newsBody dt {
		width: 23%;
		}
	.newsBody dd {
		width: 77%;
		}
	}


/*----------------------------------------------------
	useful
----------------------------------------------------*/

.useful ul {
	padding-top: 3%;
	}
.useful ul:after { content:""; display:block; clear:both; height:0; }
.useful ul { *zoom: 1; }

.useful li {
	float: left;
	width: 190px;
	padding: 4px;
	border: solid 1px #2f2414;
	padding-bottom: 1em;
	}

.useful li h4 {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.2;
	font-weight: normal;
	letter-spacing: 0;
	padding: 0.8em 0.1em 0 0.1em;
	}

.useful li p.text {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.5;
	padding: 2em 0.1em 0 0.1em;
	}

@media (min-width: 980px) {
	.useful ul {
		padding-left: 0%;
		}
	.useful li {
		margin: 1.5151515%;
		}
	}
@media (max-width: 979px) {
	.useful ul {
		padding-left: 7%;
		}
	.useful li {
		margin: 1.5151515% 5%;
		}
	}
@media (max-width: 879px) {
	.useful ul {
		padding-left: 5%;
		}
	.useful li {
		margin: 1.5151515% 2%;
		}
	}
@media (max-width: 780px) {
	.useful ul {
		padding-left: 2%;
		}
	.useful li {
		width: 40%;
		margin: 1.5151515% 1%;
		}
	.useful li p.text {
		padding: 1em 0.1em 0 0.1em;
		}
	}


/*----------------------------------------------------
	scale
----------------------------------------------------*/

.scale h4 {
	margin-top: 20px;
	padding-left: 30px;
	border-bottom: solid 1px #99866b;
	line-height: 1;
	padding-bottom: 10px;
	font-weight: normal;
	}
.scale h4.hall {
	background: url(/common/img/details/scale_icon_hall.png) no-repeat left top;
	}
.scale h4.room {
	background: url(/common/img/details/scale_icon_room.png) no-repeat left top;
	}
.scale h4.mgn {
	margin-top: 50px;
	}

.scale ul {
	padding-top: 3%;
	}
.scale ul:after { content:""; display:block; clear:both; height:0; }
.scale ul { *zoom: 1; }

.scale li {
	float: left;
	width: 200px;
	letter-spacing: 0;
	}

.scale li p.num {
	text-align: center;
	}

@media (min-width: 980px) {
	.scale li {
		width: 200px;
		margin: 0 1.5% 1.5% 1.5%;
		}
	}
@media (max-width: 979px) {
	.scale li {
		width: 200px;
		margin: 0 4% 4% 4%;
		}
	}
@media (max-width: 780px) {
	.scale li {
		width: 40%;
		margin: 0 4% 4% 4%;
		}
	}


/*----------------------------------------------------
	sideBar
----------------------------------------------------*/

.sideBar .large li {
	border: solid 1px #837268;
	margin-bottom: 9.5%;
	}

.sideBar .small li {
	border: solid 1px #e7e4de;
	margin-bottom: 4.7%;
	}

.sideBar li.white {
	border: solid 1px #fff;
	}


/*----------------------------------------------------
	tab
----------------------------------------------------*/

.contain .tab {
	margin-top: 8px;
	width: 100%;
	background: url(/common/img/details/tab_bg.png) no-repeat right bottom;
	}
.contain .tab:after { content:""; display:block; clear:both; height:0; }
.contain .tab { *zoom: 1; }

.contain .tab li {
	float: left;
	margin-top: 17px;
	}

.disnon {
	display: none;
	}


/*----------------------------------------------------
	dataTable
----------------------------------------------------*/

.dataTable {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 22px;
	padding-bottom: 30px;
	border: solid 1px #726b5c;
	border-width: 0 1px 1px 1px;
	}
*+html .dataTable {
	width: 99.8%;
	}

.dataTable table {
	width: 95.6527739%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 10px 2.173913% 0;
	border: solid 1px #c4bbad;
	border-width: 1px 0 0 1px;
	border-collapse: collapse;
	table-layout: fixed;
	word-wrap: break-word;
	}

.dataTable table th,
.dataTable table td {
	border: solid 1px #c4bbad;
	border-width: 0 1px 1px 0;
	text-align: left;
	font-weight: normal;
	line-height: 1.2;
	padding: 0.8em 1em;
	letter-spacing: 0;
	}

@media (min-width: 900px) {
	.dataTable table th,
	.dataTable table td {
		font-size: 14px;
		font-size: 1.4rem;
		}
	}
@media (max-width: 899px) {
	.dataTable table th,
	.dataTable table td {
		font-size: 12px;
		font-size: 1.2rem;
		}
	}

.dataTable table th {
	background-color: #f4e9d9;
	}

.dataTable table .center {
	text-align: center;
	}

.dataTable table .nowrap {
	white-space: nowrap;
	}

.dataTable table .bgcolor {
	background-color: #f4ddd9;
	}

/*-----------------------------------*/

#eventEquip .dataTable th {
	text-align: center;
	}

#eventEquip .col1 {
	white-space: nowrap;
	}

#eventEquip .col2 {
	width: 25%;
	}

#eventEquip .col3 {
	width: 26%;
	}

#eventEquip .col7 {
	width: 12%;
	}

#conferenceEquip .dataTable th {
	text-align: center;
	}

#conferenceEquip .col1 {
	width: 6%;
	}

#conferenceEquip .col2 {
	width: 14%;
	}

#conferenceEquip .col3 {
	width: 14%;
	}

#conferenceEquip .col4 {
	white-space: nowrap;
	width: 8%;
	}
@media (min-width: 900px) {
	#conferenceEquip thead td {
		font-size: 11px;
		font-size: 1.1rem;
		}
	}
@media (max-width: 899px) {
	#conferenceEquip thead td {
		font-size: 8px;
		font-size: 0.8rem;
		}
	}

#conferenceEquip .col11 {
		font-size: 10px;
		font-size: 1.0rem;
	width: 12%;
	}