@charset "UTF-8";


/*color*/
body { color:#807d78; }
a, a:link { outline-style:none; text-decoration: underline; color: #222; }
a:hover { color:#00a381; }

#noscript { width:100%; background:#f00; color:#fff; text-align:center; padding:10px; margin:0; font-size:1.4em; }

/* structure
====================================================================================================================================== */
html { overflow-y:scroll; height:100%; }
body { height:100%; }
#all { position:relative; width:100%; margin:0 auto; text-align:center; background:url(../images/bg.gif); min-width:1000px; }
#container { font-size:1.4em; line-height:1.7; overflow:hidden; }
/*IE8でposition:fixedを有効にするため*/
/*html ,html body { width:100%; height: 100%; overflow-y: hidden; overflow-x: auto; }  
html #all { overflow:auto; position:relative; overflow-y:scroll; width:100%; height:100%; }*/

.wrapper { margin:0 auto; text-align:left; width:1000px; }
.wrapper:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }

#header { width:100%; height:auto; background:#fff; margin:0 0 15px; overflow:hidden; }
#header.top { margin:0; }
#main_visual { position:relative; width:100%; max-width:1600px; height:690px; margin:0 auto 115px; overflow:visible; background:#e0ddd9; }
#main { width:100%; margin:0 0 40px; }
#contents { width:690px; float:left; margin:0 0 0 20px; background:#fff; overflow:hidden;/*IE8ではみ出るの防止*/ zoom:1; }
#contents,  x:-moz-any-link { overflow:visible;/*登山ページで文章が出なくなる対策*/ }
#main.top #contents { width:auto; float:none; margin:0 20px; background:none; }
#main.wide #contents { width:auto; float:none; margin:0 20px; background:#fff; }
#contents .wrapper { width:auto; padding:20px; margin:0; }
#sidebar { width:230px; float:right; margin:0 20px 0 0; overflow:hidden; }
#main.wide #sidebar { display:none; }
#footer { clear:both; background:#fff; }
#side_fixed_menu { position:absolute;; width:40px; right:0; top:122px; z-index:100; }
:root *> #side_fixed_menu { position:fixed; width:auto; }
#side_fixed_top { position:absolute; width:60px; right:20px; bottom:20px; z-index:100; }
:root *> #side_fixed_top { position:fixed; width:auto; }
#main_visual img, #globalnavi img, #main_visual img, #sidebar img, #footer img { vertical-align:bottom; }


/* common
====================================================================================================================================== */
/*非表示*/
.none { display:none !important; }

/*スマホ・PC振り分け*/
.sp_off { }
.sp { display:none!important; }

/*写真を保存されない対策*/
.main_img_box, .header_img { position:relative; }
.main_img_box:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/space.gif); z-index:1; }

/*default heading*/
h1, h2, h3, h4, h5, h6 { font-weight:bold; margin:0 0 0.8em; line-height:1.4; }
h1, #main h2, #main h3, #main_menu a, #globalnavi a, #header .header_img span, .font_mincho { font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E",'ＭＳ Ｐ明朝','MS PMincho', "メイリオ", Meiry, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", serif; }
#main .list_box h3 { font-weight:normal; }
#main .list_box h3.tit_link { font-weight:bold; font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }

h1 { font-size:1.6em; }
h2 { font-size:1.4em; }
h3 { font-size:1.2em; }
.page_in h3 { font-size:1.3em; }
h4 { font-size:1.2em; margin-bottom:10px; }
h5 { font-size:1.1em; margin-bottom:7px; }
h6 { font-size:1em; margin-bottom:5px; }
hr { margin:15px 0; }

/*adjust*/
.ma0 { margin:0!important; }
.mab0 { margin-bottom:0!important; }
.mab5 { margin-bottom:5px!important; }
.mab10 { margin-bottom:10px!important; }
.mab20 { margin-bottom:20px!important; }
.mab30 { margin-bottom:30px!important; }
.mat0 { margin-top:0!important; }
.mat5 { margin-top:5px!important; }
.mat10 { margin-top:10px!important; }
.mat20 { margin-top:20px!important; }
.mat30 { margin-top:30px!important; }
.mat-10 { margin-top:-10px!important; }
.mat-20 { margin-top:-20px!important; }
.mat-30 { margin-top:-30px!important; }
.mar10 { margin-right:10px!important; }
.mar20 { margin-right:20px!important; }
.mal10 { margin-right:10px!important; }
.mar20 { margin-right:20px!important; }

