body {
	margin: 0;
	padding: 0;
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif;
	font-size: small;
	_font-size: 12px;	/* IEだけに有効 */
/*	background: url(http://www.oceanbeach-net.com/chatan/images/bg.gif) repeat;  */
	background: url(http://www.oceanbeach-net.com/chatan/images/wp09.gif) repeat;
/*	background-color: #032D8E;  */
	line-height: 1.3;
}


/* ヘッダ
----------------------------------------------- */
#header p {
  width: 758px;
}




#header {
	width: 782px;
	height: 40px;
	background: url(http://www.oceanbeach-net.com/chatan/images/header1.gif) no-repeat;
}


h1 {
	font-size: 14px;
	color: #E8E7E4;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif;
         line-height: 180%;
	margin: 5px 0px 10px 20px;
	padding:10px;
	text-align: left;
}




h1 a {
	font-size: 14px;
	color: #E8E7E4;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif;
         line-height: 180%;
	margin: 5px 0px 10px 20px;
	padding:10px;
	text-align: left;
	text-decoration: none;
}


h1 a:link,h1 a:visited {
	color: #E8E7E4;
	text-decoration: none;
}


h1 a:hover {
	font-size: 14px;
	color: #E8E7E4;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif;
         line-height: 180%;
	margin: 5px 0px 10px 20px;
	padding:10px;
	text-align: left;
	text-decoration: none;
}






/* 看板
----------------------------------------------- */
#signboard {
	width: 100%;
	height: 151px;
	margin: 0px 0px 0px 0px;
	padding:0px;
}


/* 内容部分
----------------------------------------------- */
/*id 複数指定のための処置　id指定すべて削除後、#contentは削除する*/
#content {
	background: url(http://www.oceanbeach-net.com/chatan/images/content_bg.gif) repeat-y;
	clear: both;
}
#content_f {
	background: url(http://www.oceanbeach-net.com/chatan/images/content_bg.gif) repeat-y;
	clear: both;
}

/* ページ本体（３段組）
----------------------------------------------- */
#pagebody {
  width: 800px;
}




/* フッタ
----------------------------------------------- */
#footer {
	width: 782px;
	height: 40px;
	background: url(http://www.oceanbeach-net.com/chatan/images/footer.gif) no-repeat;
	color: #ffffff;
	text-align: center;
	padding-top: 5px;
}


/* 各段の見出し
----------------------------------------------- */
h2 {
  text-indent: 0;
}


#main h2, #sub h2, #nav h2 {
  background-image: none;
}


/* 中央の段
----------------------------------------------- */
}
#main dt {
  font-size: xx-small;
}


/* 右の段
----------------------------------------------- */
#sub ul {
  font-size: xx-small;
}


/* 左の段（ナビゲーション）
----------------------------------------------- */
#nav li {
  text-indent: 0;
}
#nav a {
  background-image: none;
}


/* フッタ
----------------------------------------------- */
#footer p {
  font-size: xx-small;
}
#footer li {
  text-indent: 0;
}
#footer li#english a, #footer li#sitemap a {
  background-image: none;
}




/* ----------------------------------------------- */

/*id 複数指定のための処置　id指定すべて削除後、#news 6箇所は削除する*/
/* ニュース */
#news	{
	width: 390px;
	background-color: #FDFD88;
	border: solid 1px #FFFF5C;
	display: inline-block;
	}


#news h2	{
	background-color: #FFFF5C;
	color: #ffffff;
	padding: 3px 10px;
	margin: 0;
	}


#news ul	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}


#news li	{
	font-size: 13px;
	padding: 3px 10px;
	}


#news .even	{
	width: 370px;
	background-color: #FFFF5C;
	}


#news a{
	font-size: 11px;
	}

#news span{
	font-size: 9px;
	}

/* ニュース */
.news	{
	width: 390px;
	background-color: #FDFD88;
	border: solid 1px #FFFF5C;
	display: inline-block;
	}


