/* CSS Document */

/*-----------------------------------







10.sightseeing Module







-------------------------------------*/
#sightseeing h3{
   padding:5px 0 10px 0;
}
#sightseeing h5{
   padding-top:10px;
   margin-bottom:7px;
}
#sightseeing #link-box h5{
   padding:0px;
}
#sightseeing h4{
   padding-top:15px;
}
#sightseeing h6{
   font-size:85%;
}
#sightseeing h6 a{
    color:#162961;
}
#sightseeing h6 a:hover{
   color:#9e3d3f;
}
/*#sightseeing h2{
   width:800px;
   height:184px;
   margin-left:10px;
   background:url(../sightseeing/img/top.jpg) no-repeat;
}*/

#sightseeing h2{
   width: 800px;
   text-indent: -9999px;
   line-height: 0.1em;
   font-size: 0.1em;
   height: 0.1px;
   }

#sightseeing #movie{
   width: 798px;
   height: 300px;
   margin: 0px auto;	
   padding: 0px;
   text-align: center;
   background: #271d16 url(../sightseeing/img/movie_bak.jpg) repeat-x left top ;
   border: 1px solid #a58f5e;
   }


#sightseeing #top-col h3{
   background:url(../sightseeing/img/title1.gif) no-repeat top;
   width:159px;
   height:22px;
}
#sight-title2{
   background:url(../sightseeing/img/title2.gif) no-repeat bottom;
   width:157px;
   height:22px;
   margin-bottom:10px;
}
#sight-title3{
   background:url(../sightseeing/img/title3.gif) no-repeat bottom;
   width:212px;
   height:22px;
   margin-bottom:10px;
}
#sight-title4{
   background:url(../sightseeing/img/title4.gif) no-repeat bottom;
   width:176px;
   height:22px;
   margin-bottom:15px;
}
#sight-title5{
   background:url(../sightseeing/img/title5.gif) no-repeat bottom;
   width:171px;
   height:21px;
   margin-bottom:15px;
}
#sight-title6{
   background:url(../sightseeing/img/title6.gif) no-repeat top;
   width:717px;
   height:31px;
   
}
#sight-sub2,#sight-sub3{
   background:url(../sightseeing/img/subtitle2.gif) no-repeat bottom;
   width:158px;
   height:39px;
   
}
#sight-sub4{
   background:url(../sightseeing/img/subtitle4.gif) no-repeat bottom;
   width:157px;
   height:39px;
   
}
#sight-sub5{
   background:url(../sightseeing/img/sub5.gif) no-repeat bottom;
   width:227px;
   height:40px;
   
}
#sight-sub6{
   background:url(../sightseeing/img/subtitle6.gif) no-repeat top;
   width:255px;
   height:40px;
   
}
#sight-sub7{
   background:url(../sightseeing/img/subtitle7.gif) no-repeat bottom;
   width:255px;
   height:39px;
   
}
#sight-sub8{
   background:url(../sightseeing/img/subtitle8.gif) no-repeat bottom;
   width:130px;
   height:39px;
   
}
#sight-sub9{
   background:url(../sightseeing/img/subtitle9.gif) no-repeat bottom;
   width:130px;
   height:39px;
   margin-bottom:0px;
}
#sight-sub10{
   background:url(../sightseeing/img/subtitle10.gif) no-repeat;
   width:181px;
   height:22px;
   margin-bottom:0px;
}
#sight-sub11{
   background:url(../sightseeing/img/subtitle11.gif) no-repeat bottom;
   width:239px;
   height:25px;
   
}
#sight-sub12{
   background:url(../sightseeing/img/subtitle12.gif) no-repeat bottom;
   width:235px;
   height:25px;
   
}
#sight-sub13{
   background:url(../sightseeing/img/subtitle13.gif) no-repeat bottom;
   width:440px;
   height:30px;
   
}
#sightseeing #contents li{
   font-size:90%;
}
#sightseeing .img-left{float:left;}
#sightseeing #contents p{
   line-height:140%;
   font-size:90%;
}

#sightseeing #top-col{

   width:719px;

   margin-left:28px;

   background:url(../sightseeing/img/top-bg.gif) top repeat-x #e1d8ce;

   padding:30px 0 0px 25px;

   color:#4a2e1e;font-size:90%;

}

/*#sightseeing #sight-nav{

   width:376px;

   height:31px;

   display:block;

   margin:0 10px 10px 0;

   float:right;

}*/

#sightseeing #sight-nav{

   width:710px;

   height:157px;

   display:block;

   margin:0 10px 10px 0;

   float:right;

}

#sightseeing #sight-nav li{

   float:left;

}

/*#sightseeing #sight-nav li a{

   height:31px;

   display:block;

   

}*/