/*font size*/
.font_xs { font-size:0.8em; }
.font_sm { font-size:0.86em; }/*12px*/
.font_la { font-size:1.3em; }/*18px*/
.font_xl { font-size:1.5em; }/*21px*/
.font_normal { font-weight:normal; }
.font_bold { font-weight:bold; }
.text_center { text-align:center; }
.text_right { text-align:right; }

/*旧サイトでtable＋imgレイアウトの箇所調整用*/
.font_0 { font-size:0; }
#contents .font_0 td img { vertical-align:baseline; }

/*lineheight*/
.lineheight01 { line-height:1.87; }

/*float box*/
.fl_box { float:left; }
.fr_box { float:right; }
.clear { clear:both; }

/*text navigation*/
#all .text_nav li { list-style:none; display:inline; margin-left:20px; }
:root *> #all .text_nav li { display:inline-block; }
#all .text_nav li a { margin:0; }

.section_box { clear:both; margin:0 0 2em; }
.side_box { clear:both; margin:0 0 20px; }
.center_box { margin:0 0 20px; }
.side_box:after, .center_box:after, .section_box:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }

/*heading*/
.heading { margin:0; padding:0 0 10px; overflow:hidden; }
.heading:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }
.heading h3 { float:left; display:inline-block; background:none; padding:0; margin:0; color:#222; font-size:1.8em; }
.heading .green { font-size:1.3em; color:#00a381; }
.heading a { display:block; float:right; margin:15px 5px 0; }

/*image背景ボタンリスト*/
.btn_nav li a { display:block; background:no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; }

/*sns list*/
.sns_box { overflow:hidden; line-height:1; font-size:0; }
.sns_box li { float:right; margin:0 0 0 10px; }
.sns_box li.fb { width:110px; }
:root *> .sns_box li.fb { width:110px; }
.sns_box li.twi { width:70px; }
.sns_box li.mixi { width:70px; }
.sns_box li.plus { width:35px; }

/*form*/
#contents input[type="radio"], #contents input[type="checkbox"] { margin:0 6px; }

/*banner list*/
.bnr_list a { display:inline-block; margin:0 0 10px; }

/*center button list*/
#all .btn_center_box { clear:both; overflow:hidden; width:100%; margin:0 0 10px; }
.btn_center_box:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }
#all .btn_center_box ul { position:relative; left:50%; float:left; margin:0; padding:0; overflow:visible; list-style:none; list-style-position:inside; }
.btn_center_box ul:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }
#all .btn_center_box li { position:relative; left:-50%; float:left; list-style:none; display:inline; }
#all .btn_center_box li:first-child { margin:0; }
#all .btn_center_box a { display:block; padding:5px 10px; }

