@charset "shift_jis";
/*
CSS Information
=========================================================

	Site Name: スポーツクラブNAS
	Description: モジュール用

=========================================================
*/

/*=======================================================
0: 汎用class
=========================================================*/
/*
clearfix
=========================================================*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix { display: block; }
/* End hide from IE-mac */
.anchorTop{ width:710px; text-align:right; margin:0 auto; padding:50px 200px 0 0; }

/*
etc
=========================================================*/
.clear { clear: both; }
.hide { display: none; }
.show { display: block; }
.invisible { visibility: hidden; }
.nowrap { white-space:nowrap; }

.alignR{ text-align:right; }
.alignC{ text-align:center; }
.alignL{ text-align:left; }

.bnr{ margin-top:25px; }
.to_detail{ text-align:right; margin-top:10px; }

ul.btn_menu{ margin-top:10px; }
ul.btn_menu li{ float:left; margin:10px 13px 0 0; }
ul.btn_menu li.LastChild{ margin-right:0; }

div#content .mt_1em{ margin-top:1em; }
div#content .mb_1em{ margin-bottom:1em; }

div#content table.school_table{ width:580px; }


/*=======================================================
1: div#contentWrap
=========================================================*/
/*
div#content	メインカラム
=========================================================*/
/*
div#content p.anchorTop
---------------------------------------------------------*/
div#content p.anchorTop {
	margin-bottom: 0;
	padding-top: 20px;
	clear: both;
	text-align: right;
}

div#content p.anchorTop a,
div#content p.pageTop a{ color:#666; }
div#content p.pageTop{ text-align:right; padding-bottom:20px; }

/*タイトル画像下リード文*/
.h1_lead{
	width:730px;
	margin:15px 0 0 0;
	padding:0;
}

.h1_lead img{ float:right; }

/*文章下ボタン画像*/
.link_btn{
	display:block;
	margin:8px 0 8px 0;
	padding:0 0 15px 0;
	border:0;
}

/*テキストリンク矢印*/
.link_arrow a {
	padding-left: 9px;
	color: #666666;
	background: url(/common/img/ico_link.jpg) left center no-repeat;
}


/*========================================================
div#content	メインカラムコンテンツ
==========================================================*/
div#content a{ color:#0066CC; }
div#content p{ margin-bottom:0; }
div#content #flash_box { background-color:#ccc; height:465px; }



/*
	各種タイトル
=========================================================*/
div#content h2{
	background:url(/common/img/title_01.jpg) no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	padding:8px 0 10px 22px;
}

div#content h3{
	background:url(/common/img/title_02.jpg) no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#313131;
	height:23px;
	margin:25px 0 12px;
	padding:5px 0 0 24px;
}
div#content h3.FirstChild{ margin-top:15px; }

div#content h4{
	border-left:4px solid #D9CCCC;
	background:url(/common/img/title_03_line.gif) repeat-x left bottom;
	font-weight:bold;
	font-size:14px;
	padding:0 0 3px 8px;
	margin-bottom:10px;
}

/*
	テーブルフォーマット
=========================================================*/
div#content table{ width:100%; }
div#content th,
div#content td{ border:1px solid #ccc; }
div#content th{
	background-color:#FCFCE5;
	text-align:center;
	font-weight:bold;
	white-space:nowrap;
}

/*
	各コンテンツ「ご紹介」部分
=========================================================*/
div#content #intro_area{
	background:url(/common/img/intro_back.jpg) repeat-x left bottom #FBFBFB;
	padding:12px;
}
div#content #intro_area #intro_img{ float:left; width:300px; }
div#content #intro_area div#intro_txt{ float:right; width:390px; }

/*
	プログラム＆スクールメニュー（2カラム）
==========================================================*/
div#content p.school_img{ float:left; width:165px; }
div#content div.school_txt{ float:right; width:185px; }

div#content div.list_box_l,
div#content div.list_box_r{ width:355px; margin-bottom:35px; }
div#content div.list_box_l{ float:left; }
div#content div.list_box_r{ float:right; }

