@charset "utf-8";
/* CSS Document */

body {
	background: url(/images/common/siteback.jpg) repeat-x 0px 0px;
	margin: 0 auto;
	padding: 0;
	color: #444444;
	font-size: 80%;
	line-height: 140%;
}
* {
	margin: 0;
	padding: 0;
}
table, img, p {
	border: 0;
}
li {
	list-style-type: none;
}
br.clear {
	clear: both;
}

/* フォント
----------------------------------------------- */
h1, h2 {
	margin: 0;
	padding: 0;
}
/* リンク指定
----------------------------------------------- */
a {
	color: #00308C;
}
a:hover {
	color: #11CCFF;
}
a:active {
	color: #11CCFF;
}
a:visited {
	color: #00308C;
}
/* フロート
----------------------------------------------- */
.left {
	float: left;
}
.right {
	float: right;
}
/* フレーム
----------------------------------------------- */
div#center {
	width: 800px;
	margin: 0 auto;
	background: #FFFFFF;
	border-left: #BBBBBB 2px solid;
	border-right:  #BBBBBB 2px solid;
}
div#topcolumn {
	width: 800px;
	height: 220px;
	margin-bottom: 20px;
}
div#container {
	clear: left;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	text-align: left;
}
div#leftcolumn {
	float: left;
	width: 540px;
	padding: 0 0 10px 20px;
}
div#rightcolumn {
	float: left;
	width: 200px;
	padding: 0 0 0 20px;
}
div#sidecolumn {
	float: left;
	width: 150px;
	padding: 20px 0 0 20px;
}
div#sidecolumn h2 {
	font-size: 100%;
	font-weight: normal;
	text-align: center;
}
div#maincolumn {
	float: right;
	position: relative;
	width: 590px;
	padding: 20px 20px 0 0;
}
div#maincolumn h2 img {
	margin-bottom: 10px;
}
/* ヘッダー
------------------------------------------------ */
div#header {
	width: 800px;
	height: 120px;
	margin: 0 auto;
	padding-top: 0;
	background: url(/images/common/bg_header.jpg) no-repeat;
}
div#information {
	float: right;
	margin:0;
	padding: 89px 0 0 0;
	text-align:right;
}
div#header h1 {
	margin: 20px 0 0 10px;
	padding: 0;
	width: 520px;
	height:80px;
	font-size: 80%;
	font-weight: normal;
	float: left;
}
/* メニュー
----------------------------------------------- */
ul#menu_bar li {
	float: left;
	position: relative;
	width: 133px;
	height: 30px;
}
ul#menu_bar li a {
	display: block;
	width: 133px;
	height: 30px;
}
/* 下層のメニューを不可視に */
ul#menu_bar li ul {
	visibility: hidden;
}
/* 疑似要素 :hover で下層のメニューを可視に */
ul#menu_bar li:hover ul {
	visibility: visible;
	position: absolute;
	z-index: 100;
}
#menu1 {
	background-image: url(/images/common/top.jpg);
}
#menu1:hover {
	background-image: url(/images/common/top_on.jpg);
}
#menu2 {
	background-image: url(/images/common/guide.jpg);
}
#menu2:hover {
	background-image: url(/images/common/guide_on.jpg);
}
#menu3 {
	background-image: url(/images/common/school.jpg);
}
#menu3:hover {
	background-image: url(/images/common/school_on.jpg);
}
#menu4 {
	background-image: url(/images/common/acces.jpg);
}
#menu4:hover {
	background-image: url(/images/common/acces_on.jpg);
}
#menu5 {
	background-image: url(/images/common/company.jpg);
}
#menu5:hover {
	background-image: url(/images/common/company_on.jpg);
}
#menu6 {
	background-image: url(/images/common/recruit.jpg);
}
#menu6:hover {
	background-image: url(/images/common/recruit_on.jpg);
}
#menu3-1 {
	background-image: url(/images/common/school1.jpg);
}
#menu3-1:hover {
	background-image: url(/images/common/school1_on.jpg);
}
#menu3-2 {
	background-image: url(/images/common/school2.jpg);
}
#menu3-2:hover {
	background-image: url(/images/common/school2_on.jpg);
}
#menu3-3 {
	background-image: url(/images/common/school3.jpg);
}
#menu3-3:hover {
	background-image: url(/images/common/school3_on.jpg);
}
#menu3-4 {
	background-image: url(/images/common/school4.jpg);
}
#menu3-4:hover {
	background-image: url(/images/common/school4_on.jpg);
}
#menu3-5 {
	background-image: url(/images/common/school5.jpg);
}
#menu3-5:hover {
	background-image: url(/images/common/school5_on.jpg);
}
#menu3-6 {
	background-image: url(/images/common/school6.jpg);
}
#menu3-6:hover {
	background-image: url(/images/common/school6_on.jpg);
}
#menu3-7 {
	background-image: url(/images/common/school7.jpg);
}
#menu3-7:hover {
	background-image: url(/images/common/school7_on.jpg);
}
#menu3-8 {
	background-image: url(/images/common/school8.jpg);
}
#menu3-8:hover {
	background-image: url(/images/common/school8_on.jpg);
}
#menu3-9 {
	background-image: url(/images/common/school9.jpg);
}
#menu3-9:hover {
	background-image: url(/images/common/school9_on.jpg);
}
#menu3-10 {
	background-image: url(/images/common/school10.jpg);
}
#menu3-10:hover {
	background-image: url(/images/common/school10_on.jpg);
}
/* フッター
------------------------------------------------ */
div#footer {
	width: 800px;
	height: 30px;
	margin: 0 auto;
	padding:0;
	clear:both;
	background: #0066DD;
	border-top: #11CCFF 1px solid;
	color: #FFFFFF;
	font-size: 80%;
}
div#footer p {
	margin: 7px 0 0 20px;
}
/* topへ
----------------------------------------------- */
.pagetop {
	clear: both;
	width: 590px;
	margin: 0 auto;
	padding: 5px 3px 5px 0;
	text-align: right;
}
/* サイドメニュー
----------------------------------------------- */
#sidecolumn ul li a {
	height: 30px;
	width: 150px;
	display: block;
	margin-bottom: 5px;
}
#side_menu1 {
	background-image: url(/images/side/menu_swimming.jpg);
}
#side_menu1:hover {
	background-image: url(/images/side/menu_swimming_on.jpg);
}
#side_menu2 {
	background-image: url(/images/side/menu_fitness.jpg);
}
#side_menu2:hover {
	background-image: url(/images/side/menu_fitness_on.jpg);
}
#side_menu3 {
	background-image: url(/images/side/menu_tennisclub.jpg);
}
#side_menu3:hover {
	background-image: url(/images/side/menu_tennisclub_on.jpg);
}
#side_menu4 {
	background-image: url(/images/side/menu_tennisschool.jpg);
}
#side_menu4:hover {
	background-image: url(/images/side/menu_tennisschool_on.jpg);
}
#side_menu5 {
	background-image: url(/images/side/menu_futsal.jpg);
}
#side_menu5:hover {
	background-image: url(/images/side/menu_futsal_on.jpg);
}
#side_menu6 {
	background-image: url(/images/side/menu_football.jpg);
}
#side_menu6:hover {
	background-image: url(/images/side/menu_football_on.jpg);
}
#side_menu7 {
	background-image: url(/images/side/menu_triathlon.jpg);
}
#side_menu7:hover {
	background-image: url(/images/side/menu_triathlon_on.jpg);
}
#side_menu8 {
	background-image: url(/images/side/menu_sportsclass.jpg);
}
#side_menu8:hover {
	background-image: url(/images/side/menu_sportsclass_on.jpg);
}
#side_menu9 {
	background-image: url(/images/side/menu_cultureclass.jpg);
}
#side_menu9:hover {
	background-image: url(/images/side/menu_cultureclass_on.jpg);
}
#side_menu10 {
	background-image: url(/images/side/menu_diving.jpg);
}
#side_menu10:hover {
	background-image: url(/images/side/menu_diving_on.jpg);
}
#side2_menu1 {
	background-image: url(/images/side/menu_company.jpg);
}
#side2_menu1:hover {
	background-image: url(/images/side/menu_company_on.jpg);
}
#side2_menu2 {
	background-image: url(/images/side/menu_greeting.jpg);
}
#side2_menu2:hover {
	background-image: url(/images/side/menu_greeting_on.jpg);
}
#side2_menu3 {
	background-image: url(/images/side/menu_access.jpg);
}
#side2_menu3:hover {
	background-image: url(/images/side/menu_access_on.jpg);
}
#side2_menu4 {
	background-image: url(/images/side/menu_recruit.jpg);
}
#side2_menu4:hover {
	background-image: url(/images/side/menu_recruit_on.jpg);
}