@charset "shift_jis";


body {
	margin:0px;
	padding:0px;
	text-align:left;
	background-color:#f2f2f2;
	font-size:13px;
}

h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
}



/*------------------------------
   common
------------------------------*/
 a {
	color: #2d8dc4;
	text-decoration: underline;
}
 a:hover { text-decoration: none;}
 a img { border: none;}

.clear { clear:both;}

hr{
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	height: 0px;
}


/* clearfix ---------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}
.f_r {
	color: #F00;
}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}


/* End hide from IE-mac */

img{vertical-align:top;}

/* wrapper ---------*/

#wrapper {
	background-image: url(../images/wrapper_bg.gif);
	background-repeat: repeat-y;
	width: 751px;
	padding-bottom: 40px;
}



/*------------------------------
   header
------------------------------*/

#header {
	background-image: url(../images/header_bg.gif);
	background-repeat: no-repeat;
	height: 74px;
	width: 750px;
}

#header h1{
	position:absolute;
	width:333px;
	height:36px;
	left:22px;
	top:22px;
}

#header img.agency{
	float: right;
	padding-top: 10px;
	padding-right: 15px;
}

/*------------------------------
   ttl
------------------------------*/

#ttl {
	background-image: url(../images/ts_bg.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 750px;
}

#ttl h2{
	position: absolute;
	left: 23px;
	top: 76px;
	height: 126px;
	width: 354px;
}

/*------------------------------
   pankuzu
------------------------------*/

#pankuzu{
	font-size: smaller;
	padding-left: 25px;
	margin-bottom: 10px;
}

/*------------------------------
   contents
------------------------------*/


#contents h3 {
	background-image: url(../images/h3.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	vertical-align: middle;
	font-size: 110%;
	padding-left: 60px;
	padding-top: 20px;
	margin-bottom: 15px;
}

/* sp_course ---------*/

#contents #sp_course {
	background-image: url(../images/sp_course_bg.gif);
	background-repeat: no-repeat;
	width: 705px;
	margin-right: auto;
	margin-left: auto;
	background-position: bottom;
	margin-bottom: 15px;
	padding-bottom: 20px;
	position: relative;
}
#contents #sp_course h4 {
	background-image: url(../images/h4.gif);
	background-repeat: no-repeat;
	width: 665px;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	font-size: 105%;
}
#contents #sp_course .con {
	margin-left: 32px;
	margin-right: 19px;
	margin-top: 5px;
	/margin-bottom: 10px;
	padding-bottom: 10px;
	vertical-align:middle;
}
#contents #sp_course .con .course_img {
	float: left;
	margin-top: 20px;
}
#contents #sp_course .con .course_ttl {
	float: left;
	margin-left: 22px;
	margin-top: 5px;
	margin-bottom: 20px;
	width: 520px;
}
#contents #sp_course .con .course_link {
	text-align: right;
	margin: 5px 0 0;
}

#contents #sp_course .con .cource_icon {
	list-style-type: none;
	float: right;
	margin: 0px;
}
#contents #sp_course .con .cource_icon li {
	float: left;
	margin-left: 10px;
}

#contents #sp_course .tokuten_box {
	background-color: #f2f2f2;
	width: 670px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

#contents #sp_course .tokuten_box img.card_tokuten {
	vertical-align: middle;
	margin: 6px 10px 6px 10px;
}

#contents #panf{
	margin: 0 auto 10px;
	text-align: center;
}

/* course ---------*/

#contents #course {
	width: 705px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c1c1c1;
	padding-bottom: 7px;
}

#contents #course .con {
	margin-left: 32px;
	margin-right: 19px;
	margin-top: 5px;
	/margin-bottom: 10px;
	padding-bottom: 10px;
	vertical-align:middle;
}
#contents #course .con .course_img {
	float: left;
	margin-top: 15px;
	line-height: 1.5em;
	font-size: 10px;
}
#contents #course .con .course_ttl {
	float: left;
	margin-left: 22px;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 520px;
}

#contents #course .con .course_link {
	text-align: right;
	margin: 5px 0 0;
}

#contents #course .con .cource_icon {
	list-style-type: none;
	float: right;
	margin: 0px;
}
#contents #course .con .cource_icon li {
	float: left;
	margin-left: 10px;
}

