@charset "shift_jis";

/***  public
*******************************************/

body { color: #343434; background-color: #FFFFFF; text-align: center; line-height:1.4; }

a:link { color: #982e44; }
a:visited { color: #663399; }
a:hover { text-decoration: underline; color: #FF0000; }

.img_left { float:left;	margin-right:8px; }
.img_right { float:right; margin-left:8px; }

em { font-style:normal; color:#ac3434; }

/***  contents
*******************************************/

body {
	background:#000 url(../images/bg_bottom.jpg) repeat-x left bottom;
}

#header {
	width:900px;
	height:85px;
	margin:0 auto;
	position:relative;
}

#header h1 ,
#header h2 {
	float:left;
}

#header ul {
	position:absolute;
	right:0;
	bottom:0;
}

#header p.eng {
	position:absolute;
	right:307px;
	bottom:11px;
}

#contaniner {
	width:100%;
	background:url(../images/bg_container.jpg) no-repeat center top;
}

#contents_bg {
	width:930px;
	margin:0 auto;
	background:url(../images/bg_contents.png) repeat-y center top;
}

#contents {
	width:870px;
	margin:0 auto;
	padding:20px 15px 50px;
	background:#fff;
	text-align:left;
}

#left_nav {
	width:240px;
	float:left;
}

.page_top {
	width:870px;
	margin:0 auto;
	padding-bottom:10px;
	text-align:right;
}

.page_top a:link ,
.page_top a:visited {
	text-decoration:none;
}

.page_top a:hover {
	text-decoration:underline;
}

#footer {
	width:900px;
	height:83px;
	margin:0 auto;
	background:url(../images/footer_bg.gif) repeat-x left bottom;
	text-align:center;
	font-size:11px;
}

#footer p {
	padding:8px 0 0 0;
	color:#7f7f7f;
}

#footer a:link { color:#5a3314; }
#footer a:visited { color: #663399; }
#footer a:hover { text-decoration: underline; color: #FF0000; }


#footer address {
	display:block;
	margin-top:23px;
	color:#fff;
}

/***  left navi
*******************************************/

#left_search {
	width:236px;
	margin-top:13px;
	padding:1px;
	background:#fff;
	border:1px solid #e6e6e6;
}

#left_search h3 {
	padding:0 0 1px 0;
	background:#fff;
	border-bottom:1px solid #e6e6e6;
}

#left_search #search {
	width:226px;
	background:#fffde5;
	margin:0 auto;
	padding:5px 5px 10px;
	line-height:2.0;
}

#left_nav .bn_box {
	margin-top:13px;
}

#left_nav .bn_box li {
	margin-bottom:4px;
}

#left_nav .bn_box li ul{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#left_reserve {
	width:236px;
	margin-top:13px;
	padding:1px;
	background:#fff;
	border:1px solid #e6e6e6;
}

#left_reserve .border_brown {
	padding:1px;
	border:1px solid #e9e1cb;
	background:#fffde5;
}

#left_day {
	width:236px;
	margin-top:13px;
	padding:1px;
	background:#fff;
	border:1px solid #e6e6e6;
}

#left_day h3 {
	padding:0 0 1px 0;
	background:#fff;
	border-bottom:1px solid #e6e6e6;
}

#left_day ul {
	background:#fffde5;
	margin:0 auto;
}

#left_day .border_brown {
	border:1px solid #e9e1cb;
	background:#fffde5;
}

/* common */

.btn{
  background: #F7E1E1;
  border: 1px #8D2020 solid;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  transition: background .3s;
  margin-top: 10px;
  margin-left: 18px;
  width: auto;
}
.btn a{
  box-sizing: border-box;
  color: #343434;
  display: block;
  height: 100%;
  transition: background .3s;
  text-decoration: none;
  padding: .25em .5em;
  width: 100%;
}

.btn:hover{
  background: #BB2B2B;
}

.btn a:hover{
  color: #fff;
}

.matsushima_bn{
  margin: 0 auto;
  width: 360px;
}
.matsushima_bn img{
  width: 100%;
  height: auto;
}
.matsushima_bn a{
  transition: all .3s;
}
.matsushima_bn a:hover{
  opacity: .8;
}