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


/*=======================================================
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{ color:#666; }

/*タイトル画像下リード文*/
.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 h2{
	background:url(../img/title_01.jpg) no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	padding:8px 0 10px 22px;
}

div#content h3{
	background:url(../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(../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(../../../blog/common/img/intro_back.jpg) repeat-x;
	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:150px; }
div#content div.school_txt{ float:right; width:195px; }

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

/*
	スクール　コース一覧
=========================================================*/
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:10px; }
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; }

/*
	当店ならではの魅力
=========================================================*/
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 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; }

/*
	NAS茅ヶ崎からのお知らせ
=========================================================*/
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{
	background:none;
	font-size:12px;
	color:#313131;
	float:left;
	padding:0;
	margin: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; }