@charset "utf-8";
*{
    border:0px;
    margin: 0px;
}
html,body{
	min-width:1080px;
}
.map{
    width: 90%;
    height: 85%;
    margin:0 auto;
    position: relative
}
.Fmap{
    position: absolute;
    transition: 500ms ease;
    -o-transition: 500ms ease;
    -webkit-transition:500ms ease;
    -ms-transition:500ms ease;
    -moz-transition:500ms ease;
    opacity: 0.5;
}
.Fmap img{
	width:100%;
}
/**北海道地图**/
.map1{ top: 0px; right: 3%;width:25%;}
/**关东关西地图**/
.map2{ top: 3%; left: 8%;width:75%;}
.map3{ top: 78%; left: 32%;width:10.125%;}
/*九州地图*/
.map4{ top: 80%; left: 21.5%;width:10.35%;}
/**地图上文字的样式**/
.font{
    position: absolute;
    cursor: pointer;
    opacity: 0.6;
    transition: 500ms ease;
    -o-transition: 500ms ease;
    -webkit-transition:500ms ease;
    -ms-transition:500ms ease;
    -moz-transition:500ms ease;}
.font img{
	width:100%;
}
/**地图上文字的位置**/
/**北海道**/
.bhd{ top:24%;right:5.5%;width:4%;}
/**关东**/
.gd{ top:60%; left:57%;width:5%;}
/**东京**/
.dj{ top:68%; left:60%;width:5%;}
/**关西**/
.gx{ top:70%; left:40%;width:5%;}
/**大阪**/
.db{ top:56%;left:48%;width:4%;}
/**九州**/
.jz{ top:87%; left:25.2%;width:5%;}
/**秘境之旅**/
.mjzl{position: absolute; top:30px; left:380px;}
/**悬停效果**/
.Fmap:hover ,.font:hover{
    opacity: 1;
}
/**小陈的css**/
html,body{
    margin:0px;
    height:100%;
}
/**地图上链接的样式**/
.ditu a{
    color:#000;
}
.ditu a:hover{
    color:rgba(56,56,56,0.8)
}
/**全部链接的样式**/
a{
    text-decoration:none;
    color:rgba(80,80,80,0.8);
}
a:hover{
    color: #a98027;
}
/**地图所在的div**/
#main{
    width:100%;
    height:100%;
    float:left;
}
#main #con{
    margin:0 20%;
    background:#f5fafd;
    height:97%;
}
/**左右两边的div**/
#left,#right{
    width:20%;
	height:100%;
    float:left;
    background:#f5fafd;
}
#left{
    margin-left:-100%;
}
#right{
    margin-left:-20%;
    position:relative;
}
#right img{
    position:absolute;
}
/**导航条**/
#menu{
    list-style:none;
    left:0;
}
#aaa{
    margin-right:-3%
}
.Cmenu1{
    float:left;
    position:relative;
    margin-top:0px;
    margin-left:-3px;
}
.Cmenu{
    display:block;
    float:left;
    margin-top:47px;
    margin-left:30px;
    position: relative;
    font-family:微软雅黑;
}
.Cmenu2{
    float:right;
    margin-top:47px;
    margin-right:30px;
    font-family:微软雅黑;
}
/**小三角**/
.sjx1{
    border:7px solid #e0e7e0 ;
    width: 0px;
    height:0px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    border-top-color: #c93300;
    border-left-color: #fff ;
    border-top:0px;
    border-right-color:#fff ;
    top: 26px;
}
.sjx2 ,.sjx3 ,.sjx4{
    display: none;
}
/**地图上的叉叉**/
.cha{
    position:absolute;
    right:10px;
    top:10px;
    font-size:30px;
    font-weight:bold;
    cursor: pointer;
}
/**用于点击小地图消失范围的div**/
#ddiv{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:99%;
    height:100%;
    z-index:2;
}
/**小地图所在div的样式**/
.ditu{
    display:none;
    z-index:3;
    width:560px;
    height:561px;
    background-color:#FFF;
    position:fixed;
    left:50%;
    margin-left:-320px;
    top:50%;
    margin-top:-280px;
    box-shadow:3px 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.2);
    -moz-box-shadow:3px 3px 3px rgba(0,0,0,0.2);
    -ms-box-shadow:3px 3px 3px rgba(0,0,0,0.2);
    -o-box-shadow:3px 3px 3px rgba(0,0,0,0.2);
}
/**小地图的样式**/
.ditu .img1{
    position:absolute;
    left:50%;
    margin-left:-280px;
    top:50%;
    margin-top:-280px;
}
.ditu .img2{
    position:absolute;
    left:50%;
    margin-left:-260px;
    top:50%;
    margin-top:-247px;
}
.ditu .img3{
    position:absolute;
    left:50%;
    margin-left:-230px;
    top:50%;
    margin-top:-230px;
}
.ditu .img4{
    position:absolute;
    left:50%;
    margin-left:-210px;
    top:50%;
    margin-top:-220px;
}
/**地图上小正方形在下面**/
.xia{
    position:relative;
    top:-8px;
}
/**地图上小正方形在上面**/
.shang{
    position:relative;
    bottom:-5px;
}
.city{
    position:absolute;
    font-family:微软雅黑;
    font-size:14px;
    text-align:center
}
/***九州地图上城市的位置***/
.wdld{  left:72px;  top:168px;}   /**/
.yxzlt{ left:83px;  top:110px;}   /**/
.dwbz{  left:185px; top:48px; }   /**/
.hnty{  left:240px; top:65px; }
.jylyz{ left:160px; top:120px;}
.gdbd{  left:350px; top:93px; }
.gl{    left:297px; top:190px;}
.ashs{  left:230px; top:210px;}
.gqs{   left:337px; top:215px;}
.wjz{   left:245px; top:330px;}
.zyc{   left:350px; top:370px;}
.tglld{ left:260px; top:445px;}
.wjd{   left:175px; top:485px;}
/***北海道地图上城市的位置***/
.lwd{ left:120px; top:50px;}
.behckha{ left:300px; top:140px;}
.zcbd{ left:463px; top:180px;}
.dxs{ left:290px; top:220px;}
.yfbd{ left:457px; top:237px;}
.yndh{ left:475px;top:280px;}
.clsd{ left:427px; top:310px;}
.jcbdxa{ left:68px; top:275px;}
.zhh{ left:150px; top:290px;}
.qc{ left:230px; top:250px;}
.ylz{ left:110px;top:295px;}
.bhdyhkft{ left:230px; top:300px;}
.xhbd{ left:135px; top:350px;}
/**关东**/
.ajc{ left:447px; top:228px;}
.ysx{ left:235px; top:390px;}
.dpsq{ left:313px; top:373px;}
.xzxg{ left:313px; top:335px}
.arg{ left:370px; top:220px;}
.agn{ left:410px; top:250px;}
.mzl{ left:230px; top:325px;}
.azf{ left:275px; top:335px;}
.xlyqd{ left:350px; top:330px;}
.qmysh{ left:285px; top:385px;}
.qzd{ left:345px; top:445px;}
.qsx{ left:267px; top:260px;}
.sgd{ left:270px; top:295px}
.zdd{ left:315px; top:95px;}
/**关西**/
.tql{ left:210px; top:95px;}
.qsyssl{ left:235px; top:180px;}
.pph{ left:345px; top:130px}
.nlgy{ left:300px; top:290px;}
.jysyh{ left:293px; top:340px;}
.dtys{ left:385px; top:325px}
.xygd{ left:335px; top:395px;}
.ztc{ left:130px;top:170px}
.sd{ left:435px; top:295px;}
.gzc{ left:210px; top:390px;}