@charset "utf-8";
/* CSS Document */

html , body { margin:0; padding:0; /*visibility:hidden;*/ position:relative; } 
h1,h2,h3 { margin:0; padding:0; }
#header { width:100%; height:37px; overflow:hidden; background:#FFF; position:fixed; top:0; z-index:998; -webkit-box-shadow: 0px 2px 5px 2px rgba(100, 100, 100, 0.3); box-shadow: 0px 2px 5px 2px rgba(100, 100, 100, 0.3); border-bottom:1px #CCC solid; }
#header #dpla_link { float:left; display:block; margin:5px 0 0 10px; }
#header #social { float:right; margin-top:7px; }


#wrapper { width:100%; position:relative; display:block; overflow:hidden; }
#mainimg { width:100%; display:block; overflow:hidden; position:fixed; background:#000403; z-index:900;  }
#mainimg .bg_img { width:100%; height:auto; position:absolute; top:0; }
#mainimg h2 { width:184px; height:42px; background:url(../img/s_tit.png); position:absolute; top:55px; right:30px; margin:0; padding:0; }
#mainimg h1 { width:533px; height:99px; background:url(../img/main_tit.png) no-repeat; position:absolute; margin:0; padding:0; top:50%; left:50%; margin-left:-266px; margin-top:-50px;  }



#map { width:311px; height:407px; position:absolute; top:-300px; left:0; z-index:999; opacity:0;}
#map a { display:block; width:70px; height:70px; position:absolute; top:260px; left:55px; }




#ups{ width:100%; position:fixed; top:0; z-index:980; display:inline; }


#contents { width:100%; position:fixed; top:0; color:#333333; font-size:13px; line-height:1.7; z-index:500; background:url(../img/load_bg.gif) repeat-y; background-position:center 500px; }

#contents .font_s { font-size:10px; color:#666666; }
#contents .line_s { line-height:1.3; }

#loads { width:172px; position:absolute; left:50%; margin-left:-86px;background:url(../img/load_bg00.gif) no-repeat; background-position:center 0; z-index:997; }
#loads ul { margin:0; padding:0; position:relative; }
#loads ul li { width:84px; height:84px; margin:auto; list-style-type:none; display:block; text-indent:100%; overflow:hidden; white-space:nowrap; background:url(../img/sapa_name.png) no-repeat; position:relative; }
#loads ul li img { display:none; }
#loads ul li#sapastart/*スタート*/ { width:172px; height:172px; background:url(../img/load_start.png) no-repeat; }
#loads ul li#sapa01/*蓮田SA*/ { margin-top:89px; }
#loads ul li#sapa01 img { position:absolute; top:0; left:-84px; }
#loads ul li#sapa02/*羽生SA*/ { background-position:0 -84px; margin-top:163px; }
#loads ul li#sapa02 img { position:absolute; top:-84px; left:-84px; }
#loads ul li#sapa03/*佐野SA*/ { background-position:0 -168px; margin-top:467px; }
#loads ul li#sapa03 img { position:absolute; top:-168px; left:-84px; }
#loads ul li#sapa04/*大谷PA*/ { background-position:0 -252px; margin-top:460px; }
#loads ul li#sapa04 img { position:absolute; top:-252px; left:-84px; }
#loads ul li#sapa05/*上河内PA*/ { background-position:0 -336px; margin-top:215px; }
#loads ul li#sapa05 img { position:absolute; top:-336px; left:-84px; }
#loads ul li#sapa06/*那須高原SA*/ { background-position:0 -420px; margin-top:375px; }
#loads ul li#sapa06 img { position:absolute; top:-420px; left:-84px; }
#loads ul li#sapa07/*阿武隈SA*/ { background-position:0 -504px; margin-top:374px; }
#loads ul li#sapa07 img { position:absolute; top:-504px; left:-84px; }
#loads ul li#sapa08/*鏡石PA*/ { background-position:0 -588px; margin-top:392px; }
#loads ul li#sapa08 img { position:absolute; top:-588px; left:-84px; }
#loads ul li#sapa09/*安積PA*/ { background-position:0 -672px; margin-top:109px; }
#loads ul li#sapa09 img { position:absolute; top:-672px; left:-84px; }
#loads ul li#sapa10/*安達太良SA*/ { background-position:0 -756px; margin-top:153px; }
#loads ul li#sapa10 img { position:absolute; top:-756px; left:-84px; }
#loads ul li#sapa11/*吾妻PA*/ { background-position:0 -840px; margin-top:350px; }
#loads ul li#sapa11 img { position:absolute; top:-840px; left:-84px; }
#loads ul li#sapa12/*国見SA*/ { background-position:0 -924px; margin-top:350px; }
#loads ul li#sapa12 img { position:absolute; top:-924px; left:-84px; }
#loads ul li#sapa13/*菅生PA*/ { background-position:0 -1008px; margin-top:199px; }
#loads ul li#sapa13 img { position:absolute; top:-1008px; left:-84px; }
#loads ul li#sapa14/*長者原SA*/ { background-position:0 -1092px; margin-top:421px; }
#loads ul li#sapa14 img { position:absolute; top:-1092px; left:-84px; }
#loads ul li#sapa15/*前沢*/ { background-position:0 -1176px; margin-top:213px; }
#loads ul li#sapa15 img { position:absolute; top:-1176px; left:-84px; }
#loads ul li#sapa16/*紫波*/ { background-position:0 -1260px; margin-top:425px; }
#loads ul li#sapa16 img { position:absolute; top:-1260px; left:-84px; }
#loads ul li#sapa17/*岩手山SA*/ { background-position:0 -1344px; margin-top:317px; }
#loads ul li#sapa17 img { position:absolute; top:-1344px; left:-84px; }
#loads ul li#sapa18/*津軽SA*/ { background-position:0 -1428px; margin-top:302px; margin-bottom:1000px; }
#loads ul li#sapa18 img { position:absolute; top:-1428px; left:-84px; }
#loads ul li#last { height:1400px;  background:url(../img/load_last.jpg) no-repeat; background-color:#FFF; background-position:center 0; width:84px; overflow:visible; }
#loads ul li#last .inner { height:1400px; background:url(../img/end_img.jpg) no-repeat; background-position:left bottom; position:relative;}

