@charset "UTF-8";

/*******************************************

title {
	KTVライフスポーツ;
}

about {
	体験・入会ページ用のCSSセット;
}

issue date {
	2009.09.09;
}

revision date {
	2009.09.09;
}

*******************************************/
/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */
 
/*---------------------------------------------------
                     [g_navi]
-----------------------------------------------------
                   　ナビゲーション
-----------------------------------------------------*/
 
div.wrapper ul.g_navi li.guidance a,
div.wrapper ul.g_navi li.guidance a:hover {
	background-position:0 -100px;
}

/*---------------------------------------------------
                     [main]
-----------------------------------------------------
                   　メインエリア
-----------------------------------------------------*/

div.container div.main h2 {
	height:160px;
	background:url(../img/guidance/head_visit.jpg) no-repeat center 0;
	text-indent:-9999px;
	margin-bottom:17px;
}

a:link,
a:visited {
	color:#000099;
}

/*---------------------------------------------------
                     [admission]
-----------------------------------------------------
                   　　　入会
-----------------------------------------------------*/
div.container div.main h3#admission {
	background:url(../img/guidance/title_l_admission.gif) no-repeat 0 0;
}

div.container div.main div.admission {
	position:relative;
	width:608px;
	margin:0 auto;
}

div.container div.main div.admission div.first {
	margin-bottom:35px;
	background:url(../img/guidance/admission_bg_01.gif) no-repeat 9px 30px;
}

div.container div.main div.admission div.second {
	margin-bottom:35px;
	background:url(../img/guidance/admission_bg_02.gif) no-repeat 7px 30px;
}

div.container div.main div.admission div.third {
	margin-bottom:15px;
	background:url(../img/guidance/admission_bg_03.gif) no-repeat 33px 30px;
}

div.container div.main div.admission h4,
div.container div.main div.admission div.detail {
	position:relative;
	left:112px;
	background:url(../img/guidance/admission_bg.gif) repeat-y 0 0;
}

div.container div.main div.admission h4 {
	width:480px;
	padding:20px 0 0 16px;
	text-align:center;
}

div.container div.main div.admission div.detail {
	width:425px;
	padding:10px 25px 15px 46px;
}

div.container div.main div.admission div.detail p {
	margin-bottom:10px;
	color:#666;
}

/*-----------------------------------------------------div.first */

div.container div.main div.admission div.first div.detail ul {
	width:34em;
	padding:5px 10px;
	background:#fff;
	border:1px solid #d7d7e2;
	overflow:hidden;
}

*html div.container div.main div.admission div.first div.detail ul {
	zoom:1;
}

/*-----------------------------------------------------div.second */

div.container div.main div.admission div.second div.detail div.section {
	float:left;
	width:205px;
	margin:0 5px 0 0;
	background:#fff;
	border:1px solid #d7d7e2;
}

div.container div.main div.admission div.second div.detail div.section h5 {
	background:#d7d7e2;
	text-align:center;
	line-height:25px;
	color:#000;
	font-weight:bold;
	font-size:85%;
}

div.container div.main div.admission div.second div.detail div.section ul {
	width:13em;
	margin:0 auto;
	padding:5px 0;
	overflow:hidden;
}

*html div.container div.main div.admission div.second div.detail div.section ul {
	zoom:1;
}

div.container div.main div.admission div.first div.detail ul li,
div.container div.main div.admission div.second div.detail div.section ul li {
	float:left;
	width:9em;
	padding-left:1em;
	background:url(../img/guidance/location_icon.gif) no-repeat 0 center;
	font-size:85%;
	font-weight:bold;
	line-height:1.6;
	color:#ccc;
}

div.container div.main div.admission div.first div.detail ul li.off,
div.container div.main div.admission div.second div.detail div.section ul li.off {
	background:url(../img/guidance/location_icon_off.gif) no-repeat 0 center;
}


/*----------------------------------------------------------div.third */


div.container div.main div.admission div.third div.detail div.section {
	margin:15px 0 10px;
	height:146px;
	background:url(../img/guidance/admission_must_item.gif) no-repeat center top;
	text-indent:-9999px;
}

div.container div.main div.admission div.third div.detail dl {
	width:390px;
	margin:0 auto;
	padding:15px;
	background:#d7d7e2;
	overflow:hidden;
}

