@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{
border: 1px solid #CCCCCC;
width:730px;
}

.main p{
display:block;
width:722px;
margin:10px 0 0 4px;
}

/*タイトル画像下リード文*/
.main .tab_lead{
display:block;
width:705px;
margin:15px 0 0 14px;
padding:0;
}
.main .tab_lead p{
width:500px;
float:left;
margin:0;
padding:0;
}
.main .tab_lead img{
float:right;
}


.main table,
.main2 table{
background-color:#CCC;
border:1px solid #CCCCCC;
}
.main table th,
.main2 table th{
background-color:#F1EEE9;
border-left:4px solid #CCCCCC;
width:230px;
padding:5px;
border:1px solid #CCCCCC;
font-weight:bold;
}
.main table th img,
.main2 table th img{
float:right;
margin:0px 0 0 0;
}

.main table td,
.main2 table td{
background-color:#fff;
padding:5px;
border:1px solid #CCCCCC;
}



/* ------------------タブ-------------------------- */
.main .tabTop{
background:url(../img/tab_bk.jpg) no-repeat;
position:relative;
width:722px;
height:38px;
margin:5px 0 0 4px;
}

.main .tabTop:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

.main .tabTop li{
	text-indent:-9999px;
	float:left;
}

.main .tabTop li a{
	height:32px;
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	position:absolute;
}

.main .tabTop li a{
	top:6px;
}

.main .tabTop li a:link, 
.main .tabTop li a:visited{ background-position:left top; }
.main .tabTop li a:hover, 
.main .tabTop li a:active{ background-position:left bottom; }

.main .tabTop li a{
	width:230px;
}


/* 上 */
.main .tabTop li.tab_index a{
	background-image:url(../img/tabTop_index.gif);
	left:10px;
}
.main .tabTop li.tab_tell a{
	background-image:url(../img/tabTop_tell.gif);
	left:247px;
}

/* アクティブ */
.main .tabTop ul.tabIndex li.tab_index a{ background-image:url(../img/tabTop_index_on.gif); }
.main .tabTop ul.tabTell li.tab_tell a{ background-image:url(../img/tabTop_tell_on.gif); }


/*---------------フォーム関連--------------*/


.form_btn{
width:722px;
text-align:center;
margin:15px 0 10px 0;
padding:0px;
}


/*---------------エラー関連--------------*/

.main2 h2{
margin:15px 0 15px 0;
padding:0;
}

.error_lead p{
display:block;
width:720px;
background-color:#FEF2F2;
border:1px solid #CCCCCC;
margin:0 0 15px 0;
padding:5px;
font-weight:bold;
color:#FF0000;
}

.main2 table td.error{
background-color:#FEF2F2;
}

.red12b{
font-size:12px;
font-weight:bold;
color:#FF0000;
}


.end_btn{
text-align:center;
}


/* --電話問合せカラム設定-- */

.main .tab_lead2 p{
margin:10px 0 10px 8px;
padding:0;
width:722px;
}

.column2{
width:715px;
margin:0 0 0 8px;
}

.floatL{
float:left;
width:350px;
}

.floatR{
float:right;
width:350px;
}

#content .main .column2 .floatL p{
float:right;
display:block;
width:345px;
margin-bottom:0;
}

#content .main .column2 .floatL p img{
float:left;
margin:0 5px 0 0;
padding:0;
}

#content .main .column2 .floatR p{
float:right;
display:block;
width:345px;
margin-bottom:0;
}

#content .main .column2 .floatR p img{
float:left;
margin:0 5px 0 0;
padding:0;
}

#content .main .column2 p.btn_nas{
display:block;
margin:0 0 0 0;
padding:0 0 10px 0;
width:180px;
}

#content .main .column2 p.btn_nas img{
float:right;
}


.column3{
width:715px;
margin:0 0 0px 8px;
}



#content .main .column3 .floatL p{
float:right;
display:block;
width:345px;
margin-bottom:10px;
}

#content .main .column3 .floatL p img{
float:left;
margin:0 5px 0 0;
padding:0;
}

#content .main .column3 .floatR p{
float:right;
display:block;
width:345px;
margin-bottom:10px;
}

#content .main .column3 .floatR p img{
float:left;
margin:0 5px 0 0;
padding:0;
}


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







/*=========================================================
	2011/03/11　プチリニューアルに伴う変更
=========================================================*/
div#content {
	width: 950px !important;
}

div#content .title a {
	text-decoration: none;
	border: 1px solid #82888f;
	padding: 2px 4px 2px 12px;
	background-image: url(../img/arrow_blue.gif);
	background-position: left center;
	background-repeat: no-repeat;
	margin: 0px 1px;
}

div#content .title a:hover {
	background-color: #e1e6f5;
}