/*button design*/
a.btn { position:relative; display:inline-block; background:#222 url(../images/icon_arrow.png) no-repeat right center; padding:6px 25px 6px 15px; text-align:center; font-weight:normal; color:#fff; line-height:1.2; text-decoration:none; border-radius:3px; }
a.btn.gray { background-color:#807d78; }
a.btn:hover { background-color:#00a381; }

a.btn_big { padding:16px 33px 16px 28px; background-color:#222; font-size:1.2em; font-weight:bold; }

a.btn.btn_green { position:relative; background:#00a381; min-width:48%; padding:18px 60px 18px 35px; font-size:1.45em; }
a.btn.btn_green:after { content:""; display:block; position:absolute; right:25px; top:50%; background:url(../images/icon_arrow_w.png) no-repeat; width:16px; height:16px; margin-top:-8px; }
a.btn.btn_green:hover { opacity:0.8; }

/*アイコンをつける*/
a.link_icon, #contents .list_icon li { display:inline-block; background:url(../images/icon.gif) no-repeat left 0.3em; padding-left:20px; margin:0 20px 0 0; }
#contents .list_icon { padding:0; margin-right:0; margin-bottom:2em; }
#contents .list_icon li { display:block; list-style:none; list-style-position:outside; margin-bottom:0.5em; }

/*attention*/
#all .caution_box { border:solid 1px #ff3333; background:#ffeeee; padding:15px; margin:0 0 1em; }
#all .caution_box h3 { background:url(../images/icon_caution.png) no-repeat; margin-bottom:0.8em; padding:0 0 0 32px; color:#ff3333; font-size:1.2em; font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }
#all .caution_box h4 { color:#ff3333; background:none; padding:0; }
#all .caution_box p { margin:0; }


/* header
====================================================================================================================================== */
#header_top { background:#222; color:#fff; width:100%; padding:6px 20px 6px 30px; overflow:hidden; text-align:left; vertical-align:middle; }
#header_top:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }
/*#header_top a { color:#00a381; text-decoration:none; font-weight:bold; }
#header_top a:hover { background-color:rgba(255,255,255,0.8); }*/
#header_top .copy { display:inline-block; padding-top:5px; font-size:0.8em; }
/*#header_top .language_btn { display:inline-block; float:right; background:#fff url(../images/icon_arrow_g.png) no-repeat right 0.5em; height:24px; line-height:24px; margin:0 0 0 10px; padding:0 25px 0 20px; }*/
#header_top .language_btn { display:inline-block; float:right; background:url(../images/icon_g.gif) no-repeat left 0.4em; padding-left:20px; margin:0 0 0 20px; color:#fff; font-weight:bold; text-decoration:none; }
#header_top .language_btn:hover { text-decoration:underline; }

/*search*/
#sitesearch { float:right; padding:0; margin:0; overflow:visible; font-size:0; background:#999; }
#sitesearch .text { display:inline-block; background:none; border:none; height:24px; font-size:14px; vertical-align:middle; }
#sitesearch .text.on { background:#bbb; }
#sitesearch .text input { border:none; background:none; width:120px; background:none; margin-left:10px; padding:5px 0; }
#sitesearch #search_btn { display:inline-block; background:url(../images/icon_search_w.png) no-repeat 5px 4px; width:28px; height:24px; border:none; text-indent:-9999px; overflow:hidden; cursor:pointer; vertical-align:top; border-radius:0; -webkit-border-radius:0; }
#sitesearch #search_btn:hover { /*background-color:rgba(255,255,255,0.8);*/ }

/*site title*/
#site_title { float:left; margin:20px 0 0 20px; padding-bottom:20px; overflow:hidden; }
#site_title h1 { margin:0; }
#site_title h1 a { display:block; background:url(../images/site_title.png) no-repeat; width:320px; height:45px; text-indent:100%; white-space:nowrap; overflow:hidden; zoom:1; }

/*中ページイメージ*/
#header .header_img { position:relative; clear:both; display:block; background:url(../images/bg.gif); width:100%; height:240px; overflow:hidden; }
#header .header_img .img { position:absolute; top:50%; left:50%; margin:auto; min-width:1080px; width:100%; max-width:1600px; height:auto; overflow:visible; }
#header .header_img .img img { display: block; margin-top:-11%; margin-left:-50%; width:100%; height:auto; min-width:100%; }
:root *> #header .header_img img { width:auto; }
#header .header_img span { position:absolute; left:0; top:24%; width:100%; text-align:center; color:#fff; font-size:6em; text-shadow:1px 1px 6px rgba(0,0,0,0.7); letter-spacing:0.1em; }

#header .header_img span span { position:static; width:auto; font-size:1em; }
#header .header_img span span.kerning { letter-spacing:-0.25em; }
#header .header_img span span.kerning_kana { letter-spacing:-0.1em; /*font-size:1.05em;*/ }
#header .header_img span span.kerning_kana02 { letter-spacing:-0.06em; /*font-size:1.05em;*/ }

#header .header_nav { float:right; text-align:right; margin:46px 20px 0 0; }


/* main visual
====================================================================================================================================== */
/*背景*/
.main_img_box { position:relative; width:100%; height:100%; overflow:hidden; z-index:1; }
.main_img_box .img { position:absolute; top:50%; left:50%; margin:auto; min-width:1200px; width:100%; height:auto; min-height:0; overflow:visible; }
.main_img_box .img img { display: block; margin-top:-34%; margin-left:-50%; width:100%; height:auto; min-width:100%; min-height:100%; }

/*site title*/
#main_visual #site_title { float:none; position:absolute; left:0; top:0; margin:20px 0 0 20px; z-index:10; }
#main_visual #site_title h1 a { background:url(../images/site_title_top.png) no-repeat; width:325px; height:190px; }

/*copy*/
#main_visual .main_copy { position:absolute; left:50%; top:140px; z-index:10; }
#main_visual .main_copy img { margin-left:-120px; }

/*photo gallery biutton*/
.btn_photo { position:absolute; right:30px; bottom:-40px; width:244px; height:224px; z-index:1; }
.btn_photo .comment { position:absolute; left:-16px; top:-98px; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }
.btn_photo .photo01 { position:absolute; left:68px; top:0; display:block; width:130px; height:auto;
-moz-transform: rotate(12deg); -webkit-transform: rotate(12deg); -o-transform: rotate(12deg); -ms-transform: rotate(12deg);
transform: rotate(12deg); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }
.btn_photo .photo02 { position:absolute; left:0; top:20px; display:block; width:130px;
-moz-transform: rotate(-6deg); -webkit-transform: rotate(-6deg); -o-transform: rotate(-6deg); -ms-transform: rotate(-6deg);
transform: rotate(-6deg); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }
.btn_photo .photo03 { position:absolute; left:34px; top:45px; display:block; width:137px;
-moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg);
transform: rotate(5deg); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }

.btn_photo a { display:block; width:244px; height:250px; margin-top:-74px; background:url(../images/btn_photo.png) no-repeat left top; text-align:left; text-indent:100%; white-space:nowrap; overflow:visible; zoom:1; }
.btn_photo a .photo01, .btn_photo a .photo02, .btn_photo a .photo03, .btn_photo a .comment { display:none; }
.btn_photo a:hover { filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -khtml-opacity: 0.8; -moz-opacity: 0.8; }
:root *> .btn_photo { right:10px; }
:root *> .btn_photo a { width:auto; height:auto; background:none; margin-top:0; text-indent:0; overflow:visible; }
:root *>.btn_photo a .photo01, :root *>.btn_photo a .photo02, :root *>.btn_photo a .photo03, :root *>.btn_photo a .comment { display:block; }

.btn_photo a:hover .comment { top:-105px; }
.btn_photo a:hover .photo01 { left:72px; top:-9px; -webkit-box-shadow: 0 0 7px 2px #ffc; box-shadow: 0 0 7px 2px #ffc; }
.btn_photo a:hover .photo02 { left:-4px; top:14px; background:#fff; -webkit-box-shadow: 0 0 7px 2px #ffc;
box-shadow: 0 0 7px 2px #ffc; }
.btn_photo a:hover .photo03 { left:32px; top:42px; background:#fff; -webkit-box-shadow: 0 0 7px 2px #ffc;
box-shadow: 0 0 7px 2px #ffc; }
.btn_photo img { width:100%; height:auto; }


/* news
====================================================================================================================================== */
#news { position:absolute; left:50%; bottom:-100px; z-index:3; }
#news .wrapper { margin:0 0 0 -500px; z-index:100; }
#news .wrapper_in { position:relative; height:120px; background:url(../images/clear_bg/white90.png); box-shadow:0 2px 1px rgba(0,0,0,0.2); margin:0 20px; overflow:hidden; }
#news h3 { float:left; display:inline-block; margin:10px 0 0 30px; }
#news .news_list { float:right; width:100%; height:80px; margin:20px 20px 20px -160px; overflow:hidden; }
#news ul { width:auto; margin-left:160px; }
#news li { white-space:nowrap; overflow:hidden; height:27px; line-height:27px; }
#news li:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }
#news li .news_date { float:left; width:110px; color:#00a381; }
#news li .news_title { float:left; width:680px; overflow:hidden; text-overflow: ellipsis; font-weight:bold; }
#news li  .icon_new { display:inline-block; background:#f08300; padding:0 8px; height:18px; line-height:18px; font-size:11px; font-weight:normal; margin:0.25em 10px 0 0; color:#fff; vertical-align:top; }
#news li .news_img { display:none; }
#news li a { text-decoration:none; }
#news li a:hover { text-decoration:underline; }

#news .btn_list { position:absolute; right:10px; bottom:10px; text-align:right; }
#news .btn_list a { display:block; float:right; margin-left:10px; }
a.rss { display:inline-block; background:#e2e2e2; padding:5px; }

#news .pager { position:absolute; right:10px; top:10px; }
#news .pager a { display:block; width:26px; height:26px; background:url(../images/icon_arrow_news.png) no-repeat; margin:0 0 2px; text-indent:100%; white-space:nowrap; overflow:hidden; }
#news .pager a.next { background-position:right top; }
#news .pager a:hover { background-position:left -26px; }
#news .pager a.next:hover { background-position:right -26px; }

/*contents内の時用*/
/*#contents, #main, #all .wrapper { overflow:visible; }
#main_visual { z-index:0; }
#main_visual #news { display:none; }
#contents #news { position:relative; left:auto; bottom:auto; margin:-140px 0 0; height:120px; background:url(../images/clear_bg/white90.png); box-shadow:0 2px 1px rgba(0,0,0,0.2); overflow:hidden; z-index:3; }*/


/* contents
====================================================================================================================================== */
#contents .center_box h3 { font-size:1em; }

#contents .sns_box { margin-bottom:15px;}

.box_btn_list { font-size:0; margin-left:-15px; overflow:hidden; }
.box_btn_list li { display:inline-block; margin:0 0 0 15px; }

/*サブメニュー*/
#daisen_menu ul { margin-left:-30px; }
#daisen_menu li { float:left; margin:0 0 20px 30px; }
#daisen_menu li a { display:block; width:300px; height:90px; background:url(../images/btn_daisen_menu.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; text-decoration:none;  -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
  transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s; }
#daisen_menu li.item02 a { background-position:left -100px; }
#daisen_menu li.item03 a { background-position:left -200px; }
#daisen_menu li a:hover { background-position:right top; }
#daisen_menu li.item02 a:hover { background-position:right -100px; }
#daisen_menu li.item03 a:hover { background-position:right -200px; }

/*メインメニュー*/
#main_menu { margin-bottom:0; }
#main_menu ul { margin-left:-45px; }
#main_menu li { margin:0 0 30px 45px; background:url(../images/shadow.png) no-repeat left bottom; padding-bottom:15px; }
#main_menu li a { position:relative; width:290px; height:auto; display:block; }
#main_menu li a img { width:100%; height:auto; }
#main_menu li a span { position:absolute; top:38%; display:block; width:100%; font-size:56px; color:#fff; text-align:center; text-shadow:1px 1px 6px rgba(0,0,0,0.7); text-decoration:none; }
#main_menu li.btn_gourmet a span { font-size:48px; }
#main_menu li.btn_meisyo a span { font-size:49px; }
#main_menu li.btn_course a span, #main_menu li.btn_onsen a span { font-size:53px; }
#main_menu li a span .kerning { position:static; display:inline; width:auto; letter-spacing:-0.3em; }
#main_menu li a span .kerning_kana { position:static; display:inline; width:auto; letter-spacing:-0.1em; }

/* a */
#main_menu li a { display:block; width:290px; height:290px; text-align: center; overflow:hidden; }
#main_menu li a .img { margin:0; display: table-cell; vertical-align: middle; overflow:visible; -webkit-transition:all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) 90ms; 
	-moz-transition:all 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750) 90ms; 
	-o-transition:all 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750) 90ms; 
	transition:all 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750) 90ms;
   -moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1); }
#main_menu li a:hover { /*background:#00a381;*/ background:#fff; }
#main_menu li a:hover .img { margin:-6px; overflow:hidden; opacity:0.8;
    -moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05); }
