@charset "utf-8";
/*
CSS Information
==============================================================

	Site Name: スポーツクラブNAS
	Description: モジュール用
	Version: 1.0

==============================================================
*/


/*
CONTENTS
==============================================================

	0: 汎用class

	1: div#header
	
	2: div#gnav
	
	3: div#snav

	4: div#contentWrap
	
		: div#mainVisual
		: div#topicPath
		: div#content	メインカラム
		: div#aside		サブカラム
	
	5: div#footer
	
==============================================================
*/





/*=========================================================
4: div#contentWrap
=========================================================*/

/*
div#content	メインカラム
=========================================================*/

.main h2{
margin:15px 0 20px 0;
padding:0;
}

.main .lead2{
margin:0;
padding:0 0 10px 0;
}

.main .lead2 p img{
float:left;
margin:0px 10px 0 0;
padding:0;
}

.main .lead2 .lead_txt{
float:right;
margin:0px 0 5px 0px;
padding:0;
width:585px;
}

.main .lead2 .lead_txt h3{
font-size: 116%;
font-weight:bold;
margin:0;
padding:0;
}
h3.title{
	margin: 0 0 10px 0;
	padding: 1px 0 0 7px;;
	width: auto;
	line-height: 20px;
	color: #666;
	font-size: 116%;
	font-weight: bold;
	line-height: 20px;
	background: url(../img/dotted.gif) repeat-x 0 bottom;
	border-left: 4px solid #d9cccc;
}

#guide .lead2 h3{
display:block;
width:726px;
font-size:14px;
font-weight:bold;
margin:20px 0 5px 0;
padding:0 0 0 5px;
border-left:4px solid #CCCCCC;
border-bottom:1px dotted #CCCCCC;
}

ol{
list-style:decimal;
line-height:150%;
}

#guide .lead2 ol li{
margin:0 0 0 22px;
padding:0;
}


/* 初めての方へ*/
.page_info .main .box{

}
.page_info .main .box li{
	float: left;
	margin: 0 20px 30px 0;
	width: 355px;
}
.page_info .main .box li.lastchild{
	margin: 0 0 30px 0;
}
.page_info .main .box li h3{
	display: block;
	padding: 0 0 10px 0;
	width: 355px;
	height: 30px;
}

.page_info .main .box li p{
	float: right;
	width: 225px;
}
.page_info .main .box li p a{
	display: block;
	margin: 15px 0 0 0;
}

.page_info .main .box li img{
	float: left;
}


/* 会員プラン*/

.page_info .main .box li h3.title{
	margin: 0 0 10px 0;
	padding: 1px 0 0 7px;;
	width: 344px;
	height: 20px;
	color: #666;
	font-size: 116%;
	font-weight: bold;
	line-height: 20px;
	background: url(../img/dotted.gif) repeat-x 0 bottom;
	border-left: 4px solid #d9cccc;
}

.page_info .main h4{
	font-weight: bold;
}

.page_info .main #planBox{
	width: 729px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.page_info .main #planBox tr th,
.page_info .main #planBox tr td{
	clear: both;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.page_info .main #planBox tr th{
	text-aligin: center;
	font-weight: bold;
	color: #666666;
	white-space: nowrap;
	background: #fcfce5;
}
.page_info .main #planBox tr td.limit{
	width: 173px;
}

.page_info .main #planBox tr td img{
	float: left;
	margin: 0 5px 0 0;
}
.page_info .main #planBox tr td span{
	display: block;
	white-space: nowrap;
	font-size: 83%;
}
.page_info .main #planBox tr td a{
	white-space: nowrap;
	color: #0066cc;
	font-weight: bold;
}



/* Q&A*/
.page_info .main .qaboxL,
.page_info .main .qaboxR{
	float: left;
	margin: 0 20px 0 0;
	width: 355px;
	height: auto;
}
.page_info .main .qaboxR{
	margin: 0;
}
.page_info .main .qaboxL h3.title,
.page_info .main .qaboxR h3.title{
	width: 344px;
}
.page_info .main .qaboxL h4,
.page_info .main .qaboxR h4{
	margin: 0 0 5px;
}
.page_info .main .qaboxL ul,
.page_info .main .qaboxR ul{
	margin: 0 0 20px 0;
}
.page_info .main .qaboxL ul li,
.page_info .main .qaboxR ul li{
	padding: 0 0 0  20px; 
	font-weight: bold;
	background: url(../img/qa_mark.gif) no-repeat 0 1px;
}
.page_info .main .qaboxL ul li a,
.page_info .main .qaboxR ul li a{
	color: #666;
	font-weight: normal;
	text-decoration: underline;
}
.page_info .main p.atxet{
	margin: 10px 0 0 0;
	padding: 10px 10px 10px 30px;
	border: 1px solid #ccc;
	background: #fafafa url(../img/qa_a.gif) no-repeat 10px 13px;
}