.news h2	{
	background-color: #FFFF5C;
	color: #ffffff;
	padding: 3px 10px;
	margin: 0;
	}


.news ul	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}


.news li	{
	font-size: 13px;
	padding: 3px 10px;
	}


.news .even	{
	width: 370px;
	background-color: #FFFF5C;
	}


.news a{
	font-size: 11px;
	}

.news span{
	font-size: 9px;
	}






/* 段組 */
#header0, #container, #footer	{
	width: 800px;
	margin: auto;
	}






#sidebar	{
	width: 200px;
	float: right;
	margin-bottom: 25px;
	}




/* リンク */
a	{
	color: #23430a;
	}




.link-note1 {
	width: 170px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #CB8315;
	line-height: 130%;
	text-align: center;
	padding: 5px 0px 5px 15px;
	margin-bottom: 0px;
	}




/* ヘッダー */
#header0	{
	padding: 0px;
	}






div#header p	{
	font-size: 12px;
	margin: 5px 0 0
	}


#header2	{
	width: 200px;
	float: right;
	padding: 10px 10px 10px 25px;
	}




/* 枠 */
#container	{
	background-image: url(http://www.oceanbeach-net.com/chatan/images/waku01.png);
	background-repeat: no-repeat;
	background-color: #ffffff;
	}


#main	{
	padding: 20px;
	}
#main2	{
	padding: 20px;
	}





/* 挨拶 */
.aisatsu h2	{
	font-size: 16px;
	border-bottom: solid 2px #87d949;
	padding-bottom: 3px;
	}


.aisatsu h2 a	{
	text-decoration: none;
	}


.aisatsu p	{
	font-size: 14px;
	line-height: 1.6
	}


.aisatsu	{
	margin-bottom: 25px;
	}


.aisatsu	{
	text-align: left;
	}






/* 記事 */
.kiji h2	{
	font-size: 16px;
	border-bottom: solid 2px #87d949;
	padding-bottom: 3px;
	}


.kiji h2 a	{
	text-decoration: none;
	}


.kiji p	{
	font-size: 14px;
	line-height: 1.6
	}


.kiji	{
	margin-bottom: 25px;
	font-size: 14px;
	}


.kijidata	{
	text-align: right;
	}




/* トップページ記事 */


.kiji2 h2	{
	font-size: 16px;
	color: FFB300;
	border-bottom: solid 2px #87d949;
	padding-top: 5px;
	padding-bottom: 2px;
	}


.kiji2 h2 a	{
	color: FFB300;
	text-decoration: none;
	}


.kiji2 h2 a:link {
	color: FFB300;
	text-decoration: none;
}


.kiji2 h2 a:visited {
	color: FFB300;
	text-decoration: none;
}


.kiji2 h2 a:hover {
	color: FFB300;
	text-decoration: none;
}






.kiji2 h3	{
	font-size: 13px;
	line-height: 1.6
	margin-bottom: 3px;
	color: #000000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-indent: 0px;
	background: url() no-repeat;
	font-weight:400;
}




.kiji2 h4	{
	font-size: 16px;
	color: FFB300;
	border-bottom: solid 2px #87d949;
	padding-top: 5px;
	padding-bottom: 2px;
	}


.kiji2 h4 a	{
	color: FFB300;
	text-decoration: none;
	}


.kiji2 h4 a:link {
	color: FFB300;
	text-decoration: none;
}


.kiji2 h4 a:visited {
	color: FFB300;
	text-decoration: none;
}


.kiji2 h4 a:hover {
	color: FFB300;
	text-decoration: none;
}






.kiji2 p	{
	font-size: 13px;
	line-height: 1.6
	}


.kiji2	{
	margin-bottom: 3px;
	font-size: 13px;
	}




/* 記事 */
.kiji3 h2	{
	font-size: 16px;
	border-bottom: solid 2px #87d949;
	padding-bottom: 3px;
	}


