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


/*------------------------------------------------------------------------------------------------共通部分*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}
/*Hides from IE-mac \*/
*html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


html,body{
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 2em;
	font-size: 13px;
	background-color:#000000;
}


.clear {
	clear:both;
}

img {
	border-style: none;
}
p {
	padding: 0px;
	margin: 0px;
}





a h1 {
	background-image:url(../images/parts/h1.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 70px;
	width: 260px;
	text-indent: -99999em;
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	z-index: 100;
	cursor:pointer;
}
* h1 { behavior: expression(IEPNGFIX.fix(this)); } 

#header-menu {
	width:100%;
	text-align:right;
	background:#000000;
	color:#FFFFFF;
	position:absolute;
	top:0px;
	margin:0;
	padding:5px 0;
	z-index: 90;
}

#header-menu a{
	color:#FFFFFF;
	padding:5px 10px;
	margin:0px;
	text-decoration:none;
	border-left:1px #FFFFFF dashed;
}

#header-menu a:hover{
	color:#FFFFFF;	
	background-color:#FF9900;
	border-left:1px #FF6600 solid;
}

table {
	line-height: 2em;
	font-size: 13px;
}



/*----------------------------------------------------------------------------------------------------------トップページ要素ここから*/
#top-left-area {
	width:270px;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	background:url(../images/parts/bg_left.gif) repeat-y;
	color:#FFFFFF;
	overflow:hidden;
}

#top-left-area-in {
	width:270px;
	height:95%;
	padding-bottom:30px;
	overflow:auto;	
}


#top-right-area {
	width:270px;
	height:100%;
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;
	border-left:1px #FFFFFF solid;
	color:#FFFFFF;
	overflow:hidden;
}

#top-right-area-in {
	width:270px;
	height:95%;
	padding-bottom:30px;
	overflow:auto;	
}


#top-left-area a ,#top-right-area a{
	color:#FFFFFF;
	text-decoration:none;
}
#top-left-area a:hover, #top-right-area a:hover{
	color:#FF9900
}

.more {
	background-image:url(../images/parts/more_indent.gif);
	background-repeat:no-repeat;
	background-position:left;
	text-indent:15px;
}
.more-white {
	background-image:url(../images/parts/more_indent_white.gif);
	background-repeat:no-repeat;
	background-position:left;
	text-indent:15px;
	margin:5px 10px;
}

/**/

#event-area {
	margin-top:120px;
	min-height:200px;
	_height:200px;
	padding:0px 10px 0px 40px;
	background:url(../images/parts/title-event.gif) no-repeat;
	background-position:top left;
}

#event-area img {
	background:#FFFFFF;
	padding:4px;
	margin:10px 0;
	_border:4px solid #FFFFFF;
}

.date {
	font-size:10px;
}
.event-title {
	font-size:18px;
	font-weight:bold;
}
.text-area {
	text-align:justify;
	line-height:1.8em;
}


/**/
#playguide {
	margin-top:40px;
	margin-bottom:50px;
	min-height:200px;
	_height:200px;
	padding:0px 10px 0px 21px;
	background:url(../images/parts/title-playguide.gif) no-repeat;
	background-position:top left;
}
#playguide-cont {
	border-left:5px #FF6600 solid;	
	padding-left: 13px;
}

#playguide img {
	background:#FFFFFF;
	padding:4px;
	margin:10px 0;
	_border:4px solid #FFFFFF;
}

/*------------------------------------------------------------教室情報*/
#school-area {
	margin:230px 15px 0 15px;
}

a #bn-school {
	width:230px;
	height:80px;
	background:url(../images/parts/bg_bn_school.gif) no-repeat top;
	display:block;
	z-index:70;
	cursor:pointer;
}
a #bn-school img {
	margin:8px 0 0 8px;
	border:1px #FFFFFF solid;
	}
a:hover #bn-school {
	width:230px;
	height:80px;
	display:block;
	background-position:bottom;
}


/*------------------------------------------------------------清水ヶ丘BLOG*/
#dayori {
	margin-top:15px;
}

#dayori img{
	margin:10px;
	border:1px #FFFFFF solid;
	float:left;
}
#dayori-title {
	border-left:5px #FFFFFF solid;
	padding:5px 10px;
	font-weight:bold;
	font-size:18px;
}

#dayori-right {
	float:left;
	width:130px;
	margin:15px 0px;
}

#dayori-right p{
	font-size:12px;
}


/*----------------------------------------------------------------whatsnew*/
#whatsnew {
	margin-top:25px;
	z-index:1000;
}

