@charset "utf-8";
/* CSS Document */
html{font-family :"メイリオ","meiryo","HG丸ｺﾞｼｯｸM-PRO","MS Pゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro,sans-serif";}
body{padding:0px;margin:0px;background:url(../images/sand-bg.jpg) top center;text-align:center;}

.h-text{text-indent:-9999px;}
p,h1,h2,h3 {padding:0px;margin:0px;}

#wrap {width:100%;height:auto;padding:0px;margin:0px;}
#wrap-inner{width:100%;height:auto;}

#header{width:100%;height:200px;background:url(../images/sea_1ex.jpg) no-repeat top center;border:solid #4ebfe1; border-width:0px 0 0px 0;text-align:left;}
#header-inner{}
#container{overflow:hidden;}
body #container{width:975px;margin:0 auto;height:auto;text-align:left;}
#container-inner{overflow:hidden;}
body #container #left{float:left;width:250px;border:solid #4ebfe1; border-width:0px 5px 0px 0; overflow:hidden;}
#page-2 #container #left{float:left;width:250px;border:solid #4ebfe1; border-width:0px 5px 0px 0;height:2150px;}
#page-3 #container #left{float:left;width:250px;border:solid #4ebfe1; border-width:0px 5px 0px 0;height:1450px;}
#page-1 #container #left{float:left;width:250px;border:solid #4ebfe1; border-width:0px 5px 0px 0;height:2600px;}
#page-4 #container #left{float:left;width:250px;border:solid #4ebfe1; border-width:0px 5px 0px 0;height:2000px;}
#page-5 #container #left{float:left;width:250px;border:solid #4ebfe1; border-width:0px 5px 0px 0;height:1710px;}
#page-6 #container #left{float:left;width:250px;border:solid #4ebfe1; border-width:0px 5px 0px 0;height:1100px;}
#page-7 #container #left{float:left;width:250px;border:solid #4ebfe1; border-width:0px 5px 0px 0;height:1250px;}
#page-8 #container #left{float:left;width:250px;border:solid #4ebfe1; border-width:0px 5px 0px 0;height:1300px;}
#page-14 #container #left{height:10600px;}

