@charset "utf-8";
/* CSS Document */

/* トップナビゲーション */
#head_navi { 
	margin:0;
	height:32px;
	background-image:url(../images/navi.jpg);
	background-repeat:no-repeat;
}

ul.headnavi {
  margin: 0px;
  padding: 0px;
  list-style: none;
  float:left;
}

.headnavi li {
  text-indent: -9999px;
  margin-bottom:0px;
  float:left;
}

.headnavi a {
	text-decoration: none;
	overflow: hidden;
	background-image: url(../images/navi.jpg);
	background-repeat: no-repeat;
}
#h_navi1,
#h_navi1 a
{
  display: block;
  width: 70px;
  height: 32px;
  margin: 0px;
  padding: 0px;
}
#h_navi2,
#h_navi2 a,
#h_navi3,
#h_navi3 a,
#h_navi4,
#h_navi4 a,
#h_navi5,
#h_navi5 a,
#h_navi6,
#h_navi6 a
{
  display: block;
  width: 105px;
  height: 32px;
  margin: 0px;
  padding: 0px;
}
#h_navi7,
#h_navi7 a
{
  display: block;
  width: 85px;
  height: 32px;
  margin: 0px;
  padding: 0px;
}


#h_navi1 a { background-position: 0px 0px;}
#h_navi2 a { background-position: -70px 0px;}
#h_navi3 a { background-position: -175px 0px;}
#h_navi4 a { background-position: -280px 0px;}
#h_navi5 a { background-position: -385px 0px;}
#h_navi6 a { background-position: -490px 0px;}
#h_navi7 a { background-position: -595px 0px;}




#h_navi1 a:hover { background-position: 0px -100px;}
#h_navi2 a:hover { background-position: -70px -100px;}
#h_navi3 a:hover { background-position: -175px -100px;}
#h_navi4 a:hover { background-position: -280px -100px;}
#h_navi5 a:hover { background-position: -385px -100px;}
#h_navi6 a:hover { background-position: -490px -100px;}
#h_navi7 a:hover { background-position: -595px -100px;}



/* 左側ナビゲーション */

.category_left {
	margin:0;
	text-align:left;
	font-size:13px;
	font-weight:bold;
	}
.category_left ul {
	margin-left:20px;
	line-height:200%;
	}
	
.category_left li {
	margin:0;
	list-style-image: url(../title/left_yaji.gif);
	}

/* 右側ナビゲーション */

.category_right {
	margin:0;
	text-align:left;
	font-size:13px;
	margin-top:15px;
	}
.category_right ul {
	margin-left:20px;
	line-height:200%;
	}
	
.category_right li {
	margin:0;
	list-style-image: url(../title/left_yaji.gif);
	}

/* 左メニュー


#navi {
	width:190px;
	height:610px;
	padding: 0px;
	clear: both;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top:10px;
	background-image: url(../images/left_menu.jpg);
	background-repeat: no-repeat;
}

ul.navigation {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.navigation li {
  text-indent: -9999px;
  margin-bottom:0px;
}

.navigation a {
	text-decoration: none;
	overflow: hidden;
	background-image: url(../images/left_menu.jpg);
	background-repeat: no-repeat;
}

#navi1,
#navi1 a
{
  display: block;
  width: 190px;
  height: 52px;
  margin: 0px;
  padding: 0px;
}
#navi2,
#navi2 a,
#navi3,
#navi3 a,
#navi4,
#navi4 a,
#navi5,
#navi5 a,
#navi6,
#navi6 a
#navi7,
#navi7 a
#navi8,
#navi8 a
#navi9,
#navi9 a
{
  display: block;
  width: 190px;
  height: 40px;
  margin: 0px;
  padding: 0px;
}

#navi1 a { background-position: 0px 0px;}
#navi2 a { background-position: 0px -52px;}
#navi3 a { background-position: 0px -92px;}
#navi4 a { background-position: 0px -132px;}
#navi5 a { background-position: 0px -172px;}
#navi6 a { background-position: 0px -212px;}
#navi7 a { background-position: 0px -252px;}
#navi8 a { background-position: 0px -292px;}
#navi9 a { background-position: 0px -332px;}

#navi1 a:hover { background-position: -250px 0px;}
#navi2 a:hover { background-position: -250px -52px;}
#navi3 a:hover { background-position: -250px -92px;}
#navi4 a:hover { background-position: -250px -132px;}
#navi5 a:hover { background-position: -250px -172px;}
#navi6 a:hover { background-position: -250px -212px;}
#navi7 a:hover { background-position: -250px -252px;}
#navi8 a:hover { background-position: -250px -292px;}
#navi9 a:hover { background-position: -250px -332px;}


*/
/*===============================================
	各ページのボタン
================================================*/

.btn_voice a {
	display:block;
	width:180px;
	height:102px;
	text-indent:-10000px;
	background-image: url(../images/btn_voice.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.btn_voice a:hover, .btn_voice a:focus {background-position:0 -150px;}

.btn_contact a {
	display:block;
	width:180px;
	height:100px;
	text-indent:-10000px;
	background-image: url(../images/btn_contact.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top:15px;
}
.btn_contact a:hover, .btn_contact a:focus {background-position:0 -150px;}