/* CSS Document */

body{
 margin: 0;
 padding: 0;
 font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "MS PGothic" , Arial , Osaka , sans-serif;
 background: url(../img/bg_line.gif) repeat-x 0 0;
}

.clear{
 width: 0;
 height: 0;
 margin: 0;
 padding: 0;
 font-size: 0;
 line-height: 0;
 clear: both;
}

#wrapper{
 margin: 0;
 padding: 0;
}

/* タイポグラフィー -------- */
a{ color: #003366;}
a:hover{ color: #999999; text-decoration: none;}

img{ border: none;}

p,ul,table,dl,ol{ font-size: 0.85em; line-height: 1.5em;}


/* -------------------------------------
	Header
 ------------------------------------- */
#header{
 width: 940px;
 margin: 0 auto;
 padding: 0;
}

h1{
 margin: 15px 0;
 padding: 0;
 float: left;
}

#header ul{
 margin: 30px 10px 0 0;
 padding: 0 0 15px 0;
 font-size: 0.75em;
 list-style: none;
 float: right;
}

#header ul li{
 margin: 0 10px 0 0;
 padding: 0 0 0 25px;
 float: left;
 background: url(../img/arrow03.gif) no-repeat 5px 3px;
}

#header ul li a{
 text-decoration: none;
}

/* GrobalNavi -------- */
#grobalnavi{
 margin: 0 0 10px 0;
 padding: 0;
}

#grobalnavi ul{
 width: 900px;
 height: 40px;
 margin: 0 auto;
 padding: 0;
 list-style: none;
}

#grobalnavi ul li{
 margin: 0;
 padding: 0;
 float: left;
}

#grobalnavi ul li a{
 width: 180px;
 height: 40px;
 margin: 0;
 padding: 0;
 display: block;
 text-indent: -99999px;
 /*\*/overflow: hidden;/* */
}

#grobalnavi ul li.navi01 a{ background: url(../img/grobalnavi/navi01.gif) no-repeat 0 0;}
#grobalnavi ul li.navi02 a{ background: url(../img/grobalnavi/navi02.gif) no-repeat 0 0;}
#grobalnavi ul li.navi03 a{ background: url(../img/grobalnavi/navi03.gif) no-repeat 0 0;}
#grobalnavi ul li.navi04 a{ background: url(../img/grobalnavi/navi04.gif) no-repeat 0 0;}
#grobalnavi ul li.navi05 a{ background: url(../img/grobalnavi/navi05.gif) no-repeat 0 0;}
#grobalnavi ul li a.now{ background-position: 0px -40px;}
#grobalnavi ul li a:hover{ background-position: 0px -40px;}

#grobalnavi.info ul li.navi01 a{ background-position: 0px -40px;}
#grobalnavi.shop ul li.navi02 a{ background-position: 0px -40px;}
#grobalnavi.service ul li.navi03 a{ background-position: 0px -40px;}
#grobalnavi.shokunou ul li.navi04 a{ background-position: 0px -40px;}
#grobalnavi.magazine ul li.navi05 a{ background-position: 0px -40px;}

/* -------------------------------------
	Contents
 ------------------------------------- */
#wrapper{
 width: 900px;
 margin: 0 auto;
 padding: 0;
}

.left{ float: left;}
.right{ float: right;}


#pagetop{
 width: 120px;
 height: 25px;
 margin: 20px 0 0 0;
 padding: 0;
 float: right;
}

#pagetop p a{
 width: 120px;
 height: 25px;
 margin: 0;
 padding: 0;
 display: block;
 text-indent: -99999px;
 /*\*/overflow: hidden;/* */
 background: url(../img/pagetop.gif) no-repeat 0 0;
}

#pagetop p a:hover{ background-position: 0px -25px;}

/* -------------------------------------
	Footer
 ------------------------------------- */
#footer{
 margin: 0;
 padding: 0;
 background: url(../img/bg_footer.png) repeat-x 0 0;
}

#footer .inner{
 width: 920px;
 height: 60px;
 margin: 0 auto;
 padding: 90px 0 0 0;
 background: url(../img/bg_footer01.png) no-repeat 0 0;
}

#footer ul{
 margin: 0 auto 1px auto;
 padding: 0 0 15px 0;
 font-size: 0.70em;
 list-style: none;
}

#footer ul li{
 margin: 0 10px 0 0;
 padding: 0 0 0 20px;
 float: left;
 background: url(../img/arrow03.gif) no-repeat 5px 0px;
}

#footer ul li a{
 text-decoration: none;
}

#footer p{
 margin: 0 auto;
 padding: 0;
 color: #999999;
 font-size: 0.75em;
 text-align: center;
}