@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#content	メインカラム
		: div#aside		サブカラム
	
	5: div#footer
	
==============================================================
*/





/*=========================================================
4: div#contentWrap
=========================================================*/

/*
div#content	メインカラム
=========================================================*/

/*
div#serviceMenu	サービスメニュー
---------------------------------------------------------*/
div#serviceMenu {
	margin-bottom: 30px;
	padding: 0 10px 10px;
	width: 710px;
	background: #EEEEEE url(../img/serviceMenu_background.gif) left top repeat-x;
}

div#serviceMenu h2 {
	margin: 0 -10px 10px;
	position: relative;
	width: 730px;
	height: 29px;
}

div#serviceMenu h2 span {
	display: block;
	position: absolute;
	top: 6px;
	right: 10px;
	width: 89px;
	height: 19px;
}

div#serviceMenu div.serviceMenuContentWrap {
	margin-bottom: 10px;
}

div#serviceMenu div.serviceMenuContentWrap div.serviceMenuContent {
	margin-right: 10px;
	border: 1px solid #CCCCCC;
	float: left;
	width: 228px;
	background-color: #FFFFFF;
}

div#serviceMenu div.serviceMenuContentWrap div.serviceMenuContent p {
	margin-bottom: 0;
	padding: 8px;
	height: 4.2em;
}

div#serviceMenu div.serviceMenuContentWrap div.serviceMenuContentLastChild {
	margin-right: -20px;
}

div#serviceMenu div.serviceMenuContentWrap2 div.serviceMenuContent2 {
	margin-right: 10px;
	border: 1px solid #CCCCCC;
	float: left;
	width: 228px;
	background-color: #FFFFFF;
}

div#serviceMenu div.serviceMenuContentWrap2 div.serviceMenuContent2 p {
	margin-bottom: 0;
	padding: 8px;
	height: 4.2em;
}

div#serviceMenu div.serviceMenuContentWrap2 div.serviceMenuContentLastChild2 {
	margin-right: -20px;
}

div#serviceMenu div.serviceMenuContentWrap2 div.serviceMenuContent {
	margin-right: 10px;
	border: 1px solid #CCCCCC;
	float: left;
	width: 348px;
	background: #FFFFFF url(../img/serviceMenuContent_backgrou.jpg) center top no-repeat;
}

div#serviceMenu div.serviceMenuContentWrap2 div.serviceMenuContentLastChild {
	margin-right: -20px;
}

div#serviceMenu div.serviceMenuContentWrap2 div.img {
	padding: 10px 0 10px 10px;
	float: left;
	width: 104px;
}

div#serviceMenu div.serviceMenuContentWrap2 div.text {
	padding: 10px 10px 2px 0;
	float: right;
	width: 224px;
}

div#serviceMenu div.serviceMenuContentWrap2 h4 {
	margin-bottom: 1em;
}

div#serviceMenu div.serviceMenuContentWrap2 p{
	margin-bottom: 0;
	height: 5.6em;
}



/*
div#wrap_topic-event	お知らせ・イベント　モバイルNAS
---------------------------------------------------------*/
div#wrap_topic-event {
	width: 730px;
}

div#topic-event {
	float: left;
	width: 538px;
	position: relative;
}

div#topic-event ul#topic-event_link {
	position: absolute;
	top: 6px;
	right: 9px;
}

div#topic-event ul#topic-event_link li {
	margin-left: 6px;
	display: inline;
}

div#topic-event dl {
	padding: 10px;
	width: 518px;
}

div#topic-event dl dt {
	padding: 5px 0;
	float: left;
	clear: left;
	width: 160px;	
}

div#topic-event dl dt img {
	margin: 0 10px 0 1px;
	vertical-align: middle;
} 

div#topic-event dl dd {
	padding: 5px 0 5px 160px;
	border-bottom: 1px dashed #CCCCCC;
}

div#topic-event dl dd p {
	margin-bottom: 0;
}

* html body div#topic-event dl dd p {
	display: inline-block;
} 


div#mobile-nas {
	padding: 0 10px 10px;
	float: right;
	width: 152px;
	background: #F0EFF0 url(../img/mobile-nas_background.gif) top left repeat-x;
}

div#mobile-nas h2 {
	margin: 0 -10px 10px;
	width: 172px;
}

div#mobile-nas p {
	margin-bottom: 0;
}

div#mobile-nas div.img {
	float: left;
	width: 70px;
}

div#mobile-nas p.text {
	float: right;
	width: 75px;
	line-height: 1.4;
	color: #333333;
}

div#mobile-nas p.lastChild {
	padding-top: 8px;
	clear: both;
}



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