﻿@charset "utf-8";

div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset{
 margin:0;
 padding:0;
}

html{
 width:98%;
 margin:0 auto;
 padding:0 1%;
 overflow:scroll;
 overflow:-moz-scrollbars-vertical;
 overflow-x:scroll;
}

body{
 width:100%;
 margin:0 auto;
 padding:0;
 min-width:700px;
 max-width:150em;
}

table{
 empty-cells:show;
 border-spacing:0;
 font-size:inherit;
 font:100%;
}

.hidden{
 position:absolute;
 top:0;
 left:0;
 width:0;
 height:0;
 overflow:hidden;
}


/* ---------- #wrapper ---------- */

#wrapper{
 position:relative;
 width:100%;
 margin:0;
 padding:0;
}

/* for IE 6 */
* html body div#wrapper{
 width:800px;
 margin:0 auto;
}

/* ---------- #wrapper end ---------*/

/* ---------- #header ---------- */
#header{
 clear:both;
 position:relative;
 width:100%;
 height:100px;
 padding:4px 0 0;
 background:#ccf url("../images/headerbg.gif") top left repeat-x;
}

#header img{
 border:none;
}

#header div#headtitle{
 position:relative;
 float:left;
 width:100%;
 height:100px;
 margin:0 -184px 0 0;
 padding:0;
}

#header div#headtitle p{
 margin:0 184px 0 0;
 padding:0;
}

#header div#headtitle p#imagecastle{
 position:absolute;
 top:0;
 right:0;
}

#header div#headtitle p#imagepatoandbike{
 position:absolute;
 bottom:3px;
 left:0;
}

#header div#headside{
 position:relative;
 float:right;
 width:180px;
 margin:0 0 0 -180px;
 padding:0;
 list-style-type:none;
}

#header div#headside ul#includenavi{
 position:absolute;
 top:0;
 left:0;
 width:90px;
 margin:0;
 padding:0;
 list-style:none;
}

#header div#headside ul#includenavi li{
 position:relative;
 margin:1px 0;
 padding:0;
 height:30px;
}

#header div#headside ul#includenavi li img{
 vertical-align:bottom;
}


#header div#headside p#kisyuukun{
 position:absolute;
 top:0;
 left:95px;
 width:88px; 
 height:100px;
 margin:0;
 padding:0;
}

/* ---------- header end ---------- */


/* ---------- sitesearch start ---------- */

div#sitesearch{
 float:right;
 margin:2px 0;
 padding:1px 0 1px 94px;
 background:url("../images/sitesearch.gif") center left no-repeat;
}

/* ---------- sitesearch end ---------- */

/* ---------- glnavi --------- */

#glnavi{
 clear:both;
 position:relative;
 width:100%;
 height:30px;
 margin:4px 0;
 padding:0;
 border-bottom:2px solid #555;
}

#glnavi ul{
 width:700px;
 margin:0 auto;
}

#glnavi ul li{ 
 float:left;
 width:100px;
 height:30px;
 margin:0;
 padding:0;
 list-style-type:none;
}

div#glnavi ul li a{
 display:block;
 width:100px;
 height:30px;
 text-indent:-9999em;
 overflow:hidden;
}

/* --------- glnavi for print ---------- */

@media print{

 div#glnavi ul li,div#glnavi ul li a{
  background-image:none !important;
  width:96px;
  font-size:96%;
  text-indent:0em;
  text-align:center;
 }
}
 
/* ---------- glnavi for print end ---------- */


/* ------glnavi toppage ------ */

div#glnavi ul li#topnormal{
 background:url("../images/glnavi/botton-top.gif") 0px -30px no-repeat;
}

div#glnavi ul li#topnormal a{
 background:url("../images/glnavi/botton-top.gif") 0px 0px no-repeat;
}

div#glnavi ul li#topnormal a:hover,div#glnavi ul li#topnormal a:focus{
 background:none;
}

