html { height:100%; min-height:100%; width:100%; }
body { height:100%; min-height:100%; width:100%; min-width:1200px; color:#222; background:url(../img/bg.jpg); position:relative;  }
#top {  }

.cpguard { display:none; }

td, th { color: #222; font-size:1em; }

a:link { color:#069; text-decoration:underline; outline-style:none; }
a:visited { color:#069; text-decoration:underline; }
a:hover { color:#c93; color:#704; text-decoration:underline; }

.white { color:#fff; }
.red { color:#c30; }
.green { color:#682; }
.orange { color:#e60; }
.blue { color:#168; }
.purple { color:#747; }

.ml10 { margin-left:10px; }
.mr10 { margin-right:10px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }

.f_l { font-size:1.25em; }
.f_s { font-size:0.8em; }

.contents { position:relative; width:1200px; padding:0; text-align:left; margin:0 auto; line-height:1.5; }
.contents_in { padding:0px 30px; }



/*--HEAD SEO/--*/
.seo_box { background:#704; padding:0; margin:0; line-height:1; }
.seo_box .seo { float:left; width:auto; padding:13px 0px; color:#bb80a2; font-size:14px; }
.seo_box .lang { float:left; width:205px; height:20px; margin:10px; background:url(../img/navi_logo.png) no-repeat -360px -140px; outline-style:none; text-indent:-9999px; overflow: hidden; }
.seo_box .lang:hover { filter:alpha(opacity=70); opacity: 0.7; }

.hm_sp { float:right; height:40px; display:none; }
.hm_sp a { float:right; display:block; width:40px; height:40px; background:url(../img/navi_logo.png) no-repeat; outline-style:none; text-indent:-9999px; overflow: hidden; border-left:1px solid #a04d7d; }
.hm_sp .search { background-position:-560px -130px; }
.hm_sp .menu { background-position:-600px -130px; }

/*--HEAD SEARCH/--*/
.search_box { float:right; width:auto; height:30px; padding:0; margin:5px; !important; display:inline; line-height:1.0; overflow:hidden; }
.search_box .sitesearch { margin:0; padding:0; height:30px; }
.search_box .sitesearch .search_form { float:left; width:180px; height:30px; margin:0 -30px 0 0; border:0 solid #555; background:#e4ccda; padding:0 10px; padding:6px 10px\9; display:inline; vertical-align:middle; line-height:1.5; color:#333; font-size:0.8em; }
.search_box .sitesearch .search_form:hover { background:#efe1c2; }
.search_box .sitesearch .search_btn { float:left; display:block; background:url(../img/navi_logo.png) no-repeat -645px -135px; width:30px; height:30px; vertical-align:middle; text-indent:-9999px; }
.search_box .sitesearch .search_btn:hover { filter:alpha(opacity=70); opacity: 0.7; }

/*--HEADER/--*/
.head { background:#fff; margin:0 0 10px 0; padding:0; /*position:fixed; top:0; width:100%;*/ }
.head .title { float:left; display:block; text-indent:-9999px; width:320px; height:100px; padding:0; margin:0; display:block; background:url(../img/navi_logo.png) no-repeat 0 0; }
#top .head { margin:0; }

/*--HEAD MENU/--*/
.hm_box { position:absolute; top:0; left:360px; display:block; width:490px; margin:0; padding:0; }
.hm { display:block; width:490px; margin:0; padding:0; list-style:none; }
.hm li { float:left; width:120px; height:100px; margin:0; padding:0; font-weight:bold; }
.hm li a { display:block; width:120px; height:100px; background:url(../img/navi_logo.png) no-repeat; outline-style:none; text-indent:-9999px; overflow: hidden; }
.hm li a:hover { filter:alpha(opacity=70); opacity: 0.7; }
.hm .hm_news a { background-position:-320px 0; }
.hm .hm_area a { background-position:-440px 0; }
.hm .hm_purpos a { background-position:-560px 0; }
.hm .hm_about a { background-position:-680px 0; }

.hm .sub { display:none; position:absolute; left:-40px; top:auto; width:520px; margin:0; padding:20px; list-style:none; z-index:9999; background:rgba(0,0,0,0.8); background:#000\9; }
.hm .sub li { width:auto; height:auto; margin:0; padding:0; z-index:10; position:relative; line-height:1.5; }
.hm .sub li:hover { }
.hm .sub li a { background:none; display:block; color:#fff; zoom:1; text-indent:0; width:auto; height:auto; font-weight:bold; }
.hm .sub li a:hover { filter:alpha(opacity=70); opacity: 0.7; }
.hm .sub .arrow { position:relative; height:10px; width:20px; background:url(../img/hm_arrow.png) no-repeat center top;}

/*--NEWS PULLDOWN/--*/
.hm .hm_news li { width:100%; height:auto; margin:0; padding:0; z-index:10; position:relative; }
.hm .hm_news li a { display:block; padding: 5px 0 5px 20px; background:url(../img/i_news.png) no-repeat left 0.6em; }
.hm .hm_news .rss { position:absolute; top:5px; right:45px; display:block; width:20px; height:20px; background:url(../img/navi_logo.png) no-repeat -330px -140px; outline-style:none; text-indent:-9999px; z-index:20; overflow: hidden; }
.hm .hm_news .rss:hover { filter:alpha(opacity=70); opacity: 0.7; }
.hm .hm_news .more { position:absolute; top:0; right:0; display:block; width:50px; height:50px; background:url(../img/navi_logo.png) no-repeat -750px -100px; outline-style:none; text-indent:-9999px; z-index:20; overflow: hidden; }
.hm .hm_news .more:hover { filter:alpha(opacity=70); opacity: 0.7; }
.hm .hm_news .sub .arrow { top:-30px; left:70px;}
.hm .hm_news .sub li iframe { display:block; padding:0; width:100%; height:200px; }


/*--AREA PULLDOWN/--*/
.hm .hm_area .sub { padding:20px 0 0 20px; width:540px; margin:0; }
.hm .hm_area .sub li { position:relative; width:179px; height:180px; margin:0; padding:0; }
.hm .hm_area .sub li a { width:160px; height:160px; background:url(../img/navi_logo.png) no-repeat; text-indent:-9999px; }
.hm .hm_area .sub li a:hover { filter:alpha(opacity=70); opacity: 0.7; }
.hm .hm_area .sub .izumo a { background-position:0 -290px; }
.hm .hm_area .sub .matsue a { background-position:-160px -290px; }
.hm .hm_area .sub .yasugi a { background-position:-320px -290px; }
.hm .hm_area .sub .sakaiminato a { background-position:-0px -450px; }
.hm .hm_area .sub .yonago a { background-position:-160px -450px; }
.hm .hm_area .sub .daisen a { background-position:-320px -450px; }
.hm .hm_area .sub .arrow { top:-30px; left:190px;}

/*--PURPOS PULLDOWN/--*/
.hm .hm_purpos .sub {  }
.hm .hm_purpos .sub li { width:50%; }
.hm .hm_purpos .sub li a { padding:5px 0 5px 35px; }
.hm .hm_purpos .sub .m01 { background:url(../img/i_zekkei.png) no-repeat left center; }
.hm .hm_purpos .sub .m02 { background:url(../img/i_miru.png) no-repeat left center; }
.hm .hm_purpos .sub .m03 { background:url(../img/i_rekishi.png) no-repeat left center; }
.hm .hm_purpos .sub .m04 { background:url(../img/i_asobu.png) no-repeat left center; }
.hm .hm_purpos .sub .m05 { background:url(../img/i_taiken.png) no-repeat left center; }
.hm .hm_purpos .sub .m06 { background:url(../img/i_taberu.png) no-repeat left center; }
.hm .hm_purpos .sub .m07 { background:url(../img/i_onsen.png) no-repeat left center; }
.hm .hm_purpos .sub .m08 { background:url(../img/i_miyage.png) no-repeat left center; }
.hm .hm_purpos .sub .arrow { top:-30px; left:310px;}

/*--ABOUT PULLDOWN/--*/
.hm .hm_about .sub { width:500px; padding:30px; }
.hm .hm_about .sub .arrow  { width:500px; padding:30px; }
.hm .hm_about .sub li { width:100%; }
.hm .hm_about .sub li a { width:140px; height:140px; background:url(../img/navi_logo.png) no-repeat; text-indent:-9999px; outline:none; }
.hm .hm_about .sub li .japan { position:absolute; top:-40px; left:-40px; width:230px; height:230px; background:url(../img/navi_logo.png) no-repeat 0 -620px; text-indent:-9999px; z-index:50; }
.hm .hm_about .sub li .m01 { float:right; background-position:-240px -660px; }
.hm .hm_about .sub li .m02 { float:right; background-position:-400px -660px; margin-left:20px; }
.hm .hm_about .sub li .m01:hover, .hm .hm_about .sub li .m02:hover { filter:alpha(opacity=70); opacity: 0.7; }
.hm .hm_about .sub .arrow { top:-40px; left:150px;}


/*--HEAD  COPY/--*/
.h_copy { position:absolute; top:35px; right:0; display:block; width:320px; height:30px; background:url(../img/navi_logo.png) no-repeat -320px -100px; text-indent:-9999px; }



/*--MAIN_PHOTO/--*/

.main_photo_a { position:relative; margin:0 0 20px 0; padding:0; background:#000; }
.main_photo_a .photo { max-height:1200px; overflow:hidden; }
.main_photo_a .photo img { width:100%; vertical-align:bottom; }
.main_photo_a .photo_no { position:absolute; top:0; left:0; width:100%; height:100% }
.main_photo_a .photo_no img { width:100%; height:100%; }
.main_photo_a .text { position:absolute; right:0; bottom:20px; width:auto; height:auto; padding:15px; background:#704; background:rgba(119,0,68,0.9) url(../img/i_pod.png) no-repeat right center; }
.main_photo_a .text a { padding:0 40px 0 0; color:#fff; line-height:1.5 }
.main_photo_a .b_pod { position:absolute; left:20px; bottom:20px; width:300px; height:80px; background:url(../img/b_pod.png) no-repeat center center; text-indent:-9999px; }
.main_photo_a a:hover { filter:alpha(opacity=70); opacity: 0.7; }

.main_photo { position:relative; margin:0 0 50px 0; padding:0; background:#000; border-top:20px solid #fff; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-user-drag:none; -khtml-user-drag:none; -moz-user-drag:none; -ms-user-drag:none; user-drag:none; cursor: default; }
.main_photo .photo { position:relative; max-width:1200px; margin:-20px auto; }
.main_photo .photo img { width:100%; vertical-align:bottom; }
.main_photo .text { position:absolute; left:0; bottom:0px; height:auto; color:#fff; width:100%; background:#704; background:rgba(119,0,68,0.9) url(../img/i_pod.png) no-repeat left center; text-align:left; line-height:1.5; font-size:0.9em;  }
.main_photo .text span { display:block; padding:8px 320px 8px 45px; }
.main_photo .text a { color:#fff; }
.main_photo .b_pod { position:absolute; right:20px; bottom:-20px; width:300px; height:80px; background:url(../img/b_pod.png) no-repeat center center; text-indent:-9999px; }
.main_photo a:hover { filter:alpha(opacity=70); opacity: 0.7; }


/*--TOP/--*/

/*--NEWS/--*/
.t_news { float:left; width:540px; margin:0 0 20px 0; }
.t_news .title { display:block; margin:0; height:50px; background:url(../img/navi_logo.png) no-repeat 0 -850px; text-indent:-9999px; }
.t_news ul { position:relative; list-style:none; background:#fff; height:310px; padding:20px; margin:0; overflow:auto; }
.t_news li { width:100%; height:auto; margin:0; padding:0; z-index:10; position:relative; }
.t_news li a { display:block; padding:6px 0 6px 20px; background:url(../img/i_news.png) no-repeat left 0.6em; font-weight:bold; }
.t_news .rss { position:absolute; top:5px; right:45px; display:block; width:20px; height:20px; background:url(../img/navi_logo.png) no-repeat -690px -140px; outline-style:none; text-indent:-9999px; z-index:20; overflow: hidden; }
.t_news .rss:hover { filter:alpha(opacity=70); opacity: 0.7; }
.t_news .more { position:absolute; top:0; right:0; display:block; width:50px; height:50px; background:url(../img/navi_logo.png) no-repeat -750px -100px; outline-style:none; text-indent:-9999px; z-index:20; overflow: hidden; }
.t_news .more:hover { filter:alpha(opacity=70); opacity: 0.7; }


/*--AREA/--*/
.t_area { float:right; width:540px; margin:0 0 20px 0; }
.t_area .title { display:block; height:50px; background:url(../img/navi_logo.png) no-repeat 0 -900px; text-indent:-9999px; }
.t_area ul { position:relative; list-style:none; width:520px; padding:10px 0 0 20px; margin:0; background:#fff; }
.t_area ul li { float:left; position:relative; width:169px; height:170px; margin:0; padding:0; list-style:none; }
.t_area ul li a { display:block; width:160px; height:160px; background:url(../img/navi_logo.png) no-repeat; text-indent:-9999px; }
.t_area ul li a:hover { filter:alpha(opacity=70); opacity: 0.7; }
.t_area ul .izumo a { background-position:0 -290px; }
.t_area ul .matsue a { background-position:-160px -290px; }
.t_area ul .yasugi a { background-position:-320px -290px; }
.t_area ul .sakaiminato a { background-position:-0px -450px; }
.t_area ul .yonago a { background-position:-160px -450px; }
.t_area ul .daisen a { background-position:-320px -450px; }

/*--PURPOS/--*/
.t_purpos { float:left; width:540px; margin:0 0 40px 0; }
.t_purpos .title { display:block; height:50px; background:url(../img/navi_logo.png) no-repeat 0 -1000px; text-indent:-9999px  }
.t_purpos ul { position:relative; list-style:none; width:500px;height:140px; padding:20px; margin:0; background:#fff; }
.t_purpos ul li { float:left; width:49%; }
.t_purpos ul li a { display:block; padding:5px 0 5px 35px; font-weight:bold; }
.t_purpos ul .m01 { background:url(../img/i_zekkei.png) no-repeat left center; }
.t_purpos ul .m02 { background:url(../img/i_miru.png) no-repeat left center; }
.t_purpos ul .m03 { background:url(../img/i_rekishi.png) no-repeat left center; }
.t_purpos ul .m04 { background:url(../img/i_asobu.png) no-repeat left center; }
.t_purpos ul .m05 { background:url(../img/i_taiken.png) no-repeat left center; }
.t_purpos ul .m06 { background:url(../img/i_taberu.png) no-repeat left center; }
.t_purpos ul .m07 { background:url(../img/i_onsen.png) no-repeat left center; }
.t_purpos ul .m08 { background:url(../img/i_miyage.png) no-repeat left center; }

/*--ABOUT/--*/
.t_about { float:right; width:540px; margin:0 0 40px 0; }
.t_about .title { display:block; height:50px; background:url(../img/navi_logo.png) no-repeat 0 -950px; text-indent:-9999px  }
.t_about ul  { position:relative; list-style:none; width:500px; padding:20px; margin:0; background:#fff;  }
.t_about ul li { width:100%; }
.t_about ul li a { width:140px; height:140px; background:url(../img/navi_logo.png) no-repeat; text-indent:-9999px; outline:none; }
.t_about ul li .japan { position:absolute; top:-20px; left:330px; width:230px; height:230px; background:url(../img/navi_logo.png) no-repeat 0 -620px; text-indent:-9999px; z-index:50; }
.t_about ul li .m01 { float:left; background-position:-240px -660px; margin-right:20px; }
.t_about ul li .m02 { float:left; background-position:-400px -660px; }
.t_about ul li .m01:hover, .t_about ul li .m02:hover { filter:alpha(opacity=70); opacity: 0.7; }



/*--corner/--*/
.corner { text-align:left; margin:0 0 30px 0; }
.corner a.b_pod { float:left; display:block; width:300px; margin:0 20px 20px 0; display:none; }
.corner a.b_corse { float:left; display:block; width:300px; margin:0 20px 20px 0; }
.corner a.b_map { float:left; display:block; width:300px; margin:0 20px 20px 0; }
.corner a:hover { filter:alpha(opacity=70); opacity: 0.7; }

.side_link { float:left; display:block; width:300px; margin:0 0 20px 0; }
.side_link a { display:block; color:#704; background:#fff url(../img/i_index.png) no-repeat 5px center; padding:5px 5px 5px 30px; margin:0 auto 10px auto; text-decoration:none; }
 }


/*--BANNER/--*/
.banner_area { display:block; border-bottom:0px; }
.banner_area h3 { padding:20px 20px 0px 20px; display:none; }

.ad_box { padding:20px 30px; text-align:center; border-top:1px dashed #aa9; line-height:1; }
.ad_box img { margin:5px; border:0; }
.ad_collect { line-height:1.2em; }

.special_box { margin-bottom:0px; }
.special_box:empty { display:none; }

.b_box01 { padding:20px 30px; margin:0 auto; border-top:1px dashed #aa9; line-height:1; text-align:center; }
.b_box01 img { padding:0; margin:5px; }
.b_box01 a { margin:0; padding:0; outline-style:none; }
.b_box01 a:hover { filter:alpha(opacity=75); opacity:0.75; }

.b_box02 { padding:20px 30px 20px 50px ; margin:0; border-top:1px dashed #aa9; line-height:1; }
.b_box02 img { padding:0; margin:0 4px 4px 0; }
.b_box02 a { float:left; margin:0; padding:0; outline-style:none; }
.b_box02 a:hover { filter:alpha(opacity=75); opacity:0.75; }

/*20150612追加*/
.special_banner { padding:20px 0 0; overflow:hidden; }
.special_banner ul { margin:0; padding:0; }
.special_banner ul li { list-style:none; margin:0; padding:0; }
.special_banner ul li a:hover { opacity:0.7; }
.special_banner ul li img { max-width:100%; height:auto; margin:0 0 20px; }

.banner_list { width:1140px; padding:20px 0 0; overflow:hidden; }
.banner_list ul { margin:0 -30px 0 0; padding:0; }
.banner_list ul li { float:left; list-style:none; margin:0 30px 0 0; padding:0; }
.banner_list ul li a:hover { opacity:0.7; }
.banner_list ul li img { max-width:100%; height:auto; margin:0 0 20px; }


/*--FOOT/--*/
.foot { /*position:fixed; left:0; bottom:0; margin:0; width:100%;*/ }

.fm { background:#fff; padding:0px; font-size:0.8em; line-height:1; color:#999; }
.fm a { float:left; display:block; width:40px; height:40px; padding:0; margin:0; background:url(../img/navi_logo.png) no-repeat; text-decoration:none; text-indent:-9999px; outline-style:none; border-right:1px solid #eee; }
.fm .m01 { background-position:-320px -170px; }
.fm .m02 { background-position:-360px -170px; }
.fm .m03 { background-position:-400px -170px; }
.fm .m04 { background-position:-440px -170px; }
.fm .m05 { background-position:-480px -170px; }
.fm .gotop { float:right; background-position:-520px -170px; border-left:1px solid #eee; }
.fm a:hover { filter:alpha(opacity=70); opacity: 0.7; }
.fm .notice{ float:left; width:auto; padding:12px; font-size:14px; }

.fm .m_link { float:right; width:40px; height:40px; background:url(../img/navi_logo.png) no-repeat -560px -170px; text-indent:-9999px; border-left:1px solid #eee; }
.fm .m_link:hover { filter:alpha(opacity=70); opacity: 0.7; cursor:pointer; }


.f_box { background:#704; padding:5px; margin:0; color:#bb80a2; overflow:hidden; }
.copyright { float:right; width:auto; padding:4px 0px; text-align:right; font-size:12px; }

.sns_box { float:left; padding:0px; width:auto; height:auto; }
.tw { float:left; width:65px !important; height:20px; margin:0px 8px 0px 0px; zoom:1; }
.fb { float:left; width:65px !important; height:20px; margin:0px 8px 0px 0px; zoom:1; }
.gp { float:left; width:40px; height:20px; margin:0px 8px 0px 0px; zoom:1; }
.hb { float:left; width:80px; height:20px; margin:0px 8px 0px 0px; zoom:1; display:none; }