html, body { margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","繝｡繧､繝ｪ繧ｪ",Meiryo,"�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け",Verdana,Arial,sans-serif; line-height: 2em; background-color: rgb(255, 255, 255); }
a { color: #69F; }
a:hover { color: rgb(204, 204, 204); text-decoration: none; }
img { vertical-align: top;}
#img_max {max-width: 100%; height: auto;	width /***/: auto;}
*::-moz-selection { background: none repeat scroll 0% 0% rgb(255, 255, 0); }

h1 { font-size:16px; }
h2 { font-size:18px; font-weight:bold; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
.clearfix:after { content: "."; height: 0px; clear: both; display: block; visibility: hidden; }
.clearfix {  }
.clearfix { display: inline-block; }
.clearfix { display: block; }
#header { width: 100%; margin-top: 0px; z-index: 100; margin-bottom: 0px; background-color: rgb(255, 255, 255); position: fixed; top: 0px; left: 0px; }
#header .inner { width: 100%;min-width:680px;max-width:980px; margin-right: auto; margin-left: auto; height: 75px; }
#header .inner address { float: right; padding-top: 10px; }
#header .inner #logo { float: left; margin: 0px; padding: 0px; }
#header .inner #logo h1 { float: left; padding-top: 10px; }
#header .inner #logo h2 { font-size: 80%; float: left; width: 100%; padding-left: 0px; line-height: 2em; padding-top: 17px; }
#mainvisual { background-image: url('main_bg.gif'); background-repeat: repeat; }
#mainvisual .inner { width: 100%; max-width: 980px; margin-right: auto; margin-left: auto; padding-top: 85px; padding-bottom: 20px; }

/* loogs */
.loop_bg { padding-top: 20px; overflow: hidden; clear: both; }
#loopslider { width: 99%;max-width:980px; text-align: center; overflow: hidden; position: relative; height: 120px; margin: 0 auto; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; }
#loopslider ul { height: 120px; float: left; display: inline; overflow: hidden; }
#loopslider ul li { height: 120px; float: left; overflow: hidden; width: 180px; display: inline; padding-left:1.6em; }
#loopslider ul:after { content: "."; height: 0px; clear: both; display: block; visibility: hidden; }
#loopslider ul { display: inline-block; overflow: hidden; }

.room_hi { width:97%; background:#9CF;margin:1em;padding:0.3em; text-align:center; }

/* table */
#tb_box { margin:0 auto;width:70%; margin-bottom:100px; }
#ryokin_nb { }
#ryokin_tb {
  width: 99%;
  border-spacing: 0;
  font-size:14px;
}
#ryokin_tb th {
  color: #fff;
  padding: 8px 15px;
  background: #258;
  background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));
  font-weight: bold;
  border-left:1px solid #258;
  border-top:1px solid #258;
  border-bottom:1px solid #258;
  line-height: 120%;
  text-align: center;
  text-shadow:0 -1px 0 rgba(34,85,136,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
#ryokin_tb th:first-child { border-radius: 5px 0 0 0;}
#ryokin_tb th:last-child {
  border-radius:0 5px 0 0;
  border-right:1px solid #258;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}
#ryokin_tb tr td {
  padding: 8px 15px;
  border-bottom: 1px solid #84b2e0;
  border-left: 1px solid #84b2e0;
  text-align: center;
}
#ryokin_tb tr td:last-child {
  border-right: 1px solid #84b2e0;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
#ryokin_tb tr { background: #fff;}
#ryokin_tb tr:nth-child(2n+1) { background: #f1f6fc;}
#ryokin_tb tr:last-child td { box-shadow: 2px 2px 1px rgba(0,0,0,0.1);}
#ryokin_tb tr:last-child td:first-child { border-radius: 0 0 0 5px;}
#ryokin_tb tr:last-child td:last-child { border-radius: 0 0 5px 0;}
#ryokin_tb tr:hover { background: #bbd4ee; cursor:pointer;}

/* map */
#map_canvas { width:99%;height:400px; border:1px #d5d5d5 solid; }
  
/* contents */
.contents { width: 980px; margin-right: auto; margin-left: auto; margin-top: 0px; padding-top: 0px; }
.contents .camp { padding-top: 65px; }

#contents { width:100%;padding:1em;}
/* mail */
#mailform { width:500px;margin:0 auto;margin-top:3em;padding:1em 1em; background:#f5f5f5;}

#reason { padding-top: 60px; }
#reason h2 { margin-bottom: 30px; text-align: center; }
#reason .reason_wrap { width: 800px; overflow: hidden; margin-right: auto; margin-left: auto; }
#reason .reason_box { float: left; width: 229px; }
#reason .reason_box h3 { margin-top: 40px; margin-bottom: 20px; text-align: center; }
#reason .reason_box .pict { text-align: center; }
#reason .reason_box.left { float: left; margin-right: 55px; }
#reason .reason_box.right { float: right; }
#reason .reason_wrap .reason_box.right p { font-size: 90%; line-height: 1.7em; }

#chara { position: relative; padding-top: 30px; clear: both; }
#chara .b_a { background-position: center center; background-repeat: no-repeat; clear: both; width: 100%; position: relative; margin-top: 50px; }
#chara .chara_box {  width: 100%; margin-bottom:150px; }
#chara .b_a .before { float: left; position: relative; }
#chara .b_a .after { float: left; position: relative; }
#chara .b_a .mark { position: absolute; z-index: 10; top: -30px; left: -40px; }

#sm_chara { display:none; }
#sm_chara_tel { display:none; }
.ojigi { float:left;padding-right:0.1em; margin-top:8em;}
.inner_txt { padding-top:9em; }

#photo_box { width:100%; max-width:980px;}
#photo_sbox { width:90%;margin:0 auto;}
.phoz { display:block;float:left;width:420px; margin:6px;}
#photo_sbox img { max-width: 100%; height: auto;	width /***/: auto; float:}

#coating { padding-top: 65px;width:100%; }
#coating p { width:640px; margin:0 auto; }
#coating .inner_top { clear: both; padding-top: 70px; }
#coating .inner_bottom { clear: both; padding-bottom: 130px; }
#coating h2 { text-align: center; margin-top: 50px; }
#coating .coating_box { width: 640px; margin:0 auto; padding: 20px;padding-bottom:9em; background:#f5f5f5; }

#contact { padding-top: 60px; width:100%;min-width:980px;}
#contact h2 { text-align: center; }
#contact .tel { text-align: center; }
#contact .tel img { margin-top:10px; }
#contact .main_visual { background-color: #f5f5f5; height: 257px; width: 100%; margin-top: 30px; text-align: center; }
#contact .button { text-align: center; margin-top: 50px; }

#footer .bg { background-image: url('footer_bg.gif'); background-repeat: repeat-x; clear: both; margin-top: 50px; }
#footer {  }
#footer .bg .inner {  width: 100%; margin-right: auto; margin-left: auto; text-align: center; padding-top: 20px; padding-bottom: 20px; }
#footer .bg .inner p { margin-top: 20px; font-size: 85%; line-height: 1.5em; }

#nav { position: fixed; bottom: 10%; right: 50px; }
#nav li { margin-bottom: 5px; }
#nav a { color: rgb(102, 102, 102); display: block; font-size: 11px; text-decoration: none; text-transform: uppercase; margin: 0px; background-image: url('mark_off.png'); background-repeat: no-repeat; padding: 3px; height: 16px; width: 16px; }
#nav a:hover { background-image: url('mark_on.png'); background-repeat: no-repeat; }
#annai { padding-top: 65px; }

/* img caption */
.cap {position: relative;}
.cap img {
   border: none !important;
   margin: 0 !important;
   padding: 0 !important;
}
.cap p {
   position: absolute;
   left: 0;
   bottom: 4px;
   color: #000;
   padding: 4px;
   margin: 0px;
   background: #fff;
   filter: Alpha(opacity=70);
   opacity:0.7;
   width:420px;
   text-align:center;
}
.smv { display:none; }
.pcv { }

/* effect */
.effect7
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect7:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}