div#glnavi ul li#topactive{
 background:url("../images/glnavi/botton-top.gif") 0px -60px no-repeat;
}


/* ------glnavi notice ------ */

div#glnavi ul li#noticenormal{
 background:url("../images/glnavi/botton-notice.gif") 0px -30px no-repeat;
}

div#glnavi ul li#noticenormal a{
 background:url("../images/glnavi/botton-notice.gif") 0px 0px no-repeat;
}

div#glnavi ul li#noticenormal a:hover,div#glnavi ul li#noticenormal a:focus{
 background:none;
}

div#glnavi ul li#noticeactive{
 background:url("../images/glnavi/botton-notice.gif") 0px -60px no-repeat;
}

/* ------glnavi traffic ------ */

div#glnavi ul li#trafficnormal{
 background:url("../images/glnavi/botton-traffic.gif") 0px -30px no-repeat;
}

div#glnavi ul li#trafficnormal a{
 background:url("../images/glnavi/botton-traffic.gif") 0px 0px no-repeat;
}

div#glnavi ul li#trafficnormal a:hover,div#glnavi ul li#trafficnormal a:focus{
 background:none;
}

div#glnavi ul li#trafficactive{
 background:url("../images/glnavi/botton-traffic.gif") 0px -60px no-repeat;
}

/* ------glnavi inform ------ */

div#glnavi ul li#informnormal{
 background:url("../images/glnavi/botton-inform.gif") 0px -30px no-repeat;
}

div#glnavi ul li#informnormal a{
 background:url("../images/glnavi/botton-inform.gif") 0px 0px no-repeat;
}

div#glnavi ul li#informnormal a:hover,div#glnavi ul li#informnormal a:focus{
 background:none;
}

div#glnavi ul li#informactive{
 background:url("../images/glnavi/botton-inform.gif") 0px -60px no-repeat;
}

/* ------glnavi consult ------ */

div#glnavi ul li#consultnormal{
 background:url("../images/glnavi/botton-consult.gif") 0px -30px no-repeat;
}

div#glnavi ul li#consultnormal a{
 background:url("../images/glnavi/botton-consult.gif") 0px 0px no-repeat;
}

div#glnavi ul li#consultnormal a:hover,div#glnavi ul li#consultnormal a:focus{
 background:none;
}

div#glnavi ul li#consultactive{
 background:url("../images/glnavi/botton-consult.gif") 0px -60px no-repeat;
}

/* ------glnavi statistics ------ */

div#glnavi ul li#statnormal{
 background:url("../images/glnavi/botton-stat.gif") 0px -30px no-repeat;
}

div#glnavi ul li#statnormal a{
 background:url("../images/glnavi/botton-stat.gif") 0px 0px no-repeat;
}

div#glnavi ul li#statnormal a:hover,div#glnavi ul li#statnormal a:focus{
 background:none;
}

div#glnavi ul li#statactive{
 background:url("../images/glnavi/botton-stat.gif") 0px -60px no-repeat;
}

/* ------glnavi organ ------ */

div#glnavi ul li#organnormal{
 background:url("../images/glnavi/botton-organ.gif") 0px -30px no-repeat;
}

div#glnavi ul li#organnormal a{
 background:url("../images/glnavi/botton-organ.gif") 0px 0px no-repeat;
}

div#glnavi ul li#organnormal a:hover,div#glnavi ul li#organnormal a:focus{
 background:none;
}

div#glnavi ul li#organactive{
 background:url("../images/glnavi/botton-organ.gif") 0px -60px no-repeat;
}

/* ---------- glnavi end ---------- */


/* ---------- footer ---------- */

#footer{
 clear:both;
 position:static;
 margin:0;
 padding:5px 0;
}

#footer div.inquire{
 margin:0;
 padding:1em;
 background:#ccf url("../images/footerbg.gif") bottom left repeat-x;
}

#footer div.inquire p{
 width:30em;
 margin:0.2em auto;
}

/* ---------- footer end ---------- */
