@charset "UTF-8";
/* CSS Document */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* □■CSS■                                               □ */
/* □  サーフポイントガイド：surfpointguide.com            □ */
/* □  detail                                              □ */
/* □  ■サイズ                                            □ */
/* □  width:720px;                                        □ */
/* □  ■背景色                                            □ */
/* □  background-color:#282f36;                           □ */
/* □  ■文字指定                                          □ */
/* □  font-family: tahoma, helvetica, sans-serif, arial;  □ */
/* □  font-size: 16px;                                    □ */
/* □  color: #555;                                        □ */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/**/
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* content */
#content {background-color:#ffffff;}
/* ■□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* 上段 */
#spgMarkOut { position:absolute; margin:15px 0 0 610px;}
/*#spgMarkIn  {margin:20px 10px 0 0;}*/
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* 中段 */
#insideOut		{ background:url(../img/detail/detail_top.jpg) top left no-repeat;}
#insideMiddle	{ background:url(../img/detail/content_top_detail.gif) top left no-repeat; padding:30px 0 0 0;}
#insideIn		{ }
/* □■□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* contents */
.detailLeft			{ float:left; width:50px; height:400px; background-color:#4a4a4a;}
.detailCenterOut	{ float:left; width:570px; height:400px; background-color:#6b6b6b; }
.detailCenterIn		{ padding:20px 0 0 40px; }
.detailTitle		{ float:left; width:50px; height:400px; background-color:#6b6b6b; }
.detailRight		{ float:left; width:50px; height:400px; background-color:#4a4a4a;}


/* title */
.detail_titleIn { margin:30px 10px 0 0;}
/* ポイント番号 */
.detail_titleIn p {font:900 1.75em "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3",serif, "‚l‚r ‚oƒSƒVƒbƒN", serif;
	padding:0 7px 0 0;text-align:center;color:#FFCC00;
}
/* ポイント名 */
.detail_titleIn h4 {font:900 1.75em "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3",serif, "‚l‚r ‚oƒSƒVƒbƒN", serif;
	text-align:center;line-height:1em;color:#ffffff;
}
/* 順次送り */
.detailLeft, .detailRight						{ width:50px;}
.detailLeft .title_top, .detailRight .title_top	{ margin:60px 0 0 0;}
.detailLeft a, .detailRight a					{ text-decoration: none;}
.detailLeft .title_top p, .detailRight .title_top p
{ font:1.2em/1 "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;color:#ffffff; text-align:center;}
/* */
/* tab1 */
.tab1ContentOut		{ float:left; width:260px; height:180px; background-color:#6b6b6b;}
.tab1ContentIn		{ padding:0 10px 10px 0;}
/* tab1 左上 */
#tab1areaUp			{ position:absolute; margin:20px 0 0 -23px; color:#333333; z-index:2;}
#tab1areaDwn		{ position:absolute; margin:22px 0 0 -21px; color:#ffffff; z-index:1;}
#tab1map			{ background: #6b6b6b url(../img/detail/tab1bg_map.gif) top left no-repeat; padding:2px 10px 2px 30px;}
/* tab1 右上 */
#tab1photo			{ background: #6b6b6b url(../img/detail/tab1bg_photo.gif) top left no-repeat; padding:2px 15px 3px 15px;}
/* tab1 左下 */
#tab1qualityOut		{ background: #6b6b6b url(../img/detail/tab1bg_quality.gif) top left no-repeat; height:170px;}
#tab1qualityIn		{ padding:20px 0 0 20px;}
.qualityLineOut		{ width:200px; height:30px;}
.qualityLineIn		{ background:url(../img/detail/underline.gif) bottom left repeat-x; padding-bottom:5px; }
#tab1qualityOut .title_top { margin:0 0 30px 60px; width:100px;}
#tab1qualityOut h4	{ font:0.75em "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
						color:#ffffff; background:url(../img/detail/underline.gif) bottom left repeat-x;  padding:0 0 5px 10px; }
#tab1qualityOut p	{ font:0.75em "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
					color:#FFFFFF;}
#tab1qualityOut span	{ color:#aaaaaa;}
/* tab1 右下 */
#tab1scriptOut		{ background: #6b6b6b url(../img/detail/tab1bg_script.gif) top left no-repeat; height:170px;}
#tab1scriptIn		{ padding:8px 10px 0 10px;}
#tab1scriptOut h4	{ font:0.675em "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
						color:#000000; padding:0 0 0 3px;}
#tab1scriptOut p	{ font:0.675em/1.5 "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
					color:#333333; text-indent:1em; text-align:justify; padding-top:10px;}
/* */
/* tab2 */
.tab2ContentOut		{ float:left; margin:0px 10px 10px 0;}
.tab2ContentIn		{ width:490px; height:170px; background-color:#6b6b6b;}
/* tab2 上 */
#tab2photoTitle01	{ position:absolute; margin: 10px 0 0 20px; color:#333333; z-index:2;}
#tab2photoTitle02	{ position:absolute; margin: 10px 0 0 180px; color:#333333; z-index:2;}
#tab2photoTitle03	{ position:absolute; margin: 10px 0 0 340px; color:#333333; z-index:2;}
#tab2photoTitle01 p,#tab2photoTitle02 p,#tab2photoTitle03 p {font:0.75em "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3",serif; color:#FFFFFF;}
#tab2photoTitle01 span { color:#59E52E;}
#tab2photoTitle02 span { color:#2E80E5;}
#tab2photoTitle03 span { color:#E52E34;}
#tab2photo			{ background: #6b6b6b url(../img/detail/tab2bg_photo.gif) top left no-repeat; padding:25px 0px 25px 0px;}
#tab2photo img		{ margin:0; padding:0;}
/* tab2 左下 */
#tab2introOut		{ background: #6b6b6b url(../img/detail/tab2bg_intro.gif) top left no-repeat; height:170px;}
#tab2introIn		{ padding:10px 10px 0 10px;}
#tab2introOut h4	{ font:0.75em "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
						color:#000000; padding:0 0 0 160px;}
#tab2introOut ol	{ margin:10px 10px 0 20px;}
#tab2introOut li	{ font:0.625em/1.5 "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
						color:#333333; text-align:justify;}
/* tab2 右下 */
#tab2map			{ padding:10px 0 0 10px;;}
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* 下段 */
#lowerOut		{ background:url(../img/detail/detail_bottom01.jpg) top left no-repeat; margin-top:5px;}
#lowerMiddle	{ background:url(../img/content_bottom_detail.gif) bottom left no-repeat; height:60px;}
#lowerIn		{ }
/* □■□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* list */
#listOut {
/*	float: left;*/
}
#listMiddle {
/*	border-top: 1px solid #ddd;*/
	padding-top:10px;
}
#listIn {
/*	width:100%;*/
}
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/
/* No Data */
.noData {  background-color:#6b6b6b; position:absolute;	z-index:1; margin-top:100px; margin-left:100px; }
.noData p {
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-weight:900;
	font-size: 1,125em;
	color: #dddddd;
	text-align: center;
}