@charset "shift_jis";

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

基本（タグ指定）

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

body{
	margin:0;
	padding:0;
	border:none;
	background-color:#FFFFFF;
	color:#333333;
	text-align:center;
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
}

h1,h2,h3,h4,h5,div,ul,li,dd,dt,dl,form,td,p{ margin:0; padding:0; }
ul,li,dl,dt,dd{ list-style-type:none; }
img { border:none; }

/* クラス ------------------------------------------------*/

.clear{
	clear:both;
}

/* リンク ------------------------------------------------*/

a,
a:link,
a:visited { color: #1E46B4; text-decoration: underline; }
a:active,
a:hover { color: #999999; text-decoration: underline; }

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

基本レイアウト

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

h1{
	width:760px;
	height:25px;
	margin:0 auto;
	padding:0;
	font-size:10px;
	color:#666666;
	text-align:right;
	font-weight:normal;
}
#header{
	width:780px;
	height:65px;
	margin:0 auto;
	text-align:left;
}
#contents{
	width:780px;
	margin:0 auto;
	text-align:left;
}
#footer{
	width:780px;
	margin:0 auto;
	text-align:left;
	clear:both;
	background-image: url(../images/line_dot_gray.gif);
	background-repeat: repeat-x;
}

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

ヘッダー

===================================================== */
#logo{
	width:400px;
	float:left;
}
#home{
	width:300px;
	float:right;
	text-align:right;
	padding-top:12px;
}

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

コンテンツ

===================================================== */
#navi{
	width:200px;
	float:left;
	overflow:hidden;
	padding-bottom:20px;
}
#page{
	width:565px;
	float:right;
	overflow:hidden;
}

/* navi ------------------------------------------------ */

/* mn */
#mn{
	background-image: url(../images/mn_bg.gif);
	background-repeat: repeat-y;
}
#mn a,
#mn a:link,
#mn a:visited { color: #333333; text-decoration: none; }
#mn a:active,
#mn a:hover { color: #1E46B4; text-decoration: underline; }

.mn-img{
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
}

/* mnのサブメニューの表示 */
#mn-aqua,
#mn-lesson,
#mn-about,
#mn-pilates{
	padding-bottom:10px;
}
#mn-about{
	background-image: url(../images/mn_bgbottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#mn-aqua li,
#mn-lesson li,
#mn-about li,
#mn-pilates li{
	height:30px;
	line-height:30px;
	font-size:80%;
	background-repeat: no-repeat;
	padding:0 0 0 13px;
}
#mn-aqua li{background-image: url(../images/mn_bglist_aqua.gif);}
#mn-lesson li{background-image: url(../images/mn_bglist_lesson.gif);}
#mn-about li{background-image: url(../images/mn_bglist_about.gif);}
#mn-pilates li{background-image: url(../images/mn_bglist_pilates.gif);}

#mn-aqua li a,
#mn-lesson li a,
#mn-about li a;
#mn-pilates li a{
	display:block;
	width:180px;
	color:#333333;
	text-decoration:none
}

/* mn-banner */
#mn-banner{
	border-top:1px solid #FFFFFF;
}
#mn-banner div{
	height: 45px;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	width: 200px;
}

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

フッター

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

#footernavi{
	padding:5px 0;
	font-size:65%;
	line-height:170%;
	text-align:center;
}
#copyright{
	padding:10px 0 5px 0;
	font-size:80%;
	text-align:center;
	color:#999999;
	font-weight:bold;
}
#movie {
	background-color: #474747;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	width: 556px;
	margin-right: 0px;
	margin-left: 0px;
}