@charset "utf-8";

body { min-width:auto; font-family:Yu Gothic UI; }

img { width:100%; }

#container { font-size:15px; }

h1 { display:none; }
#gNavi li.h_logo { box-shadow:0 0 5px #333; border:1px solid #9D9D9D; margin:0; width:170px; }

#gHeader { width:100%; padding:0; position:fixed; z-index:3000; }
#gHeader .hInner { padding:0; max-width:821px; width:97%; }
#gHeader h1 { left:0%!important; width:25%; }
#gNavi { margin:0; }
#gNavi li { margin:95px 0 0; width:11%; }

#container { max-width:750px; width:90%; margin:0 auto; overflow:hidden; padding:175px 0 0; }

.top_img { max-width:821px; margin:0 auto; }

.box01 { margin:50px 0 25px; }
.box01 p { margin:20px auto 0; }
.box01 span { font-size:25px; font-weight:bold; padding:5px 0; display:block; margin:0 0 -20px;  }

.box02 span { font-size:20px; font-weight:bold; }
.box02 span.title { padding:5px 0; display:block; margin:0 0 -20px; font-size:25px; }

.box03 { margin:40px 0; }
.box03 span { font-size:20px; font-weight:bold; }
.box03 li span { font-weight:normal; }
.box03 li span.room_title { font-size:20px; display:block; text-align:center; margin:0 0 -10px; }
.box03 li span.room_title .f_bold { font-weight:bold; }
.box03 li span .f_bold { font-weight:bold; }
.box03 li span.line { font-size:1em; text-align:left; }
.box03 li.img_title { text-align:center; margin:0 0 40px; }
.box03 li.img_title02 { text-align:center; margin:0 0 40px; }
.box03 li.img_title p { margin:35px 0 10px; }
.box03 li.img_title02 p { margin:35px 0 10px; }
.box03 li.img_title03 { margin:0 0 20px; font-size:16px; font-weight:bold; text-align:center; }
.box03 li.img_title03 p { margin:35px 0 10px; text-align:left; }
.box03 li.text { margin:20px 0 0; padding:25px 0 0; /*border-top:1px solid #CCCCCC;*/ }
.box03 li.text02 { margin:40px 0 0; }
.box03 li.text03 { margin:30px 0 0; padding:25px 0 0; /*border-top:1px solid #CCCCCC; */}
.box03 li.text04 { margin:40px 0 0; }
.box03 li.text05 { padding:0; }
.box03 li.img_title .left { float:left; width:50%; }
.box03 li.img_title .right { float:right; width:50%; }
.box03 .img02 { margin:10px 0 0; }
.box03 .color01 { color:#92661A; font-size:1em; }
.box03 a:hover { color:#92661A; }
.box03 li.img_title03 p.map_p { text-align:center; }

.box03 li.img_title img { width:98%; }
.box03 li.img_title02 img { width:98%; }
.box03 li.img_title03 img { width:98%; }
.box03 li.side { width:98%; margin:0 auto 20px; }
.box03 li.side img { width:100%; }

#footer { background:#000000; padding:15px 0 18px; font-size:10px; margin:50px auto 0; color:#FFFFFF; text-align:center; width:100%; }
#pagetop { position:fixed; bottom:61px; right:45px; z-index:1500;}

@media screen and (max-width:640px){

#container { width:90%; margin:0 auto; }

h1 { display:block; }
#gHeader { padding:12px 0 18px 0 }
#gHeader h1 { width:141px; left:inherit!important; }
#gHeader .hInner { width:100%; }

.box01 { margin:5% 0 0; }
.box01 span { margin:0 0 -35px; padding:0; }

.box02 { margin:5% 0 0; }
.box02 span { font-size:15px; }

.box03 { margin:3% 0 0; }
.box03 li span { font-size:15px; }
.box03 li.text { margin:3% 0 0; padding:3% 0 0; }
.box03 li.text02 { margin:9% 0 0; }
.box03 li.text03 { margin:-1% 0 0; padding:3% 0 0; }
.box03 li.text04 { margin:-3% 0 0; }
.box03 li.img_title03 { font-size:15px; }
.box03 li.img_title03 p { margin:5% 0 3%; }

.box03 li span.room_title { font-size:18px; }

#pagetop { width:15%; bottom:3%; right:5%; }

}