#side-menu { background:url(../images/sidemenu_bg.jpg) no-repeat center 0px ; height:425px;}
#side-menu ul{
margin:0px; padding:30px 0px 30px 0px;
list-style-type:none;
}
#side-menu ul li{
margin:0px; padding:0; 
width:240px; height:36px;
border:solid #4ebfe1; border-width:0px 0px 0px 0;
}
#side-menu ul li a{ 
margin:0px; padding:0 0 0px 0px;
width:190px; height:36px; display:block;
  font-size:15px;
  line-height:36px;
}
#side-menu .side-menu00 { width:240px; height:36px; font-size:16px; line-height:36px;font-weight:bold;text-decoration:none; background:url(../images/menu_bg.jpg) no-repeat top center;text-align:center;color:#ffffff; margin:10px auto 10px auto;}
#side-menu li.side-menu01 a{padding:0 0 0px 55px;color:#ffffff;text-decoration:none; background:url(../images/menuj-text-bg.gif) no-repeat 30px 0;}
#side-menu li.side-menu01 a:hover{padding:0 0 0px 55px;color:#ffffff;text-decoration:none; background:url(../images/menuj-text-bg1.gif) no-repeat 30px 0;}
#side-menu li.side-menu02 a{padding:0 0 0px 55px;color:#9f8c6e;text-decoration:none; background:url(../images/menuj-text-bg_b.gif) no-repeat 30px 0;}
#side-menu li.side-menu02 a:hover{padding:0 0 0px 55px;color:#9f8c6e;text-decoration:none; background:url(../images/menuj-text-bg_b.gif) no-repeat 30px 0;}
#side-menu li.side-menu03 a{padding:0 0 0px 55px;color:#ffffff;text-decoration:none; background:url(../images/menuj-text-bg1.gif) no-repeat 30px 0;}
#side-menu li.side-menu03 a:hover{padding:0 0 0px 55px;color:#ffffff;text-decoration:none; background:url(../images/menuj-text-bg1.gif) no-repeat 30px 0;}
#side-menu li.side-menu04 a{padding:0 0 0px 55px;color:#ffffff;text-decoration:none; background:url(../images/menuj-text-bg.gif) no-repeat 30px 0;}
#side-menu li.side-menu04 a:hover{padding:0 0 0px 55px;color:#ffffff;text-decoration:none; background:url(../images/menuj-text-bg1.gif) no-repeat 30px 0;}
#side-menu li.side-menu05 a{padding:0 0 0px 55px;color:#ffffff;text-decoration:none; background:url(../images/menuj-text-bg.gif) no-repeat 30px 0;}
#side-menu li.side-menu05 a:hover{padding:0 0 0px 55px;color:#ffffff;text-decoration:none; background:url(../images/menuj-text-bg1.gif) no-repeat 30px 0;}
#side-menu li.side-menu06 a{padding:0 0 0px 55px;color:#ffffff;text-decoration:none; background:url(../images/menuj-text-bg.gif) no-repeat 30px 0;}
#side-menu li.side-menu06 a:hover{padding:0 0 0px 55px;color:#ffffff;text-decoration:none; background:url(../images/menuj-text-bg1.gif) no-repeat 30px 0;}
#side-menu li.side-menu07 a{padding:0 0 0px 55px;color:#ffffff;text-decoration:none; background:url(../images/menuj-text-bg.gif) no-repeat 30px 0;}
#side-menu li.side-menu07 a:hover{padding:0 0 0px 55px;color:#ffffff;text-decoration:none; background:url(../images/menuj-text-bg1.gif) no-repeat 30px 0;}
#side-menu li.side-menu08 a{padding:0 0 0px 55px;color:#ffffff;text-decoration:none; background:url(../images/menuj-text-bg.gif) no-repeat 30px 0;}
#side-menu li.side-menu08 a:hover{padding:0 0 0px 55px;color:#ffffff;text-decoration:none; background:url(../images/menuj-text-bg1.gif) no-repeat 30px 0;}
.side-blog-banner{margin:0px auto 10px auto;width:212px;}
.side-megumi{margin:0px auto 0px auto;width:210px;}
.side-image{margin:0px auto 7px auto;width:240px;}
.side-contact{margin-left:10px;width:240px;}

#container #right{float:right;width:720px;overflow:hidden;}
#page-3 #container #right{float:right;width:720px;}

#footer{width:100%;height:auto;}
#footer-inner{}
#footer .footer-logo{width:100%;height:130px; background:url(../images/footer-bg.jpg) no-repeat top center;}
#footer #copyright{padding-left:220px;font-size:12px;text-align:center; background:url(../images/copy-line.jpg) repeat-x;line-height:24px;padding-top:5px;color:#FFFFFF;}
#footer #copyright a{color:#ffffff;font-size:12px;text-decoration:none;}
#footer #copyright span{color:#064967;font-size:12px;}

/* index */
.content-title-index{width:720px;height:80px;background:url(../images/title-index.jpg) repeat-x;margin:10px 0 0 0;}
.content-text-index{width:600px;height:460px;margin:10px auto 0px auto;padding:20px;font-size:15px;line-height:28px;background:url(../images/index-text-bg.jpg) top center repeat-x;}
.content-text-index-tit{width:600px;height:55px;background:url(../images/course-title.jpg) repeat-x;margin:0px 0 1px 1px;}