.anchorTop{ width:710px; text-align:right; margin:0 auto; padding:50px 200px 0 0; }

#explanation{ padding-bottom:30px; }
#explanation p.explan_t{ padding:15px 0 5px; }
#explanation th,
#explanation td{ padding:5px; }
#explanation th{ width:10%; }

.program_list{ margin-bottom:30px; }
.program_list h5,
.openc h5{ font-weight:bold; font-size:14px; margin-bottom:3px; }
.list_img{ float:left; width:152px; }
.list_img img{ border:1px solid #ccc; }
.list_txt{ float:left; width:540px; margin-left:20px; }
.list_txt table{ margin-top:8px; width:400px !important; }
.list_txt th,
.list_txt td{ padding:5px; }
.list_txt td{ width:70%; }

.openc{ margin-bottom:30px; }
.openc table{ margin-top:8px; }

ul.btn_menu li{ margin-top:0 ;}


/*
	スクール　コース一覧
=========================================================*/
div#content #class_guide{ clear:both; width:730px; }
div#content #class_guide table{ width:100%; }
div#content #class_guide th,
div#content #class_guide td{ border:1px solid #ccc; padding:3px; }
div#content #class_guide th{
	background-color:#CCE4F2;
	font-weight:bold;
	white-space:nowrap;
}
div#content #class_guide td.class_name{ width:20%; }
div#content ul.sub_menu{ text-align:right; margin-top:10px; }
div#content ul.sub_menu li{ display:inline; padding-left:10px; }

.list_cont,.care_cont{ margin-bottom:25px; }
.list_cont .img{ float:left; width:152px; }
.list_cont .txt{ float:right; width:565px; }
.care_cont .img{ float:left; width:82px; }
.care_cont .txt{ float:left; width:570px; margin-left:20px; }
div#content .care_cont .txt th,
div#content .care_cont .txt td{ padding:2px; }
div#content .list_cont .txt table{ width:450px; margin-bottom:10px; }
div#content .list_cont th{ white-space:normal; }
div#content .list_cont th,
div#content .list_cont td{ padding:2px; }
.list_cont .txt ul{ margin:15px 0; }
.list_cont .txt li{ margin-bottom:3px; }

.pb10{ padding-bottom:10px; }
.nowrap{ white-space:nowrap; }

.th01{ width:15%; }
.th02{ width:20%; }
.th03{ width:25%; }
.th04{ width:40%; }
.th05{ width:10%; }


/*
	当店ならではの魅力
=========================================================*/
div#content #cont_appeal {
	background: url(/images/appeal_back.jpg) left bottom repeat-x #fbfbfb;
	padding: 12px 10px 10px;
	margin-bottom: 10px;
}

div#content #cont_appeal h4 { margin-bottom:10px ; }

div#content #cont_appeal #appeal_movie {
	float: left;
	width: 385px;
}

div#content #cont_appeal #appeal_list {
	background: url(/img/length_dotline.gif) repeat-y left top;
	float: right;
	width: 297px;
	padding-left:15px;
}
div#content #cont_appeal #appeal_list dl{ width:297px; clear:both; }
div#content #cont_appeal #appeal_list dt,
div#content #cont_appeal #appeal_list dd { padding-bottom:10px ; }
div#content #cont_appeal #appeal_list dt { float: left; width: 115px; }
div#content #cont_appeal #appeal_list dd { float: right; width: 173px; }
div#content #cont_appeal #appeal_list dd span { font-weight:bold; }

div#content #cont_appeal #appeal_list_2column #column2_l{ float:left; width:340px; }
div#content #cont_appeal #appeal_list_2column #column2_r{ float:right; width:340px; }
div#content #cont_appeal #appeal_list_2column dl{ width:340px; clear:both; }
div#content #cont_appeal #appeal_list_2column dt,
div#content #cont_appeal #appeal_list_2column dd { padding-bottom:10px ; }
div#content #cont_appeal #appeal_list_2column dt { float: left; width: 115px; }
div#content #cont_appeal #appeal_list_2column dd { float: right; width: 210px; }
div#content #cont_appeal #appeal_list_2column dd span { font-weight:bold; }