#car { width:63px; height:122px; position:fixed; left:50%; margin-left:-31px;}
#car img { position:absolute; top:0; }


#loads ul li.ic { width:22px; height:22px; background:url(../img/ic_icon.png); text-indent:100%; overflow:hidden; white-space:nowrap; cursor:pointer; position:absolute; left:75px; }

#loads ul li.pa { width:25px; height:25px; background:url(../img/pa_icon.png); text-indent:100%; overflow:hidden; white-space:nowrap; cursor:pointer; position:absolute; left:74px; }


#icname { background:#FC3; padding:3px; color:#FFF; display:none; position:absolute; z-index:998; font-size:12px; font-weight:bold; }

.hukidashi_l { width:20px; height:30px; background:url(../img/hukidashi_left.gif); position:absolute; left:461px; }

.hukidashi_r { width:20px; height:30px; background:url(../img/midashi_right.gif); position:absolute; left:-14px; }

/*記事*/
#contents .entry_l { display:none; background:url(../img/wk_bg.gif); width:467px; position:absolute; left:50%; margin-left:-526px;  }
#contents .entry_r { display:none; background:url(../img/wk_bg.gif); width:467px; position:absolute; left:50%; margin-left:59px;  }
#contents .entry_c { display:none; background-color:#FFF; background:url(../img/wk_bg02.gif); width:994px; position:absolute; left:50%; margin-left:-497px;   }


/*---------------スタート-------------------*/
#entstart { width:498px; height:185px; position:absolute; left:50%; top:110px; background:url(../img/ent_start.jpg) no-repeat; margin-left:50px; display:none; }

