@charset "UTF-8";
#contents {
	background-image: url(../images/momiji.png) ,
url(../images/sakura3.png) ,
url(../images/nami.png) ,
url(../images/sakura2.png) ,
url(../images/sasanoha.png) ,
url(../images/kingyo.png) ,
url(../images/washi.jpg);
	background-position: left top,
		right 450px,
		center 1400px,
		left 2000px,
		right 3000px,
		left 4000px,
		center center;
	background-repeat: no-repeat,
		no-repeat,
		no-repeat,
		no-repeat,
		no-repeat,
		no-repeat,
		repeat;
 }
#mainImg  {
	height: 650px;
	margin: 0 auto;
	width: 900px;
	position: relative;
	background-image: url(../images/courseImg.png);
	background-repeat: no-repeat;
	background-position: right;
	
}
#mainImg h2  {
	position: absolute;
	background-image: url(../images/courseTittle.png);
	background-repeat: no-repeat;
	top: 80px;
	left: 220px;
	background-size: 129px auto;
	width: 129px;
	height: 275px;
	color: hsla(0,0%,0%,0.00);
}
#mainImg .popup1   {
	background-image: url(../images/popup1-2.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 204px;
	height: 199px;
	position: absolute;
	top: 350px;
	left: 50px;
	text-indent: -9999px;
}
#mainImg .popup2   {
	background-image: url(../images/popup2.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 143px;
	height: 139px;
	position: absolute;
	top: 470px;
	left: 200px;
	text-indent: -9999px;
}


#kisetsu {
	margin: 0 auto;
	height: 1050px;
	position: relative;
	width: 900px;
}

#kisetsu h3 {
	background-image: url(../images/kisetsu1.png);
	background-repeat: no-repeat;
	width: 45px;
	height: 226px;
	background-size: 100% auto;
	text-indent: -9999px;
	position: absolute;
	top: 50px;
	right: 50px;
}

#kisetsu ul {
	position: relative;
	top: 500px;
	right: 400px;
}


#kisetsu ul li {
	float: right;
	padding-left: 20px;
	text-align: left;
}

#kisetsu .copy {
	top: 100px;
	position: absolute;
	right: 150px;
}

#kisetsu .photo1 {
	position: absolute;
	top: 50px;
	left: 3px;
}

#kisetsu .photo2 {
	position: absolute;
	top: 480px;
	right: 3px;
}


#hana {
	margin: 0 auto;
	height: 1050px;
	position: relative;
	width: 900px;
}

#hana h3 {
	background-image: url(../images/hana1.png);
	background-repeat: no-repeat;
	width: 45px;
	height: 226px;
	background-size: 45px auto;
	text-indent: -9999px;
	position: absolute;
	top: 50px;
	left: 200px;
}

#hana ul {
	position: relative;
	top: 500px;
	margin-right: 50px;
}


#hana ul li {
	float: right;
	padding-left: 20px;
	text-align: left;
}

#hana .copy {
	top:100px;
	position: absolute;
	left: 50px;
}

#hana .photo1 {
	position: absolute;
	top: 50px;
	right: 3px;
}

#hana .photo2 {
	position: absolute;
	top: 480px;
	left: 3px;
}
#nabe {
	margin: 0 auto;
	height: 1080px;
	position: relative;
	width: 900px;
}

#nabe h3 {
	background-image: url(../images/nabe1.png);
	background-repeat: no-repeat;
	width: 45px;
	height: 226px;
	background-size: 100% auto;
	text-indent: -9999px;
	position: absolute;
	top: 50px;
	right: 50px;
}

#nabe ul {
	position: relative;
	top: 500px;
	right: 350px;
}


#nabe ul li {
	float: right;
	padding-left: 20px;
	text-align: left;
}

#nabe .copy {
	top: 100px;
	position: absolute;
	right: 150px;
}

#nabe .photo1 {
	position: absolute;
	top: 50px;
	left: 30px;
}
#fugu {
	margin: 0 auto;
	height: 1050px;
	position: relative;
	width: 900px;
}

#fugu h3 {
	background-image: url(../images/fugu1.png);
	background-repeat: no-repeat;
	width: 45px;
	height: 226px;
	background-size: 45px auto;
	text-indent: -9999px;
	position: absolute;
	top: 50px;
	left: 200px;
}
#fugu ul {
	position: relative;
	top: 500px;
	margin-right: 50px;
}
#fugu ul li {
	float: right;
	padding-left: 20px;
	text-align: left;
}
#fugu .copy {
	top:100px;
	position: absolute;
	left: 50px;
}
#fugu .photo1 {
	position: absolute;
	top: 50px;
	right: 3px;
}
#fugu .photo2 {
	position: absolute;
	top: 480px;
	left: 3px;
}


.name {
	display: inline-block;
	padding-bottom: 50px;
	font-size: 24px;
	font-weight: bold;
}

.price {
	font-size: 20px;
	text-align: left;
}
.remarks {
	color: hsla(74,48%,18%,1.00);
}


.dis {
	display: inline-block;
	padding-right: 15px;
	padding-left: 10px;
	padding-top: 10px;
	color: #3B4F2C;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

.tax {
	padding-bottom: 3em;
	font-size: 18px;
}
#reserveBt {
	padding-bottom: 150px;
}
#reserveBt a {
	display: block;
	margin: 0 auto;
	width: 274px;
	color: white;
	background-color: #4F2C2D;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size: 18px;
	text-decoration: none;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"
}