#main_menu li a:hover .img img { width:100%; }
#main_menu li a .btn_text_area { position:absolute; left:2%; top:2%; width:96%; height:96%; border:solid 1px #fff; }


/*特集*/
#special { padding-bottom:20px; }
#special .heading { margin:0 auto; width:1000px; text-align:left; }
#special .heading h3 { margin-left:20px; }
#special .heading a { margin-right:20px; }
#special #special_slider { width:100%; background:#222; }

/*動画*/
#movie .heading { margin:0 20px; }
#movie .movie_box { background:#fff; margin:0 20px 20px; box-shadow:0 0 6px #ccc; box-shadow:0 0 6px rgba(0,0,0,0.2); }
#movie .movie_box:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }
#movie .movie_box iframe { float:left; }
#movie .movie_box .text_box { width:380px; display:inline; float:left; padding:30px 30px 10px; }
#movie .movie_box .text_box h3 { color:#00a381; font-size:1.4em; }
#movie .movie_box .text_box h3 .copy { font-weight:normal; }
#movie .movie_box .text_box h3 .font_xl { margin-left:-0.5em; }
#movie .movie_box .text_box p { color:#222; font-size:0.94em; }
#movie .movie_box .text_box .btn { width:100%; margin-top:20px; font-size:1em; }