#whatsnew-title {
	border-left:5px #FFFFFF solid;
	padding:5px 10px;
	margin:2px 0;
	font-weight:bold;
	font-size:18px;
}

#whatsnew ul {
	margin:5px 15px;
	padding:5px 10px;
}
#whatsnew ul li {
		line-height:1.8em;
}
#whatsnew ul li p{
	margin-top:2px;
	line-height:1.5em;

}

/*----------------------------------------------------------------------フォトギャラリーここから*/



#photo-gallery {
	/*top:60px;*/
	right: 0px;
}

#gallery-box {
	padding:10px 10px;
	color:#FFFFFF;
}

#gallery-box .sb-inner {
	background-color:#000000;
}
/*-------------------------------------------------サイドバーa-jax*/
ul{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
}

#sideBar{
		position: absolute;
		width: auto;
		top: 40px;
		right:0px;
		background-position:top left;
		background-repeat:repeat-y;
		z-index:80;
		overflow:hidden;
	}

#corner .sb-inner {
	color:#000000;
	}

#sideBarTab{
	float:left;
}
	
#sideBarTab img{
	margin:0;
	padding:0;
}


#sideBarContents{
	overflow:hidden !important;
	background-color:#000000;
	margin:0;
	padding:0;
	width:0px;
	float:left;
}

#sideBarContentsInner {
}

#sideBarContentsInner img{
	margin:0;
	padding:0;
	border:4px #FFFFFF solid;
}

#sideBarContentsInner ul{
	padding:10px;
	height:150px;
	width:100%;
	}

	
.td-border {
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	color:#FFFFFF;
	font-size:13px;
	padding:3px;
	}




/*----------------------------------------------------------------------------------------------------------サブページ要素ここから*/

/*間違ったソースここから*/
#contents {
	position: absolute;　
	width: 100%;
	display: block;
	margin-top: 150px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow-x: hidden;
	overflow: scroll;
	height: 100%;
	bottom: 0px;
	z-index: 50;
	padding: 0px;
}
#contents #contents-box {
	background-color: #FFFFFF;
	margin-top: 100px;
	margin-right: 10%;
	margin-bottom: 0px;
	margin-left: 10%;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 100px;
	padding-left: 20px;
}
#contents #contents-box .sb-inner { background:#FFFFFF; }
/*正しいソースここから*/
#contents {
	position: absolute;
	width: 100%;
	display: block;
	margin-top: 150px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow-x: hidden;
	overflow: scroll;
	height: 100%;
	bottom: 0px;
	z-index: 50;
	padding: 0px;
}
#contents #contents-box {
	background-color: #FFFFFF;
	margin-top: 100px;
	margin-right: 10%;
	margin-bottom: 0px;
	margin-left: 10%;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 100px;
	padding-left: 15px;
	_display:inline-block;
	
}

#contents #contents-box .sb-inner { background:#FFFFFF; }
/**/

#footer {
	width: 100%;
	position: absolute;
	padding: 0px;
	bottom: 0px;
	z-index: 80;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-indent:40px;
}
#footer #menu {
	margin-top: 20px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 20px;
	font-weight: bold;
	
}

#footer #menu .sb-inner {
	background:url(../images/parts/bg_menu.gif) repeat-x;
}

#footer #menu #menu-in{
	padding:0px 25px;
	background:url(../images/parts/bg_menu.gif) repeat-x;
	height:40px;
	display:block;
	background-position:top;
	font-size:16px;
	
}


#footer #menu #menu-in a {
	width:16%;
	height:30px;
	_height:40px;
	display:block;
	padding-top:10px;
	float:left;
	text-decoration:none;
	color:#666666;
	overflow:hidden;
}
#footer #menu #menu-in a:hover {
	background:url(../images/parts/bg_menu_a.gif) repeat-x;
	height:30px;
	_height:40px;
	color:#FF9900;
}

#copyright {
	background-color:#99CC00;
	padding:5px;
	color:#FFFFFF;
	text-align:center;
}

#copyright a{
	color:#FFFFFF;
}

#copyright a:hover{
	color: #FF6600;
	text-decoration:underline;
}









.main-photo {
	float:right;
	margin:0 10px 10px 10px;
	padding:4px;
	border:#999999 1px solid;
	background-color:#FFFFFF;
}


h2 {
	font-size:28px;
	height:40px;
	padding:13px 65px;
	margin:3px 0;
	background-position:left;
	color: #333333;
	border-bottom:1px #333333 solid;
	background:url(../images/parts/h2_indent.gif) no-repeat;
	background-position:left;
}