div#content #cont_appeal p#to_facilities {
	border-top: 1px dotted #ccc;
	margin-top: 15px;
	padding-top: 15px;
}

/*
	施設のご紹介 基本情報
=========================================================*/
div#content #shop_data{ width:100%; }
div#content #shop_data th,
div#content #shop_data td{ border:1px solid #ccc; padding:10px; }
div#content #shop_data th{
	background-color:#FCFCE5;
	font-weight:bold;
	white-space:nowrap;
}
div#content #shop_data p span{
	background:url(/img/ico_link.jpg) no-repeat left 3px;
	padding-left:12px;
}
.icon_list{ margin:10px auto 0; }
.close{ margin-top:12px; text-align:center; }

/*
	アクセスマップ
=========================================================*/
div#content #access .map{ text-align:center; margin-top:15px; }

/*
	NASxxからのお知らせ
=========================================================*/
div#content div#inc_blog .blog_title{
	background:url(/img/title_02.jpg) no-repeat;
	font-weight:bold;
	height:24px;
	padding:7px 0 0 24px;
	margin-top:25px;
}

div#content div#inc_blog h3{
	color:#313131;
	margin-bottom:0;
}
div#content div#inc_blog h3 a{ color:#313131; text-decoration:none; }

div#content div#inc_blog p{ float:right; width:105px; }

div#content div#inc_blog table{ width:100%; margin-top:7px; }
div#content div#inc_blog table th,
div#content div#inc_blog table td{
	border:0;
	border-bottom: 1px dotted #ccc; padding:5px 0;
}
div#content div#inc_blog table th{
	width:70px;
	background:none;
	font-weight:normal;
	text-align:left;
	white-space:nowrap;
	padding-left:5px;
}


/*=======================================================
div#aside	サブカラム
=========================================================*/

div#aside #menu_main {
	background: #FBFBFB;
	padding: 10px;
	margin-bottom: 10px;
}
div#aside #menu_main li { margin-bottom: 1px; }
div#aside #menu_main p { margin-top: 10px; }
div#aside div.aside_box {
	border: 1px solid #EFF0F2;
	padding: 10px 10px 8px 15px;
	margin-bottom:10px;
}
div#aside p.aside_img { float: left; width: 68px; }
div#aside div.aside_detail { float: right; width: 95px; }
div#aside div.aside_detail p { line-height: 1.2; margin-bottom: 5px; }

div#aside div.aside_box div.box_under{ border-top:dotted 1px #ccc; padding-top:8px; margin-top:8px; }

/*=======================================================
		レッスンスケジュール
=========================================================*/
div#content #download_area a{ color:#313131; }

#download_area h4{ margin-top:12px; }

#download_area li a{ text-decoration:none !important; }
#download_area li a span{
	text-decoration:underline;
	background:url(/images/arrow_red.gif) no-repeat left center;
	padding-left:8px;
}
#download_area li a img{ margin-top:3px; }

#download_area div.data_box_l{
	float:left;
	width:355px;
}
#download_area div.data_box_r{
	float:right;
	width:355px;
}
#download_area div.pdf_dl{
	background-color:#fafafa;
	border:1px solid #ccc;
	padding:15px;
}
#download_area div.pdf_dl p.to_download{ text-align:right; margin-top:20px; }
#download_area div.pdf_dl ul.kids_download li{ float:left; width:110px; margin:20px 0 0 22px; }
#download_area div.pdf_dl ul.kids_download{ margin-left:60px; }

#option_service_txt{
width:450px;
height:100px;
padding-left:0px !important;
}

.option_service_txt{
width:450px;
height:100px;
padding-left:0px !important;

}