@charset "utf-8";
/* ===================================================================
CSS information

 style info :
 
=================================================================== */

/*----------------------------------------------------
	 #hedintro
 
----------------------------------------------------- */

h2.spa_hed{
	background:url(../images/stay.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}

h3 {
	color: #555;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 0.05em;
	height: 32px;
	background: #ccc;
	margin: 0 0 15px;
	background: url(../images/h3_01.gif) no-repeat 0 0;
	padding: 13px 0 0 100px;
	font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro","‚l‚r ‚o–¾’©","MS PMincho";
}
h4 {
	font-weight: bold;
	padding: 0 0 2px 25px;
	margin: 0 0 10px;
	background: url(../images/h4_01.gif) no-repeat 0 0;
	border-bottom: dotted 1px #ccc;
}

#contents {
	background: #E4CDCD;
}
.planBox {
	width: 750px;
	margin: 0 auto 10px;
}
.planBox01 {
	background: url(../images/planBox.gif) no-repeat 0 0;
	padding: 15px 25px;
}
.planBox02 {
	background: url(../images/planBox02.gif) no-repeat 0 bottom;
}
.planPhoto {
	width: 210px;
	float: left;
}
.planPhoto img {
	width: 202px;
	padding: 3px;
	border: solid 1px #ccc;
}
.planTxt {
	width: 460px;
	float: right;
}

.replace,.price {
	padding: 0 0 0 57px;
	margin: 2px 0 5px;
}
.replace {
	background: url(../images/replace.gif) no-repeat 0 2px;
}
.price {
	background: url(../images/price.gif) no-repeat 0 2px;
}
.planInfo {
	margin: 7px 0 10px;
}
.planLink {
	width: 340px;
	height: 20px;
	margin: 0 auto;
	background: url(../images/planLink_over.jpg) no-repeat 0 0;
}
.planLink a {
	width: 370px;
	height: 20px;
	background: url(../images/planLink.jpg) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
}
.planLink a:hover {
	background: url(../images/planLink_over.jpg) no-repeat 0 0;
}
.plan {
	width: 160px;
	height: 20px;
	background: url(../images/plan_button_over.gif) no-repeat 0 0;
	margin: 0 100px 10px auto;
	overflow: hidden;
}
.plan a {
	width: 160px;
	height: 20px;
	background: url(../images/plan_button.gif) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
}
.plan a:hover {background: url(../images/plan_button_over.gif) no-repeat 0 0;}

.cancel {
	width: 160px;
	height: 20px;
	background: url(../images/cancel_button_over.gif) no-repeat 0 0;
	margin: 0 100px 10px auto;
	overflow: hidden;
}
.cancel a {
	width: 160px;
	height: 20px;
	background: url(../images/cancel_button.gif) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
}
.cancel a:hover {background: url(../images/cancel_button_over.gif) no-repeat 0 0;}

.pagetop {
	width: 750px;
	margin: 35px auto 20px;
}
.pagetop a {
	width: 143px;
	height: 43px;
	display: block;
	background: url(../images/gotop.gif) no-repeat 0 0;
	margin: 0 0 0 auto;
	text-indent: -9999px;
}