@charset "utf-8";


#content-kizai2{
	height: 1000px;
}

#open-order{
	height: 990px;
	width: 480px;
}

.color-item{
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	font-weight: normal;
	color: #333;
	text-align: center;
	float: left;
	width: 92px;
	margin-right: 2px;
	padding-bottom: 5px;
}


/* CSS Document */


/* トップナビゲーション*/ 


#course_navi{
	height:120px;
	background-image:url(../images/contents_navi.jpg);
	background-repeat:no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

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

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

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

#c_navi1,

#c_navi1 a{
	display: block;
	width: 165px;
	height: 120px;
	margin: 0px;
	padding: 0px;
}

#c_navi2,

#c_navi2 a{
	display: block;
	width: 170px;
	height: 120px;
	margin: 0px;
	padding: 0px;
}

#c_navi3,

#c_navi3 a{
	display: block;
	width: 165px;
	height: 120px;
	margin: 0px;
	padding: 0px;
}

#c_navi1 a{
	background-position: 0px 0px;
}

#c_navi2 a{
	background-position: -170px 0px;
}

#c_navi3 a{
	background-position: -335px 0px;
}

#c_navi1 a:hover{
	background-position: 0px -150px;
}

#c_navi2 a:hover{
	background-position: -170px -150px;
}

#c_navi3 a:hover{background-position: -335px -150px;
}


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


.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:195px;
	height:770px;
	padding: 0px;
	clear: both;
	margin:0;
	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: 195px;
  height: 50px;
  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,
#navi10,
#navi10 a,
#navi11,
#navi11 a,
#navi12,
#navi12 a,
#navi13,
#navi13 a,
#navi14,
#navi14 a,
#navi15,
#navi15 a,
#navi16,
#navi16 a,

#navi17,

#navi17 a{
  display: block;
  width: 195px;
  height: 45px;
  margin: 0px;
  padding: 0px;
}

#navi1 a { background-position: 0px 0px;}
#navi2 a { background-position: 0px -50px;}
#navi3 a { background-position: 0px -95px;}
#navi4 a { background-position: 0px -140px;}
#navi5 a { background-position: 0px -185px;}
#navi6 a { background-position: 0px -230px;}
#navi7 a { background-position: 0px -275px;}
#navi8 a { background-position: 0px -320px;}
#navi9 a { background-position: 0px -365px;}
#navi10 a { background-position: 0px -410px;}
#navi11 a { background-position: 0px -455px;}
#navi12 a { background-position: 0px -500px;}
#navi13 a { background-position: 0px -545px;}
#navi14 a { background-position: 0px -590px;}
#navi15 a { background-position: 0px -635px;}
#navi16 a { background-position: 0px -680px;}
#navi17 a { background-position: 0px -725px;}

#navi1 a:hover { background-position: -250px 0px;}
#navi2 a:hover { background-position: -250px -50px;}
#navi3 a:hover { background-position: -250px -95px;}
#navi4 a:hover { background-position: -250px -140px;}
#navi5 a:hover { background-position: -250px -185px;}
#navi6 a:hover { background-position: -250px -230px;}
#navi7 a:hover { background-position: -250px -275px;}
#navi8 a:hover { background-position: -250px -320px;}
#navi9 a:hover { background-position: -250px -365px;}
#navi10 a:hover { background-position: -250px -410px;}
#navi11 a:hover { background-position: -250px -455px;}
#navi12 a:hover { background-position: -250px -500px;}
#navi13 a:hover { background-position: -250px -545px;}
#navi14 a:hover { background-position: -250px -590px;}
#navi15 a:hover { background-position: -250px -635px;}
#navi16 a:hover { background-position: -250px -680px;}
#navi17 a:hover { background-position: -250px -725px;}


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


