@charset "UTF-8"; 
/***********************************************************
* Meiji Sports Club (C)2009
*
* 00. Initial
* 01. Header
* 02. Top
* 03. Contents
* 04. Left Column
* 05. Main Column
* 06. Footer
* 07. Main Column
* 08. Information Area
* 09. Schedule
* 10. Floor
* 11. Join
* 12. Access
* 13. Top
***********************************************************/

body {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333;
	background: #f0f0f0;
}

h1,h2,h3,h4,h5,div,span,p,dl,dt,dd,ul,ol,li,table,th,td {
	margin: 0;
	padding: 0;
	border: 0;
}

h1,h2,h3,h4,h5 {
	font-weight: normal;
	font-size: xx-small;
}

ul {
	list-style: none;
}

hr {
	clear: both;
	display: none;
}

img,a img {
	border: 0;
}

a:link {
	color: #08a9e9;
	text-decoration: underline;
}

a:visited {
	color: #0798d8;
	text-decoration: underline;
}

a:hover {
	color: #48d9fe;
	text-decoration: none;
}

.hidden {
	display: none;
}

#wrapper {
	margin: 0 auto;
	width: 700px;
	background: url(../../management/images/bg.gif) repeat-y;
}

#wrapperFt {
	margin: 0 auto;
	padding: 0 0 5px 0;
	width: 700px;
	background: url(../../management/images/bg_ft.gif) bottom no-repeat;
}

#main {
	margin: 0 auto;
	width: 690px;
}

p.bn {
	clear: both;
	margin: 0 0 20px 0;
	width: 480px;
}

.commonTxt {
	margin: 0 0 15px 0;
	line-height: 1.4em;
}


/* Table */
#main
#contents
#mainClmn table {
	clear: both;
	width: 100%;
	background: #ccc;
}

#main
#contents
#mainClmn table th {
	padding: 5px;
	font-weight: normal;
	background: #f0f0f0;
}

#main
#contents
#mainClmn table td {
	padding: 5px;
	background: #fff;
}



/***********************************************************
* 01. Header
***********************************************************/
#main
#header {
	width: 690px;
	height: 75px;
	background: url(../../management/images/bg_header.gif) no-repeat;
}

#main
#header
#meijispManageArea {
	padding: 20px 15px 0 0;
	width: 200px;
	text-align: right;
	float: right;
}

#main
#header
#meijispManageArea h1 {
	padding: 0 0 3px 0;
	font-size: 0.8em;
	color: #fff;
}

#main
#header
#meijispManageArea h2 {
	width: 185px;
	height: 20px;
	background: url(../../management/images/logo_meijisp.gif) no-repeat;
	float: right;
}


/* Top */
#main
#header h2#logo_total {
	padding: 12px 0 0 15px;
	width: 395px;
	height: 50px;
	background: url(../images/logo_meijisp.gif) right bottom no-repeat;
	float: left;
}

/* Saiwai Sports Center */
#main
#header h2#logo_saiwai {
	padding: 12px 0 0 15px;
	width: 340px;
	height: 50px;
	background: url(../../management/saiwai/images/logo.gif) right bottom no-repeat;
	float: left;
}


/* Ishikawa */
#main
#header h2#logo_ishikawa {
	padding: 12px 0 0 15px;
	width: 330px;
	height: 50px;
	background: url(../../management/ishikawa/images/logo.gif) right bottom no-repeat;
	float: left;
}


/* Atami */
#main
#header h2#logo_atami {
	padding: 6px 0 0 15px;
	width: 370px;
	height: 60px;
	background: url(../../management/marinespa/images/logo.gif) right bottom no-repeat;
	float: left;
}



/***********************************************************
* 02. Top
***********************************************************/
#main
#top {
	margin: 0 0 10px 0;
	width: 480px;
}

#main
#top img {
	border: 1px solid #ccc;
}

#main
#categoryTop {
	clear: both;
	width: 690px;
	height: 50px;
	background: url(../../management/images/bg_title_category.gif) no-repeat;
}

#main
#categoryTop h3 {
	padding: 0 0 0 40px;
	font-size: 2.0em;
	font-weight: bold;
	line-height: 50px;
}



/***********************************************************
* 03. Contents
***********************************************************/
#main
#contents {
	padding: 10px;
	width: 670px;
	background: url(../../management/images/bg_cnts.gif) no-repeat;
	overflow: auto;
}

#main #contents .frM,
#main #contents .frT,
#main #contents .frB {
	width: 180px;
}

#main
#contents
.frM {
	margin: 0 0 10px 0;
	background: url(../../management/images/frs_m.gif) repeat-y;
}

#main
#contents
.frT {
	background: url(../../management/images/frs_t.gif) top no-repeat;
}