*html div.container div.main div.admission div.third div.detail dl {
	zoom:1;
}

div.container div.main div.admission div.third div.detail dl dt {
	float:left;
	width:96px;
	margin-right:10px;
}

div.container div.main div.admission div.third div.detail dl dd {
	float:left;
	width:280px;
	color:#666;
	font-size:85%;
	line-height: 1.4;
}

/*---------------------------------------------------
                     	[qa]
-----------------------------------------------------
                   　よくある質問
-----------------------------------------------------*/
div.container div.main h3#qa {
	background:url(../img/guidance/title_l_qa.gif) no-repeat 0 0;
}

div.container div.main div.qa {
	width:654px;
	margin:0 auto;
}

div.container div.main div.qa h4 {
	clear:both;
	height:21px;
	margin-bottom:10px;
	text-indent:-9999px;
}

div.container div.main div.qa h4#qa_admission {
	background:url(../img/guidance/qa_title_admission.gif) no-repeat center 0;
}

div.container div.main div.qa h4#qa_pay {
	background:url(../img/guidance/qa_title_pay.gif) no-repeat center 0;
}

div.container div.main div.qa h4#qa_service {
	background:url(../img/guidance/qa_title_service.gif) no-repeat center 0;
}

div.container div.main div.qa dl {
	padding:20px 0 0 0;
	background:url(../img/guidance/qa_title_border.gif) repeat-x 0 0;
}

div.container div.main div.qa dl dt {
	margin-bottom:10px;
}

div.container div.main div.qa dl dd {
	margin-bottom:20px;
	padding:0 0 15px 37px;
	border-bottom:1px solid #dfdfdf;
	line-height:1.6;
}

div.container div.main div.qa dl dd table {
	width:100%;
	margin-top:5px;
	color:#0f0f97;
	line-height:1.3;
}

div.container div.main div.qa dl dd table tr th,
div.container div.main div.qa dl dd table tr td {
	padding:5px 8px;
	border:1px solid #fff;
	border-width:0 1px 1px 0;
}

div.container div.main div.qa dl dd table tr th {
	background:#5168bb;
	font-weight:bold;
	color:#fff;
}

div.container div.main div.qa dl dd table tr th.member {
	width:70px;
}

div.container div.main div.qa dl dd table tr th.priceF {
	width:70px;
}

div.container div.main div.qa dl dd table tr th.priceY {
	width:70px;
}

div.container div.main div.qa dl dd table tr th.system {
	width:100px;
}

div.container div.main div.qa dl dd table tr th.wear {
	width:90px;
}

div.container div.main div.qa dl dd table tr th.price {
	width:100px;
}

div.container div.main div.qa dl dd table tr th.size {
	width:200px;
}

div.container div.main div.qa dl dd table tr.header th {
	background:#a8b4dd;
	color:#0f0f97;
}

div.container div.main div.qa dl dd table tr td {
	background:#e5e8f4;
}

div.container div.main div.qa dl dd span.attention {
	display:block;
	background:#f4f4f4;
	font-size:85%;
	padding: 8px;
	line-height: 1.4;
	margin-top: 10px;
}

div.container div.main div.qa dl dd span.bank {
	font-size:85%;
	line-height:1.4;
	color:#666;
}

div.container div.main div.qa dl dd ul.location {
	margin-top:5px;
}

div.container div.main div.qa dl dd ul.location li {
	display:inline;
	background:url(../img/guidance/location_icon.gif) no-repeat 0 center;
	padding:0 10px 0 10px;
	font-size:85%;
	font-weight:bold;
}



/*---------------------------------------------------
                     [#coupon]
-----------------------------------------------------
                   プレゼントページ
-----------------------------------------------------*/
#coupon div.main{
	text-align:center;
}

/*---------------------------------------------------
                     [experience]
-----------------------------------------------------
                   施設体験のご案内
-----------------------------------------------------*/
div.container div#experience h2,
div.container div#experience h3	{
	height:auto;
	display:none;
}

div.container div#experience {
	position:relative;
	background:url(../img/experience/header_bg.jpg) no-repeat 0 0;
}

div.container div#experience div.step p{
	line-height:1.4;
}

div.container div#experience ul.btn li{
	position:absolute;
	z-index:10;
}

