@charset "shift_jis";


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

table{font-size:100%;}
h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
}



/*------------------------------
   common
------------------------------*/
 a:link		 {color:#2d8dc4;text-decoration: underline;}
 a:visited	 {color:#2d8dc4;text-decoration: underline;}
 a:hover	 {color:#2d8dc4;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;
}


/* 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;
	text-align:center;
}



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

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

/*#header_tcc h1{
	position:absolute;
	width:333px;
	height:36px;
	left:22px;
	top:26px;
}*/
#header_tcc h1{
	position:absolute;
	width:350px;
	height:45px;
	left:22px;
	top:18px;
}

#header_tcc img.agency{
	position:absolute;
	/*--top: 13px;
	right: 13px;--*/
	top: 6px;
	right: 10px;
}

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

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

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

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

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

/*------------------------------
   contents
------------------------------*/
#contents{width:710px; margin:0 auto; text-align:left;}

#contents h3 {
	background: url(../images/h3.gif) no-repeat;
	height: 56px;
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	vertical-align: middle;
	font-size: 110%;
	text-indent: 60px;
	line-height:56px;
	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;
}
#contents #sp_course h4 {
	background-image: url(../images/h4.gif);
	background-repeat: no-repeat;
	width: 705px;
	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;
	padding-bottom: 10px;
	vertical-align:middle;
}
#contents #sp_course .con .course_img {
	float: left;

}
#contents #sp_course .con .course_ttl {
	float: left;
	margin-left: 22px;
	margin-top: 20px;
	margin-bottom: 20px;
}


#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;
}


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

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

#contents #course .con {
	margin:5px 19px 0;
	padding-bottom: 10px;
	vertical-align:middle;
	position:relative;
}
#contents #course .con .course_img {
	float: left;
	margin:2px 5px 0 0;

}
#contents #course .course_ttl {
	margin:0 0 10px 19px;
	display:block;
}


#contents #course .con .cource_icon {
	list-style-type: none;
	position:absolute;
	right:0;
	top:0;
	margin:0;
}
#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;
}


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

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

#info h5 img.pay {
	margin: 41px 0px 0px 31px;
}

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

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

#info .card .normal {
	background-image: url(../images/info_card_img.gif);
	width: 310px;
	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;
	text-align:left;
}

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

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

#info .card_goldonly {
	width: 628px;
	border: 1px solid #e6e6e6;
	background-color:#FFF;
	margin-right: auto;
	margin-left: auto;
}

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

#info .card_goldonly .gold_only p {
	padding:20px 10px 20px 90px;
	line-height: 16px;
	text-align:left;
	margin:0;
}

#info h5 img.tel {
	margin: 41px 0px 0px 31px;
}

#info p.tel_txt {
	margin-left: 40px;
	padding-top:20px;
	font-weight:bold;
	clear:both;
}

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

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

#info .tel_box p strong.tel_number {
	font-size: 24px;
	margin-left: 15px;
}

#info .tel_box p strong.tel_time {
	font-size: larger; margin-left:10px;
}

#button {
	margin-right: auto;
	margin-left: auto;
	height: 79px;
	width: 619px;
	margin-top: 30px;
}
#main_contents_wrap .logo{
  display: block;
  text-align: center;
  padding-top: 20px;
}
#main_contents_wrap .logo img:hover{
  opacity:0.7;
}
#gnav_utility a:link,#footer-content a:link			{color:#666600;text-decoration:underline;}
#gnav_utility a:visited,#footer-content a:visited	{color:#666600;text-decoration:underline;}
#gnav_utility a:hover,#footer-content a:hover		{color:#666600;text-decoration:none;}
ul,li {list-style:none; padding:0;}
#footer-content{font-size:10px;}
.rrg{margin:10px 0;}