﻿@charset "utf-8";



/*---------------------------------------------------------------------------*/
header .inner {
	width: 100%;
	height: 90px;
	position: relative;
	margin: 0px auto;
}

header .inner h1 {
	position: absolute;
	left: 20px;
	top: 8px;
}

header .inner header_right {
	position: absolute;
	top: 12px;
	right: 12px;
	font-size: 12px;
	text-align: right;
	line-height: 1.6;
	letter-spacing: 0.2em;
}

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

nav#mobile_menu {
	display: none;
}

nav {
margin-bottom:20px;
}

nav#menu ul {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}

nav#menu ul li {
	float: left;
	width: 19%;
	border-right: 1px solid #000;
	text-align: center;
}

.back, .go {
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}

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

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

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

.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: -12px;
	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: -10px;
	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: -10px;
	padding-left: 38px;
	background: url(../images/icon_3g_192.png) no-repeat 0px -9px;
	background-size: 32px 32px;
	background-position: left;
}

/*----*/
#main .section_360 {
}

#main .section_360 .left {
	width: 49%;
	float: left;
	padding-bottom: 20px;
}

#main .section_360 .right {
	width: 49%;
	float: right;
	padding-bottom: 20px;
}


/*----*/
#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:1023px;
width:100%;
}

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


.date {
display:block;
float:left;
width:76px;
padding:4px 10px 4px 10px;
border-top:1px solid #e9db92;
}

.place {
display:block;
float:left;
width:146px;
padding:4px 10px 4px 0px;
margin-right:10px;
border-top:1px solid #e9db92;
border-right:1px solid #e9db92;
}

.act {
display:block;
width:100%-10px;
padding:4px 10px 4px 10px;
border-left:1px solid #e9db92;
border-top:1px solid #e9db92;
margin-left:252px;
word-wrap:break-all;
}

/*---------------------------------------------------------------------------*/
.form {
max-width:1023px;
margin-bottom:20px;
border-bottom:1px solid #e9db92;
border-left:1px solid #e9db92;
border-right:1px solid #e9db92;
background-color:#330000;
}

.form dt {
display:block;
width:180px;
float:left;
padding:4px 10px 4px 10px;
border-top:1px solid #e9db92;
font-weight:bold;
}

.form dd {
display:block;
padding:4px 10px 4px 10px;
border-top:1px solid #e9db92;
border-left:1px solid #e9db92;
margin-left:180px;
background-color:#000000;
}

.form_j {
max-width:1023px;
margin-bottom:20px;
border-bottom:1px solid #e9db92;
margin-top:-1px;
}

.form_j dt {
display:block;
width:180px;
float:left;
padding:4px 10px 4px 10px;
border-top:1px solid #e9db92;
font-weight:bold;
}

.form_j dd {
display:block;
padding:4px 10px 4px 10px;
border-top:1px solid #e9db92;
border-left:1px solid #e9db92;
margin-left:180px;
background-color:#000000;
}