.kiji3 h2 a	{
	text-decoration: none;
	}


.kiji3 p	{
	font-size: 12px;
	line-height: 1.6
	}


.kiji{
	margin-bottom: 25px;
	font-size: 12px;
	}






/* メニュー */
.menu h3	{
	font-size: 14px;
	color: #ffffff;
	background-color: #87d949;
	padding: 3px 5px;
	margin: 0 0 5px;
	}


.menu ul	{
	font-size: 13px;
	margin: 5px 0 20px 5px;
	padding: 0;
	line-height: 1.5em;
	}


.menu li 	{
	background-image: url(http://www.oceanbeach-net.com/chatan/images/listmark.png);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	padding-left: 15px;
	list-style-type: none
	}


.menu	{
	margin-bottom: 20px;
	}


/* カレンダー */
#calendar	{
	width: 100%;
	font-size: 13px;
	}


#calendar th , #calendar td	{
	text-align: center;
	vertical-align: middle;
	}


#sun, #cell1, #cell8, #cell15, #cell22, #cell29, #cell36	{
	color: red;
	}


/* 検索 */
#search	{
	width: 100px;
	}


/* タグクラウド */
#tag ul	{
	margin: 0;
	padding: 0;
	line-height: 1.2;
	}


#tag li	{
	background: none;
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	}


#tag .rank-1	{
	font-size: 2em;
	}


#tag .rank-2	{
	font-size: 1.75em;
	}


#tag .rank-3	{
	font-size: 1.5em;
	}


#tag .rank-4	{
	font-size: 1.25em;
	}


#tag .rank-5	{
	font-size: 1em;
	}


#tag .rank-6	{
	font-size: 0.75em;
	}


/* フッター */


address	{
	color: #4eb500;
	font-size: 12px;
	font-style: normal;
	text-align: center
	}


/* アーカイブ */
.archive	{
	font-weight: bold;
	color: #ffffff;
	background-color: #4eb500;
	padding: 5px;
	margin: 0 0 20px;
	text-align: center;
	}


/* コメント */
#comments	{
	border-top: dotted 1px #4eb500;
	}


#comments h2	{
	font-size: 14px;
	}


#comments form, #comment-greeting	{
	font-size: 12px;
	}


#comments label	{
	display: block;
	margin-top: 10px;
	}


#comments #comment-form-remember-me label	{
	display: inline;
	}


#comments textarea	{
	width: 450px;
	height: 150px;
	}




/* トラックバック */
#trackbacks	{
	border-top: dotted 1px #4eb500;
	margin-top: 20px;
	}


#trackbacks h2	{
	font-size: 14px;
	}


.trackbacks-info p	{
	font-size: 12px;
	border: solid 1px #87d949;
	padding: 5px;
	}


/* 受信したコメント */
.comment	{
	font-size: 12px;
	border-bottom: dashed 1px #4eb500;
	margin: 10px 20px;
	}


/* 受信したトラックバック */
.trackback	{
	font-size: 12px;
	border-bottom: dashed 1px #4eb500;
	margin: 10px 20px;
	}


.hd_menu24 {
	background-color: #ffffff;
	font-size: 12px;
	color: #000000;
	text-align: center;
}
.hd_menu24 a {
	padding: 5px;
	color: #000000;
	text-decoration: none;
}
.hd_menu24 a:hover {
	color: #0000ff;
	background-color: #ffffff;
	text-decoration: underline;
}






/* ★★★ここから追加 */




/* ページ全体
----------------------------------------------- */




h2, h3, p, dl {
	margin: 0;
	line-height: 130%;
}


h2 {
	font-size: large;
	color: #FFB300;
	padding: 4px 0 0 5px;
	margin: 10px 0 10px 0;
}