/*----------------蓮田----------------------*/
#ent01 { top:200px; }
#ent01 .mv { display:block; position:absolute; width:262px; height:32px; top:12px; left:230px; background:url(../img/ent01_mv.gif); }
#ent01 h2 { width:468px; height:76px; background:url(../img/ent01_tit.gif) no-repeat; }
#ent01 p { width:400px; margin:auto; position:relative; z-index:1;  }
#ent01 .st01 { height:24px; color:#333; display:block; margin-top:10px; margin-bottom:5px; background:url(../img/ent01_btn01.gif) no-repeat; margin-left:-5px; text-indent:150%; }
#ent01 .a01 { color:#666; display:block; }
#ent01 .imgs { width:100%; height:303px; position:absolute; z-index:0; }
#ent01 .imgs img { position:absolute; bottom:43px; left:-18px; }
#ent01 a.li01/*お芋パイ*/ { width:209px; height:221px; background:url(../img/ent01_li01.gif) no-repeat; display:block; position:absolute; top:-40px; right:-10px; }
#ent01 a.li01:hover { background-position:-209px 0; }

/*---------------------羽生---------------------*/
#ent02 { top:350px; }
#ent02 h2 { width:518px; height:236px; background:url(../img/ent02_tit.jpg) no-repeat; margin-left:-13px; text-indent:150%; }
#ent02 .box01 { width:456px; margin:auto; margin-top:13px; }
#ent02 .box01 p { width:240px; margin:0 19px; float:left; }
#ent02 .box01 a.li01 { width:178px; height:220px; float:right; display:block; background:url(../img/ent02_li01.jpg); }
#ent02 .box01 a.li01:hover { background-position:-178px 0;}
#ent02 a.li02 { width:467px; height:170px; display:block; background:url(../img/ent02_li02.gif); }
#ent02 a.li02:hover { background-position:-467px 0; }

/*---------------------佐野SA---------------------*/
#ent03 { top:1100px; }
#ent03 .imgs { height:182px; width:100%; background:#609F17; }
#ent03 .imgs .inner { width:994px; height:182px; margin:auto; position:relative; display:block; overflow:hidden; } 
#ent03 .imgs .inner .m_img01 { position:absolute; top:-180px; }
#ent03 .imgs .inner .m_img02 { position:absolute; bottom:5px; right:10px; }
#ent03 .li01 { width:187px; height:185px; display:block; background:url(../img/ent03_li01.gif); position:absolute; top:198px; left:20px; } 
#ent03 .li01:hover { background-position:-187px 0; }
#ent03 p { width:366px; margin:20px 0 20px 230px; float:left; }
#ent03 span.st01 { display:block; height:30px; background:url(../img/ent03_st01.gif) no-repeat; }
#ent03 .box01 { width:360px; height:157px; float:right; background:url(../img/ent03_bg01.gif); margin:10px 20px 0 0; }
#ent03 .box01 .youtube { width:200px; height:113px; margin:auto; margin-top:35px; }
#ent03 .img01 { width:240px; height:109px; position:absolute; top:-55px; left:225px; }

/*---------------------大谷PA---------------------*/
#ent04 { top:1495px; }
#ent04 .inner { width:520px; background:url(../img/ent04_bg01.jpg) no-repeat; display:block; overflow:hidden; }
#ent04 h2 { height:49px; background:url(../img/ent04_tit.gif) no-repeat; margin:110px 0 0 33px;}
#ent04 p { width:350px; margin-left:33px }
#ent04 .li01 { width:371px; height:250px; display:block; background:url(../img/ent04_li01.gif); position:absolute; bottom:124px; right:10px; }
#ent04 .li01:hover { background-position:-371px 0; }


/*---------------------上河内PA---------------------*/
#ent05 { top:1675px; }
#ent05 .inner { width:508px; height:410px; background:url(../img/ent05_main.gif); margin-left:-29px; }
#ent05 a.li01 { width:387px; height:134px; background:url(../img/ent05_li02.jpg); display:block; margin-left:20px; }
#ent05 a.li01:hover { background-position:-387px 0; }


