@charset "Shift_JIS";

/* 基本のレイアウト
---------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	color: #666666;
	font-size: 12px;
	line-height: 1.4;
	background-color: #ffffff;
}

#container {
  position: relative;
  margin: 0 auto;
  padding: 0px 0px 0px 0px;
  width: 900px;
}

.logo {
 margin: 0;
 padding: 0;
 float: left;
}

#header {
	width:900px;
	height:10px;
	margin:0;
	padding:0;
	background-color:#0D0D0D;
	}
	
#footer {
	width:900px;
	height:10px;
	margin:0;
	padding:0;
	background-color:#0D0D0D;
	}


.content {
	margin: 0;
	padding: 0;
	width: 900px;
	float: right;
}

.logocol {
 margin: 0;
 padding: 0px 0px 0px 0px;
 width: 250px;
 float:left;
}


.menucol {
 margin: 0;
 padding: 0px 0px 0px 0px;
 width: 250px;
 float:left;
}

.maincol {
 margin: 0;
 padding: 0px 0px 0px 0px;
 width: 400px;
 float:left;
}

h1 {
 margin: 0;
 padding: 0px 0px 0px 0px;
 width: 400px;
}

hr{
  clear: both;
  visibility: hidden;
  padding: 20px 0px 0px 0px;
  margin: 0;
  border: none; 
}

.pagetop a{
 margin: 0;
 padding: 0px 0px 10px 0px;
 width: 80px;
 height: 10px;
 background-image: url(img/pagetop.gif);
 background-repeat: no-repeat;
 float:right;
 text-indent: -9999px;
 text-decoration: none;
}

#copyright {
  display: block;
  margin: 0;
  padding: 0;
  width: 900px;
  background-image: url(img/copyright.gif);
  background-repeat: no-repeat;
  text-indent: -9999px;
  clear:both;
}


/* メニュー
---------------------------------------------------- */
.menu_top{
  margin: 0;
  padding: 0;
  width: 250px;
  height:24px;
  background-image: url(img/menu_top.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}


#menu{
  margin: 0px 0px 0px 0px;
  padding: 0;
  width: 250px;
}

#menu p {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
  width: 250px;
  text-indent: -9999px;
}

#menu p a {
  display: block;
  padding: 0;
  margin: 0;
  width: 250px;
  height: 68px;
  text-decoration: none;
  background-image: url(img/menu.jpg);
  background-repeat: no-repeat;
}

#menu p#shop { height: 68px; }
#menu p#event { height: 68px; }
#menu p#access { height: 68px; }


#menu p#shop a { background-position:   
  0 0; }
#menu p#event a { background-position:  0px
-68px; }
#menu p#access a { background-position:
0px -136px; }


#menu p#shop a:hover  { background-position:   
  -250px 0px; }
#menu p#event a:hover  { background-position: -250px
-68px; }
#menu p#access a:hover { background-position:
-250px -136px; }

#menu p#shop.current-page { background: url(img/menu.jpg) -250px 0px;  }
#menu p#event.current-page { background: url(img/menu.jpg) -250px -68px; }
#menu p#access.current-page { background: url(img/menu.jpg) -250px -68px; }

/* メニュー2
---------------------------------------------------- */
#menu_2{
  margin: 0px 0px 0px 0px;
  padding: 0;
  width: 250px;
}

#menu_2 p {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
  width: 250px;
  text-indent: -9999px;
}

#menu_2 p a {
  display: block;
  padding: 0;
  margin: 0;
  width: 250px;
  height: 40px;
  text-decoration: none;
  background-image: url(img/menu_2.jpg);
  background-repeat: no-repeat;
}

#menu_2 p#contact { height: 40px; }
#menu_2 p#web { height: 40px; }



#menu_2 p#contact a { background-position:   
  0 0; }
#menu_2 p#web a { background-position:  0px
-40px; }



#menu_2 p#contact a:hover  { background-position:   
  -250px 0px; }
#menu_2 p#web a:hover  { background-position: -250px
-40px; }


#menu_2 p#contact.current-page { background: url(img/menu_2.jpg) -250px 0px;  }
#menu_2 p#web.current-page { background: url(img/menu_2.jpg) -250px -40px; }

/* メニュー3
---------------------------------------------------- */
.menu_3_top{
  margin: 0;
  padding: 0;
  width: 250px;
  height:29px;
  background-image: url(img/menu_3_top.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}



#menu_3{
  margin: 0px 0px 0px 0px;
  padding: 0;
  width: 250px;
}

#menu_3 p {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
  width: 250px;
  text-indent: -9999px;
}

#menu_3 p a {
  display: block;
  padding: 0;
  margin: 0;
  width: 250px;
  height: 40px;
  text-decoration: none;
  background-image: url(img/menu_3.jpg);
  background-repeat: no-repeat;
}

#menu_3 p#official { height: 40px; }
#menu_3 p#blog { height: 40px; }



#menu_3 p#official a { background-position:   
  0 0; }
#menu_3 p#blog a { background-position:  0px
-40px; }



#menu_3 p#official a:hover  { background-position:   
  -250px 0px; }
#menu_3 p#blog a:hover  { background-position: -250px
-40px; }


#menu_3 p#official.current-page { background: url(img/menu_3.jpg) -250px 0px;  }
#menu_3 p#blog.current-page { background: url(img/menu_3.jpg) -250px -40px; }