h3 {
	font-size: 16px;
	color: #FFFFFF;
	margin: 10px 0 0 0;
	padding: 20px 0 0 0;
	text-indent: 80px;
	background: url(http://www.oceanbeach-net.com/chatan/images/flowerbar.png) no-repeat;
	height: 50px;
}


h4 {
	font-size: larger;
	color: #FFB300;
}


p {
	padding: 10px 0px 10px 0px;
}


a:link,a:visited {
	color: #0000ff;
}


a:hover, a:active {
	color: #ff0000;
}


#page {
	width: 782px;
	margin: 10px auto 10px auto;
}


img {
	border: 0px;
}


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


.clearfix {
	display: inline-block;
}


/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


.gototop {
	text-align: right;
	margin: 10px 0 10px 0;
}


.pageTitle {
	text-align: right;
	margin: 10px 0;
	color: #bbbbbb;
}


.right {
	text-align: right;
	margin: 0 0 5px 0;
	color: #bbbbbb;
}


th {
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}


.borderTable {
	border-collapse: collapse;
}


.borderTable td {
	vertical-align: top;
	border: solid 1px #dddddd;
}


.nowrap {
	white-space: nowrap;
}


td {
	vertical-align: top;
}








/* ナビゲーション部
----------------------------------------------- */
#navi {
	float: left;
	color: #45CF00;
	width: 176px;
	height: 100%;
}
#navi2 {
	float: left;
	color: #45CF00;
	width: 176px;
	height: 100%;
}

#navi ul {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #45CF00;
	font-size: 11px;
	line-height: 16px;
	
}
#navi li {
	color: #45CF00;
	padding-left: 0;
	margin: 0px;
	/*border: solid 1px #ff0000;*/
}

#navi li a{
	color: #45CF00;
	text-decoration: none;
	}

#navi #moushikomi { display: block; height: 46px; background: url(http://www.oceanbeach-net.com/chatan/images/moushikomi.gif) no-repeat; }


#navi #tsuki { display: block; height: 46px; background: url(http://www.oceanbeach-net.com/chatan/images/navi_01.jpg) no-repeat; }


#navi #new_blg { display: block; height: 46px; background: url(http://www.oceanbeach-net.com/chatan/images/navi_02.jpg) no-repeat; }


#navi #cat_blg { display: block; height: 46px; background: url(http://www.oceanbeach-net.com/chatan/images/navi_blog.jpg) no-repeat; }


/*id 複数指定のための処置　id指定すべて削除後、#haikeiは削除する*/
#navi #haikei { 
display: block; 
height: 16px; 
background: url(http://www.oceanbeach-net.com/chatan/images/navi-haikei.jpg) no-repeat; 
}
#navi .haikei { 
display: block; 
height: 16px; 
background: url(http://www.oceanbeach-net.com/chatan/images/navi-haikei.jpg) no-repeat; 
}




.list01 { 
	display: block;
	padding-left: 30px;
	font-size: 11px;
	color: #45CF00;
}


.list01 { 
	padding-left: 30px;
	font-size: 11px;
	color: #45CF00;
}


.list01 a:link {
	color: #45CF00;
	text-decoration: none;
}


.list01 a:visited {
	color: #45CF00;
	text-decoration: none;
}


.list01 a:hover {
	color: #45CF00;
	text-decoration: none;
}






#navi #recommend { display: block; height: 46px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-recommend.png) no-repeat; }
#navi #ob-intro { display: block; height: 46px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-ob-intro.png) no-repeat; }
#navi #diving-menu { display: block; height: 46px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-diving-menu.png) no-repeat; }
#navi #diving-info { display: block; height: 46px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-diving-info.png) no-repeat; }
#navi #community { display: block; height: 46px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-community.png) no-repeat; }
#navi #usefull-info { display: block; height: 46px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-usefull-info.png) no-repeat; }
#navi #etc { display: block; height: 46px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-etc.png) no-repeat; }