h3 {
	text-indent:65px;
	background:url(../images/parts/h3_indent.gif) no-repeat;
	background-position:left;
	min-height:35px;
	_height:35px;
	margin:10px 0;
	padding:15px 0 0 0;
	font-size:24px;
	border-bottom:1px #99CC33 solid;
	color:#006600;

}

h4 {
	font-size:20px;
	height:32px;
	padding:6px 5px;
	margin:3px 0;
	background-position:left;
	color: #333333;
	border-bottom:1px #333333 solid;
}

#contents ul li {
	margin:3px 15px;
}
table ul li {
	margin:3px 10px;
}



/*----------------------------------------------------扉ページ共通*/
#menu-link {
	width:100%;
}

.menu-box {
	width:340px;
	margin:5px 0 0 5px;
	min-height:250px;
	_height:250px;
	float:left;
}

.menu-box-right {
	width:170px;
	min-height:250px;
	_height:250px;
	float:left;
	margin:0;
	padding:0px 5px;
	position:relative;	
}

.menu-box-right h4 {
	/*margin:0px 0px 5px 0px;
	padding:5px;
	border:#99CC00 1px solid;
	border-left:#99CC00 4px solid;
	background-color:#EDFFCA;
	font-size:18px;*/
	
}

.menu-box-right h4.gymnasium{
	background-image:url(../images/parts/h2_indent_gymnasium.png);
	background-repeat:no-repeat;
	height:35px;
	_height:45px;
	text-indent:45px;
	padding:10px 0 0 0;
	margin:0px;

}
.menu-box-right h4.pool {
	background-image:url(../images/parts/h2_indent_pool.png);
	background-repeat:no-repeat;
	height:35px;
	_height:45px;
	text-indent:45px;
	padding:10px 0 0 0;
	margin:0px;
}
.menu-box-right h4.tennis {
	background-image:url(../images/parts/h2_indent_tennis.png);
	background-repeat:no-repeat;
	height:35px;
	_height:45px;
	text-indent:45px;
	padding:10px 0 0 0;
	margin:0px;
}
.menu-box-right h4.ground {
	background-image:url(../images/parts/h2_indent_ground.png);
	background-repeat:no-repeat;
	height:35px;
	_height:45px;
	text-indent:45px;
	padding:10px 0 0 0;
	margin:0px;
}

#facilities-link {
	text-align:right;
	margin:5px 0;
}
#facilities-link img{
margin:0 5px;
}
#facilities-link a{
	display:block;
	padding:5px;
	float:right;
	color:#333333;
	text-decoration:none;
}
#facilities-link a:hover{
	background-color:#FFCC66;
	color:#FF6600;
	text-decoration:underline;
}
.float-left {
	float:left;
}

.menu-box-right p{
	min-height:165px;
	_height:165px;
}
.detail a{
	width:160px;
	height:30px;
	display:block;
	background:url(../images/parts/bn_detail.gif) no-repeat;
	background-position:top;
	text-indent:-999999999px;
	font-size:0px;
}

.detail a p{
	display:none;
}

.detail a:hover{
	background-position:bottom;
}


/*------------------------------------------------------------------------------------------------2.施設のご案内*/

.table-02 {
}
.table-02 table {
	border:1px #999999 solid;
}
.table-02 table td {
	padding:5px;
	border-bottom:1px #999999 solid;
	border-right:1px #999999 solid;
}

h2#ground {
	font-size:28px;
	height:40px;
	_height:65px;
	padding:13px 65px;
	margin:3px 0;
	background:url(../images/parts/h2_indent_ground.gif) no-repeat;
	background-position:left;
	color:#FF6600;
	border-bottom:1px #FF9900 solid;
}

h2#gymnasium {
	font-size:28px;
	height:40px;
	_height:65px;
	padding:13px 65px;
	margin:3px 0;
	background:url(../images/parts/h2_indent_gymnasium.gif) no-repeat;
	background-position:left;
	color:#FF9999;
	border-bottom:1px #FF9999 solid;
}

h2#pool {
	font-size:28px;
	height:40px;
	_height:65px;
	padding:13px 65px;
	margin:3px 0;
	background:url(../images/parts/h2_indent_pool.gif) no-repeat;
	background-position:left;
	color:#66CCFF;
	border-bottom:1px #66CCFF solid;
}

h2#tennis-court {
	font-size:28px;
	height:40px;
	_height:65px;
	padding:13px 65px;
	margin:3px 0;
	background:url(../images/parts/h2_indent_tennis.gif) no-repeat;
	background-position:left;
	color:#00CC33;
	border-bottom:1px #00CC33 solid;
}