#main
#contents
.frB {
	background: url(../../management/images/frs_b.gif) bottom no-repeat;
}

#main
#contents
.frBody {
	padding: 12px 5px;
}

#main
#contents h3.commonTtl {
	clear: both;
	margin: 0 0 5px 0;
	padding: 7px;
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	background: #08a9e9;
	border-left: 5px solid #20d1f4;
}



/***********************************************************
* 04. Left Column
***********************************************************/
#main
#contents
#leftClmn {
	margin: 0 10px 0 0;
	width: 180px;
	float: left;
}


#main
#contents
#leftClmn h4 {
	margin: 0 0 5px 0;
	padding: 0 0 9px 0;
	width: 170px;
	height: 17px;
	background: url(../../management/images/ttls_menu.gif) no-repeat;
	border-bottom: 2px solid #999;
}

#main
#contents
#leftClmn ul {
	margin: 0 0 10px 0;
	width: 170px;
}

#main
#contents
#leftClmn li a {
	padding: 0 5px;
	width: 160px;
	height: 30px;
	font-weight: bold;
	line-height: 30px;
	text-decoration: none;
	background: url(../../management/images/nav.gif) 0 0 no-repeat;
	display: block;
}

#main
#contents
#leftClmn li a:hover {
	color: #fff;
	background-position: -170px 0;
}



/***********************************************************
* 05. Main Column
***********************************************************/
#main
#contents
#mainClmn {
	width: 480px;
	overflow: auto;
	float: left;
}

#main #contents #mainClmn .ttl,
#main #contents #mainClmn .ttl2 {
	margin: 0 0 5px 0;
	padding: 0 5px 0 20px;
	width: 455px;
	height: 40px;
}

#main
#contents
#mainClmn
.ttl {
	background: url(../../management/images/bg_title.gif) no-repeat;
}

#main
#contents
#mainClmn
.ttl2 {
	background: url(../../management/images/bg_title2.gif) no-repeat;
}

#main #contents #mainClmn .ttl h4,
#main #contents #mainClmn .ttl2 h4 {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 40px;
	float: left;
}



/***********************************************************
* 06. Footer
***********************************************************/
#main
#pageTop {
	clear: both;
	padding: 10px;
	width: 670px;
	text-align: right;
}

#main
#pageTop a {
	padding: 0 0 0 15px;
	background: url(../../common/images/arrow_ptop_aq.gif) 0 2px no-repeat;
	color: #333;
}


/* Footer */
#main
#footer {
	clear: both;
	padding: 10px 20px;
	width: 650px;
	color: #ccc;
	background: #333;
	border-top: 3px solid #08a9e9;
	overflow: auto;
}

#main
#footer p {
	line-height: 1.4em;
	float: left;
}

#main
#footer p a {
	padding: 0 10px;
	text-decoration: none;
	color: #ccc;
}

#main
#footer p a:hover {
	color: #fff;
}

#main
#footer p#cr {
	clear: both;
	padding: 15px 0 5px 0;
	width: 100%;
	color: #999;
}



/***********************************************************
* 07. Topics
***********************************************************/
#main
#contents
#mainClmn
#topicsArea {
	margin: 0 0 20px 0;
	width: 480px;
	overflow: auto;
}

#main
#contents
#mainClmn
#topicsArea dt {
	width: 90px;
	line-height: 1.4em;
	float: left;
}

#main
#contents
#mainClmn
#topicsArea dd {
	width: 390px;
	line-height: 1.4em;
	float: left;
}



/***********************************************************
* 08. Information Area
***********************************************************/
#main
#contents
#mainClmn
#infoArea {
	margin: 0 0 20px 0;
	padding: 10px;
	width: 458px;
	background: #b9e9f5;
	border: 1px solid #ccc;
}

#main
#contents
#mainClmn
#infoArea
#infoAreaBody {
	padding: 10px 10px 5px 10px;
	width: 438px;
	background: #fff;
	overflow: auto;
}

#main
#contents
#mainClmn
#infoArea
#infoAreaBody img {
	margin: 0 10px 0 0;
	width: 180px;
	border: 1px solid #ccc;
	float: left;
}

#main
#contents
#mainClmn
#infoArea
#infoAreaBody
.txtArea {
	width: 240px;
	float: left;
}

#main
#contents
#mainClmn
#infoArea
#infoAreaBody
.txtArea p {
	margin: 0 0 15px 0;
	line-height: 1.4em;
}

#main
#contents
#mainClmn
#infoArea h5 {
	margin: 0 0 3px 0;
	padding: 0 0 0 21px;
	font-size: 1.0em;
	font-weight: bold;
	color: #08a9e9;
}

#main
#contents
#mainClmn
#infoArea h5#shopAddress {
	background: url(../../management/images/icon_address.gif) 0 0 no-repeat;
}