/* course */
.room-img{width:660px;margin:10px auto;}
.content-title-course{width:720px;height:140px;background:url(../images/title-course.jpg) repeat-x;margin:10px 0 0 0;}
.content-text-course{width:680px;margin:10px auto;}
.content-text-course-tit{width:680px;height:55px;background:url(../images/course-title.jpg) repeat-x;margin:0px 0 1px 1px;}
#course-tbl1{margin:20px auto 0px auto;border:solid #ffffff; border-width:0px 0px 0px 0;}
#course-tbl1 .tbl-title{font-size:16px;color:#ffffff;}
#course-tbl1 td{padding:5px; font-size:14px;line-height:24px;border:solid #b7cfdb; border-width:1px 1px 1px 0;}
#course-tbl2{margin:20px auto 0px auto;border:solid #b7cfdb; border-width:1px 0px 0px 1px;}
#course-tbl2 .tbl-title{font-size:14px;color:#ffffff;}
#course-tbl2 td{padding:5px; font-size:14px;line-height:24px;border:solid #b7cfdb; border-width:0px 1px 1px 0px;}
#course-tbl2 td p{padding:0 10px;}
.course-image{width:660px;height:190px;margin:5px auto;}
.course-image .img1{width:200px;height:180px;padding:5px;float:left;margin:0 0 0 6px;border:solid #b7cfdb; border-width:1px; background:url(../images/sand-bg-white.jpg) 0px 0px;}
.course-image .img1 p{font-size:12px;padding:0px 0px;}

.img-image{width:660px;height:103px;margin:5px auto;padding-left:5px;}
.img-image .img1{width:140px;height:93px;padding:5px;margin:0 5px;float:left;border:solid #b7cfdb; border-width:1px; background:url(../images/sand-bg-white.jpg) 0px 0px;}
.img-image .img1 p{font-size:12px;padding:0px 0px;}

/* possible */
.left-3{height:950px;}
.content-title-am{width:720px;height:142px;background:url(../images/title-am.gif) repeat-x;margin:10px 0 0 0;}
.content-text-am{width:680px;margin:10px auto;}
.content-text-am-tit{width:680px;height:55px;background:url(../images/am-title.png) repeat-x;margin:0px 0 1px 1px;}
#am-tbl1{margin:20px auto 0px auto;border:solid #ffffff; border-width:0px 0px 0px 0;}
#am-tbl1 .tbl-title{font-size:16px;color:#ffffff;}
#am-tbl1 td{padding:5px; font-size:14px;line-height:24px;border:solid #b7cfdb; border-width:0px 1px 1px 1px;}
#am-tbl1 td p{padding:0 10px;}

/* faq */
.content-title-faq{width:720px;height:155px;background:url(../images/title-faq.jpg) repeat-x;margin:10px 0 0 0;}
.content-text-faq{width:680px;margin:10px auto;}
.content-text-faq-tit{width:680px;height:55px;background:url(../images/faq-title.jpg) repeat-x;margin:0px 0 1px 1px;}
#faq-tbl1{margin:20px auto 0px auto;border:solid #ffffff; border-width:0px 0px 0px 0;}
#faq-tbl1 .tbl-title{font-size:16px;color:#ffffff;}
#faq-tbl1 td{padding:5px; font-size:14px;line-height:24px;border:solid  #b7cfdb; border-width:0px 1px 1px 1px;}
#faq-tbl1 td p{padding:0 10px;}

/*voice */
.content-title-voice{width:720px;height:140px;background:url(../images/title-voice.jpg) repeat-x;margin:10px 0 0 0;}
.content-text-voice{width:680px;margin:10px auto;}
#v-tbl1{margin:20px auto 0px auto;border:solid #ffffff; border-width:0px 0px 0px 0;}
#v-tbl1 .tbl-title{font-size:16px;color:#ffffff;}
#v-tbl1 td{padding:20px 5px 5px 5px; font-size:14px;line-height:24px;border:solid  #b7cfdb; border-width:1px 3px 5px 1px;marign:5px;}
#v-tbl1 td p{padding:0 10px;}
.content-text-voice img{border:solid #b7cfdb 1px;}
.voice_name{text-align:right;width:600px;}
.voice_text{text-align:left;background:#F2F8FB;border:solid #b7cfdb 1px;width:580px;margin:15px auto 0 auto;}
/* introduce */
.content-title-introduce{width:720px;height:80px;background:url(../images/title-introduce.jpg) repeat-x;margin:10px 0 0 0;}
.content-text-introduce{width:680px;margin:10px auto;}

.content-text-introduce-tit{width:680px;height:55px;background:url(../images/introduce-title.jpg) repeat-x;margin:0px 0 1px 1px;}
#introduce-tbl1{margin:20px auto 20px auto;border:solid #b7cfdb; border-width:0px 1px 1px 0px;}
#introduce-tbl1 .tbl-title{font-size:14px;}
#introduce-tbl1 td{padding:5px; font-size:14px;line-height:24px;border:solid #b7cfdb; border-width:1px 0px 0px 1px;}
#introduce-tbl1 td p{padding:0 10px;}
.mail{}
.mail a{display:block;width:250px;height:20px;background:url(../images/mail.jpg) no-repeat;}


/* resevation */
.content-title-reservation{width:720px;height:80px;background:url(../images/title-reservation.jpg) repeat-x;margin:10px 0 0 0;}
.content-text-reservation{width:680px;margin:10px auto;}
.content-text-reservation-tit{width:680px;height:55px;background:url(../images/reservation-title.jpg) repeat-x;margin:0px 0 1px 1px;}
#reservation-tbl1{margin:20px auto 0px auto;border:solid #b7cfdb; border-width:1px 0px 0px 1px;}
#reservation-tbl1 .tbl-title{font-size:14px;color:#ffffff;}
#reservation-tbl1 td{padding:5px; font-size:14px;line-height:24px;border:solid #b7cfdb; border-width:0px 1px 1px 0px;}
#reservation-tbl1 td p{padding:0 10px;}


/* access */
.content-title-access{width:720px;height:140px;background:url(../images/title-access.jpg) repeat-x;margin:10px 0 0 0;}
.content-text-access{width:680px;margin:10px auto; color:#076e9b;}
.content-text-access-tit{width:680px;height:55px;background:url(../images/access-title.jpg) repeat-x;margin:0px 0 1px 1px;}
#access-tbl1{margin:0px auto 0px auto;border:solid #b7cfdb; border-width:1px;}
#access-tbl1 .tbl-title{font-size:14px;color:#ffffff;}
#access-tbl1 td{padding:5px; font-size:14px;line-height:24px;border:solid #ffffff; border-width:1px 1px 1px 1px;}
#access-tbl1 td p{padding:0 10px;}

/* link */
.content-title-link{width:720px;height:80px;background:url(../images/title-link.jpg) repeat-x;margin:10px 0 0 0;}
.content-text-link{width:680px;margin:10px auto;}
.content-text-link-tit{width:680px;height:55px;background:url(../images/link-title.jpg) repeat-x;margin:0px 0 1px 1px;}
#link-tbl1{margin:20px auto 20px auto;border:solid #b7cfdb; border-width:1px;text-align:center;}
#link-tbl1 .tbl-title{font-size:14px;color:#ffffff;}
#link-tbl1 td{padding:10px; font-size:14px;line-height:24px;border:solid #ffffff; border-width:1px 1px 1px 1px;}
#link-tbl1 td p{padding: 5px;color:#000000;}

#link-tbl2{margin:20px auto 20px auto;border:solid #b7cfdb; border-width:1px;text-align:center;}
#link-tbl2 .tbl-title{font-size:12px;color:#000000;}
#link-tbl2 td{padding:0px; font-size:12px;line-height:18px;border:solid #ffffff; border-width:1px 1px 1px 1px;}
#link-tbl2 td p{padding: 5px;color:#000000;}

/* information */
#information{position:relative;width:700px;height:110px;}
#information .inform_box{position:absolute;left:20px;top:10px;text-align:left; font-size:14px; line-height:20px;margin:0 auto;padding:5px 0px;
width:650px;height:80px;border:solid #43a9c2 1px;overflow-y:auto;
}
#information .inform_font{color:#43a9c2;}
#information .inform_title{color:#43a9c2;}
#information .inform_txt{color:#996600;}