.btn_contact a{
	display:block;
	width:180px;
	height:45px;
	text-indent:-10000px;
	background-image: url(../images/btn_contact.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow:hidden;
}

.btn_contact a:hover,

.btn_contact a:focus{
	background-position:0 -100px;
}

.btn_reservation a{
	display:block;
	width:180px;
	height:45px;
	text-indent:-10000px;
	background-image: url(../images/btn_reservation.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow:hidden;
}

.btn_reservation a:hover,

.btn_reservation a:focus{
	background-position:0 -100px;
}

.btn_price a{
	display:block;
	width:215px;
	height:50px;
	text-indent:-10000px;
	background-image: url(../images/btn_price.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top:15px;
	margin-left:150px;
}

.btn_price a:hover,

.btn_price a:focus{
	background-position:0 -95px;
}

.btn_contact-s a{
	display:block;
	width:215px;
	height:50px;
	text-indent:-10000px;
	background-image: url(../images/btn_contact_s.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top:15px;
	margin-left:150px;
}

.btn_contact-s a:hover,

.btn_contact-s a:focus{
	background-position:0 -95px;
}

.btn_blog a{
	display:block;
	width:180px;
	height:100px;
	text-indent:-10000px;
	background-image: url(../images/btn_blog.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top:15px;
}

.btn_blog a:hover,

.btn_blog a:focus{
	background-position:0 -146px;
}

.btn_hoshino a{
	display:block;
	width:180px;
	height:108px;
	text-indent:-10000px;
	background-image: url(../images/btn_hoshino.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top:15px;
}

.btn_hoshino a:hover,

.btn_hoshino a:focus{
	background-position:0 -200px;
}

.btn_campaign a{
	display:block;
	width:500px;
	height:100px;
	text-indent:-10000px;
	background-image: url(../images/btn_campaign.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top:10px;
	margin-bottom:20px;
}

.btn_campaign a:hover,

.btn_campaign a:focus{
	background-position:0 -150px;
}

.btn_shop1 a{
	display:block;
	width:500px;
	height:150px;
	text-indent:-10000px;
	background-image: url(../shop/images/btn_shop1.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top:5px;
}

.btn_shop1 a:hover,

.btn_shop1 a:focus{
	background-position:0 -200px;
	}

.btn_shop2 a{
	display:block;
	width:500px;
	height:155px;
	text-indent:-10000px;
	background-image: url(../shop/images/btn_shop2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top:5px;
}

.btn_shop2 a:hover,

.btn_shop2 a:focus{
	background-position:0 -200px;
}

.btn_shop3 a{
	display:block;
	width:500px;
	height:165px;
	text-indent:-10000px;
	background-image: url(../shop/images/btn_shop3.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top:5px;
}

.btn_shop3 a:hover,

.btn_shop3 a:focus{
	background-position:0 -200px;
}

.btn_shop4 a{
	display:block;
	width:500px;
	height:165px;
	text-indent:-10000px;
	background-image: url(../shop/images/btn_shop4.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top:5px;
}

.btn_shop4 a:hover,

.btn_shop4 a:focus{
	background-position:0 -200px;
}

.btn_tour a{
	display:block;
	width:495px;
	height:60px;
	text-indent:-10000px;
	background-image: url(../images/btn_tour.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top:15px;
}

.btn_tour a:hover,

.btn_tour a:focus{
	background-position:0 -100px;
}

.instructor{
	text-align:left;
	font-size:13px;
	padding-left:5px;
	border: 0.25mm solid #CCCCCC;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:5px;
}

.instructor_img{
	margin-top:10px;
	margin-right:5px;
	float:left
}

.right_content{
	margin-top:15px;
}

.color-variety{
	padding: 3px;
	width: 482px;
	margin-top: 3px;
	margin-bottom: 10px;
	margin-left: 4px;
}

#content-kizai{
	line-height: 160%;
}

.color-item2{
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	font-weight: normal;
	color: #333;
	text-align: center;
	float: left;
	width: 65px;
	margin-right: 2px;
	padding-bottom: 5px;
	line-height: 9px;
}

#about-purchase{
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 14px;
	line-height: 16px;
	color: #333;
	width: 490px;
	margin-top: 6px;
	padding-bottom: 10px;
	padding-left: 6px;
	padding-top: 6px;
	padding-right: 4px;
}

#order{
	text-align: center;
	margin-top: 20px;
	height: 30px;
}

#boshu{
	background-image: url(../images/boshu-bg.png);
	background-repeat: no-repeat;
	height: 90px;
	width: 150px;
	padding-top: 10px;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
}

.color-item3{
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 8px;
	font-weight: normal;
	color: #333;
	text-align: center;
	float: left;
	width: 56px;
	margin-right: 2px;
	padding-bottom: 5px;
	line-height: 9px;
}