div.container div#experience ul.btn li.admission {
	top:76px;
	left:511px;
	width:133px;
	height:41px;
	overflow:hidden;
}

div.container div#experience ul.btn li.admission a{
	display:block;
	height:41px;
	text-indent:-9999px;
	background:url(../img/experience/btn_admission.gif) no-repeat 0 0;
}

div.container div#experience ul.btn li.admission a:hover {
	background-position:0 -41px;
}


div.container div#experience ul.btn li.present {
	top:182px;
	left:285px;
	width:374px;
	height:99px;
}

div.container div#experience ul.btn li.present a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}

div.container div#experience div.step h4{
	display:none;
}

div.container div#experience div.step img.pic {
	padding:1px;
	border:1px solid #bfbfbf;
}

div.container div#experience div.step div.section h5{
	background:url(../img/experience/step_icon.gif) no-repeat 0 center;
	border-bottom:1px solid #e9e9e9;
	padding:0 0 0 15px;
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}

div.container div#experience div.step div.section p.attention {
	font-size:10px;
	color:#666;
}


div.container div#experience div.check {
	position:absolute;
	width:316px;
	height:80px;
	padding:16px 0 0 0;
	font-size:10px;
}

div.container div#experience div.check h5{
	margin-bottom:5px;
	padding-left:95px;
	color:#fff;
	font-weight:bold;
	line-height:21px;
}

div.container div#experience div.check p{
	padding-left:92px;
	color:#024d8d;
	line-height:1.4;
}

div.container div#experience p.copy {
	display:none;
}

/*STEP 01
-----------------------------------------------*/
div.container div#experience div.content01 {
	position:relative;
	width:663px;
	height:750px;
}

div.container div#experience div.content01 dl {
	display:none;
}

div.container div#experience div.content01 div.step {
	position:absolute;
	background:url(../img/experience/step_01.gif) no-repeat 0 0;
	top:325px;
	left:182px;
	width:365px; /* original-size:400px */
	height:137px; /* original-size:272px */
	padding:135px 15px 0 20px;
}

div.container div#experience div.content01 div.step img.pic,
div.container div#experience div.content03 div.step img.pic {
	float:right;
}

div.container div#experience div.content01 div.step div.section,
div.container div#experience div.content03 div.step div.section {
	width:195px;
	padding-top:10px;
	background:url(../img/experience/step_arrow.gif) no-repeat right 0;
}

div.container div#experience div.content01 div.check{
	top:650px;
	left:90px;
	background:url(../img/experience/check01.jpg) no-repeat 0 0
}


/*STEP 02
-----------------------------------------------*/

div.container div#experience div.content02 {
	position:relative;
	width:663px;
	padding-top:272px;
	background:url(../img/experience/step02_bg.jpg) no-repeat 0 0;
}


div.container div#experience div.content02 div.check{
	top:38px;
	left:60px;
	background:url(../img/experience/check02.gif) no-repeat 0 0
}

div.container div#experience div.content02 div.step {
	width:542px;
	border:3px solid #0096ff;
	border-width:0 3px 3px 3px;
	padding:0 0 6px 25px;
	overflow:hidden;
}


div.container div#experience div.content02 div.step h5{
	margin-top:5px;
}

div.container div#experience div.content02 div.step div.section {
	float:left;
	width:163px;
	margin:0 17px 10px 0;
}


div.container div#experience div.content02 div.step div.support{
	clear:both;
	width:344px; /* original-size:524px */
	height:110px; /* original-size:120px */
	padding:10px 10px 0 170px;
	background:url(../img/experience/support.jpg) no-repeat;
}

div.container div#experience div.content02 div.step div.support h5{
	font-weight:bold;
	margin-bottom:5px;
}

/*STEP 03
-----------------------------------------------*/

div.container div#experience div.content03 {
	position:relative;
	width:663px;
	height:528px;
	background:url(../img/experience/step03_bg.jpg) no-repeat 49px 0;
	padding-bottom:60px;
}

div.container div#experience div.content03 div.check{
	top:48px;
	left:247px;
	background:url(../img/experience/check03.gif) no-repeat 0 0
}

div.container div#experience div.content03 div.step {
	position:absolute;
	top:230px;
	left:162px;
	width:365px; /* original-size:400px */
	height:138px; /* original-size:200px */
	padding:62px 15px 0 20px;
}


/*EOC*/