@charset "UTF-8";
/* CSS Document */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* □■CSS■                                               □ */
/* □  サーフポイントガイド：surfpointguide.com            □ */
/* □  TOP                                                 □ */
/* □  ■サイズ                                            □ */
/* □  width:720px;                                        □ */
/* □  ■背景色                                            □ */
/* □  background-color:#282f36;                           □ */
/* □  ■文字指定                                          □ */
/* □  font-family: tahoma, helvetica, sans-serif, arial;  □ */
/* □  font-size: 16px;                                    □ */
/* □  color: #555;                                        □ */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/**/
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* content */
#content {
	background-color:#ffffff;
/* イラストシルエット
	background-image:url(../img/right_bottom.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
*/
}
/* ■□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* 上段 */
#upperRowOut {
/* 写真 */
	background-image:url(../img/beach/top_04.jpg);
	background-repeat:no-repeat;
	background-position: top left;
}
#imageVisual {
	position:absolute;
	margin:0 0 0 0;
}
#upperRowIn {
/* 上枠ラウンド */
	background:url(../img/content_top_home.gif) top left no-repeat;
	width:720px;
	height:300px;
}
/* □■□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* image visual */
#upperRowIn #visual_frame {
/*	background-color:#dddddd;
	color:#FFFFFF;
	width:610px;
	height:165px;*/
}
#upperRowIn img {
/*	margin:5px 0 0 5px;*/
}
/* ■□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* 中段 */
#insideOut {/* 下枠ラウンド */ background:url(../img/content_bottom.gif) bottom left no-repeat; }
/* □■□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* wrapper */
#wrapper {background: url(../img/top/content_bottom_shadow.gif) top left repeat-x; padding:20px 5px 20px 5px;/* 内容領域：width 710px */}
/* □■□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* left */
#left {float: left;}
#leftBorder {padding:10px 10px 0 0px;}
#leftSize {	width: 180px; line-height: 15px;}
/* □■□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* right */
#right {float: left;}
#rightBorder {border-left: 1px solid #ddd; padding:10px 0 0 10px;}
#rightSize { width:440px;}
/* □□■□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* description */
.description {
	margin-bottom:10px; border-bottom: 1px solid #d8e4e8; border-right: 1px solid #d8e4e8;
	background:url(../img/description_bottom.gif) bottom right no-repeat;
}
.description h2 { margin-bottom:10px; }
.description h3 { color:#281418; font-size:0.75em; /* 12px */ margin-bottom:5px; text-align:center; }
.description p { color:#222222;	margin-bottom:5px; padding:0 2px 0 5px;	font-size:0.625em; /* 10px */}
/* □□■□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* ポイント情報 */
#pointInfoOut	{ background:url(../img/top/point_title_cont.gif) top left repeat-y; width:500px;}
#pointInfoMid	{ background:url(../img/top/point_title_top.gif) top left no-repeat; padding:0 0 0 0;}
#pointInfoIn	{ background:url(../img/top/point_title_bottom.gif) bottom left no-repeat; padding:0 0 30px 30px; margin:0 0 30px 0;}
#pointInfoCont	{ width:480px;}
/* タイトル */
#pointInHeader	{ margin:0 0 20px 0; padding:10px 0 0 40px;}
#pointInHeader h2 { font-size:0.925em; letter-spacing:0.2em; color:#ffffff;}
.pointNoName	{ padding:0 0 0px 0; border-bottom: 1px dotted #999999;}
/* □□■□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* 地域別 */
.area {float:left; width:110px;}
.area_size { /*margin-right:10px;*/}
.areaTitle	{ background:url(../img/top/area_title.gif) top left no-repeat; width:120px; height:40px;}
.areaTitle p	{ font: 900 0.875em "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3",serif, "‚l‚r ‚oƒSƒVƒbƒN"; color:#FFFFFF; letter-spacing:0.8em; padding:2px 0 0 10px;}
/*       リスト */
.area ul {list-style-type:none;}
.area ul img {border:0px;}
.area li {display:block; text-align:left; height:26px; padding-left:5px;}
.area li a:hover {display:block; padding:4px 0 4px 4px; /*background:#ece9e9;*/ filter:alpha(opacity=30);opacity:0.3;	-moz-opacity:0.3; color:#FFFFFF;}
.area li a {display:block;padding:4px 0 4px 4px; text-decoration:none; height:16px; }
/*       ポップアップ */
.area .clientBox {margin-top:-80px; margin-left:-282px; position:absolute; z-index:1;}
.area .clientBox_size {width:305px;}
/*       矢印 */
.area .clientArrow { position:absolute; z-index:2; margin:50px 0 0 225px;
}
/*       コンテンツ */
.area .clientContent { position:absolute; z-index:1; }
/*各ポイント*/
.li_point {	font-size:0.75em; /* 12px */ color:#222222;}
.li_point span { color:#CC3300; }
/* □□■□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* ブラウザー情報 */
/*#borwser_info		{ margin:10px 0 50px 20px;}
#browser_info_size	{ background: url(../img/top/browser_bottom.gif) bottom left no-repeat; width:480px; }
#browser_title_top	{ background: url(../img/top/browser_title_top.gif) top lef no-repeat; height:40px;}*/
/* タイトル */
/*#browser_title_top 	{margin-bottom:8px;}
#browser_title_top h4 { font-size:0.925em; letter-spacing:0.2em; color:#366095; padding:12px 0 0 50px;}*/
#borwserInfoOut p		{ margin:0 0 5px 10px; font-size:0.75em; /* 12px */	color:#222222; }
#borwserInfoOut ul	{ margin:0 0 5px 20px;	font-size:0.75em; /* 12px */ color:#222222;	list-style:inside; }




/* ポイント情報 */
#borwserInfoOut	{ background-color:#FBFCFD; margin:0 0 0 10px;}
#borwserInfoMid	{ background:url(../img/top/browser_title_top.gif) top left no-repeat; width:480px;}
#borwserInfoIn	{ background:url(../img/top/browser_bottom.gif) bottom left no-repeat; padding:0 0 30px 30px; margin:0 0 30px 0;}
#borwserInfoCont	{ width:460px;}
/* タイトル */
#borwserTitle	{ margin:0 0 20px 0; padding:10px 0 0 30px;}
#borwserTitle h4 { font-size:0.925em; letter-spacing:0.2em; color:#ffffff; color:#366095;}


/* PR */
#content #upperRowOut{
	position:relative;
}
#content #upperRowOut .pr{
	position:absolute;
	top:40px;
	left:360px;
	color:#fff;
}
#content #upperRowOut .pr li{
	margin-bottom:10px;
}
#content #upperRowOut .pr li.twitter{
	color:#333;
}
#content #upperRowOut .pr span.comment{
	font-size:12px;
}