/* CSS Document */
@import	"../css/common.css";

/*-----------------------------------------------------------------------*/
/*ynavigationType-A, navigationType-Bz*/
/*-----------------------------------------------------------------------*/
#navigation-type-a, #navigation-type-b {
	width: 534px;
	margin: auto auto 15px auto;
}
/*navigationType-A*/
#navigation-type-a h2 {
	margin-bottom: 3px;
	width: 534px;
	height: 24px;
	background: url("image/t_swimming.png") no-repeat;
}
#navigation-type-a-link ul {
	margin: 0 7px;
	font-size: 0;
	line-height: 0;
	list-style: none;
}
#navigation-type-a-link ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 250px;
	height: 120px;
}
#navigation-type-a-link ul li#b-list1 {
	margin-right: 18px;
}
#navigation-type-a-link ul li a {
	display: block;
	width: 250px;
	height: 120px;
}
#navigation-type-a-link ul li#b-list1, #navigation-type-a-link ul li#b-list1 a {
	background: url("image/jrpool.jpg") no-repeat;
}
#navigation-type-a-link ul li#b-list1 a:active, #navigation-type-a-link ul li#b-list1 a:hover {
	background: url("image/jrpool_on.jpg") no-repeat;
}
#navigation-type-a-link ul li#b-list2, #navigation-type-a-link ul li#b-list2 a {
	background: url("image/pool.jpg") no-repeat;
}
#navigation-type-a-link ul li#b-list2 a:active, #navigation-type-a-link ul li#b-list2 a:hover {
	background: url("image/pool_on.jpg") no-repeat;
}
/*clear hack*/
#navigation-type-a-link ul{zoom:1;}
#navigation-type-a-link ul:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/*visibleText*/
#navigation-type-a h2 span, #navigation-type-a-link a span {
	display: none;
}

/*-----------------------------------------------------------------------*/
/*yNewsz*/
/*-----------------------------------------------------------------------*/
#news-box {
	width: 540px;
	margin: auto auto 15px auto;
}
#news-box h2 {
	width: 540px;
	height: 44px;
	margin-bottom: 3px;
	background: url("../common_img/t_news.png") no-repeat;
}
/*mainNews*/
.main-news {
	width: 520px;
	margin: auto auto 9px auto;
}
.main-news div.photo {
	display: inline;
	float: left;
	width: 200px;
	text-align:left;
}
.main-news div.text {
	display: inline;
	float: right;
	width: 310px;
	text-align: left;
}
.main-news-catch {
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.main-news div.text p {
	margin: 0 9px;
}
/*subNews*/
#sub-news {
	width: 520px;
	margin: auto auto 9px auto;
}
#sub-news ul {
	margin: 0;
	font-size: 0;
	line-height: 0;
	list-style: none;
}
#sub-news ul li {
	float: left;
	width: 160px;
	margin: 0 9px 0 0px;
	padding: 0;
}
#sub-news ul li p {
	font-size: 12px;
	line-height: 160%;
}
.main-news div.photo img, #sub-news ul li img {
	border: 1px solid #4e4e4e;
}
/*clear hack*/
.main-news, #sub-news ul{zoom:1;}
.main-news:after, #sub-news ul:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/*visibleText*/
#news-box h2 span {
	display: none;
}

.topics {
	width: 520px;
	margin: auto auto 9px auto;
}
.topics h4 {
	background:#f07676;
	color:#ffffff;
	font-size:14px;
	margin-bottom:3px;
	padding:3px 3px 3px 10px;
}
.topics p {
	margin-left:10px;
}
.topics p.link {
	text-align:right;
}

/*-----------------------------------------------------------------------*/
/*yInformationz*/
/*-----------------------------------------------------------------------*/
#info-box {
	width: 540px;
	margin: auto;
	background: url("../common_img/back_info.png") repeat-y;
}
#info-box h2 {
	width: 540px;
	height: 51px;
	background: url("../common_img/t_info.png") no-repeat;
}
#info-box-footer {
	width: 540px;
	height: 14px;
	background: url("../common_img/footer_info.png") no-repeat;
}
#info-box ul {
	margin: 0 30px 0 30px;
	padding: 9px 0 3px 0;
}
#info-box ul li {
	margin-bottom: 9px;
	border-bottom: 1px dashed #adb5ba;
}
/*link*/
#info-box a:link, #info-box a:visited		{ color:#666;	text-decoration:none; }
#info-box a:active, #info-box a:hover		{ color:#F66;	text-decoration:underline; }
/*visibleText*/
#info-box h2 span {
	display: none;
}



.note {
	margin:0 0 20px;
	padding:5px;
	border:1px solid #9cf;
	color:#333;
}