#navi #campaign-f { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-campaign-f.png) no-repeat; }
#navi #event-f { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-event-f.png) no-repeat; }
#navi #shop-intro-f { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-shop-intro-f.png) no-repeat; }
#navi #staff-intro-f { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-staff-intro-f.png) no-repeat; }
#navi #snorkel-f { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-snorkel-f.png) no-repeat; }
#navi #experience-f { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-experience-f.png) no-repeat; }
#navi #ccard-f { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-ccard-f.png) no-repeat; }
#navi #stepup-f { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-stepup-f.png) no-repeat; }
#navi #fun-f { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-fun-f.png) no-repeat; }
#navi #tech-f { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-tech-f.png) no-repeat; }
#navi #point-f { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-point-f.png) no-repeat; }
#navi #fee-f { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-fee-f.png) no-repeat; }
#navi #blog-f { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-blog-f.png) no-repeat; }
#navi #bbs-f { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-bbs-f.png) no-repeat; }
#navi #ask-f { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-ask-f.png) no-repeat; }
#navi #hotel-f { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-hotel-f.png) no-repeat; }
#navi #nursery-f { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-nursery-f.png) no-repeat; }
#navi #link-f { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-link-f.png) no-repeat; }
#navi #recruit-f { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-recruit-f.png) no-repeat; }


#navi #campaign { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-campaign.png) no-repeat; }
#navi #event { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-event.png) no-repeat; }
#navi #shop-intro { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-shop-intro.png) no-repeat; }
#navi #staff-intro { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-staff-intro.png) no-repeat; }
#navi #snorkel { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-snorkel.png) no-repeat; }
#navi #experience { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-experience.png) no-repeat; }
#navi #ccard { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-ccard.png) no-repeat; }
#navi #stepup { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-stepup.png) no-repeat; }
#navi #fun { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-fun.png) no-repeat; }
#navi #tech { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-tech.png) no-repeat; }
#navi #point { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-point.png) no-repeat; }
#navi #fee { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-fee.png) no-repeat; }
#navi #blog { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-blog.png) no-repeat; }
#navi #bbs { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-bbs.png) no-repeat; }
#navi #ask { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-ask.png) no-repeat; }
#navi #hotel { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-hotel.png) no-repeat; }
#navi #nursery { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-nursery.png) no-repeat; }
#navi #link { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-link.png) no-repeat; }
#navi #recruit { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-recruit.png) no-repeat; }


#navi #snapx2 { display: block; height: 127px; background: url(http://www.oceanbeach-net.com/chatan/images/snapx2.png) no-repeat; margin-top:10px; }
/*id 複数指定のための処置　id指定すべて削除後、#bottomは削除する*/
#navi #bottom { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-bottom.png) no-repeat; }
#navi .bottom { display: block; height: 16px; background: url(http://www.oceanbeach-net.com/chatan/images/navi-bottom.png) no-repeat; }


/*id 複数指定のための処置　id指定すべて削除後、#custom-linkは削除する*/
#navi #custom-link { display: block; margin:10px 0 0 23px; }
#navi .custom-link { display: block; margin:10px 0 0 23px; }






/* メイン部
----------------------------------------------- */
#main {
	height: 100%;		/* IE対策(floatがかかっているので高さを指定しないとダメ！) */
	margin-left: 176px;
	padding: 15px 21px 15px 15px;
}


#main #explain {
	padding: 0px 10px 0px 20px;
}


#main #intro {
	font-weight: bold;
	padding: 10px 0px 10px 0px;
}


/* トップページ
----------------------------------------------- */
#index #welcome {
	padding: 160px 20px 10px 10px;
	background: url(http://www.oceanbeach-net.com/chatan/images/welcome.jpg) no-repeat;
}


#index #naui {
	text-align: right;
}


#index .campaign-table {
	border-collapse: collapse;
}


#index .campaign-top {
	background: url(http://www.oceanbeach-net.com/chatan/images/campaign-middle.png);
}


#index .campaign-middle {
	color: #ffffff;
	padding: 0 15px 0 25px;
	background: url(http://www.oceanbeach-net.com/chatan/images/campaign-middle.png);
}


