@charset "utf-8";

@import url('/css/common/common.css');  /*Base*/
@import url('/css/common/layout.css');  /*Base layout*/
@import url('/css/jpa/layout.css');    /*layout*/

#wrap.main{background:#fff}
.main #header{height:145px}
.main #container{margin:0 auto;padding:10px 0 0;background:none}
.main #contents{padding:0}
.main #contents h3{font-size:1.500em;color:#309400}
#mCnts1{display:inline-block;float:left;overflow:hidden;width:100%;height:345px}
#mCnts2,#mCnts3,#mCnts4,#mCnts5,#mCnts6,#mCnts7,#mCnts8{position:relative;display:inline-block;float:left;overflow:hidden;width:231px;height:293px;margin-left:-1px;padding:25px 34px;border:1px solid #ccc}
#mCnts2,#mCnts6{margin-left:0}
#mCnts4{width:230px}
#mCnts5,#mCnts6,#mCnts8{background:#ededed}
#mCnts7{width:530px}
#mCnts6,#mCnts7,#mCnts8{margin-top:-1px}
/* mCnts common */
.slide_list{position:relative; display:inline-block;width:auto}
.slide_list li{float:left;width:231px}
.slide_list li figure{height:138px;margin:10px 0}
.slide_list li dl{display:block}
.slide_list li dt{font-weight:bold;font-size:1.286em;color:#484848;letter-spacing:-0.125em;white-space:nowrap}
.slide_list li dd{color:#767676;letter-spacing:-0.125em;text-align:justify;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}
.ctrl{position:absolute;top:35px;right:29px;width:30px}
.ctrl a.arrow{display:block;float:left;width:15px;height:15px;background:url(/images/jpa/main/ctrl.png) no-repeat;font-size:0;line-height:0}
.ctrl a.arrow.prev{background-position:0 -50px}
.ctrl a.arrow.next{background-position:-15px -50px}

/* mCnts1 */
#mCnts1{position:relative}
.scenicview_list{position:relative;display:block;float:right;width:300px;height:345px;background:url(/images/jpa/main/scenicview_list_bg.gif) no-repeat 0 0}
.scenicview_list li{display:block;float:left;width:100%;height:34px}
.scenicview_list li:first-child{margin-top:5px}
.scenicview_list li a{display:block;width:250px;height:34px;padding-left:50px;background:transparent;line-height:2.45em;color:#fff}
.scenicview_list li.on a,.scenicview_list li a:hover,.scenicview_list li a:active,.scenicview_list li a:focus{background:url(/images/jpa/main/scenicview_list_ov.gif) no-repeat 0 0}
.scenicview_list .img_info{display:none;position:absolute;top:0;left:-900px;width:900px}
.scenicview_list li.on .img_info{display:block}
.scenicview_list li:first-child .img_info{margin-top:0}
.scenicview_list .img_info figure{display:inline-block;float:left;width:600px}
.scenicview_list .img_info .info{display:inline-block;float:left;width:240px;height:277px;padding:34px 30px;background:no-repeat 0 0}
.scenicview_list .list1 .img_info .info{background:url(/images/jpa/main/visual_img_bg01.jpg)}
.scenicview_list .list2 .img_info .info{background:url(/images/jpa/main/visual_img_bg02.jpg)}
.scenicview_list .list3 .img_info .info{background:url(/images/jpa/main/visual_img_bg03.jpg)}
.scenicview_list .list4 .img_info .info{background:url(/images/jpa/main/visual_img_bg04.jpg)}
.scenicview_list .list5 .img_info .info{background:url(/images/jpa/main/visual_img_bg05.jpg)}
.scenicview_list .list6 .img_info .info{background:url(/images/jpa/main/visual_img_bg06.jpg)}
.scenicview_list .list7 .img_info .info{background:url(/images/jpa/main/visual_img_bg07.jpg)}
.scenicview_list .list8 .img_info .info{background:url(/images/jpa/main/visual_img_bg08.jpg)}
.scenicview_list .list9 .img_info .info{background:url(/images/jpa/main/visual_img_bg09.jpg)}
.scenicview_list .list10 .img_info .info{background:url(/images/jpa/main/visual_img_bg10.jpg)}
.scenicview_list .img_info .info dt{display:block;font-weight:bold;font-size:1.857em;color:#fff;line-height:1.2em;letter-spacing:-0.025em}
.scenicview_list .list5 .img_info .info dt{letter-spacing:-0.025em}
.scenicview_list .list7 .img_info .info dt{letter-spacing:-0.05em}
*+html body .scenicview_list .list7 .img_info .info dt{letter-spacing:-0.1em}
.scenicview_list .list8 .img_info .info dt{letter-spacing:-0.05em}
*+html body .scenicview_list .list8 .img_info .info dt{letter-spacing:-0.1em}
.scenicview_list .img_info .info dd{display:block;margin-top:5px;line-height:1.5em;color:#fff;text-align:justify;word-break:break-all;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}
.scenicview_list .img_info .more{position:absolute;bottom:25px;right:188px}
.scenicview_list .img_info .more a{display:block;width:80px;height:25px;padding-left:0;background:url(/images/jpa/main/ctrl.png) no-repeat 0 -150px;font-size:0;line-height:0}
#mCnts1 .slide_ctrl{}
#mCnts1 .slide_ctrl a{position:absolute;bottom:-1px;left:546px;display:block;width:55px;height:50px;background:url(/images/jpa/main/ctrl.png) no-repeat;font-size:0;line-height:0}
#mCnts1 .slide_ctrl a[rel="stop"]{background-position:0 0}
#mCnts1 .slide_ctrl a[rel="play"]{background-position:-55px 0}

/* mCnts2 */
#mCnts2 .recreat{position:relative; overflow:hidden; width:100%}
#mCnts2 .slide_list{width:1000px}
#mCnts2 li a:hover,#mCnts2 li a:active,#mCnts2 li a:focus{text-decoration:underline}

/* mCnts3 */
#mCnts3 .camping{position:relative; overflow:hidden; width:100%}
#mCnts3 .slide_list{width:1000px}
#mCnts3 li a:hover,#mCnts3 li a:active,#mCnts3 li a:focus{text-decoration:underline}

/* mCnts4 */
#mCnts4{background:url(/images/jpa/main/governor_bg.jpg) no-repeat 0 0}
#mCnts4 .h3_desc{display:inline-block;width:100%;margin-top:7px;color:#767676;text-align:justify;word-break:break-all}
#mCnts4 .more{display:block;margin-top:10px}
#mCnts4 .more a{display:block;width:43px;height:23px;padding-left:19px;background:url(/images/jpa/main/ctrl.png) no-repeat -110px 0;color:#fff}
#mCnts4 li a:hover,#mCnts4 li a:active,#mCnts4 li a:focus{text-decoration:underline}

/* mCnts5 */
#mCnts5 ul{display:inline-block;width:100%;margin:25px 0 0}
#mCnts5 li{display:inline-block;float:left;width:115px;height:117px}
#mCnts5 li a{display:block;float:left;width:115px;height:117px}
#mCnts5 li a:hover,#mCnts5 li a:active,#mCnts5 li a:focus{text-decoration:underline}
#mCnts5 li .icon{display:block;width:70px;height:65px;margin:0 auto;background:url(/images/jpa/main/life_style_icon.png) no-repeat;cursor:pointer}
#mCnts5 li.icon1 .icon{background-position:0 0}
#mCnts5 li.icon2 .icon{background-position:0 -70px}
#mCnts5 li.icon3 .icon{background-position:0 -140px}
#mCnts5 li.icon4 .icon{background-position:0 -210px}
#mCnts5 li em{display:block;margin-top:8px;line-height:2em;color:#484848;letter-spacing:-0.05em;text-align:center}
#mCnts5 li.icon1 em{line-height:1em}
#mCnts5 li.icon3,#mCnts5 li.icon4{height:102px;margin-top:15px}
#mCnts5 .more{position:absolute;top:31px;right:34px}
#mCnts5 .more a{display:block;float:left;width:22px;height:20px;background:url(/images/jpa/main/ctrl.png) no-repeat -110px -30px;font-size:0;line-height:0}

/* mCnts6 */
#mCnts6{background:url(/images/jpa/main/itinerary_bg.jpg) no-repeat 0 0}
#mCnts6 h3{letter-spacing:-0.025em}
#mCnts6 ul{position:absolute;left:34px;bottom:34px;width:175px}
#mCnts6 li{display:block;height:40px;margin-top:10px}
#mCnts6 li:first-child{margin:0}
#mCnts6 li a{display:block;width:153px;height:40px;padding-left:22px;background:url(/images/jpa/main/ctrl.png) no-repeat 0 -65px;line-height:2.6em;color:#fff}
#mCnts6 li a:hover,#mCnts6 li a:active,#mCnts6 li a:focus{background-position:0 -110px}

/* mCnts7 */
#mCnts7 ul{display:inline-block;width:auto;margin:0 5px}
#mCnts7 li{display:inline-block;float:left;width:130px;height:135px;background:url(/images/jpa/main/principal_bgline.gif) repeat-x}
#mCnts7 li a{display:block;width:130px;height:135px}
#mCnts7 li a .icon{display:block;width:95px;height:95px;margin:0 auto;background:url(/images/jpa/main/principal_img.png) no-repeat;cursor:pointer}
#mCnts7 li.on a .icon,#mCnts7 li a:hover .icon,#mCnts7 li a:active .icon,#mCnts7 li a:focus .icon{background:url(/images/jpa/main/principal_imgon.png) no-repeat}
#mCnts7 li.icon1 a .icon{background-position:0 0}
#mCnts7 li.icon2 a .icon{background-position:-100px 0}
#mCnts7 li.icon3 a .icon{background-position:-200px 0}
#mCnts7 li.icon4 a .icon{background-position:-300px 0}
#mCnts7 li.icon5 a .icon{background-position:-400px 0}
#mCnts7 li.icon6 a .icon{background-position:-500px 0}
#mCnts7 li.icon7 a .icon{background-position:-600px 0}
#mCnts7 li.icon8 a{background:url(/images/jpa/main/principal_img.png) no-repeat -700px 0}
#mCnts7 li em{display:block;margin:4px auto 0;line-height:2em;color:#484848;letter-spacing:-0.025em;text-align:center}
#mCnts7 li.icon7 em{line-height:1em}
#mCnts7 li.icon8 a{width:95px;height:95px;margin:0 auto;cursor:pointer}
#mCnts7 li.icon8 em{width:95px;height:65px;padding:30px 0 0;font-weight:bold;font-size:1.286em;line-height:1em}

/* mCnts8 */
#mCnts8 .festival{overflow:hidden;width:100%}
#mCnts8 .slide_list{width:462px}
#mCnts8 .slide_list li dt{line-height:1.25em}