/* sidebar
====================================================================================================================================== */
#sidebar .box_btn_list { margin:0; }
#sidebar .box_btn_list li { list-style:none; margin:0 0 10px; padding:0; }
/*メインメニュー*/
/*#globalnavi li { background:url(../images/shadow.png) no-repeat left bottom; background-size:100% auto; padding-bottom:10px; margin-bottom:0; }*/
#globalnavi li a { display:block; width:230px; height:54px; background:url(../images/globalnavi.jpg) no-repeat; font-size:22px; text-align:center; text-shadow:1px 1px 3px rgba(0,0,0,3); text-decoration:none; border:none; }
#globalnavi li a:hover, #globalnavi li a.on { text-decoration:none; background-position:right top; }
#globalnavi li.btn_zekkei a:hover, #globalnavi li.btn_zekkei a.on { background-position:right -64px; }
#globalnavi li.btn_meisyo a:hover, #globalnavi li.btn_meisyo a.on { background-position:right -128px; }
#globalnavi li.btn_course a:hover, #globalnavi li.btn_course a.on { background-position:right -192px; }
#globalnavi li.btn_taiken a:hover, #globalnavi li.btn_taiken a.on { background-position:right -256px; }
#globalnavi li.btn_onsen a:hover, #globalnavi li.btn_onsen a.on { background-position:right -320px; }
#globalnavi li.btn_event a:hover, #globalnavi li.btn_event a.on { background-position:right -384px; }
#globalnavi li.btn_tozan a:hover, #globalnavi li.btn_tozan a.on { background-position:right -448px; }
#globalnavi li.btn_rekishi a:hover, #globalnavi li.btn_rekishi a.on { background-position:right -512px; }
#globalnavi li a span { line-height:54px; color:#fff; }

