﻿@charset "utf-8";



.btn {
	background:transparent url(../images/btn.png) no-repeat 0 0;
	display: block;
	width:76px;
	height: 35px;
	position: absolute;
	top:4px;
	right:4px;
	cursor: pointer;
	z-index: 200;
}

/*---------------------------------------------------------------------------*/
.menu-collapser {
padding-top:5px;
padding-right:42px;
text-align:right;
position: relative;
color: #e9db92;
text-shadow: 0 1px 0 rgba(0,0,0,1);
width: 100%;
height: 33px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}

.collapse-button {
position: absolute;
right: 4px;
top: 50%;
width: 33px;
background-color: #0E0E0E;
background-image: linear-gradient(to bottom, #151515, #040404);
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border: 1px solid #e9db92;
color: #FFFFFF;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
padding-left: 6px;
padding-top: 2px;
padding-bottom: 6px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
cursor: pointer;
font-size: 14px;
text-align: center;
transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}

.collapse-button:hover, .collapse-button:focus {
background-image: none;
background-color: #040404;
color: #FFF;
}

.collapse-button .icon-bar {
background-color: #e9db92;
display: block;
height: 3px;
width: 19px;
margin-top: 4px;
margin-right: 4px;
}

ul.slimmenu {
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
margin-bottom:4px;
}

ul.slimmenu li {
position: relative;
display: inline-block;
background-color: #000;
border-bottom:1px solid #e9db92;
}

ul.slimmenu li a {
color:#e9db92;
display: block;
padding: 6px 64px 6px 16px;
font-size: 16px;
font-weight: 400;
text-decoration: none;
	font: 14px/1.3 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";

}

ul.slimmenu li a:hover {
background-color: #f00;
text-decoration: none;
}

ul.slimmenu.collapsed li {
display: block;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}

ul.slimmenu.collapsed li a {
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.075);
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}

ul.slimmenu.collapsed li .sub-collapser {
height: 40px;
}


/*---------------------------------------------------------------------------*/
header .inner {
	width: auto;
	height: auto;
	text-align: center;
	line-height: 1.2;
	padding-top:10px;
}

header .inner h1 {
	position: static;
	padding-top: 10px;
}
header h1 img {
	width: 80%;
	max-width: 275px;
	height: auto;
}

header .inner address {
	position: static;
	padding-bottom: 10px;
}

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

nav#menu {
	display: none;
}

/*---------------------------------------------------------------------------*/
#contents {
	width: auto;
	margin-right: 6px;
	margin-left: 6px;
}

body#top #contents {
	margin: 20px 6px 0px;
}

/*---------------------------------------------------------------------------*/
#contents-in, #main, #sub {
	float: none;
	width: auto;
}

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

#main h2 {
	padding: 5px 10px;
}

/*---------------------------------------------------------------------------*/
.back ul, .go ul{
border:1px solid #e9db92;
}

