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

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

.sp{
 margin: 0;
 padding: 0;
 clear: both;
}


/* タイポグラフィ -------- */
ul,ol,p,table,dl{
 font-size: 0.80em;
 line-height: 1.5em;
 color: #333333;
}

table{ margin: 10px 0; border-collapse: collapse; border-spacing:0;}
table p,table table{ font-size: 1.0em;}

p{
 margin: 0;
 padding: 10px 0;
}

img{border: 0;}

a{ color: #0066FF;}
a:hover{ text-decoration: none; color: #999999;}


/* -------------------------------------
	ヘッダー
 ------------------------------------- */
#header{
 width: 900px;
 margin: 0 auto 10px auto;
 padding: 0;
}

 
h1{
 width: 246px;
 height: 31px;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 float: left;
 position: absolute;
 top: 40px;
}
 
#header p.copy{
 margin: 0;
 padding: 6px 0;
 color: #FFFFFF;
 font-size: 10px;
 line-height: 1.0em;
 position: absolute;
 top: 0px;
}

ul.topnavi{
 margin: 60px 0 0 0;
 padding: 0;
 float: right;
 list-style: none;
}

ul.topnavi li{
 margin: 0;
 padding: 1px 8px 0px 10px;
 float: left;
 background: url(../img/arrow01.gif) no-repeat 0px 3px;
 font-size: 0.90em;
 line-height: 1.0em;
}

/* -------------------------------------
	グローバルナビ
 ------------------------------------- */
#grobalnavi{
 width: 900px;
 margin: 5px auto 10px auto;
 padding: 0;
}
 
#grobalnavi ul{
 width: 900px;
 height: 65px;
 margin: 0;
 padding: 0;
 list-style: none;
}

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

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

#grobalnavi ul li.navi01 a{ width: 240px; background: url(../img/grobalnavi/navi01.png) no-repeat 0 0;}
#grobalnavi ul li.navi02 a{ background: url(../img/grobalnavi/navi02.png) no-repeat 0 0;}
#grobalnavi ul li.navi03 a{ background: url(../img/grobalnavi/navi03.png) no-repeat 0 0;}
#grobalnavi ul li.navi04 a{ background: url(../img/grobalnavi/navi04.png) no-repeat 0 0;}
#grobalnavi ul li.navi05 a{ background: url(../img/grobalnavi/navi05.png) no-repeat 0 0;}

#grobalnavi ul li a:hover{ background-position: 0px -65px;}
#grobalnavi ul li a.now{ background-position: 0px -65px;}


/* -------------------------------------
	メイン
 ------------------------------------- */
#wrapper{
 width: 878px;
 margin: 10px auto 0 auto;
 padding: 15px 15px 30px 15px;
 background: url(../img/bg_main.gif) no-repeat 0 0;
}

 
#mainHanger{
 margin: 0;
 padding: 0;
 background: url(../img/other/bg_localnavi.gif) no-repeat left bottom;
}


/* -------------------------------------
	ページトップ
 ------------------------------------- */
#pagetop{
 width: 120px;
 height: 30px;
 margin: 0;
 padding: 0;
 float: right;
}

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

/* -------------------------------------
	フッター
 ------------------------------------- */
#footer{
 width: 878px;
 margin: 0 auto;
 padding: 0 15px;
 background: url(../img/bg_footer.png) no-repeat 0 0;
}

#footer p{
 margin: 0;
 padding: 10px 0;
 font-size: 0.75em;
 line-height: 1.3em;
 color: #FFFFFF;
 float: left;
}

#footernavi{
 margin: 0;
 padding: 0;
 float: right;
}

#footernavi ul{
 margin: 10px;
 padding: 0;
 font-size: 0.80em;
 color: #FFFFFF;
 list-style: none;
 float: left;
}

#footernavi ul li{
 margin: 0;
 padding: 2px 5px 2px 15px;
 background: url(../img/arrow05.gif) no-repeat 0px 6px;
}

#footernavi ul li a{ color: #FFFFFF;}
#footernavi ul li a:hover{ text-decoration: none;}

#footernavi ul ul.sub{
 margin: 0;
 padding: 0;
 line-height: 1.3em;
 color: #FFFFFF;
 list-style: none;
 float: left;
}

#footernavi ul li ul.sub li{
 margin: 0;
 padding: 2px 5px 2px 15px;
 background: url(../img/arrow06.gif) no-repeat 0px 2px;
}

#footernavi ul li ul.sub li a{ color: #FFFFFF;}
#footernavi ul li ul.sub li a:hover{ text-decoration: none;}