@charset "UTF-8";

/* === reset-css ================================================= */
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* === color ===================================================== */
.yellow { color: #fff200; }

.red { color: #e80000; }

.pink { color: #ed0d55; }

.blue { color: #0000e8; }

.green { color: #335d34; }

.black { color: #3b3b3b; }

.black2 { color: black; }

.orange { color: #f26522; }

.white { color: white; }

.gray { color: #575757; }

.gray2 { color: #aaaaaa; }

/* === common ==================================================== */
/* 汎用クラス */
body { font-size: 0.8em; position: relative; line-height: 1.2em; font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka"; }

.imgtop { vertical-align: bottom; margin: 0px; }

.imgbtm { vertical-align: top; }

.imgmdl { vertical-align: middle; }

.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; font-size: 0.1em; line-height: 0; }

.clearfix { min-height: 1px; }

* html .clearfix { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ }

.fl-l { float: left; }

.fl-r { float: right; }

.al-l { text-align: left; }

.al-r { text-align: right; }

.al-c { text-align: center; }

/*font*/
.bold { font-weight: bold; }

.nobold { font-weight: normal; }

.tdu { text-decoration: underline; }

.tdn { text-decoration: none; }

.ta-r { text-align: right; }

.ta-c { text-align: center; }

.ta-l { text-align: left; }

.light { font-weight: lighter; }

.f10 { font-size: 10px; }

.f11 { font-size: 11px; }

.f12 { font-size: 12px; }

.f13 { font-size: 13px; }

.f14 { font-size: 14px; }

.f15 { font-size: 15px; }

.f16 { font-size: 16px; }

.f17 { font-size: 17px; }

.f18 { font-size: 18px; }

.f19 { font-size: 19px; }

.f20 { font-size: 20px; }

.f24 { font-size: 24px; }

.font-meiryo { font-family: "Meiryo", "メイリオ", "Osaka"; }

#header { width: 976px; margin: 0 auto; background: url("../img/mainimg.png") no-repeat; height: 360px; position: relative; }
#header .gnavisub { margin-top: 14px; }
#header .logo { margin-top: 5px; margin-left: 22px; }

#header2 { width: 976px; margin: 0 auto; background: url("../img/mainimg2.png") no-repeat; height: 222px; position: relative; }
#header2 .gnavisub { margin-top: 14px; }
#header2 .logo { margin-top: 5px; margin-left: 22px; }

h2.underlayer { font-size: 18px; font-weight: bold; color: white; background: url("../img/h2.png") no-repeat center left; padding: 20px; margin-top: 10px; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6); }
h2.underlayer span.darkback { background: rgba(64, 64, 64, 0.4); padding: 2px 5px; }

.headerwrap { width: 100%; background: black url("../img/headbg.png"); }

.headmsg { color: white; position: absolute; right: 0; bottom: 20px; font-size: 12px; text-align: right; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6); }

.gnavi { width: 754px; position: absolute; height: 40px; right: 0; top: 54px; border-top: 1px dotted #79BD36; padding-top: 3px; }
.gnavi ul { background: url("../img/gnavibg.png"); width: 976px; margin: 0 auto; text-align: center; width: 754px; height: 24px; padding-top: 8px; padding-bottom: 8px; }
.gnavi ul li { font-weight: bold; font-size: 16px; border-left: 2px solid #3b3b3b; display: block; float: left; padding-left: 35px; padding-right: 35px; }
.gnavi ul li.first { border-left: 0; }
.gnavi ul li a { display: block; height: 25px; line-height: 25px; color: white; text-align: center; text-decoration: none; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6); }
.gnavi ul li a:hover, .gnavi ul li a.active { color: #79BD36; }
.gnavi .wavetop { background: url("../img/gnavi_wave_top.png") repeat-x; height: 10px; }
.gnavi .wavebottom { background: url("../img/gnavi_wave_bottom.png") repeat-x; height: 10px; }

.gnaviline { border-top: 1px solid #79BD36; border-left: 0; border-right: 0; border-bottom: 0; height: 0; }

.gnavisub { background: #F4F4F4; width: 366px; height: 39px; border-radius: 4px; }
.gnavisub img { float: left; }
.gnavisub ul { float: left; padding: 2px 3px; }
.gnavisub ul li { float: left; background: url("../img/navi_btn.png"); width: 145px; height: 31px; line-height: 31px; margin: 2px; }
.gnavisub ul li a { color: #3b3b3b; display: block; padding: 0 10px; width: 125px; height: 31px; opacity: 0.8; text-align: center; text-decoration: none; }
.gnavisub ul li a:hover { opacity: 1.0; text-decoration: underline; }

.orangebg { background: #e58c00; }

.breadcrumb { border-bottom: 1px solid #D6D6D6; padding-bottom: 4px; margin: 0 auto 20px auto; }
.breadcrumb ul { padding-left: 2px; }
.breadcrumb ul li { float: left; }
.breadcrumb ul li:before { margin-left: 3px; content: '>'; margin-right: 3px; }
.breadcrumb ul li.home:before { content: ''; }

.girlmsg { color: white; font-size: 18px; line-height: 1.3em; position: absolute; right: 220px; top: 175px; }

.cyclegirl { position: absolute; right: 0; top: 120px; z-index: 10000; }

.white_wave { background: url("../img/white_wave.png") repeat-x; height: 9px; position: relative; top: -9px; z-index: 1; }
.white_wave hr { display: none; }

.catch { margin-top: 10px; margin-bottom: 30px; }
.catch img { margin-bottom: 20px; }
.catch .catchmsg { padding-left: 20px; background: url("../img/catchcopy_head.png") no-repeat top left; line-height: 1.5; }

#mainwrap { width: 976px; margin: 0 auto; }

#main { float: left; }

.see_list { text-align: right; display: block; margin: 5px 0; }

.mainnavi { width: 666px; }
.mainnavi ul li.mm { float: left; width: 304px; height: 294px; border: 3px solid #79BD36; border-radius: 4px; display: block; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4); position: relative; margin-right: 23px; margin-bottom: 23px; }
.mainnavi ul li.mm .msg { margin: 0 13px; font-size: 12px; line-height: 1.5; }
.mainnavi ul li.mm hr { border-top: 1px solid #79BD36; height: 0; width: 284px; margin: 0 auto; position: relative; top: -9px; border-bottom: 0; border-left: 0; border-right: 0; }
.mainnavi ul li.mm .caution { background: #FFEDED; color: #ED1C24; font-size: 11px; padding: 8px; width: 268px; margin: 0px auto 0 auto; }
.mainnavi ul li.cyclelink { float: left; width: 310px; height: 300px; display: block; }
.mainnavi ul li.cyclelink .baloon { background: url("../img/baloon.png"); width: 310px; height: 42px; line-height: 35px; text-align: center; color: white; font-size: 18px; font-weight: bold; margin-bottom: 7px; }
.mainnavi ul li.cyclelink a { margin: 0 0 10px 0; padding: 0; }
.mainnavi ul li.cyclelink a img { border: 1px solid #B8B8B8; margin-bottom: 6px; }
.mainnavi ul li.cyclelink a.fl-l, .mainnavi ul li.cyclelink a.fl-r { height: 39px; }
.mainnavi ul li.cyclelink .msg { margin-top: 4px; padding-left: 17px; background: url("../img/catchcopy_head.png") no-repeat top left; font-size: 11px; margin-bottom: 10px; }
.mainnavi .mm_btn { position: absolute; bottom: 14px; left: 14px; background: url("../img/mainmenu_button.png"); width: 276px; height: 47px; }
.mainnavi .mm_btn a { width: 276px; height: 47px; line-height: 47px; font-size: 18px; font-weight: bold; color: white; text-align: center; display: block; }
.mainnavi .iconframe { width: 270px; height: 105px; background: #FFF; margin: 0 auto; text-align: center; font-size: 18px; font-weight: bold; }
.mainnavi .iconframe img { margin: 2px auto 17px auto; display: block; }
.mainnavi .inset { margin: 5px; background: #ddf6c4; background: -moz-linear-gradient(top, #ddf6c4 0%, white 63%, white 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ddf6c4), color-stop(63%, white), color-stop(100%, white)); background: -webkit-linear-gradient(top, #ddf6c4 0%, white 63%, white 100%); background: -o-linear-gradient(top, #ddf6c4 0%, white 63%, white 100%); background: -ms-linear-gradient(top, #ddf6c4 0%, white 63%, white 100%); background: linear-gradient(to bottom, #ddf6c4 0%, white 63%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddf6c4', endColorstr='#ffffff',GradientType=0 ); }

.detailhead { border-bottom: 1px solid #7F7F7F; padding-bottom: 14px; }
.detailhead ul.iconlist { margin-top: 10px; margin-right: 20px; }
.detailhead ul.iconlist li { float: left; margin-left: 10px; }
.detailhead ul.iconlist li.first { margin-left: 0; }
.detailhead h2.hotelname { width: 50%; font-size: 24px; font-weight: bold; position: relative; top: -10px; display: block; line-height: 1.5em; }
.detailhead h2.hotelname:before { content: url("../img/icon_hotel_big.png"); width: 40px; height: 40px; margin-right: 10px; position: relative; top: 10px; }
.detailhead .areaname { width: 50%; font-size: 18px; font-weight: normal; display: block; clear: both; }
.detailhead .areaname:before { content: url("../img/icon_area.png"); width: 54px; height: 23px; margin-right: 10px; position: relative; top: 7px; }

.catchcopy { padding: 10px; margin-top: 5px; margin-bottom: 10px; width: 956px; }
.catchcopy p { line-height: 1.3; width: 100%; }

.introduction { margin-bottom: 75px; }
.introduction table { border-collapse: collapse; border: 0; }
.introduction table tr td { height: 40px; font-size: 18px; text-align: center; vertical-align: middle; width: 90px; }
.introduction table tr th { font-size: 14px; vertical-align: middle; }
.introduction table tr .thleft { text-align: left; font-size: 14px; padding-left: 13px; padding-right: 2px; border-left: 0; word-break: break-all; }
.introduction table tr .thtop { padding: 3px; vertical-align: top; border-top: 0; }
.introduction table tr .thtop img { margin: 0 auto; padding-top: 5px; }
.introduction table tr .thtop span { display: block; font-size: 13px; line-height: 1.4; }
.introduction table tr .corner_right { border-right: 0; }
.introduction table tr .corner { vertical-align: middle; font-size: 16px; border-top: 0; border-left: 0; }
.introduction table tr td, .introduction table tr th { border-top: 1px solid #B3B3B3; border-left: 1px dotted #B3B3B3; border-right: 1px dotted #B3B3B3; border-bottom: 1px solid #B3B3B3; font-weight: bold; }
.introduction table tr .hotelname:before { content: url("../img/icon_hotel.png"); width: 17px; height: 17px; margin-right: 7px; position: relative; top: 2px; }
.introduction table tr .areaname { background: #DFDFDF; text-align: left; font-size: 18px; padding-left: 10px; height: 30px; }
.introduction table tr.blank { background: #EFEFEF; }
.introduction table tr.blank td { background: #EFEFEF; }
.introduction table tr .detail { width: 80px; border-right: 0; }
.introduction table tr .detail a { width: 56px; background: url("../img/btn_detail.png"); color: white; display: block; height: 27px; font-size: 16px; line-height: 27px; text-align: left; padding-left: 10px; margin: 0 auto; }

.detailcontents table { width: 100%; margin-bottom: 35px; }
.detailcontents table tr { border-top: 1px dotted #7A7A7A; border-bottom: 1px dotted #7A7A7A; }
.detailcontents table tr.disabled { background: #EFEFEF; }
.detailcontents table tr td { padding: 10px; font-size: 12px; line-height: 1.4; }
.detailcontents table tr th { vertical-align: top; background: #EDEDED; text-align: left; padding: 10px 10px 10px 22px; font-size: 12px; width: 117px; border-left: 1px dotted #7A7A7A; }
.detailcontents table tr.desc { border-bottom: none; }
.detailcontents table tr.desc td { border-left: 1px dotted #7A7A7A; color: #e80000; }

.detailservice { margin-bottom: 60px; }
.detailservice table { width: 100%; }
.detailservice table tr { height: 58px; }
.detailservice table tr td { height: 58px; vertical-align: middle; padding: 5px 6px; line-height: 1.4; }
.detailservice table tr .sname { width: 110px; font-size: 14px; font-weight: bold; text-align: center; }
.detailservice table tr .desc { font-size: 12px; }
.detailservice table tr.disabled { background: #EFEFEF; }
.detailservice table tr.disabled td { color: #818181; }

.mb20 { margin-bottom: 20px; }

.mb10 { margin-bottom: 10px; }

.nav { position: relative; background: url("../img/nav.png"); width: 734px; height: 271px; margin-bottom: 20px; }
.nav .aboutsetoda { position: absolute; top: -76px; }
.nav .navmenu { float: left; position: relative; width: 244px; height: 271px; }
.nav .navmenu p { position: absolute; display: block; width: 210px; height: 50px; left: 20px; bottom: 50px; }
.nav .navmenu a { position: absolute; display: block; right: 55px; bottom: 18px; }
.nav .navpos1 { left: 0; }
.nav .navpos2 { left: 244px; }
.nav .navpos3 { left: 488px; }

.d_left { width: 460px; float: left; }
.d_left .imagelist { margin-bottom: 40px; }
.d_left .imagelist ul { margin-top: 10px; }
.d_left .imagelist ul li { float: left; margin-left: 10px; }
.d_left .imagelist ul li.first { margin-left: 0px; }

.d_right { width: 488px; float: right; }

h3.buttonlike { border: 1px solid #DADADA; border-radius: 4px; background: #fcfcfc; background: -o-linear-gradient(top, #fcfcfc 0%, lightgray 100%); background: -ms-linear-gradient(top, #fcfcfc 0%, lightgray 100%); background: linear-gradient(to bottom, #fcfcfc 0%, lightgray 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#d3d3d3',GradientType=0 ); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7); width: 326px; height: 41px; line-height: 41px; font-size: 18px; padding-left: 23px; font-weight: bold; margin-bottom: 15px; }

.service_here { border: 1px solid #DADADA; border-radius: 4px; background: #fcfcfc; background: -o-linear-gradient(top, #fcfcfc 0%, lightgray 100%); background: -ms-linear-gradient(top, #fcfcfc 0%, lightgray 100%); background: linear-gradient(to bottom, #fcfcfc 0%, lightgray 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#d3d3d3',GradientType=0 ); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7); width: 100px; height: 30px; font-size: 12px; text-decoration: underline; padding: 10px 10px 6px 10px; margin-top: 10px; color: black; display: block; text-align: center; }

.catchcopy { font-size: 16px; font-weight: bold; color: #FF5400; }

.detailmap { margin-bottom: 60px; }

#left { float: left; width: 214px; margin-right: 26px; margin-top: 25px; position: relative; }

.footwave { background: url("../img/foot_wave.png") repeat-x; height: 10px; position: relative; }

.footerwrap { background: #79bd36; position: relative; height: 125px; }

.pagetop { position: absolute; top: -35px; right: 0; }

#footer { width: 976px; margin: 0 auto; position: relative; }

.fnavi { width: 976px; position: relative; margin: 0 auto; }
.fnavi ul { padding-top: 10px; width: 500px; margin: 0 auto; }
.fnavi ul li { float: left; }
.fnavi ul li:before { content: "|"; margin-left: 10px; margin-right: 10px; color: white; }
.fnavi ul li.first:before { content: ''; }
.fnavi a { color: white; text-decoration: none; }
.fnavi a:hover { text-decoration: underline; }

.footmsg { color: white; text-align: center; margin-top: 50px; line-height: 1.3; }

hr.dn { display: none; visibility: hidden; }

/* === 追加修正 ================================================== */

.msg01	{ background:url('../img/catchcopy_head.png') no-repeat; padding:0px 0px 0px 14px; font-size:14px; line-height:1.4em; margin-bottom:30px; }
.info_wrap	{ background:#E0F7C9 url('../img/mesh.png'); margin-bottom:20px; border-radius:5px; padding:20px 0px 20px 0px; }
.info_wrap h3	{ font-size:24px; color:#000000; margin:0px auto; text-align:center; font-weight:bold; line-height:1.2em; }
ul.service_info	{ margin:0px; padding:20px 0px 0px 22px; list-style:none; }
ul.service_info li	{ float:left; width:454px; border:solid 2px #0559CC; border-radius:6px; margin-right:16px; margin-bottom:30px; background:#fff; position:relative; }
ul.service_info li h4	{ margin:0px auto; border-radius:4px 4px 0px 0px / 4px 4px 0px 0px; text-align:center; font-size:20px; font-weight:bold; line-height:1.1em; color:#fff; background:#3A87E0 url('../img/h4_bg.png') repeat-x; height:40px; padding:14px 0px 0px 0px; }
ul.service_info li div	{ padding:15px; font-size:14px; line-height:1.2em; }
ul.service_info li div img	{ float:left; }
ul.service_info li div p	{ float:left; width:300px; float:right; font-size:14px; line-height:1.3em; padding:6px 0px 0px 0px; color:#002961; }
ul.service_info li p#svc_notice01	{ position:absolute; left:10px; bottom:-35px; font-size:12px; color:#E80000; }

ul.service_info2	{ margin:0px; padding:20px 0px 0px 22px; list-style:none; }
ul.service_info2 li	{ float:left; width:296px; height:210px; border:solid 2px #0559CC; border-radius:6px; margin-right:16px; margin-bottom:10px; background:#fff; position:relative; }
ul.service_info2 li h4	{ margin:0px auto; border-radius:4px 4px 0px 0px / 4px 4px 0px 0px; text-align:center; font-size:20px; font-weight:bold; line-height:1.1em; color:#fff; background:#3A87E0 url('../img/h4_bg.png') repeat-x; height:40px; padding:14px 0px 0px 0px; }
ul.service_info2 li div	{ padding:15px; font-size:14px; line-height:1.2em; text-align:center; }
ul.service_info2 li div p	{ font-size:14px; line-height:1.3em; padding:10px 0px; text-align:left; color:#002961; }
#cycle_oasis	{ float:left; width:480px; height:180px; background:#f4f4f4; border-radius:5px; }
#cycle_oasis h3	{ height:63px; background:#0050a3; color:#fff; font-size:18px; font-weight:bold; border-radius:5px 5px 0px 0px / 5px 5px 0px 0px; }
#cycle_oasis p	{ font-size:14px; color:#002961; line-height:1.3em; padding:15px; }
#cycle_resque	{ float:right; width:480px; height:180px; background:#f4f4f4; border-radius:5px; }
#cycle_resque h3	{ height:63px; background:#e70012; color:#fff; font-size:18px; font-weight:bold; border-radius:5px 5px 0px 0px / 5px 5px 0px 0px;  }
#cycle_resque div	{ width:48%; text-align:center; padding:10px 0px; }
#cycle_resque div p	{ padding:6px 15px; text-align:left; font-size:12px; line-height:1.2em; color:#002961; }

a.whiteLink:link { color: #ffffff; text-decoration:none; }
a.whiteLink:visited { color: #ffffff; text-decoration:none; }
a.whiteLink:hover { color: #ffffff; text-decoration:underline; }

.inq_base	{ width:752px; padding:35px 0px; margin:0px auto; text-align:left; margin-bottom:20px; }
h3.inq_capt	{ margin:0px auto; width:914px; height:26px; padding:6px 0px 0px 18px; line-height:1.1em; font-size:18px; font-weight:bold; text-align:left; background:url('../img/inq_captbg.png') no-repeat left top; }
p.telNum	{ font-size:38px; color:#3d7b01; font-weight:bold; margin:15px 0px 0px 70px; }
p.mailNum	{ font-size:28px; color:#3d7b01; font-weight:bold; margin:15px 0px 0px 70px; }
p.tel_notice	{ padding:10px 0px 0px 135px; font-size:16px; line-height:1.3em; color:#3c3c3c; }
p.tel_notice strong	{ color:#e80000; font-weight:bold; }
p.inq_tanto	{ font-size:16px; color:#3d7b00; margin-bottom:8px; }
.inq_btn_wrap	{ width:720px; padding:15px; border:solid 1px #79bd36; background:#e1e1e1 url('../img/btn_bg.png') repeat-x left top; }