.back ul li, .go ul li{
	height: 44px;
	margin: 0px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#0d0d0d));
	background-image: -webkit-linear-gradient(#c0c0c0, #444444 49%, #1a1a1a 50%, #0d0d0d);
	background-image: linear-gradient(#c0c0c0, #444444 49%, #1a1a1a 50%, #0d0d0d);
}

.back ul li a{
	background: url(../images/list_mark_back.png) no-repeat 10px 0px;
	display: block;
	height: 44px;
	margin: 0px;
	padding: 8px 0px 0px 30px;
	text-decoration: none;
	font-weight:bold;
}

.go ul li a{
	background: url(../images/list_mark_go.png) no-repeat 100% 0px;
	display: block;
	height: 44px;
	margin: 0px;
	padding: 8px 30px 0px 0px;
	text-decoration: none;
	font-weight:bold;
	text-align:right;
}

.cd {
	display: block;
	width: auto;
	margin-left: -8px;
	padding-left: 36px;
	background: url(../images/icon_6m_192.png) no-repeat 0px -9px;
	background-size: 32px 32px;
	background-position: left;
}

.whatsnew {
	display: block;
	width: auto;
	margin-left: -6px;
	padding-left: 38px;
	background: url(../images/icon_4b_192.png) no-repeat 0px -9px;
	background-size: 32px 32px;
	background-position: left;
}

.ticket {
	display: block;
	width: auto;
	margin-left: -6px;
	padding-left: 38px;
	background: url(../images/icon_3g_192.png) no-repeat 0px -9px;
	background-size: 32px 32px;
	background-position: left;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
section#new h2.open {
	background: url(../images/btn_minus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#0d0d0d));	/*マイナスアイコンとグラデーション*/
	background: url(../images/btn_minus.png) no-repeat right center, -webkit-linear-gradient(#c0c0c0, #444444 49%, #1a1a1a 50%, #0d0d0d);					/*同上*/
	background: url(../images/btn_minus.png) no-repeat right center, linear-gradient(#c0c0c0, #444444 49%, #1a1a1a 50%, #0d0d0d);							/*同上*/
}
section#new h2.close {
	background: url(../images/btn_plus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#0d0d0d));	/*プラスアイコンとグラデーション*/
	background: url(../images/btn_plus.png) no-repeat right center, -webkit-linear-gradient(#c0c0c0, #444444 49%, #1a1a1a 50%, #0d0d0d);						/*同上*/
	background: url(../images/btn_plus.png) no-repeat right center, linear-gradient(#c0c0c0, #444444 49%, #1a1a1a 50%, #0d0d0d);								/*同上*/
}
/*ブロック全体の設定*/
#new dl {
	height: auto;
}
/*日付設定*/
#new dt {
	float: none;
	width: auto;
}
/*記事設定*/
#new dd {
	padding-left: 0;
}

/*テーブル１
---------------------------------------------------------------------------*/
/*テーブル内の右側*/
.ta1 td{
	width: auto;
	padding: 2px;
}
/*テーブル内の左側の見出し部分*/
.ta1 th{
	width: 100px;
	padding: 2px;
}

/*----*/
#main .section_360,
#main .section_360 img {
	margin-bottom:30px;
}

.map {
	width: 100%;
	max-width: 550px;
	height: auto;
}


/*----*/
#osusume,
#osusume img {
}

/*----*/
#osusume {
	margin-bottom:30px;
}

#osusume dt {
text-align: center;
}

#osusume img {
	max-width: 240px;
}

#osusume .osusume_title {
	font-size:18px;
	text-align:center;
}

#osusume .osusume_caption {
	font-size:12px;
	font-weight:bold;
	line-height:1.4em;
	color:#000000;
	background-color:#ff9900;
	padding :5px;
}

/*---------------------------------------------------------------------------*/
.event {
max-width:767px;
width:100%;
margin-bottom:20px;
}

.month {
display:block;
background-color:#660000;
padding:4px 10px 4px 10px;
border-bottom:0px;
border:1px solid #e9db92;
margin-top:20px;
}


.date {
display:block;
float:left;
width:76px;
padding:4px 10px 4px 10px;
background-color:#666600;
border-left:1px solid #e9db92;
margin-right:10px;
}

.place {
display:block;
width:100%-10px;
padding:4px 10px 4px 0px;
border-right:1px solid #e9db92;
}

.act {
display:block;
width:100%-10px;
max-width:767px;
padding:4px 10px 4px 10px;
border-left:1px solid #e9db92;
border-right:1px solid #e9db92;
border-bottom:1px solid #e9db92;
padding-left:10px;
text-wrap:suppress;
}


/*---------------------------------------------------------------------------*/
.form {
max-width:767px;
width:100%;
margin-bottom:20px;
}

.form dt {
display:block;
background-color:#330000;
padding:4px 10px 4px 10px;
border:1px solid #e9db92;
}

.form dd {
display:block;
width:100%-10px;
max-width:767px;
padding:4px 10px 4px 10px;
border-left:1px solid #e9db92;
border-right:1px solid #e9db92;
border-bottom:1px solid #e9db92;
padding-left:10px;
text-wrap:suppress;
margin-bottom:-1px;
}

.form_j {
max-width:767px;
width:100%;
margin-bottom:20px;
margin-top:-1px;
}

.form_j dt {
display:block;
padding:4px 10px 4px 10px;
border-bottom:1px solid #e9db92;
}

.form_j dd {
display:block;
width:100%-10px;
max-width:767px;
padding:4px 10px 4px 10px;
background-color:#000000;
border-bottom:1px solid #e9db92;
padding-left:10px;
text-wrap:suppress;
margin-bottom:-1px;
}

