/* ---------- 1:reset  ---------- */

html {
  overflow-y: scroll; /* Firefox scroll-on */
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: tahoma,Osaka,"‚l‚r ‚oƒSƒVƒbƒN",Arial,sans-serif;
  background-color: #ffffff;
  color: #777;
  font-size: 13px;
}

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div {
  margin: 0;
  padding: 0;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
}

h1 {
font-size:10px;
position: absolute;
top: 0px;
left: 0px;
width: 0px;
height: 0px;
text-indent:-9999px;
}

ul li,ol li {
  list-style: none;
}

table,th,td {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

table,pre,code,select,input,textarea,kbd,var,ins,del,samp {
  font-size: 13px;
  font-family: tahoma,Osaka,"‚l‚r ‚oƒSƒVƒbƒN",Arial,sans-serif;
}

address,cite,dfn,em,strong,var,th,ins,del,samp {
  font-weight: normal;
  font-style: normal;
}

a img {
  border: 0;
}

a { outline: none; }

img {
  vertical-align: top;
  border: 0;
}

fieldset {
  border: none;
}

a,a:link,a:active,a:visited{
  color:#FFF;
  text-decoration:none;
}

a:hover{
  color:#0099FF;
  text-decoration:underline;
}

/* ---------- /1:reset  ---------- */

/* ---------  2:clearfix --------- */

.clearfix:after {
  content: url(../img/pixel.gif);
  display: block;
  clear: both;
  height: 0;
}

.clearfix {
  display: inline-block;
}

.clearfix {
  display: block;
}

/* --------- /2:clearfix --------- */

/* ---------- 3:common  ---------- */

.dotbox{
padding:0 0 15px 0;
margin:0 0 15px 0;
border-bottom:dotted 1px #ccc
}

.mab15{
margin:0 0 15px 0;
}

.center{
margin:0 auto;
text-align:center;
}

/* ---------- 4:layout  ---------- */

#wrapper{
width:100%;
text-align:left;
margin:0 auto;
}

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

#header{
width:100%;
height:150px;
background-image:url(../img/bg_header.jpg);
background-repeat: repeat-x;
background-position: center top;
margin:0 auto;
}

#header-inner{
width:950px;
height:150px;
margin:0 auto;
}

#logo{
width:170px;
height:150px;
margin:0 auto;
float:left;
}

#navi{
width:420px;
height:150px;
margin:0 auto;
float:right;
}

ul#navi a {
text-decoration:none;
text-indent:-100000px;
display:block;
height:150px;
background-image:url(../img/navi.jpg);
}

#navi li {
list-style:none;
float:left;
}

a.navi1 {
width:70px;
}

a.navi1:hover,a.active1 {
background-position:0 -150px;
}

a.navi2 {
width:70px;
background-position:-70px 0;
}

a.navi2:hover,a.active2 {
background-position:-70px -150px;
}

a.navi3 {
width:70px;
background-position:-140px 0px;
}

a.navi3:hover,a.active3 {
background-position:-140px -150px;
}

a.navi4 {
width:70px;
background-position:-210px 0px;
}

a.navi4:hover,a.active4 {
background-position:-210px -150px;
}

a.navi5 {
width:70px;
background-position:-280px 0px;
}

a.navi5:hover,a.active5 {
background-position:-280px -150px;
}

a.navi6 {
width:70px;
background-position:-350px 0px;
}

a.navi6:hover,a.active6 {
background-position:-350px -150px;
}

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

#pankuzu{
width:100%;
height:26px;
background:url(../img/bg_pankuzu.jpg) repeat-x 0 0;
margin:0 auto;
color:#FFF;
}

#pankuzu-inner{
width:950px;
height:26px;
margin:0 auto;
}

#pankuzu-inner h2{
font-size:10px;
padding:7px 0 0 0;
}

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

#main{
width:950px;
background:url(../img/bg_main.jpg) repeat-y 0 0;
margin:0 auto;
}

#main-inner{
width:900px;
margin:0 auto;
padding:20px 0;
}

#main-left{
width:240px;
float:left;
}

#main-left p{
margin:0 0 10px 0;
}

#main-right{
width:640px;
float:right;
}

#main-right h3{
margin:0 0 10px 0;
}

#main-right h4{
border-left:5px solid #999;
color:#000;
margin:0 0 10px 0;
padding:0 0 0 10px;
font-size:14px;
font-weight:bold;
}

#main-right h5{
color:#000;
margin:0 0 10px 0;
font-size:14px;
font-weight:bold;
}

#main-right h6{
font-weight:bold;
font-size:13px;
}

#topimg{
width:1200px;
margin:0 auto;
}

.mapimg{
width:250px;
float:left;
}

.mapimg img{
margin:0 0 10px 0;
}

.maptext{
width:370px;
float:right;
}

.maptext p{
margin:0 0 10px 0;
}

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

table#menu td{
padding:5px 0;}

table#menu td.title{
width:500px;}

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

#footer{
width:100%;
background-image:url(../img/bg_footer.jpg);
background-repeat: repeat-x;
background-position: center top;
margin:0 auto;
}

#footer-inner{
width:950px;
margin:0 auto;
padding:30px 0 0 0 ;
}

#footer-left{
width:480px;
float:left;
}

#footer-left h3{
margin:0 0 10px 0;
}

#topics li{
margin:0 0 5px 0;
font-size:11px;
background:url(../img/bg_topics.gif) no-repeat 0 0;
padding:0 0 0 15px;
}

#footer-inner{
width:950px;
margin:0 auto;
padding:30px 0 0 0 ;
}

#footer-right{
width:430px;
text-align:right;
float:right;
}

#footer-navi{
font-size:11px;
margin:0 0 10px 0;
}

#footer-navi li{
display:inline;
}

address{
font-size:11px;
color:#fff;
}