h2#parking {
	font-size:28px;
	height:40px;
	_height:65px;
	padding:13px 65px;
	margin:3px 0;
	background:url(../images/parts/h2_indent_parking.gif) no-repeat;
	background-position:left;
	color:#FF9999;
	border-bottom:1px #FF9999 solid;
}



#best5 {
}
#best5 ol {
	margin:10px;
	padding:10px;
}
#best5 ol li{
	line-height:2em;
	list-style-position:inside;
	color:#333333;
	border-bottom:1px #333333 solid;
}

#best5 ol li.ol-list01 { font-size:18px; color:#FF6600; font-weight:bold; border-bottom:1px #FF6600 solid;}
#best5 ol li.ol-list02 { font-size:16px; color:#FF9900; font-weight:600; border-bottom:1px #FF9900 solid;}
#best5 ol li.ol-list03 { font-size:14px; color:#CCCC33; font-weight:300; border-bottom:1px #CCCC33 solid;}


/*------------------------------------------------------------------------------------------------3.見どころ*/
h4.spring {
	border-left:4px #FF6699 solid;
	border-bottom:1px #FF6699 solid;
	background-color:#FFCCCC;
	margin:5px 0px;
	padding:5px;
}
h4.summer {
	border-left:4px #009900 solid;
	border-bottom:1px #009900 solid;
	background-color: #CCFF99;
	margin:5px 0px;
	padding:5px;
}
h4.autum{
	border-left:4px #FF6600 solid;
	border-bottom:1px #FF6600 solid;
	background-color: #FFCC66;
	margin:5px 0px;
	padding:5px;
}
h4.winter {
	border-left:4px #0066CC solid;
	border-bottom:1px #0066CC solid;
	background-color: #C4E9FF;
	margin:5px 0px;
	padding:5px;
}

#season {
	
}
.season-box {
	width:320px;
	min-height:340px;
	_height:340px;
	float:left;
	margin:5px;
}
.flower-caption {
	padding:5px;
}


.table-03 {
}
.table-03 table {
	
	border:1px #999999 solid;
}
.table-03 table td {
	padding:0px 5px;
	border-bottom:1px #999999 solid;
	border-right:1px #999999 solid;
}

td.graph-on {
	background:url(../images/parts/03_bg_graph.gif) repeat;
}
.table-03 table td.graph-half-l {
	background:url(../images/parts/03_bg_graph.gif) repeat;
	border-right:none;
}
.table-03 table td.graph-half-r {
	background:url(../images/parts/03_bg_graph.gif) repeat;
}
.table-03 table td.graph-half-l-no {
	border-right:none;
}

/*------------------------------------------------------------------------------------------------4.散策ガイド*/
#contents #contents-box #g-map{
	text-align: center;
}
#contents #contents-box #g-map iframe {
	padding:20px 0;
	margin:20px 0;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 660px;
	_height: 700px;
	border:1px #3333331 solid;
}

* html #contents #contents-box #g-map iframe {
padding:20px 0;
	margin:20px 0;
	width: 100%;
	margin-right: 40px;
	margin-left: auto;
	height: 660px;
	_height: 700px;
	border:1px #3333331 solid;
}

#pdf-link {
	border-bottom:1px #999999 solid;
	padding:10px;
}

#pdf-link a{
	width:210px;
	height:50px;
	background:url(../images/parts/bn_pdf.gif) no-repeat top;
	display:block;
	text-indent:-99999px;
	float:right;
}
#pdf-link a:hover{
	background-position:bottom;
}


/*------------------------------------------------------------------------------------------------5.予約・料金*/
.table-05 {
}
.table-05 table {
	
	border:1px #999999 solid;
}
.table-05 table td {
	padding:5px;
	border-bottom:1px #999999 solid;
	border-right:1px #999999 solid;
}

/*------------------------------------------------------------------------------------------------6.交通案内*/
#load-area {
	background: url(../images/parts/bg_yajirushi.gif) repeat-y;
	background-position:center 150px;
}
.root01, .root02 {
	width:45%;
	float:left;
	
}
.root01 {
	width:45%;
	float:left;
}

.root02 {
	width:45%;
	float:right;
}

.root01 img {
	float:left;
	margin:4px;
	padding:4px;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-top:1px solid #E6E6E6;
	border-left:1px solid #E6E6E6;border-top:1px solid #E6E6E6;

}

.root02 img {
	float:right;
	margin:4px;
	_margin:2px;
	padding:4px;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-top:1px solid #E6E6E6;
	border-left:1px solid #E6E6E6;border-top:1px solid #E6E6E6;
}

.root-box {
	padding:10px 0;
	margin:0px;
	border-bottom:1px #999999 dashed;
}