#sightseeing #sight-nav li a{

   height:157px;

   display:block;

   

}

#sightseeing #kirisima{

   background:url(../sightseeing/img/nav.jpg) no-repeat 0px 0px;

   width:73px;

}

#sightseeing #fukuyama{

   background:url(../sightseeing/img/nav.jpg) no-repeat -73px 0px;

   width:110px;

}

#sightseeing #chiiran{

   background:url(../sightseeing/img/nav.jpg) no-repeat -183px 0px;

   width:79px;

}

#sightseeing #kagossima{

   background:url(../sightseeing/img/nav.jpg) no-repeat -262px 0px;

   width:114px;

}

#sightseeing #hisatusen{

   background:url(../sightseeing/img/slbn.jpg) ;

   width:120px;
}

#sightseeing #natuyasumi{

   background:url(../sightseeing/img/natuyasumi.gif) ;

   width:210px;
}

#sightseeing a:hover#kirisima{

   background:url(../sightseeing/img/nav-on.jpg) no-repeat 0px 0px;

   width:73px;

}

#sightseeing a:hover#fukuyama{

   background:url(../sightseeing/img/nav-on.jpg) no-repeat -73px 0px;

   width:110px;

}

#sightseeing a:hover#chiiran{

   background:url(../sightseeing/img/nav-on.jpg) no-repeat -183px 0px;

   width:79px;

}

#sightseeing a:hover#kagossima{

   background:url(../sightseeing/img/nav-on.jpg) no-repeat -262px 0px;

   width:114px;

}

#sightseeing #map1{

   padding:8px 0 30px 0;

}

#sightseeing #map2{

   padding-bottom:55px;

   padding-right:15px;

}



#sightseeing #course .img-left{

   margin-top:15px;

}

#course,#course2,#sightseeing #col{

   width:719px;

   margin-left:28px;

   padding:0 0px 0 25px;

   background:#e1d8ce;font-size:90%;

}

#course3,#course4{

   width:719px;

   margin-left:28px;

   padding:0 0px 0 25px;

   background:#e1d8ce;font-size:90%;

}

.route{

   padding:5px 0 15px 20px;

}

#sightseeing #center-col p{

   width:460px;

}

#sightseeing #center-col{

   width:719px;

   padding:20px 0 0 25px;

   margin-left:28px;

   background:#e1d8ce;

   color:#4a2e1e;

}

#sightseeing #bottom-col{

   margin-left:28px;

   padding:30px 0 30px 25px;

   width:719px;

   color:#4a2e1e;

}

#sightseeing #photo-col,#sightseeing #photo-col2,#sightseeing #photo-col3,#sightseeing #photo-col4,
#sightseeing #photo-col5{

   width:719px;

   margin-left:28px;

   padding:0 0 0px 25px;

   color:#4a2e1e;

   background:#e1d8ce;font-size:90%;

}

#sightseeing #photo-col7{

   width:719px;

   margin-left:28px;

   margin-bottom:20px;

   padding:0 0 10px 25px;

   background:url(../sightseeing/img/contents-bg.gif) left bottom repeat-x;font-size:90%;

}

#sightseeing .spot{
   width:154px;
   float:left;
   padding:15px 25px 0 0;
}
#sightseeing #col .spot,#sightseeing #photo-col7 .spot{
   padding-top:0px;
}
#sightseeing #spot-wide{

   width:330px;

   float:left;

   padding:15px 0px 0 0;

}

#link-box{
   width:744px;
   margin-left:28px;
   padding:0 0 20px 0px;
   color:#e1d8ce;
}
#link-box li{
   font-size:80px;
   background:url(../sightseeing/img/button.jpg) no-repeat left top;
   padding-left:15px;
}
.link{
   float:left;
   width:250px;
   padding-left:0px;
   padding-bottom:20px;
}
.link ul,#weekly ul{
   padding-left:20px;
}
#link-box h5{

   margin-bottom:15px;

}

#link-box a{

   color:#c9994e;

   text-decoration:underline;

}

#city-link{

   float:left;

   padding-left:20px;

   padding-bottom:20px;

}

#weekly{

   padding-left:5px;

}

#course3 #bus-back{
   width:450px;
   height:89px;
   background:url(../sightseeing/img/title-bg.gif) no-repeat right top;
}

#course3 #text{
   padding:5px 0 0 10px;
}
#text ul{
   padding:5px 0 10px 0;
}
#text li{
   padding:4px 0px;
}
#course p,#course2 p{
   width:500px;
   padding-left:75px;
}
#course p{background:url(../sightseeing/img/subtitle1.gif) no-repeat left top;}
#course2 p{background:url(../sightseeing/img/subtitle5.gif) no-repeat left top;}
#des-text{
   width:550px;
   padding-left:5px;
}

#foot {
	height: 260px;
}