@charset "utf-8";
/* CSS Document */


/*common*/

a {
    color: #663300;
    text-decoration: underline;}
a:link {
    color: #663300;
    text-decoration: underline;}
a:visited {
    color: #663300;
    text-decoration: underline;}
a:hover {
    color: #663300;
    text-decoration: none;}
a:active {
    color: #663300;
    text-decoration: none;}

p {
	font-size: 84%;
	line-height: 1.5;}

p, ul li, ol li, dl dt, dl dd {
	color: #333333;}

ul li {
	font-size: 84%;
	padding: 0 0 5px;
	list-style: none;}

ol li {
	font-size: 84%;
	padding: 0 0 5px;
	list-style-position:outside;}

dl dt {
	font-size: 84%;
	padding: 5px 0 3px;
	line-height: 1.5;}

dl dd {
	font-size: 84%;
	padding: 0 0 10px;
	line-height: 1.5;}

img {max-width:100%;}

a:hover img,
input:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;}

.t_right {
	text-align: right;}

.attention {
	color: #F00000;}

body {
	background-color: #F9F8EC;}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

/*header*/

#logo_area {
	width: 960px;
	margin: 0 auto;
	padding: 30px 0 0;}

#logo_area h1 {
	float: left;}

#head_guide {
	width: 278px;
	float: right;
	margin-bottom: 30px;}

#head_guide img {
	margin-bottom: 8px;}

#head_guide .img_access {
	float: right;}


/*header-navi*/

#head_nav {
	clear: both;
	overflow:hidden;
	zoom:1;
	/*width: 960px;*/
	background-image: url(../image/bg_head_nav.jpg);
	background-repeat: repeat-x;}

#head_nav ul{
	width: 960px;
	margin: 0 auto;
	overflow:hidden;
	zoom:1;}

#head_nav ul li{
	display:inline;}

#head_nav ul li a{
	display:block;
	float:left;
	overflow:hidden;
	height:0!important;
	height/**/:0px;
	padding:56px 0 0 0;
	width: 143px;
	background-image: url(../image/head_nav.jpg);
	background-repeat:no-repeat;}

#head_nav ul li.n01 a{
	background-position:0 0;
	width:187px;}

#head_nav ul li.n02 a{ background-position:-187px 0; width:316px;}

#head_nav ul li.n03 a{ background-position:-503px 0; width:205px;}

#head_nav ul li.n04 a{ background-position:-708px 0; width:252px;}


#head_nav ul li.n01 a:hover{ background-position:0 -56px;}

#head_nav ul li.n02 a:hover{ background-position:-187px -56px;}

#head_nav ul li.n03 a:hover{ background-position:-503px -56px;}

#head_nav ul li.n04 a:hover{ background-position:-708px -56px;}


#home #head_nav ul li.n01 a{ background-position:0 -56px;}

#cafe #head_nav ul li.n02 a{ background-position:-187px -56px;}

#access #head_nav ul li.n03 a{ background-position:-503px -56px;}

#cafemenu #head_nav ul li.n04 a{ background-position:-708px -56px;}


/*contents*/

#contents {
	margin: 0 auto;
	width: 960px;}

#top_mainimage {
	margin: 20px 0 40px;}

#top_maincopy {
	padding-bottom: 20px;
	border-bottom: 2px solid #9D2A2E;}

#top_facilityguide {
	margin: 30px 0;
	padding-bottom: 30px;
	border-bottom: 2px solid #9D2A2E;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;}

#top_facilityguide section {
	width: 305px;}

#top_facilityguide section h1 {
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #9D2A2E;}

#top_facilityguide section img {
	margin-bottom: 10px;}

/*#top_facilityguide section {
	width: 305px;
	float: left;}*/

/*access_guide*/

#access_guide {
	width: 630px;
	float: left;
	border: 2px solid #9D2A2E;
	margin-bottom: 50px;}

#access_guide dl {
	padding: 20px;}

#access_guide dl dt, #access_guide dl dd {
	font-size: 100%;}

#access_guide .map {
	margin: 0 0 20px 20px;}


/*side*/

#side_banner {
	width: 300px;
	float: right;}

#side_banner ul li {
	margin-bottom: 10px;}

#side_banner ul li#inc_twitter {
	/*border-radius: 10px 10px 10px 10px;*/
	border: 1px solid #E9EBEE;}

/*sns*/
#sosial {
	clear: both;
	border-top: 2px solid #9d2a2e;
	padding-top: 20px;
	margin-bottom: 60px;}

#inc_facebook {
	float: left;
	width: 480px;}

#inc_instagram {
	float: right;
	width: 460px;}


/*footer*/

#footer {
	clear: both;}

#footer #f_nav {
	background-color: #992125;}

#footer #f_nav ul {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;}

#footer #f_nav ul li {
	display: inline;
	padding: 0 8px;
	border-right: 1px solid #FFFFFF;
	font-size: 80%;}

#footer #f_nav ul li:first-child {
	padding-left: 0;}

#footer #f_nav ul li:last-child {
	border: none;}

#footer #f_nav ul li a, #f_nav ul li a:link, #f_nav ul li a:visited, #f_nav ul li a:hover, #f_nav ul li a:active {
	color: #FFFFFF;}

#footer address, #footer #copyright {
	width: 960px;
	margin: 0 auto;}

#footer address {
	font-style: normal;
	font-size: 80%;
	color: #333333;
	line-height: 1.3;
	margin-top: 10px;}

#footer #copyright {
	margin-bottom: 30px;}
	

/***second***/


#second_hierarchy {
	margin: 0 auto 100px;
	width: 960px;}

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

#second_hierarchy h3 {
	clear: both;
	font-size: 90%;
	color: #991F25;
	background: url(../image/ico_h.png) no-repeat 0 1px;
	padding-left: 16px;
	margin: 20px 0 20px;}

#second_hierarchy h4 {
	clear: both;
	font-size: 82%;
	background: url(../image/ico_h02.png) no-repeat 0 3px;
	padding-left: 12px;
	margin: 10px 0 10px;}

#second_hierarchy section {
	margin-bottom: 30px;}

#second_hierarchy p {
	margin-bottom: 20px;}


/*cafe*/
.cafe .explanation_box p {
	float: left;
	width: 50%;}

.cafe .explanation_box img {
	float: right;
	margin-bottom: 30px;}

.cafe .explanation_box .l_img {
	margin-right: 10px;}

.cafe dl dt, .cafe dl dd {
	padding-left: 10px;}

.cafe dl dt {
	background: url(../image/ico_arrow.png) no-repeat 0 10px;
	font-weight: bold;}

.guide_box {
	clear: both;
	margin: 30px 0;
	/*padding-bottom: 30px;*/
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;}

.guide_box div {
	width: 305px;}

.guide_box div img {
	margin-bottom: 10px;}

#facilitymap {
	clear: both;
	margin-bottom: 50px;}


/*menu*/
.menu .img_box {
	float: right;
	width: 35%;}

.menu .img_box img {
	margin-bottom: 50px;}

.menu .explanation_box {
	float: left;
	width: 60%;
	margin-bottom: 40px;}

.menu ul  {
	margin-bottom: 20px;}

.menu ul li {
	background: url(../image/ico_arrow.png) no-repeat 0 5px;
	padding-left: 10px;
	line-height: 1.2;}


/*access*/
#second_hierarchy .access h2 {
	margin-bottom: 40px;}

#second_hierarchy .access h3 {
	margin-top: 40px;}

/*#second_hierarchy .access img {
	margin: 10px 0;}*/


/*contact*/
.contact_img {
	margin: 30px 0 40px;}