#index .campaign .tokuten {
	border: solid 1 #ff0000;
	margin-left: 30px;
}


.keep-sango {
	font-size: 13px;
	margin: 2px 20px;
}


.toppage-ask {
	margin-left: 20px;
}


.toppage-ask-label {
	vertical-align: middle;
	text-align: center;
	background: #FF6699;
	color: #ffffff;
	font-weight: bold;
	padding: 0 20px;
}


.toppage-ask-title {
	font-weight: bold;
	font-size: large;
	padding: 0 10px;
}


.toppage-ask-key {
	vertical-align: middle;
	padding: 0 10px;
}


.oval {
	width: 567px;
	background: url(http://www.oceanbeach-net.com/chatan/images/oval-middle.gif) repeat-y;
	padding: 0 10px;
}


.oval-top {
	width: 567px;
	height: 20px;
	background: url(http://www.oceanbeach-net.com/chatan/images/oval-top.gif) repeat-y;
	line-height: 0;
}


.oval-bottom {
	width: 567px;
	height: 20px;
	background: url(http://www.oceanbeach-net.com/chatan/images/oval-bottom.gif) repeat-y;
	line-height: 0;
	margin-bottom: 10px;
}


.photo-top {
	width: 567px;
	height: 11px;
}


.photo {
	background: url(http://www.oceanbeach-net.com/chatan/images/photo-middle.png) repeat-y;
	padding-left: 12px;
	line-height: 0;
}


.photo-bottom {
	width: 567px;
	height: 15px;
}


.latestInfo td {
	line-height: 1.0;
}


.latestInfo th {
	text-align: left;
	color: #F53F87;
}


.latestInfo img {
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	padding:2px;
	background: #ffffff;
}


.latestInfo p {
	font-weight: bold;
	color: #F53F87;
	text-align: center;
	padding-top: 0;
}


/* キャンペーン
----------------------------------------------- */


#campaign table img {
	padding-right: 20px;
}


#campaign13 {
	font-size: 13px;
}


/* お店紹介
----------------------------------------------- */
#shop #detail {
	margin: 10px 0px 0px 15px;
}


#shop #caption {
	text-align: center;
}


#shop #inside {
	vertical-align: top;
}


#shop #title {
	text-align: right;
	vertical-align: top;
	color: #FFB300;
	font-weight: bold;
}


#main #shop #mymap {
	margin: 10px 0;
}


#main #shop #gmap {
	width: 525px;
	height: 400px;
	border: 0;
	overflow: hidden;
	margin: 10px 0 10px 0;
	border: solid 1px #000000;
}


#main #shop .access td {
	text-align: center;
}


#main #shop th {
	text-align: left;
	color: #ff0000;
	font-weight: bold;
	text-indent: 10px;
}


/* スタッフ紹介
----------------------------------------------- */
#staff #name {
	text-align: center;
	vertical-align: bottom;
}


#staff #msg {
	padding: 0px 10px 0px 10px;
}


/* コース紹介
----------------------------------------------- */
#course #step {
	vertical-align: top;
}


#course #title {
	vertical-align: top;
	color: #FFB300;
	font-weight: bold;
}


#course dt {
	color: #FFB300;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
}


#course dd {
	padding: 0px 0px 0px 10px;
}


/* コース
----------------------------------------------- */


#course table img {
	border:1px solid #DAF0FE;
	padding:4px;
	background: #ffffff;
}


/* ポイント紹介
----------------------------------------------- */
#point #map {
	position:relative;
	height:414px;
}


#point #aguni {
	position:absolute;
	left:10px;
	top:110px;
}


#point #ieshima {
	position:absolute;
	left:260px;
	top:50px;
}


#point #minna {
	position:absolute;
	left:260px;
	top:100px;
}


#point #sakihonbu {
	position:absolute;
	left:320px;
	top:145px;
}


#point #sezoko {
	position:absolute;
	left:280px;
	top:130px;
}


