@charset "utf-8";

.js{position:absolute;top:0;left:0;float:left;}
.sprt { visibility:hidden;}

#wrapper{position:relative;top:0;left:0;width:100%; min-width:980px; text-align:left;}
#container{width:980px; margin:0 auto;}

/*レイアウト*/
.topHeader{width:948px; margin:18px 0 0; border:1px solid #0086c4; background:#f7fcff;}
.topMain{width:950px; overflow:hidden; padding:20px 0 0;}
.topContents{ width:680px; overflow:hidden; float:left;}
.topSide{ width:250px; overflow:hidden; float:right;}

/*広告 728x90*/
.ad728x90{width:728px;min-height:95px;margin:0 auto;text-align:center;}
* html .ad728x90{height:95px;}

/*ヘッダー*/
.headerTilte{ width:578px; margin:0; float:left;}
.headerSerch{ width:370px; float:left;}
.headerSerch dl{margin:0;}
.headerSerch dt{margin:0;}
.headerSerch dd {}
.headerSerch dd p{margin:0 0 0 10px; font-size:10px; color:#5e91a8}
.headerSerch .searchWord{height:68px; margin:0; padding:20px 0px 0px 20px; border-bottom:1px solid #0086c4;}
.headerSerch .searchForm{width:256px; padding:8px; border:1px solid #074b6a; margin:2px 5px 5px 0px;}
.headerSerch .searchSubmit{width: 54px; height: 32px; margin:0 0 4px 0; padding-top:32px; overflow:hidden; border: 0px; background: url(/f/route/img/index/btn_search.gif?1369187916151) left top no-repeat;cursor: pointer;}

.headerSerch .searchSubmit:hover{filter: alpha(opacity=70); opacity:0.7;}
.headerSerch .searchMap{width:370px; height:70px; margin:0; padding:0; background:url(/f/route/img/index/top_btn_load.gif?1369187916151) no-repeat top;}
.headerSerch .searchMap a{display:block; width:370px; height:70px;margin:0px; background:url(/f/route/img/index/top_btn.jpg?1369187916151) no-repeat top;}
.headerSerch .searchMap a:hover{ background-position:0 -70px; text-decoration:none}

.headerApp{width:948px; height:52px; border-top:1px solid #0086c4; clear:both; overflow:hidden; position:relative;}
.headerApp h1{margin:0; position:absolute; top:0; left:0;}
.headerIos{margin:0; position:absolute; top:6px; left:671px;}
.headerApp a:hover{filter: alpha(opacity=70); opacity:0.7;}
.headerAndroid{margin:0; position:absolute; top:6px; left:817px;}

.headerSelect{width:948px; height:58px; border-top:1px solid #0086c4; overflow:hidden; position:relative;}
.headerSelect h1{margin:0; position:absolute; top:0; left:0;}
.headerSelect a:hover{filter: alpha(opacity=70); opacity:0.9;}
.headerLab{position:absolute; top:8px; left:588px; width:200px; height:44px; margin:0; background:url(/f/route/img/index/top_select_lab_bg.gif?1369187916151) no-repeat top;}
.headerBeta{position:absolute; top:8px; left:797px; width:140px; height:44px; margin:0; background:url(/f/route/img/index/top_select_beta_bg.gif?1369187916151) no-repeat top;}

/* フッターエリア　ページトップへ */
.nav_pagetop{width:680px;}


/*タブ切り替え*/
.topNav{width:680px; overflow:hidden; margin:0 0 20px 0px;}
.topNav ul{ width:687px; margin:0; padding:0;}
.topNav li{ width: 222px; height: 36px; margin: 0 6px 0 0; float: left; position:relative;}
.topNav a{cursor: pointer; overflow: hidden; position:absolute;top:0; left:0;}
.topNav a,.topNav a:hover{ text-decoration: none;}
.topNav a.selected{cursor: default;}
.navAbout, .navFunc, .navScene, .navRecom{display: block; width: 222px; height: 36px; background-image: url("/f/route/img/index/nav2.gif?1369187916151"); background-repeat: no-repeat; text-decoration: none;}

.navAbout{background-position: 0px 0px;}
.navAbout:hover{background-position: 0px -50px;}
.selected a.navAbout:hover,
.selected a.navAbout,
span.navAbout{background-position:0px -100px;}

.navFunc{background-position: -300px 0px;}
.navFunc:hover{background-position: -300px -50px;}
.selected a.navFunc:hover,
.selected a.navFunc,
span.navFunc{background-position: -300px -100px;}  

.navScene{background-position: -400px 0px;}
.navScene:hover{background-position: -400px -50px;}
.selected a.navScene:hover,
.selected a.navScene,
span.navScene{background-position: -400px -100px;}

.navRecom{background-position: -600px 0px;}
.navRecom:hover{background-position: -600px -50px;}
.selected a.navRecom:hover,
.selected a.navRecom,
span.navRecom{background-position: -600px -100px;}    

.disnon{display:none;}

.navNew{ position:absolute;top:12px; left:178px; width:32px; height:13px; background:url(/f/route/img/index/nav_new.gif) no-repeat top;}


/*サイドナビ*/
.sideSocial{margin:0 0 20px 0; padding:10px; border:1px solid #CCC; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; overflow:hidden; width:228px;}
.socialHatena{display:block; margin:0 0 7px 0;}
.socialTwitter{display:block;width:65px; margin:0 10px 0 0; float:left;}
.socialFacebook{display:block;width:70px; margin:0 10px 0 0; overflow:hidden; float:left;}
.socialGoogle{display:block; width:32px; margin:0; float:left;}

.sideBanner{margin:0 0 10px 0;}
.sideBanner p{margin:0 0 0 0;}
.sideNews{margin:0 0 20px 0;min-height: 303px;}
.sideHelp{margin:0 0 10px 0;}
.sideHelp a:hover{filter: alpha(opacity=60); opacity:0.6;}
.sideInquiry{margin:0 0 20px 0;}
.sideInquiry a:hover{filter: alpha(opacity=60); opacity:0.6;}
.sideApp{margin-bottom: 15px;}
.sideApp img{display: block;}
.sideBanner .bnr_kyoriroku{margin-bottom: 20px;}

/*今すぐ使うボタン*/
.topContents p.btnUse{margin: 0 0 30px 0;}
.btnWrap{display:block;width:297px; height:48px;overflow:hidden;margin:0 auto;background:url(/f/route/img/index/btn_load.gif?1369187916151) 0 0 no-repeat;}
.btnWrap a{display:block; width:297px; height:48px;background:url(/f/route/img/index/btn_use.jpg?1369187916151) no-repeat top;}
.btnWrap a:hover{ background-position:0 -48px; text-decoration:none}
.linkNomal{ display:block; text-align:center; margin-top:10px;}



/* メインコンテンツ共通 */
.topContents p{margin:10px 0 0;line-height:1.5;}
.func h2,
.scene h2,
.recom h2{margin:14px 0 0;}
.tabWrap{margin:1000px 0 0;}

/*キョリ測って？*/
.about{ margin:0 0 10px 0;}
.about h2{ margin:10px 0 30px 0;}
.about h3{ margin:0 0 20px 0;}
.aboutEx{width:700px; overflow:hidden; margin:0 0 20px 0;}
.aboutEx li{display:inline; width:320px; margin:0 20px 0 10px; float:left;}
.aboutEx h4{ margin:0 0 10px 0;}
.aboutEx p{ margin:0 0 10px 0;}
.aboutOther{width:700px; overflow:hidden; margin:0 0 20px 0;}
.aboutOther li{float:left;width:340px;}

.aboutOtherImg{padding:0 0 0 90px;background-image:url(/f/route/img/index/about_other.jpg);background-repeat:no-repeat;}

.aboutOtherDrive,
.aboutOtherCycling{padding-top:0;border-top:none;}
.aboutOtherWalking,
.aboutOtherHome,
.aboutOtherOffice,
.aboutOtherHiking{padding-top:20px;border-top:2px solid #e6f7ff;}

.aboutOtherDrive .aboutOtherImg{background-position:0px 0px;}
.aboutOtherCycling .aboutOtherImg{background-position:-100px 0px;}
.aboutOtherWalking .aboutOtherImg{background-position:-200px 0px;}
.aboutOtherHome .aboutOtherImg{background-position:-300px 0px;}
.aboutOtherOffice .aboutOtherImg{background-position:0px -200px;}
.aboutOtherHiking .aboutOtherImg{background-position:-100px -200px;}

.otherText{height:140px;overflow:hidden;padding:10px 25px 0 15px;background:#fff;}
.otherText h4{margin:0;}



/*おすすめルート*/
.recom{ padding:0 0 10px 0;}
.recomList{ width:700px; overflow:hidden;margin:10px 0 0;}
.recomList li{width:330px; float:left; padding:0 0 20px 0;overflow:hidden;}
.recomList h3{ margin:0; padding:10px 10px 10px 30px; background:url(../img/index/recom_name.gif) no-repeat; color:#0086c4; font-size:16px; font-weight:bold;}
.recomWrap{width:328px; padding:14px 0 0 0; overflow:hidden; border:1px solid #dddddd; border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px; border-top:none;}
.recomMap{display:inline; margin:0px 13px 0px 14px; width:130px; float:left;}
.recomMap img{ border:3px solid #95dcff;}
.recomMap a:hover{filter: alpha(opacity=60); opacity:0.6;}
.recomRight{ width:160px; float:left;}
.recomData{margin:0px 0 10px 0;}
.recomPc{margin:0 0 10px 0;}
.recomPc a:hover{filter: alpha(opacity=60); opacity:0.6;}
.recomSmp{margin:0;}
.recomSmp a:hover{filter: alpha(opacity=60); opacity:0.6;}
.recomText{ clear:both; margin:0; padding:14px;}
.clear{clear:both;}

/*多彩な機能*/
.func{ margin:0;}
.topContents p.funcService{ margin:14px; text-align:right;}
.funcService img{vertical-align:bottom; margin:0 10px 0 10px;}
.func h3{ margin:0;}
.func h4{ margin:0 0 10px 0; font-weight:bold; font-size:12px;}

.funcWrap{margin:0 0 20px 0; padding:0 10px 10px 20px; width:648px; overflow:hidden; border:1px solid #dddddd; border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px; border-top:none;}
.funcText{ padding:15px 0 0 0; width:320px; float:left;}
.funcText p{ margin:0 0 10px 0;}
.funcText p.smallTxt{font-size:10px;}
.funcImg{ width:300px; float:right;}

/*利用シーン*/
.scene{ margin:0;}
.sceneList{margin:14px 0 0;}
.sceneList li{ margin:0px 0px 30px 0px; padding:0px 0px 30px 10px; border-bottom:2px solid #e6f7ff; overflow:hidden; width:670px;}
.sceneText{ width:390px; margin:0px 20px 0px 0px; float:left;}
.sceneText p{ margin:0px 0px 10px 0px;}

.sceneImg{ width:260px; margin:0; float:left;}