/*---------------------那須高原SA---------------------*/
#ent06 { top:2210px; }
#ent06 .mv { width:262px; height:32px; background:url(../img/ent06_mv.gif); position:absolute; top:15px; left:230px;}
#ent06 h2 { width:481px; height:380px; background:url(../img/ent06_main.jpg); text-indent:120%; }
#ent06 p { width:225px; margin-left:23px; float:left; }
#ent06 .box01 { width:167px; height:149px; float:right; margin-right:31px; display:block; overflow:hidden; background:url(../img/ent06_li_gr.gif); position:relative; }
#ent06 .box01 a { display:block; position:absolute; width:88px; height:88px; }
#ent06 .box02 { width:421px; height:248px;  background:url(../img/ent06_img01.jpg) no-repeat; margin:auto; } 
#ent06 a.li03 { width:375px; height:126px; display:block; background:url(../img/ent06_li02.gif); margin-left: 20px; margin-top: -15px; }
#ent06 a.li03:hover { background-position:-375px 0; }

#pagetop { width:72px; height:46px; position:fixed; left:0; bottom:30px; background:url(../img/page_top.gif); z-index:997; cursor:pointer; display:none; }
#pagetop:hover { opacity:0.8; }




/*---------------------阿武隈PA---------------------*/
#ent07 { position:absolute; top:2650px; }
#ent07 h2 { width:467px; height:77px; background:url(../img/ent07_tit.gif) no-repeat; }
#ent07 p { width:187px; margin-left:33px; float:left; position:relative; z-index:3; }
#ent07 .hukidashi_r { top:200px; } 
#ent07 a.li01 { clear:both; width:497px; height:257px; display:block; background:url(../img/ent07_li02.jpg); margin-left:-30px; text-indent:120%; position:absolute; bottom:0; z-index:1; }
#ent07 a.li01:hover { background-position:-497px 0; }

/*---------------------鏡石PA---------------------*/
#ent08 { top:3137px; width:567px; height:405px; background:url(../img/ent08_mainimg.jpg); position:absolute; left:50%; margin-left:-615px; display:none; }
#ent08 a { width:194px; height:165px; display:block; background:url(../img/ent08_li01.gif); position:absolute; top:150px; right:40px; }
#ent08 a:hover { opacity:0.8; }

/*---------------------安積PA---------------------*/
#ent09 { top:3370px; } 
#ent09 .box01 { width:467px; height:111px; background:url(../img/ent09_wu.gif) no-repeat; padding-top:35px; }
#ent09 h2 { height:38px; background:url(../img/ent09_tit.gif) no-repeat; margin-left:34px; display:block; } 
#ent09 p { margin:0 0 0 34px;  }
#ent09 .mainimg { display:block; margin-left:-14px; position:relative; z-index:2; }
#ent09 a.li01 { display:block; width:289px; height:135px; background:url(../img/ent09_li01.gif) no-repeat; margin-left:20px; margin-top:-58px; position:relative; z-index:3; }
#ent09 a.li01:hover { background-position:-289px 0; }
#ent09 span { display:block; width:250px; margin-top:-50px; margin-left:167px; font-size:12px; line-height:1.3; }
 
/*---------------------安達太良SA---------------------*/
#ent10 { top:3575px; }
#ent10 .box01 { width:403px; margin:auto; margin-bottom:15px; position:relative; } 
#ent10 .box01 p { width:340px; }
#ent10 .box01 img { float:right; margin-left:20px; position:absolute; top:0; right:0; }
#ent10 .youtube { width:421px; height:164px; background:url(../img/ent10_img02.jpg); margin:auto; position:relative; margin-bottom:10px; }
#ent10 .movie { width:200px; height:113px; position:absolute; top:25px; right:25px; }
#ent10 .li_gr{ width:467px; height:130px; background:url(../img/ent10_li_gr.jpg); position:relative; }
#ent10 .li_gr a { display:block; width:116px; height:89px; position:absolute; }
#ent10 .li01 { top:19px; left:40px; }
#ent10 .li02 { top:28px; left:165px; }


/*---------------------吾妻PA---------------------*/
#ent11 { top:3950px; }
#ent11 h2 { width:467px; height:238px; background:url(../img/ent11_tit.gif) no-repeat; }
#ent11 p { width:414px; margin:auto; }
#ent11 .img01 { float:right; margin-right:-14px; display:block; margin-bottom:48px; }
#ent11 a.li01 { width:183px; height:351px; display:block; background:url(../img/ent11_li01.gif); position:absolute; left:25px; bottom:25px; }
#ent11 a.li01:hover { background-position:-183px 0;  }



