/*---------------------------------------------------------------------------------
COMMON
---------------------------------------------------------------------------------*/

*{
margin:0;
padding:0;
border:0;
font-size:13px;}

body{
margin:0;
padding:0;
background:#fff;
text-align:center;
font-size:13px;}

a{
outline:none;
text-decoration:none;
color:#0099FF;}

a:hover{color:#0066FF;}
#head{
	margin:0 auto;
	width:950px;
	height:75px;
	background:url(img/TopLogo.gif) no-repeat;
	margin-top:5px
}
   div#head h1{
   float:left;
   display:block;
   width:250px;
   height:70px;
   line-height:70px;
   text-indent:-9999px
}

      div#head h1 a{
      display:block;
      width:250px;
      height:70px;
      line-height:70px;}

   div#headlinks{
   float:right;
   display:block;
   width:600px;
   height:35px;
   line-height:35px;
   text-indent:-9999px;
   /*text-align:right;*/}

   div#headlinks a{
   padding:3px 5px;
   border:1px solid #ccc;
   background:#eee;
   color:#999;}
   div#headlinks a:hover{color:#ccc;}
div#headinfo{
	float:right;
	position:relative;
	top:60px
	/*float:right;
	display:block;
	width:600px;
	height:25px;
	line-height:25px;
	text-align:right*/
}

ul#nav{
display:block;
margin:0 auto 0;
width:950px;
height:50px;
line-height:50px;
list-style:none;
background:url("img/bg_nav.jpg") 0 0 no-repeat;}

   ul#nav li{
   float:right;
   display:block;
   width:137px;
   height:50px;
   margin-left:7px;
   line-height:50px;
   text-indent:-9999px;}

   ul#nav li#n01{background:url("img/bg_navlist.jpg") 0 0 no-repeat;}
   ul#nav li#n02{background:url("img/bg_navlist.jpg") -145px 0 no-repeat;}
   ul#nav li#n03{background:url("img/bg_navlist.jpg") -289px 0 no-repeat;}
   ul#nav li#n04{background:url("img/bg_navlist.jpg") -433px 0 no-repeat;}
   ul#nav li#n05{background:url("img/bg_navlist.jpg") -575px 0 no-repeat;}

   ul#nav li a{
   display:block;
   width:137px;
   height:50px;
   line-height:50px;}

   ul#nav li#n01 a{background:url("img/bg_navlist.jpg") 0 0 no-repeat;}
   ul#nav li#n02 a{background:url("img/bg_navlist.jpg") -145px 0 no-repeat;}
   ul#nav li#n03 a{background:url("img/bg_navlist.jpg") -289px 0 no-repeat;}
   ul#nav li#n04 a{background:url("img/bg_navlist.jpg") -433px 0 no-repeat;}
   ul#nav li#n05 a{background:url("img/bg_navlist.jpg") -575px 0 no-repeat;}

   ul#nav li#n01 a:hover{background:url("img/bg_navlist.jpg") 0 -50px no-repeat;}
   ul#nav li#n02 a:hover{background:url("img/bg_navlist.jpg") -145px -50px no-repeat;}
   ul#nav li#n03 a:hover{background:url("img/bg_navlist.jpg") -289px -50px no-repeat;}
   ul#nav li#n04 a:hover{background:url("img/bg_navlist.jpg") -433px -50px no-repeat;}
   ul#nav li#n05 a:hover{background:url("img/bg_navlist.jpg") -575px -50px no-repeat;}

div#all{
width:950px;
margin:0 auto 0;
background:url("img/bg_all.jpg") 0 0 repeat-y;}

div#contents{
width:830px;
margin:0 auto 0;
padding-top:10px;
text-align:left;}

   div#side{
   float:left;
   width:240px;}

      ul#menu{
      margin:10px 0 10px;
      list-style:none;}

         ul#menu li{
         display:block;
/*         margin-bottom:10px;*/
/*         height:70px;*/
/*         line-height:70px;*/
/*         text-indent:-9999px;*/}

            ul#menu li a{
            display:block;
/*            height:70px;*/
/*            line-height:70px;*/}
ul#menu li#m00,ul#menu00 a,li#m01,ul#menu li#m01 a,ul#menu li#m02,ul#menu li#m02 a,ul#menu li#m03,ul#menu li#m03 a,ul#menu li#m04,ul#menu li#m04 a,ul#menu li#m05,ul#menu li#m05 a{
	width:240px;
	height: 70px;
	margin-bottom:10px;
 line-height:70px;
 text-indent:-9999px;}

         ul#menu li#m00 a{background:url("img/menu/route_map_banner.gif") 0 0 no-repeat;}
         ul#menu li#m01 a{background:url("img/menu/member.jpg") 0 0 no-repeat;}
         ul#menu li#m02 a{background:url("img/menu/blue.jpg") 0 0 no-repeat;}
         ul#menu li#m03 a{background:url("img/menu/red.jpg") 0 0 no-repeat;}
         ul#menu li#m04 a{background:url("img/menu/gray.jpg") 0 0 no-repeat;}
		 ul#menu li#m05 a{background:url("img/menu/internet_street.jpg") 0 0 no-repeat;}
		 

         ul#menu li#m00 a:hover{background:url("img/menu/route_map_banner.gif") 0 -70px no-repeat;}
         ul#menu li#m01 a:hover{background:url("img/menu/member.jpg") 0 -70px no-repeat;}
         ul#menu li#m02 a:hover{background:url("img/menu/blue.jpg") 0 -70px no-repeat;}
         ul#menu li#m03 a:hover{background:url("img/menu/red.jpg") 0 -70px no-repeat;}
         ul#menu li#m04 a:hover{background:url("img/menu/gray.jpg") 0 -70px no-repeat;}
		 ul#menu li#m05 a:hover{background:url("img/menu/internet_street.jpg") 0 -70px no-repeat;}
		 		 
#SightSeeing{
	background:url(img/menu/blue.jpg) no-repeat
}
#SightSeeing:hover{
	background-position:0 -70px	
}
      p.about{
      margin:10px 0 10px;
      padding:10px 0 0;
      background:url("img/bg_line_orange.jpg") 0 0 no-repeat;}

      p#copyright{
      margin:0;
      padding:10px 0;
      text-align:center;
      color:#F4A62B;
      background:url("img/bg_line_orange.jpg") 0 0 no-repeat;}

   div#main{
   float:right;
   width:560px;}
   div#mapmain {
   width: 100%;
   min-height: 630px;
   _height: 630px;
   }

      #info{
      width:560px;
      height:30px;
      line-height:30px;
      margin-bottom:20px;
      background:url("img/bg_information.jpg") 0 0 no-repeat;}

      #info MARQUEE{width:455px;margin-left:100px;}


/*notice*/
p.notice{
padding:10px;
margin-bottom:20px;
line-height:1.5em;
background:#F2FAE7 url(img/bg_notice.jpg) right center no-repeat;
color:#5C8C16;}

div#foot{
margin:0 auto 0;
width:950px;
height:50px;
line-height:50px;
background:url("img/bg_foot.jpg") 0 0 no-repeat;}

/*---------------------------------------------------------------------------------
CLEARFIX-HACK
---------------------------------------------------------------------------------*/

.clearfix:after,#all:after,#contents:after,#main:after,#side:after,#menu:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix,#all,#contents,#main,#side,#menu{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix, html #all, html #contents, html #main, html #side, html #menu{height: 1%;}
.clearfix, #all, #contents, #main, #side, #menu{display: block;}
/* End hide from IE-mac */