/*入会までの流れ（ご入会方法）*/
#guideMap{
	padding: 0 0 70px;
	width: 730px;
	height: auto;
	background: url(../img/guide_bg.gif) no-repeat center bottom;
}
#guideMap div{
	float: left;
	margin: 0 20px 0 0;
	padding: 10px;
	width: 331px;
	background: #fafafa;
	border: 2px solid #ccc;
}
#guideMap div.lastchild{
	margin: 0;
}
#guideMap div img{
	float: left;
}
#guideMap div img.lead{
	padding: 10px 0 0 10px;;
}
#guideMap div ul{
	float: right;
	margin: 5px 0 0;
	width: 220px;
}
#guide .main ul.disc li,
#guide .main #guideMap ul.disc li{
	padding: 0 0 0 15px;
	background: url(../img/info_disc.gif) no-repeat 2px 5px;
}
#guideMap div p{
	clear: both;
	padding: 10px 0 0;
}
#guideMap div p span{
	padding: 10px 0 0;
	display: block;
	font-size: 83%;
}
#guideMap div p span.lastchild{
	padding: 0;
}
#guideMap div p.bt a{
	display: block;
	margin: 0 auto;
	width: 130px;
}
#guideMap2{
	padding: 10px;
	width: 708px;
	border: 1px solid #ccc;
	background: #fafafa;
}
#guideMap2 h3{
	margin: 0 0 5px;
}
#guideMap2 dl{
	float: left;
	margin: 0 9px 0 0;
	width: 168px;
	border: 1px solid #ccc;
	background: #f6f5e9;
}
#guideMap2 dl.lastchild{
	margin: 0;
}

#guideMap2 dl dd{
	padding: 5px 10px 10px;
}
.page_info .main ul li{
}
#guide .main .box li p{
	float: none;
	width: auto;
	font-weight: normal;
}


/*ご利用の流れ*/
.tutorialBox{
	margin: 0 0 10px;
	height: auto;
	background: url(../img/tutorial_arrow02.gif) no-repeat center 105px;
	overflow: hidden;
}
.tutorialBox div{
	float: left;
	margin: 0 20px 0 0;
	padding: 19px;
	width: 315px;
	border: 1px solid #ccc;
	background: #fdfdfd;
}
.tutorialBox div.lastchild{
	margin: 0;
}
.tutorialBox div img,
.tutorialBox2 div img{
	float: left;
	margin: 0 10px 10px 0;
}
.tutorialBox div p,
.tutorialBox2 div p{
	float: left;
	width: 140px;
	margin: 0 0 0 10px;
}

.tutorialBox div h3,
.tutorialBox2 div h3{
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 116%;
}
.tutorialArrow{
	width: 730px;
	text-align: center;
}
.tutorialArrow img{
	margin: 0 auto;
	width: 23px;
}
.tutorialBox2{
	margin: 0 0 10px;
	padding: 18px;
	border: 1px solid #ccc;
	background: #fdfdfd;
}
.tutorialBox div img,
.tutorialBox2 div img{
	margin: 0 0 10px;
}
.tutorialBox2 div{
	float: left;
	margin: 0 41px 0 0;
	width: 325px;
}
.tutorialBox2 div.lastchild{
	margin: 0;
}
.tutorialBox2 div dl{
	clear: both;
	margin: 0 0 0;
}
.tutorialBox2 div dl dt{
	padding: 0 0 0 15px;
	font-weight: bold;
	background: url(../img/info_disc.gif) no-repeat 2px 5px;
}
.tutorialBox2 div dl dd{
	padding: 0 0 0 15px;
}
.tutorialBox2 p.text{
	clear: both;
	padding: 10px 0 0;
	width: 694px;
	font-size: 116%;
	font-weight: bold;
}

img.imgR{
	float: right;
	margin: 0 0 0 10px;
}
/*
div#aside	サブカラム
=========================================================*/
