@charset "utf-8";
/*------------------------------------------------------------
	リセット
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure { margin: 0; padding: 0; background: transparent; border: 0; outline: 0; font-size: 1em; }
body, table, input, textarea, select, option { font-family: HiraKakuProN-W3; font-size: 1em; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }

body {
 margin:0px;
 padding:0px;
 text-align:center;
 background: url(img/back_image04.gif) repeat;
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/

header {
 margin-left: auto;
 margin-right: auto;
 width: 783px;
 height: 100px;
 background: #000000;
}

header img {
 margin-left: auto;
 margin-right: auto;
}

/*------------------------------------------------------------
	ナビ
------------------------------------------------------------*/

nav {
 margin-top: 0;
 margin-left: auto;
 margin-right: auto;
 box-sizing: border-box;
 width: 800px;
 border-top: 2px solid #ffffff;
 border-bottom: 2px solid #ffffff;
 background: #000000;
}

nav ul {
 list-style-type: none;
}

nav ul li {
 display: inline;
 margin: 0;
 padding: 0;
 float: left;
}

nav ul li a {
 display: block;
 width: 112px;
 height: 28px;
 text-decoration: none;
 font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
 font-size: 19px;
 font-weight: bold;
 line-height: 28px;
 color: #ffffff;
 background: #000000;
}

nav ul li a:hover {
 background: #ffffff;
 color: #000000;
}

nav li.top {
 background: url(img/btn_top02.gif) no-repeat;
 width: 112px;
 height: 28px;
}

nav li.top a {
 display: block;
}

nav li.top img {
 border; none;
}

nav li.top a:hover {
 background: none;
}

nav li.top a:hover img {
 visibility: hidden;
}

nav li.ryori {
 background: url(img/btn_ryori02.gif) no-repeat;
 width: 112px;
 height: 28px;
}

nav li.ryori a {
 display: block;
}

nav li.ryori img {
 border; none;
}

nav li.ryori a:hover {
 background: none;
}

nav li.ryori a:hover img {
 visibility: hidden;
}

nav li.shidashi {
 background: url(img/btn_shidashi02.gif) no-repeat;
 width: 112px;
 height: 28px;
}

nav li.shidashi a {
 display: block;
}

nav li.shidashi img {
 border; none;
}

nav li.shidashi a:hover {
 background: none;
}

nav li.shidashi a:hover img {
 visibility: hidden;
}

nav li.room {
 background: url(img/btn_room02.gif) no-repeat;
 width: 112px;
 height: 28px;
}

nav li.room a {
 display: block;
}

nav li.room img {
 border; none;
}

nav li.room a:hover {
 background: none;
}

nav li.room a:hover img {
 visibility: hidden;
}

nav li.annai {
 background: url(img/btn_annai02.gif) no-repeat;
 width: 112px;
 height: 28px;
}

nav li.annai a {
 display: block;
}

nav li.annai img {
 border; none;
}

nav li.annai a:hover {
 background: none;
}

nav li.annai a:hover img {
 visibility: hidden;
}

nav li.access {
 background: url(img/btn_access02.gif) no-repeat;
 width: 112px;
 height: 28px;
}

nav li.access a {
 display: block;
}

nav li.access img {
 border; none;
}

nav li.access a:hover {
 background: none;
}

nav li.access a:hover img {
 visibility: hidden;
}

nav li.boshu {
 background: url(img/btn_boshu02.gif) no-repeat;
 width: 112px;
 height: 28px;
}

nav li.boshu a {
 display: block;
}

nav li.boshu img {
 border; none;
}

nav li.boshu a:hover {
 background: none;
}

nav li.boshu a:hover img {
 visibility: hidden;
}

.fine {
 clear: both;
}

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
#main {
 margin-left:auto;
 margin-right:auto;
 text-align: left;
 padding: 0;
 width:785px;
 height:auto;
 box-sizing: border-box;
 background: #000000;
}

#midashi {
 margin-top: 3px;
 margin-left: 5px;
 width: 785px;
 height: 54px;
 padding: 2px;
}

.blank {
 margin: 0;
 width: 785px;
 height: 2px;
 background: #ffffff;
}

#coment {
 margin: 0;
 width: 760px;
 height: auto;
 padding: 3px;
 background: #000000;
}

#coment p {
 margin-left: 10px;
 font-family:"MSゴシック",sans-serif; 
 font-size: 12px;
 font-weight: bold;
 line-height: 18px;
 color: #ffffff;
}

.sam_base {
 margin-top: 5px;
 margin-left: 12px;
 width: 180px;
 height: 200px;
 float: left;
 background: #000000;
}

.sam_com {
 margin-left: 12px;
 width: 175px;
 height: 25px;
 float: left;
 padding: 3px;
 background: #000000;
}

.sam_com p {
 font-family:"MSゴシック",sans-serif; 
 font-size: 12px;
 font-weight: bold;
 line-height: 14px;
 text-align: center;
 color: #ffffff;
}

.sam_m_base {
 margin-top: 5px;
 margin-left: 12px;
 width: 180px;
 height: 120px;
 float: left;
 background: #000000;
}

.sam_m_com {
 margin-left: 12px;
 width: 175px;
 height: 25px;
 float: left;
 padding: 3px;
 background: #000000;
}

.sam_m_com p {
 font-family:"MSゴシック",sans-serif; 
 font-size: 12px;
 font-weight: bold;
 line-height: 14px;
 text-align: center;
 color: #ffffff;
}

.sam_s_base {
 margin-top: 5px;
 margin-left: 12px;
 width: 144px;
 height: 105px;
 float: left;
 background: #000000;
}

.sam_s_com {
 margin-left: 12px;
 width: 138px;
 height: 25px;
 float: left;
 padding: 3px;
 background: #000000;
}

.sam_s_com p {
 font-family:"MSゴシック",sans-serif; 
 font-size: 11px;
 font-weight: bold;
 line-height: 14px;
 text-align: center;
 color: #ffffff;
}

.small8 {
 font-family:"MSゴシック",sans-serif; 
 font-size: 8px;
 line-height: 14px;
 font-weight: normal;
 text-align: center;
 color: #ffffff;
}

.sam_mini_base {
 margin-top: 5px;
 margin-left: 12px;
 width: 118px;
 height: 86px;
 float: left;
 background: #000000;
}

.sam_mini_com {
 margin-left: 11px;
 width: 113px;
 height: 25px;
 float: left;
 padding: 3px;
 background: #000000;
}

.sam_mini_com p {
 font-family:"MSゴシック",sans-serif; 
 font-size: 11px;
 font-weight: bold;
 line-height: 14px;
 text-align: center;
 color: #ffffff;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/

footer {
 margin-left: auto;
 margin-right: auto;
 width: 785px;
 height: 70px;
 background: #000000;
}

footer img {
 margin-left: auto;
 margin-right: auto;
}