@charset "Shift_JIS";
#nav1,#nav2,#nav3{
  float : none;
  width : 950px;
  font-size : 12px;
  height : 18px;
  color : white;
}
.nav1-category{
  background-image : url(image/gray_top.png);
  background-repeat : no-repeat;
  width : 100px;
  height : 25px;
  padding-top : 5px;
  display : block;
}
.nav1-side{
  background-image : url(image/gray.png);
  background-repeat : repeat-x;
  width : 120px;
  height : 25px;
  padding-top : 5px;
  border-left-width : 1px;
  border-left-style : dotted;
  border-left-color : silver;
  display : block;
}
.nav2-category{
  /*  background-image : url(image/hada_top.png);
  background-repeat : no-repeat;
  */
  width : 150px;
  height : 23px;
  display : block;
  color : #f8d97e;
}
.nav2-side{
  /*  background-image : url(image/hada.png);
  background-repeat : repeat-x;
  */
  width : 120px;
  height : 23px;
  /*  border-left-width : 1px;
  border-left-style : dotted;
  border-left-color : silver;
  */
  display : block;
  color : white;
}
.nav3-category{
  background-image : url(image/pink_top.png);
  background-repeat : no-repeat;
  width : 100px;
  height : 25px;
  padding-top : 5px;
  display : block;
}
.nav3-side{
  background-image : url(image/pink.png);
  background-repeat : repeat-x;
  width : 140px;
  height : 25px;
  padding-top : 5px;
  border-left-width : 1px;
  border-left-style : dotted;
  border-left-color : silver;
  display : block;
  color : blue;
  text-decoration : underline;
}
.kensaku-category{
  color : gray;
  background-image : url(image/mushi_megane.png);
  background-repeat : no-repeat;
  float : left;
  margin-left : 60px;
  padding-left : 20px;
  margin-top : 5px;
  font-size : 10px;
}
.kensaku-side{
  float : left;
  padding-left : 20px;
  margin-top : 5px;
  color : black;
  font-size : 10px;
}
.kensaku-side a{
  color: navy;
}
a:hover.nav1-category,a:hover.nav1-side,a:hover.nav2-category,a:hover.nav2-side,a:hover.nav3-category,a:hover.nav3-side{
  /* hpb-navバナー hover */
  background-position: top right;
/* 背景画像の表示開始基準を右上に変更 */
}
.banner2-top{
  display : block;
  background-image : url(image/banner_1E_10.png);
  background-repeat: no-repeat;
  background-position: left top;
  width : 173px;
  /* 画像1枚分の横幅 */
  height : 25px;
  /* 画像1枚分の高さ */
  padding-left : 27px;
  padding-top : 7px;
}
.banner2-top-h{
  display : block;
  background-image : url(image/banner_1E_10-h.png);
  background-repeat: no-repeat;
  background-position: left top;
  width : 173px;
  /* 画像1枚分の横幅 */
  height : 28px;
  /* 画像1枚分の高さ */
  padding-left : 27px;
  padding-top : 10px;
}
.banner2-middle{
  display : block;
  background-image : url(image/banner_1E_07.png);
  background-repeat : no-repeat;
  background-position: top left;
  width : 155px;
  /* 画像1枚分の横幅 */
  height : 22px;
  /* 画像1枚分の高さ */
  padding-left : 45px;
  padding-top : 1px;
}
.banner2-end{
  display: block;
  background-image : url(image/banner_1E_08.png);
  background-repeat: no-repeat;
  background-position: left top;
  width : 155px;
  /* 画像1枚分の横幅 */
	height : 26px;
  /* 画像1枚分の高さ */
	padding-left : 45px;
  padding-top : 1px;
}
.banner2-top-end{
  display: block;
  background-image : url(image/banner_1E_11.png);
  background-repeat: no-repeat;
  background-position: left top;
  width : 165px;
  /* 画像1枚分の横幅 */
	height : 28px;
  /* 画像1枚分の高さ */
	padding-left : 35px;
  padding-top : 7px;
}
#banner_kyoto a:hover.banner2-top {
  /* 中間 バナー hover*/
  background-position: top right;
/* 背景画像の表示開始基準を右上に変更 */
}
#banner2 a:hover.banner2-top {
  /* 中間 バナー hover*/
  background-position: right top;
/* 背景画像の表示開始基準を右上に変更 */
}
#banner2 a:hover.banner2-top-h {
  /* 中間 バナー hover*/
  background-position: right top;
/* 背景画像の表示開始基準を右上に変更 */
}
#banner2 a:hover.banner2-middle {
  /* 中間 バナー hover*/
  background-position: top right;
/* 背景画像の表示開始基準を右上に変更 */

  
}
#banner2 a:hover.banner2-end {
  /* 中間 バナー hover*/
  background-position: top right;
/* 背景画像の表示開始基準を右上に変更 */

  
}
#banner2 a:hover.banner2-top-end {
  /* 中間 バナー hover*/
  background-position: top right;
/* 背景画像の表示開始基準を右上に変更 */
}
/*ここから京都用  */
.banner2_kyoto-top{
  display : block;
  background-image: url(image/banner_k_1E_02.png);
  background-repeat: no-repeat;
  background-position: left top;
  width: 160px;
  /* 画像1枚分の横幅 */
  height: 22px;
  /* 画像1枚分の高さ */
  padding-left: 40px;
  padding-top: 3px;
}
.banner2_kyoto-middle{
  display : block;
  background-image : url(image/banner_k_1E_07.png);
  background-repeat : no-repeat;
  background-position: top left;
  width: 145px;
  /* 画像1枚分の横幅 */
  height : 22px;
  /* 画像1枚分の高さ */
  padding-left : 55px;
  padding-top : 3px;
}
.banner2_kyoto-end{
  display: block;
  background-image : url(image/banner_k_1E_08.png);
  background-repeat: no-repeat;
  background-position: left top;
  width: 145px;
  /* 画像1枚分の横幅 */
	height: 22px;
  /* 画像1枚分の高さ */
	padding-left: 55px;
  padding-top: 3px;
}
#banner_kyoto a:hover.banner2_kyoto-top {
  /* 中間 バナー hover*/
  background-position: top right;
/* 背景画像の表示開始基準を右上に変更 */
}
#banner_kyoto a:hover.banner2_kyoto-middle {
  /* 中間 バナー hover*/
  background-position: top right;
/* 背景画像の表示開始基準を右上に変更 */
}
#banner_kyoto a:hover.banner2_kyoto-end {
  /* 中間 バナー hover*/
  background-position: top right;
/* 背景画像の表示開始基準を右上に変更 */
}
#banner_selection{
  width : 193px;
  height : 750px;
  border-left-width : 5px;
  border-right-width : 1px;
  border-bottom-width : 3px;
  border-left-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-left-color : #bc1a19;
  border-right-color : #bc1a19;
  border-bottom-color : #bc1a19;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : #bc1a19;
}
#banner_selection table{
  float : none;
  background-position : center center;
  margin-left : 7px;
}