@charset "UTF-8";
/* CSS Document */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* □■CSS■                                               □ */
/* □  サーフポイントガイド：surfpointguide.com            □ */
/* □  SITE MAP                                            □ */
/* □  ■サイズ                                            □ */
/* □  width:720px;                                        □ */
/* □  ■文字指定                                          □ */
/* □  font-family: tahoma, helvetica, sans-serif, arial;  □ */
/* □  font-size: 16px;                                    □ */
/* □  color: #555;                                        □ */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/**/
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* content */
#content {background:#ffffff /* イラストシルエット */	/*url(../img/right_bottom.gif) bottom right no-repeat;*/}

/* TITLE */
.sitemap_title_top {margin-left:-30px;}
/* JUMP */
.page_jump		{margin:10px 10px 0 0;/* padding-left:120px;*/ border-top:dotted 1px #666666;}
.page_jump ul	{list-style:url(../img/sitemap/sitemap_to_top.gif) outside;}
.page_jump li	{ width:150px; height:20px; margin:5px 0 0 10px;}
.page_jump li p {font-size:0.75em;}

.page_jump a:link{color:#236CB6;text-decoration:none;}
.page_jump a:visited{color:#236CB6;text-decoration:none;}
.page_jump a:hover{color:#0000FF;text-decoration:none;}
.page_jump a:active{color:#00FF00;text-decoration:none;}

/* ■□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* 上段 */
#upperRow {/* 上枠ラウンド */background:url(../img/content_top_none.gif) top left no-repeat; height:35px;}
/* ■□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* 中段 */
#inside {}
/* □■□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* wrapper */
#wrapper {padding:0 35px 0 35px;/* 内容領域：width 710px */}
/* ■□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* 下段 */
#lower {/* 下枠ラウンド */background:url(../img/content_bottom.gif) bottom left no-repeat; height:50px;}
/* □■□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* SITE MAP */
#sitemapOut {float:left;}
#sitemapMid {background:#FBFCFD url(../img/sitemap/sitemap_bottom.gif) bottom left no-repeat; width:300px;}
#sitemapIn 	{margin-left:30px;}

#sitemapOut a:link{color:#236CB6;text-decoration:none;}
#sitemapOut a:visited{color:#236CB6;text-decoration:none;}
#sitemapOut a:hover{color:#0000FF;text-decoration:none;}
#sitemapOut a:active{color:#00FF00;text-decoration:none;}

/*  */
#sitemapOut h3 {width:220px;height:20px;background:url(../img/sitemap/sitemap_h3.gif) bottom left no-repeat;
	margin-top:20px;padding-left: 20px;/* 先頭マーカー分左に移動 */
	color:#236CB6;font-size:0.875em;
	border-bottom:dotted 1px #666666;
}
#sitemapOut .ulLevel01 {list-style:url(../img/sitemap/sitemap_li.gif) outside; margin:20px 0 0 20px;}
#sitemapOut .ulLevel02 {list-style:url(../img/sitemap/sitemap_li.gif) outside; margin:5px 0 0 20px;}
#sitemapOut li	{ width:200px; height:20px; margin:5px 0 0 10px;}
#sitemapOut li p {font-size:0.75em;}

/* □■□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* SITE INFO */
.siteInfoOut {float:right;}
.siteInfoMid {background:#FBFCFD url(../img/sitemap/sitemap_bottom.gif) bottom left no-repeat; width:300px;}
.siteInfoIn  {margin-left:30px;}

.siteInfoOut h3 {width:220px;height:20px;background:url(../img/sitemap/sitemap_h3.gif) bottom left no-repeat;
	margin-top:20px;padding-left: 20px;/* 先頭マーカー分左に移動 */
	color:#236CB6;font-size:0.875em;
	border-bottom:dotted 1px #666666;
}

.siteInfoOut p {
	margin:5px 0 0 10px;
	font:0.75em /1.5em "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	text-indent:1em;
}
.siteInfoOut h5 {
	margin:5px 0 0 -20px;
	font:0.75em /1.5em "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	text-indent:0em;
}
/* □□■□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* FORM */
form { border:0px #ffffff;}
.tblForm table { width:250px;}
.tblForm span {color:#FF0000;}
td.tblInfo { width:250px; padding:0 0 0 12px; background:url(../img/sitemap/form_mark.gif) left bottom no-repeat;}
td.tblSend { width:250px;}
.tblInfo p { margin:5px 0 0 0px; text-indent:0em;}
input,textarea { border:1px solid #cccccc;}
input:hover,textarea:hover { border-bottom-color:#777777;}
input:focus,textarea:focus { background-color:#cff;}
button:hover {cursor:pointer}

/**/
#mailConfirm { margin:10px 0 0 50px; width:55px; height:25px; border:0px #ffffff;}
/* background:#ffffff url(../img/sitemap/confirm_button.gif) top left no-repeat; outline:0;}*/
#mailClear { margin:10px 0 0 10px; width:55px; height:25px; border:0px #ffffff;}
/* background:#ffffff url(../img/sitemap/clear_bottun.gif) top left no-repeat; outline:0;}*/
#mailSend { margin:10px 0 0 50px; width:55px; height:25px; border:0px #ffffff;}
/* background:#ffffff url(../img/sitemap/send_button.gif) top left no-repeat; outline:0;}*/
#mailTuen { margin:10px 0 0 10px; width:55px; height:25px; border:0px #ffffff;}
/* background:#ffffff url(../img/sitemap/turn_bottun.gif) top left no-repeat; outline:0;}*/


/**/
#mail01 { display:block;}
#mail02 { display:none;}