#contents #course .tokuten_box {
	background-color: #f2f2f2;
	width: 656px;
	margin-left: 32px;
	clear: both;
}

#contents #course .tokuten_box img.card_tokuten {
	vertical-align: middle;
	margin: 6px 10px 6px 10px;
}

/*------------------------------
   #icon
------------------------------*/

#iconWrap {
	width: 700px;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
}
#iconWrap table {
	width: 700px;
	background-color: #c1c1c1;
}
#iconWrap table td {
	background-color: #fff;
	padding: 3px 0;
}
#iconWrap .ico {
	width: 52px;
	display: block;
	float: left;
	text-align: center;
}

#iconWrap .txt {
	display:block;
	margin-top: 3px;
}

/*------------------------------
   #info
------------------------------*/

#info {
	background-image: url(../images/info_bg.gif);
	background-position: top;
	width: 710px;
	margin-right: auto;
	margin-left: auto;
}

#info .pay {
	padding: 41px 0px 0px 31px;
}

#info p.pay_txt {
	margin-left: 40px;
	font-weight:bold;
}

#info .card {
	width: 628px;
	border: 1px solid #e6e6e6;
	background-image: url(../images/card_bg.gif);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
}

#info .card .normal {
	background-image: url(../images/info_card_img.gif);
	width: 314px;
	background-repeat: no-repeat;
	background-position: 17px 17px;
	float: left;
	padding-bottom: 10px;
}

#info .card .normal p {
	padding-right: 10px;
	padding-left: 90px;
	line-height: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#info .card .gold {
	background-image: url(../images/info_goldcard_img.gif);
	background-repeat: no-repeat;
	background-position: 17px 17px;
	width: 314px;
	float: left;
	padding-bottom: 10px;
}

#info .card .gold p {
	padding: 10px 10px 10px 90px;
	line-height: 16px;
}

#info .tel {
	padding: 41px 0px 0px 31px;
}

#info p.tel_txt {
	margin-left: 40px;
	font-weight:bold;
}

#info .tel_box {
	width: 548px;
	border: 1px solid #e6e6e6;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 45px;
	background-color: #FFFFFF;
	padding-left: 80px;
	padding-top: 25px;
	padding-bottom: 25px;
}

#info .tel_box p img.tel_icon {
	vertical-align:
	padding: 0px;
	margin: 0 0 5px;
}

#info .tel_box p strong.tel_number {
	font-size: 24px;
	margin-left: 15px;
}
#info .tel_box p strong.tel_kokunai {
	font-size: 24px;
	color: #F00;
}
#info .tel_box p strong.tel_kaigai {
	font-size: 24px;
	color: #00F;
	margin-left: 30px;
}
#info .tel_box p strong.tel_name {
	font-size: 24px;
}

#info .tel_box p strong.tel_time {
	font-size: 16px;
}

#button {
	margin-right: auto;
	margin-left: auto;
	height: 79px;
	width: 619px;
	margin-top: 60px;
	margin-bottom: 80px;
}
#infoTyo{
	margin: 0 auto 10px;
	text-align: center;
	position: relative;
}
#infoTyo div{
	position: absolute;
	top: 98px;
	left: 120px;
}

.copy{
	text-align:right;
	font-size:10px;
	line-height:18px;
	margin-right:20px;
}
.copy a {
	color:#666666;
	font-size:10px;
	text-decoration:none;
}

.red{
	color:#F00;
}
.spa {
	padding-left: 59px;
}
.spa2 {
	padding-left: 72px;
}
.spa3 {
	padding-left: 233px;
}
.plan {
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.eve_day {
	float: left;
}
.naiyou {
	float: left;
}

.eve_town {
	float: left;
	margin: 0px;
	clear: both;
	padding: 0px 0px 5px;
}
.eve_time {
	margin: 0px;
	float: left;
	padding: 0px 0px 5px;
}
#pro_a {
	margin: 20px 10px 0px 0px;
	padding: 5px;
	float: left;
	font-size: 10px;
	border: 1px solid #000;
}
#pro_b {
	margin: 20px 0px 0px;
	padding: 5px;
	float: right;
	font-size: 10px;
	border: 1px solid #000;
	height: 223px;
}
.pro_ti {
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	width: 65px;
	margin: 0px 0px 5px;
}