﻿@charset "UTF-8";
@import url("tokusyu.css");

#resort_cnt {
	width: 710px;
	margin-bottom: 20px;
	background: url(../imgs/resort_bbackground-middle.jpg) repeat-y left top;
}

#resort_top {
	background: url(../imgs/resort_bbackground-top.jpg) no-repeat left top;
	text-align: right;
	padding-top: 20px;
}

h1 {
	width: 602px;
	height: 112px;
	background: url(../imgs/resort_title.gif) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
	margin: 20px 0 20px 20px;
}

p.intro {
	font-size: 14px;
	color: #008CD6;
	margin: 20px;
	font-family: '小塚ゴシック Pro B';
}

#main_cnt {
	margin: 20px;
}

*:first-child+html #main_cnt {
	display: inline-block;
}

* html #main_cnt {
	display: inline-block;
}

#main_cnt:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#main_cnt h2 {
	text-indent: -9999px;
	overflow: hidden;
	margin: 20px 0;
}

#main_cnt h2.diving-instracter {
	width: 364px;
	height: 52px;
	background: url(../imgs/resort_diving-instracter.gif) no-repeat left top;
}

#main_cnt h2.lifeguard {
	width: 234px;
	height: 63px;
	background: url(../imgs/resort_lifeguard.gif) no-repeat left top;
}

.comment {
	float: left;
	width: 400px;
	margin-right: 20px;
}

.comment p {
	font-size: 16px;
	font-family: '小塚ゴシック Pro B';
	text-indent: 1em;
	margin-bottom: 0.5em;
}

*:first-child+html .comment p {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"
	line-height: 1.5em;
}

* html .comment p {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"
}

.comment p.catch_copy {
	font-size: 22px;
	font-weight: bold;
	color: #008CD6;
	text-indent: 0;
	text-align: center;
}

.main_photo {
	float: left;
	position: relative;
}

.main_photo div {
	position: absolute;
	left: 0;
	top: 260px;
	width: 200px;
	padding: 10px;
	background: url(../imgs/clear_back.png);
	font-size: 12px;
	font-family: '小塚ゴシック Pro B';
}

* html .main_photo div {
	background: none;
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#CCffffff,endColorStr=#CCffffff);
}

.main_photo div span {
	font-size: 18px;
}

#photos {
	background: url(../imgs/resort_bbackground-bottom.jpg) no-repeat left bottom;
	padding-bottom: 40px;
	text-align: center;
}



