@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;
  background-color: #997169;
}

.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;
}

.logocol {
	margin: 0;
	padding: 0px 0px 0px 0px;
	width: 900px;
	float:left;
	background: #FFFFFF;
}


.menucol {
	margin: 0;
	padding: 0px 0px 0px 0px;
	width: 208px;
	float:left;
	background: #997169;
}

.maincol {
 margin: 0;
 padding: 0px 0px 0px 0px;
 width: 650px;
 float:left;
 background: #997169;
}
.textcol {
	margin: 0;
	padding: 0px 0px 0px 0px;
	width: 442px;
	float:left;
	font-size: 10px;
	font-color: #FFFFFF;
	background-color: #997169;
}

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;
  height:10px;
  background-image: url(img/copyright.gif);
  background-repeat: no-repeat;
  text-indent: -9999px;
  clear:both;
}

/* 内容
---------------------------------------------------- */
.naiyou_top{
  margin: 0;
  padding: 0;
  width: 442px;
  height:53px;
  background-image: url(img/top_img.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;

}

#pankuzu{
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 32px 20px;
  width: 190px;
  sfloat:left;
 
}


#naiyou{
  margin: 0px 0px 0px 0px;
  padding: 0;
  width: 442px;
}







/* メニュー
---------------------------------------------------- */
#menu{
  margin: 0px 0px 0px 0px;
  padding: 0;
  width: 208px;
}

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

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


#menu p#event { height: 70px; }
#menu p#access { height: 70px; }


#menu p#event a { background-position:   
  0 0; }
#menu p#access a { background-position:  0px
-70px; }



#menu p#event a:hover  { background-position:  -208px
0px; }
#menu p#access a:hover  { background-position: -208px
-70px; }

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

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

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

#menu_2 p a {
  display: block;
  padding: 0;
  margin: 0;
  width: 208px;
  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:   
  -208px 0px; }
#menu_2 p#web a:hover  { background-position: -208px
-40px; }


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

/* メニュー3
---------------------------------------------------- */
.menu_3_top{
  margin: 0;
  padding: 0;
  width: 208px;
  height:25px;
  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: 208px;
}

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

#menu_3 p a {
  display: block;
  padding: 0;
  margin: 0;
  width: 208px;
  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:   
  -208px 0px; }
#menu_3 p#blog a:hover  { background-position: -208px
-40px; }


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