#globalnavi li a span.kanji { letter-spacing:0.5em; margin-right:-0.5em; }
#globalnavi li a span.kanji02 { letter-spacing:0.15em; margin-right:-0.15em; }
#globalnavi li a span span.kanji, #globalnavi li a span span.kanji02 { margin-right:0; }
#globalnavi li a span.kanji03 { letter-spacing:0.07em; }
#globalnavi li a span.kerning { letter-spacing:-0.2em; }
#globalnavi li a span.kerning_kana { letter-spacing:-0.1em; /*font-size:1.05em;*/ }

/*サブメニュー*/
#daisen_menu_side li a { display:block; width:230px; height:60px; background:url(../images/side_daisen_menu.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; text-decoration:none; }
#daisen_menu_side li.item02 a { background-position:left -70px; }
#daisen_menu_side li.item03 a { background-position:left -140px; }
#daisen_menu_side li.item04 a { background-position:left -210px; }
#daisen_menu_side li a:hover { background-position:right top; }
#daisen_menu_side li.item02 a:hover { background-position:right -70px; }
#daisen_menu_side li.item03 a:hover { background-position:right -140px; }
#daisen_menu_side li.item04 a:hover { background-position:right -210px; }


/* footer
====================================================================================================================================== */
/*連絡情報*/
#middle_footer { clear:both; background:#00a381; padding:20px 0; color:#fff; }
#middle_footer ul { margin:0 20px; }
#middle_footer li { float:left; width:32%; height:55px; border-left:solid 1px #b3e4d9; }
#middle_footer li.tel01 { width:44%; }
#middle_footer li.contact { width:24%; }
#middle_footer li.contact a { display:block; background:#fff url(../images/icon_mail.gif) no-repeat 20px 17px; height:100%; margin:0 0 0 30px; padding:18px 10px 18px 24px; text-align:center; text-decoration:none; font-weight:bold; line-height:1.3; }
#middle_footer li.contact a:hover { background-color:rgba(255,255,255,0.8); color:#222; }
#middle_footer p { margin:5px 5px 0 19px; }
#middle_footer .left { float:left; display:inline-block; text-align:right; margin-left:20px; line-height:1.3; }
#middle_footer .right { float:left; display:inline-block; margin-left:14px; margin-top:0.5em; line-height:1.4; }