#point #manza {
	position:absolute;
	left:330px;
	top:170px;
}


#point #hedo {
	position:absolute;
	left:450px;
	top:10px;
}


#point #kouri {
	position:absolute;
	left:370px;
	top:55px;
}


#point #kanuchabei {
	position:absolute;
	left:440px;
	top:185px;
}


#point #redbeach {
	position:absolute;
	left:340px;
	top:235px;
}


#point #sunabe {
	position:absolute;
	left:235px;
	top:285px;
}


#point #inanbishi {
	position:absolute;
	left:145px;
	top:235px;
}


#point #jinbei {
	position:absolute;
	left:150px;
	top:265px;
}


#point #filtration {
	position:absolute;
	left:170px;
	top:240px;
}


#point #maeda {
	position:absolute;
	left:235px;
	top:195px;
}


#point #onna {
	position:absolute;
	left:290px;
	top:180px;
}


#point #zanpa {
	position:absolute;
	left:220px;
	top:215px;
}


#point #hoshu {
	position:absolute;
	left:270px;
	top:125px;
}


#point #kerama {
	position:absolute;
	left:50px;
	top:295px;
}


#point #oodo {
	position:absolute;
	left:170px;
	top:385px;
}


#point #name {
	padding: 30px 0px 10px 0px;
}


#point #remark {
	padding: 0px 0px 10px 20px;
}


#point #pic {
	padding: 0px 0px 0px 20px;
}


#point #msg {
	vertical-align: top;
	padding: 0px 0px 0px 10px;
}


#point #back {
	text-align: right;
}


#point table img {
	border:1px solid #DAF0FE;
	padding:4px;
}


/* ホテル紹介
----------------------------------------------- */
#hotel #item {
	margin: 10px 0px 10px 0px;
}


#hotel th {
	white-space: nowrap;
	vertical-align: top;
}


#hotel #msg {
	padding: 0px 0px 0px 30px;
}


#hotel #pic {
	width: 200px;
	text-align: center;
}


#hotel #detail {
	margin: 10px 0px 0px 15px;
}


#hotel #caption {
	text-align: center;
}


#hotel #inside {
	vertical-align: top;
}


/* テクニカル
----------------------------------------------- */
#technical .course-title {
	font-weight: bold;
	padding: 15px 0px 5px 0px;
}


#technical .figure {
	display: block;
	margin: 10px auto 10px auto;
}


#technical .pricelist {
	border-collapse: collapse;
	margin: 0px 0px 0px 15px;
}


#technical .pricelist td {
	border: solid 1px #FFB300;
	padding: 2px 10px 2px 10px;
}


#technical .title {
	background: #FFB300;
	color: #ffffff;
	text-align: center;
}


#technical .price {
	text-align: right;
}


#technical dt {
	font-weight: bold;
	padding: 10px 0px 0px 0px;
}


#technical dd {
	margin:10px 0px 10px 20px;
}


#technical #pic {
	vertical-align: top;
	padding: 0px 0px 20px 0px;
}


#technical #equipment-msg {
	vertical-align: top;
	padding: 10px 10px 20px 10px;
}


/* 料金
----------------------------------------------- */
#fee table {
	border-collapse: collapse;
	margin: 0px 0px 0px 15px;
}


#fee td {
	border: solid 1px #FFB300;
	padding: 2px 10px 2px 10px;
}


#fee #title {
	background: #FFBF2B;
	color: #ffffff;
	text-align: center;
}


#fee #noitem {
	list-style-type: none;
}


#fee #price {
	text-align: right;
}


/* 託児所
----------------------------------------------- */


#nursery th {
	white-space: nowrap;
	vertical-align: top;
	text-align: left;
}


#nursery .poss {
	border-collapse: collapse;
}


#nursery .poss td {
	border: solid 1px #999999;
}


/* ツアー/イベント
----------------------------------------------- */


#tour table {
	padding: 10px;
}