/*---------------------国見SA---------------------*/

#ent12 { top:4500px; }
#ent12 h2 { width:468px; height:100px; background:url(../img/ent12_tit.gif) no-repeat; }
#ent12 .imgarea { width:422px; height:235px; margin:auto; display:block; overflow:hidden; position:relative; }
#ent12 .imgarea img { position:absolute; top:0; display:none; }
#ent12 .p01 { width:422px; margin:10px auto; }
#ent12 .li01 { display:block; width:484px; height:123px; background:url(../img/ent12_li01.jpg); margin-left:-17px; text-indent:120%; }
#ent12 .li01:hover { background-position:-484px 0; } 



/*---------------------菅生---------------------*/
#ent13 { top:4800px; }
#ent13 h2 { height:99px; background:url(../img/ent13_tit.jpg) no-repeat; }
#ent13 .st01 { height:16px; margin:10px 35px; background:url(../img/ent13_st01.jpg) no-repeat; display:block; }   
#ent13 .img01 { display:block; margin:0 6px; }
#ent13 .box01 { width:453px; margin:auto; background:url(../img/ent13_bg01.jpg); position:relative; padding-bottom:10px; }
#ent13 .box01 .st02 { width:315px; height:70px; display:block; background:url(../img/ent13_st02.gif) no-repeat; background-position:31px 17px; position:relative;  }
#ent13 .box01 p { width:235px; font-size:12px; color:#5A4534; margin:0 0 0 35px; float:left; }
#ent13 .li_gr { width:172px; height:233px; float:right; background:url(../img/ent13_li_bg.jpg); position:absolute; top:8px; right:-11px; } 
#ent13 .li_gr a { display:block; position:absolute; }
#ent13 .li_gr a.li01 { width:95px; height:93px; top:0; left:42px; }
#ent13 .li_gr a.li02 { width:84px; height:84px; top:72px; left:3px; }
#ent13 .li_gr a.li03 { width:76px; height:75px; top:155px; left:33px; }
#ent13 .mv { display:block; position:absolute; top:15px; left:-30px; }

/*-----------------------------長者原---------------------------*/
#ent14 { top:5300px; }
#ent14 h2 { height:85px; background:url(../img/ent14_tit.gif) no-repeat; }
#ent14 p { width:395px; margin:auto; }
#ent14 .imgs { width:399px; height:124px; margin:20px auto; position:relative; }
#ent14 .imgs img { display:block; position:absolute; top:0; }
#ent14 .imgs .img01{ left : 0; }
#ent14 .imgs .img02{ left : 185px; }
#ent14 .imgs .img03{ left : 295px;}
#ent14 .ps { width:395px; margin:15px auto; font-size:12px; color:#666666; line-height:1.3; position:relative; z-index:2;}
#ent14 .li01 { width:471px; height:166px; display:block; background:url(../img/ent14_li01.gif); position:absolute; margin-top:-50px; text-indent:120%; z-index:1; }
#ent14 .li01:hover { background-position:-471px 0; }


/*-----------------------------前沢-----------------------------*/
#ent15 { top:5555px; }
#ent15 h2 { width:467px; height:97px; background:url(../img/ent15_tit.gif); }
#ent15 .img01 { display:block; margin-left:-15px; }
#ent15 .p01 { width:415px; margin:15px auto; }
#ent15 .p02 { width:421px; height:229px; margin:auto; background:url(../img/ent15_img02.jpg); }
#ent15 .li01 { width:467x; height:132px; display:block; background:url(../img/ent15_li01.jpg); margin-top:5px; }
#ent15 .li01:hover { background-position:-467px 0; }