#main
#contents
#mainClmn
#infoArea h5#shopAccess {
	background: url(../../management/images/icon_access.gif) 0 0 no-repeat;
}

#main
#contents
#mainClmn
#infoArea h5#shopTel {
	background: url(../../management/images/icon_tel.gif) 0 0 no-repeat;
}

#main
#contents
#mainClmn
#infoArea h5#shopTime {
	background: url(../../management/images/icon_time.gif) 0 0 no-repeat;
}

#main
#contents
#mainClmn
#infoArea h5#shopCal {
	background: url(../../management/images/icon_cal.gif) 0 0 no-repeat;
}



/***********************************************************
* 09. Schedule
***********************************************************/
#main
#contents
#mainClmn
#schBoxArea {
	clear: both;
	margin: 0 0 30px 0;
	width: 480px;
	overflow: auto;
}

#main
#contents
#mainClmn
.schBox {
	padding: 0 5px;
	width: 230px;
	float: left;
}

#main
#contents
#mainClmn
.schBox h5 {
	margin: 0 0 10px 0;
	padding: 5px;
	font-size: 1.0em;
	font-weight: bold;
	border-left: 3px solid #08a9e9;
}

#main
#contents
#mainClmn
.schBox li {
	margin: 0 0 10px 0;
	padding: 0 0 0 22px;
	line-height: 17px;
	background: url(../images/icon_pdf.gif) no-repeat;
}

#main
#contents
#mainClmn
#schTable {
	clear: both;
	margin: 0 0 15px 0;
	width: 456px;
}

#main
#contents
#mainClmn
#schTable ul {
	height: 25px;
	border-bottom: 3px solid #08a9e9;
	overflow: auto;
}

#main
#contents
#mainClmn
#schTable li {
	width: 65px;
	height: 25px;
	float: left;
}

#main
#contents
#mainClmn
#schTable li a {
	width: 65px;
	height: 25px;
	font-weight: bold;
	line-height: 25px;
	color: #333;
	text-align: center;
	text-decoration: none;
	display: block;
}

#main
#contents
#mainClmn
#schTable table th {
	width: 20%;
	font-size: 0.8em;
	text-align: center;
}

#main
#contents
#mainClmn
#schTable table td p {
	margin: 0 0 10px 0;
	line-height: 1.4em;
}

#main
#contents
#mainClmn
#schTable
.close a {
	background: url(../../management/images/tab_off.gif) no-repeat;
}

#main
#contents
#mainClmn
#schTable
.open a {
	color: #fff;
	background: url(../../management/images/tab_on.gif) no-repeat;
}



/***********************************************************
* 10. Floor
***********************************************************/
#main
#contents
#mainClmn
.flBox {
	padding: 0 10px 15px 10px;
	width: 220px;
	float: left;
}

#main
#contents
#mainClmn
.flBox h5 {
	margin: 0 0 5px 0;
	padding: 5px;
	text-align: left;
	font-size: 1.0em;
	font-weight: bold;
	border-left: 5px solid #08a9e9;
}



/***********************************************************
* 11. Join
***********************************************************/
#main
#contents
#mainClmn
.joinBox {
	margin: 0 0 30px 0;
	width: 480px;
}

#main
#contents
#mainClmn
.joinBox p {
	line-height: 1.4em;
}

#main
#contents
#mainClmn
.joinBox p.att {
	font-size: 0.8em;
	color: #666;
}

#main
#contents
#mainClmn
.joinBox ol {
	margin: 0 0 0 10px;
	list-style: inside;
}

#main
#contents
#mainClmn
.joinBox ol li {
	line-height: 1.6em;
}



/***********************************************************
* 12. Access
***********************************************************/
#main
#contents
#mainClmn
#map {
	margin: 0 0 20px 0;
	width: 478px;
	height: 478px;
	border: 1px solid #ccc;
}



/***********************************************************
* 13. Top
***********************************************************/
#main
#contents
.floatL {
	padding: 0 5px 10px 5px;
	float: left;
}

#main
#contents
.floatL
.shopListBox {
	padding: 8px;
	width: 305px;
	height: 100px;
	font-size: 0.9em;
	background: #fff;
	border: 1px solid #ccc;
}

#main
#contents
.floatL
.shopListBox img {
	margin: 0 10px 0 0;
	width: 130px;
	height: 100px;
	border: 1px solid #ccc;
	float: left;
}

#main
#contents
.floatL
.shopListBox
.txtArea {
	width: 160px;
	float: left;
}

#main
#contents
.floatL
.shopListBox
.txtArea h4 {
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1.4em;
}

#main
#contents
.floatL
.shopListBox
.txtArea p {
	line-height: 1.2em;
}