#tour table th {
	text-align: left;
	vertical-align: top;
}


#tour .sample {
	padding: 15px;
}


/* ブログ
----------------------------------------------- */


/* BBS
----------------------------------------------- */
#bbs #post {
	border-collapse: collapse;
	border: solid 1px #FFB300;
	width: 100%;
	margin: 10px 0px 10px 0px;
}


#bbs #post #bar {
	color: #ffffff;
	background: #FFB300;
	font-weight: bold;
	text-align: center;
}


#bbs #post td {
	padding: 5px 0px 0px 10px;
}


#bbs #post #input {
	width: 150px;
}


#bbs #post textarea {
	width: 450px;
	height: 120px;
}
#bbs #post #submit {
	padding: 5px 0px 5px 10px;
}


#bbs #title {
	width: 1%;
	white-space: nowrap;
	vertical-align: top;
	color: #FFB300;
	font-weight: bold;
}


#bbs #from {
	font-weight: bold;
	color: #ff0000;
}


#bbs #article {
	width: 100%;
	padding: 20px 0px 10px 0px;
}


#bbs #return {
	padding: 20px 10px 0px 10px;
}


#bbs #doreturn {
	width: 1%;
}


#bbs #head {
	padding: 0px 0px 0px 20px;
}


#bbs #head img {
	vertical-align: middle;
	padding: 0px 5px 0px 10px;
}


#bbs #comment {
	padding: 10px 0px 0px 20px;
}


#bbs #password {
	text-align: center;
	padding-bottom: 500px;
}


#bbs #maintain {
	text-align: right;
}


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


#link td {
	border: solid 1px #dddddd;
}


#link .pic {
	text-align: center;
	vertical-align: middle;
}


#link .msg {
	padding: 0px 0px 0px 10px;
}


/* 求人情報
----------------------------------------------- */


#recruit #invitation {
	color: #ffffff;
	background: #FF0000;
	font-size:large;
	font-weight: bold;
	padding: 10px 30px 10px 30px;
}


#recruit #detail {
	margin: 20px 0px 20px 0px;
	border-collapse: collapse;
}


#recruit #detail td {
	padding: 5px 0px 5px 10px;
	border-bottom: solid 1px #444444;
}


#recruit #title {
	white-space: nowrap;
	font-weight: bold;
	color: #FFB300;
	vertical-align: top;
}


/* お問い合せ
----------------------------------------------- */
#ask #intro {
	background: #ffcc00;
	border: solid 1px #ff9900;
	padding: 10px 20px 10px 0;
}


#ask #title {
	font-weight: bold;
	color: #FFB300;
}


#ask th {
	text-align: left;
}


#ask .normal {
	width: 200px;
}


#ask .freeform {
	width: 100%;
	height: 200px;
}


#ask .send {
	margin-top: 20px;
	width: 200px;
	height: 50px;
}


#ask .clear {
	margin-top: 20px;
	width: 80px;
	height: 50px;
}


#ask .back {
	margin-top: 20px;
	width: 80px;
	height: 50px;
}


#ask .short {
	width: 50px;
}


#ask .rental-person {
	border: solid 1px #dddddd;
	margin: 5px 0;
	padding: 2px;
}


#ask input {
	margin: 1px;
}






/* その他一時的なもの
----------------------------------------------- */
.tdright {
	text-align: right;
}


.cmptitle {
	font-weight: bold;
	color: #FFB300;
	font-size: large;
}


.red, .redbig {
	color: #ff0000;
	font-weight: bold;
}


.redbig {
	font-size: large;
}


.blackbig {
	font-size: large;
	font-weight: bold;
}


.blue {
	color: #0000ff;
	font-weight: bold;
}


.bluebig {
	color: #0000ff;
	font-size: large;
	font-weight: bold;
}


.bigred {
	font-size: large;
	color: #ff0000;
	font-weight: bold;
}


.mazenda {
	color: #ff00d8;
}