@charset "Shift_JIS";

/*全体を格納*/
#wrapper {
	width: 760px;
	margin:0px auto;
	text-align: center;
}

/*ヘッダー*/
#header {
	width: 573px;
	height: 60px;
	background-image: url(../img/head.png);
	background-repeat: no-repeat;
	text-align: left;
	float: left;
}
.head-navi {
	padding-top: 20px;
}

/*ボックス*/
#contents {
	width: 760px;
	background-color: #EEEEED;
}
* html #contents {
	width: 760px;
	background-color: #EEEEED;
	margin-top: -17px;
}

/*ヘッダーメニュー*/
#navi {
	height: 251px;
	width: 708px;
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
	list-style: none;
	margin:0px auto;
	text-align: center;
}
* html #navi {
	height: 251px;
	width: 708px;
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
	list-style: none;
	margin-left: 5px;
}
#navi p{
	list-style: none;
	width: 708px;
}
#navi p a{
	display: block;
	text-decoration: none;
	background-image: url(../img/menu.jpg);
}
a#m1{
	height: 45px;
	background-position:0px 0px;
}
a#m2{
	height: 22px;
	background-position:0px -45px;
}
a#m3{
	height: 24px;
	background-position:0px -67px;
}
a#m4{
	height: 26px;
	background-position:0px -91px;
}
a#m5{
	height: 29px;
	background-position:0px -117px;
}
a#m6{
	height: 29px;
	background-position:0px -146px;
}
a#m7{
	height: 29px;
	background-position:0px -175px;
}
a#m8{
	height: 27px;
	background-position:0px -204px;
}

a:hover#m1{
	background-position:-708px -251px;
}
a:hover#m2{
	background-position:-708px -296px;
}
a:hover#m3{
	background-position:-708px -318px;
}
a:hover#m4{
	background-position:-708px -342px;
}
a:hover#m5{
	background-position:-708px -368px;
}
a:hover#m6{
	background-position:-708px -397px;
}
a:hover#m7{
	background-position:-708px -426px;
}
a:hover#m8{
	background-position:-708px -455px;
}

#head-menu p:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*ボックス*/
#colum {
	clear:both;
	margin-right: 20px;
	margin-left: 20px;
}

/*ダウンメニュー*/
.down-menu {
	text-align: center;
	clear:both;
	padding-top: 20px;
	padding-bottom: 20px;
}
#footer {
	background-image: url(../img/foot-bg.jpg);
	background-repeat: repeat-x;
	height: 40px;
}
#copy {
	padding-top: 5px;
	width: 760px;
	margin:0px auto;
	text-align: center;
	background-color: #EEEEED;
}