/*------------------------------------------------------------------------------------------------FAQ*/
#faq ul {
	padding:10px 30px;
	margin:10px 50px;
}
.q01 { list-style:url(../images/parts/Q1.gif); color:#CC0000; border-bottom:#CC0000 dashed 1px;}
.q02 { list-style:url(../images/parts/Q2.gif); color:#CC0000; border-bottom:#CC0000 dashed 1px;}
.q03 { list-style:url(../images/parts/Q3.gif); color:#CC0000; border-bottom:#CC0000 dashed 1px;}
.q04 { list-style:url(../images/parts/Q4.gif); color:#CC0000; border-bottom:#CC0000 dashed 1px;}
.q05 { list-style:url(../images/parts/Q5.gif); color:#CC0000; border-bottom:#CC0000 dashed 1px;}
.q06 { list-style:url(../images/parts/Q6.gif); color:#CC0000; border-bottom:#CC0000 dashed 1px;}
.q07 { list-style:url(../images/parts/Q7.gif); color:#CC0000; border-bottom:#CC0000 dashed 1px;}
.q08 { list-style:url(../images/parts/Q8.gif); color:#CC0000; border-bottom:#CC0000 dashed 1px;}
.q09 { list-style:url(../images/parts/Q9.gif); color:#CC0000; border-bottom:#CC0000 dashed 1px;}
.q10 { list-style:url(../images/parts/Q10.gif); color:#CC0000; border-bottom:#CC0000 dashed 1px;}
.q11 { list-style:url(../images/parts/Q11.gif); color:#CC0000; border-bottom:#CC0000 dashed 1px;}
.q12 { list-style:url(../images/parts/Q12.gif); color:#CC0000; border-bottom:#CC0000 dashed 1px;}
.ans { list-style:url(../images/parts/A.gif); color:#003399; border-bottom:#003399 dashed 1px;}

/*------------------------------------------------------------------------------------------------sitemap*/
#sitemap {
}

#sitemap ul{
}

#sitemap ul li{
	list-style:none;
	margin:1px 5px;
}

#sitemap ul li a{
	margin:1px 5px;
	padding:10px 5px;
	display:block;
	background:#FFFFFF;
	border-bottom:1px #999999 dashed;
	border-left:4px #999999 solid;
	list-style:none;
	
}
#sitemap ul li a:hover{
	display:block;
	background:#FFCC33;
	border-bottom:1px #FF9900 dashed;
	border-left:4px #FF9900 solid;
}

/*------------------------------------------------------------------------------------------------更新情報*/

#upload {
	margin:10px;
}
#upload ul{
	
}

#upload ul li{
	line-height:2em;
	border-bottom:1px #CCCCCC solid;
	list-style:none;
	padding:5px;
}

#upload ul li .list-text{
	margin:5px 15px;
	display:block;
	float:left;
}

#upload ul li .list-text p{
	border-bottom:1px #CCCCCC dashed;
}

#upload ul li img{
	margin:4px;
	background-color:#FFFFFF;
	padding:4px;
	border:1px #CCCCCC solid;
	float:left;
}


.bn_move {
	text-align:center;
	border-top:1px #999999 solid;
	padding:2px;
}

.bn_move a{
	border:1px #FFFFFF solid;
	background-color:#FFFFFF; 
	padding:5px;
	margin:5px;
}

.bn_move a:hover{
	background-color:#FFCC00;
	border:1px #FF9900 solid;
}


.ichiran {
	text-align:right;
}

.ichiran a{
	border:1px #FFFFFF solid;
	background-color:#FFFFFF; 
	padding:5px;
	margin:5px;
}

.ichiran a:hover{
	background-color:#FFCC00;
	border:1px #FF9900 solid;
}


/*------------------------------------------------------------------------------------------------イベント部分*/

.left-box {
	float:left;
	min-width:350px;
}

.left-box img{
	margin:5px;
	border:1px #999999 solid;
	padding:4px;
	background-color:#FFFFFF;
}

.right-box {
	float:left;
	width:50%;
	max-width:50%;
	margin:5px;
}


/*------------------------------------------------------------------------------------------------概要*/

.table-05 table td.cell01 {
	background-color:#E3EEB6;
	width:15%;
}


/*------------------------------------------------------------------------------------------------共通部分*/

.print {
	padding:10px 0 0 0 ;
	text-align:right;
}
/*------------------------------------------------------------------------------------------------共通部分*/
/*------------------------------------------------------------------------------------------------共通部分*/
/*------------------------------------------------------------------------------------------------共通部分*/
/*------------------------------------------------------------------------------------------------共通部分*/
/*------------------------------------------------------------------------------------------------共通部分*/