#middle_footer li strong { display:inline-block; font-size:2.4em; color:#ffdb4f; line-height:1.2; font-family:'メイリオ','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; }
#middle_footer li strong a, #middle_footer li strong a:hover { color:#ffdb4f; text-decoration:none; }
#middle_footer li.tel02 strong { font-size:1.5em; line-height:1.3; }
#middle_footer li b { font-size:1.4em; }
#middle_footer li .furigana { font-size:0.8em; }

/*フッター情報*/
#footer .site_info { float:left; padding:20px 0 20px 20px; width:55%; }
#footer .site_info img { float:left; margin-right:10px; }
#footer .site_info .info { overflow:hidden; }
#footer .site_info h3 { margin:0 0 5px; color:#222; }
#footer .site_info address { line-height:1.5; }

#footer .footer_nav { float:right; text-align:right; margin:20px 20px 20px 0; }

/*下部黒いバーの箇所*/
#bottom_footer { background:#222; padding:15px 0; }
#bottom_footer .bnr_lsit { }
#bottom_footer .copyright { clear:both; color:#999; font-size:0.8em; }


/* side_fixed_box
====================================================================================================================================== */
#side_fixed_menu a, #side_fixed_top a, #side_fixed_menu .on { display:block; text-indent:120%; white-space:nowrap; overflow:hidden; text-decoration:none; zoom:1; }

/*大山町リンク*/
#side_fixed_menu li a, #side_fixed_menu li .on { width:40px; height:50px; background:url(../images/side_tab.gif) no-repeat; }
#side_fixed_menu li.item01 a { height:54px; }
#side_fixed_menu li.item02 a { background-position:left -54px; }
#side_fixed_menu li.item03 a { background-position:left -104px; }
#side_fixed_menu li.item04 a { background-position:left -154px; }
#side_fixed_menu li.item05 a { background-position:left -204px; }
#side_fixed_menu li.item06 a { height:45px; background-position:left -254px; }
#side_fixed_menu li a:hover { background-position:right top; }
#side_fixed_menu li.item02 a, #side_fixed_menu li.item02 .on { background-position:right -54px; }
#side_fixed_menu li.item03 a:hover { background-position:right -104px; }
#side_fixed_menu li.item04 a:hover { background-position:right -154px; }
#side_fixed_menu li.item05 a:hover { background-position:right -204px; }
#side_fixed_menu li.item06 a:hover { background-position:right -254px; }

#side_fixed_menu a.facebook { width:40px; height:120px; background:url(../images/side_tab.gif) no-repeat left bottom; margin-top:10px; }
#side_fixed_menu a.facebook:hover { background-position:right bottom; }

/*page top*/
#side_fixed_top .top_page { width:72px; height:72px; background:url(../images/top_page.png) no-repeat; }
#side_fixed_top .top_page:hover { background-position:left bottom; }