/*-----------------------------紫波-----------------------------*/
#ent16 { top:6080px; }
#ent16 h2 { width:468px; height:94px; background:url(../img/ent16_tit.gif) no-repeat; }
#ent16 .box01 { width:412px; margin:auto; }
#ent16 .box01 .p01 { width:220px; float:left; }
#ent16 .box01 .p02 { width:220px; color:#666; font-size:12px; line-height:1.4; }
#ent16 .box01 .p02 a { word-wrap:break-word; line-height:1.1;  }
#ent16 .li01 { width:424px; height:166px; display:block; background:url(../img/ent16_li01.jpg); margin:auto; position:relative; margin-top:10px; }
#ent16 .li01:hover{ opacity:0.8; }
#ent16 .li01 img { position:absolute; left:175px; /*display:none;*/ border-style:none;}

/*-----------------------------岩手山-----------------------------*/
#ent17 { top:6500px; }
#ent17 h2 { width:467px; height:85px; background:url(../img/ent17_tit.gif) no-repeat; }
#ent17 p { width:420px; margin-left:35px; }
#ent17 .box01 { width:474px; height:213px; background:url(../img/ent17_li01.gif); position:absolute; margin-top:-90px;}
#ent17 .box01 a { width:453px; height:112px; display:block; position:absolute; left:5px; bottom:20px;}

/*-----------------------------津軽-----------------------------*/
#ent18 { top:6800px; }
#ent18 h2 { width:467px; height:79px; background:url(../img/ent18_tit.jpg) no-repeat; }
#ent18 p { width:400px; margin:auto; }
#ent18 .li01 { width:427px; height:136px; display:block; background:url(../img/ent18_li01.gif); margin-left:20px; position:absolute; margin-top:-20px; }
#ent18 .li01:hover { background-position:-427px 0; }




#skys { position:absolute; width:100%; display:block; overflow:hidden;  }
/*---------------------sky00---------------------*/
#sky00 { width:329px; height:208px; display:block; background:url(../img/sky01.jpg); position:absolute; top:950px; left:50%;  }

/*---------------------sky01---------------------*/
#sky01 { width:329px; height:208px; display:block; background:url(../img/sky01.jpg); position:absolute; top:2600px; left:50%;  }

/*---------------------sky02---------------------*/
#sky02 { width:304px; height:192px; display:block; background:url(../img/sky02.jpg); position:absolute; top:7100px; left:50%;  }

/*---------------------sky03---------------------*/
#sky03 { width:602px; height:290px; display:block; background:url(../img/sky03.jpg); position:absolute; top:7450px; left:50%;  }




/*---------------------------------end------------------------------*/
#end { width:371px; height:279px; position:fixed; top:50%; margin-top:-139px;   left:50%; margin-left:-185px; z-index:998; display:none; }
#end img { display:block; position:absolute; display:none; }




.itemlink { }



#cntnavi { width:220px; height:100%; position:fixed; top:37px; right:-220px; z-index:985; background:#FFF; border:#CCC 1px solid; }
#cntnavi ul { display:block; margin:0; padding:0; }
#cntnavi ul li { padding:7px 15px; list-style-type:none; font-size:12px; color:#666; border-bottom:#CCC 1px dashed; cursor:pointer; }
#cntnavi ul li:hover { background:#CCC; color:#FFF; padding:8px 15px; }
#cntnavi ul li:last-child { border-bottom:none; }
#naviopn { width:25px; height:119px; position:absolute; top:90px; left:-25px;}
#pagetop2 { color:#000; padding:7px 15px; font-size:12px; cursor:pointer; }
#pagetop2:hover{ text-decoration:underline; }

/*-------------------------モーダル-----------------------*/

#load_entry {}
#modalbox { display:none; position:absolute; z-index:1000; width:950px; background:#FFF;}
#overlay { opacity:0; filter: alpha(opacity=0); position:absolute; top:0; left:0; z-index:999; width:100%; height:100%; background:#000; display:none; }
#close { width:20px; height:20px; display:block; position:absolute; top:10px; right:10px; background:url(../img/close_btn.gif) no-repeat; }
#close:hover{ background-position:-20px 0; }






#copyright { display:block; position:absolute; bottom:10px; z-index:996; font-size:10px; color:#666; width:100%; text-align:center; }

/*----------------------------その他基本--------------------------*/
.notext { text-indent:100%; overflow:hidden; white-space:nowrap; }
/**clearfix*/
.clearfix:after { content: ""; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0; }