@charset "utf-8";

/**
 *
 * 固定ページ
 *
 */
/* editor */

#fix_page p {
    display: block;
    margin: 1em 0;
    line-height: 1.8em;
}
#fix_page strong { font-weight: bold; }
#fix_page em { font-style: italic; }
#fix_page blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

/* img */

#fix_page .aligncenter {
    display: block;
    margin: 0 auto;
}
#fix_page .alignright { float: right; margin-left: 10px; }
#fix_page .alignleft { float: left; margin-right: 10px; }

#fix_page img[class*="wp-image-"],
#fix_page img[class*="attachment-"] {
    max-width: 100%;
    height: auto;
}

/* clearfix */

#fix_page .clearfix {
    overflow: hidden;
    zoom: 1;
}
#fix_page .clearfix:after {
    clear: both;
    content: ""
    display: block;
}

small {
	font-size: 0.7em;
}


/*===============================================
●page.css 画面の横幅が641px以上
===============================================*/
@media screen and (min-width: 641px){
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　;
}
#page_header {
	position: relative;
	background: url(/img/bg_page_header.jpg) center top no-repeat;
	height: 99px;
	border-bottom: 1px solid white;
}
#page_header_inner {
	width: 960px;
	margin: 0px auto;
	position: relative;
}
#page_header h1 {
	font-size: 34px;
	color: #00468C;
	padding-top: 17px;
	padding-left: 30px;
	font-weight: normal;
	padding-bottom: 20px;
	line-height: 1.2em;
}

#fix_page {
	position: relative;

}

.roomImg p {
	margin: 0px !important;
}

/*1st sub level menu*/
.nav-sub {
width: 240px;
border: 1px solid #e0d2c9;
border-bottom: none;

}

/*Sub level menu list items (undo style from Top level List Items)*/
.nav-sub li{
display: list-item;
float: none;
}

.nav-sub li:nth-child(odd) a {
	border-top: 1px solid white;
	background: #f5f2e9;
}
.nav-sub li:nth-child(even) a {
	border-top: 1px solid white;
	background: #ece6d3;
}

/* Sub level menu links style */
.nav-sub li a{
	width: 230px; /*width of sub menus*/
	height: 15px;
	line-height: 15px;
	padding: 10px 0 10px 10px;
	margin: 0;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #E1D2C8;
	text-align: left;
	font-family:'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo;

	display: block;
	text-decoration: none;
	color: #000;
}

.nav-sub li a:link,
.nav-sub li a:visited {
color: #000;
}


.nav-sub li a:hover{
background: #DCD3AB;
}
/* Holly Hack for IE \*/
* html .nav-sub{height: 1%;} /*Holly Hack for IE7 and below*/






}


/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　;
}
#page_header {
	position: relative;
	background: url(/img/bg_page_header.jpg) 80% top no-repeat;
	background-size: auto 100%;
	height: 50px;
	border-bottom: 1px solid white;
}
#page_header_inner {
	margin: 0px auto;
	position: relative;
}
#page_header h1 {
	font-size: 16px;
	color: #00468C;
	display: table-cell;
	vertical-align: middle;
	height: 50px;
	font-weight: bold;
	padding-left: 5px;
	text-shadow: 0 0 2px #ffffff;
}

#fix_page {
	position: relative;

}

#fix_page #map_frame {
	width: 100% !important;
	height: 200px;
}

.roomImg p {
	margin: 0px !important;
}



.nav-sub {


}

.nav-sub li{
	font-size: 13px;
	background: url(/img/nav_sp_arrow_right_1.png) left center no-repeat;
	background-size: 25px 25px;
	border-bottom: 1px dashed #ddd;
}
.nav-sub li:last-child {
	border-bottom: 0px;	
}

.nav-sub li a {
	display: block;	
	background: url(/img/nav_sp_arrow_right_2.png) 98% center no-repeat;
	background-size: 12px 23px;
	text-decoration: none;
	line-height: 25px;
	padding: 5px 0px;
	padding-left: 30px;
}

}