@charset "UTF-8";
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* □■CSS■                                               □ */
/* □  サーフポイントガイド：surfpointguide.com            □ */
/* □  SITE ALL                                            □ */
/* □  ■サイズ                                            □ */
/* □  width:720px;                                        □ */
/* □  ■背景色                                            □ */
/* □  background-color:#282f36;                           □ */
/* □  ■文字指定                                          □ */
/* □  font-family: tahoma, helvetica, sans-serif, arial;  □ */
/* □  font-size: 16px;                                    □ */
/* □  color: #555;                                        □ */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/**/
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* 初期設定 */
	* { padding:0; margin:0; }
	html, body　{ background-color:#282f36; text-align: center;/* IE 対応：中央寄せ */ }
	html, body　{ font-family: tahoma, helvetica, sans-serif, arial; font-size: 16px; color: #606060; }
/* float解除 */
	.cleaner { clear: both; font-size: 0; line-height: 0; }
/* 事前ロード */
	#preload { display: none; }
/* ページ設定 */
	#page {	width:720px; margin-left:auto; margin-right:auto;
	/* IE 対応：中央寄せ後の、文字左寄せ */
	text-align: left; }
/* ■□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* head */
	#head { width: 720px; height: 83px; }
/* □■□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* global logo */
	#head #logo { float: left; width: 190px; height: 60px; }
	#head #logo a { text-decoration:none;/* outline:0;*/ }
	#head #logo img { margin-left:20px;	border:0px; }
/* □■□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* global navi */
#glnavi 	{ float: right; width: 530px; height: 82px; background:url(../img/glnavi_bg.gif) top left no-repeat; }
#head ul		{ list-style-type: none; margin:0 0 0 24px; }
#head ul li 	{ float: left; /*display: inline;→メニューの横並びは{float:left}で対応 */ }
#head ul li a 	{ display: block; height: 80px; width:120px; text-decoration: none;/* outline:0;*/
				  float: left;/*IEでのヒットエリア確保用*/ }
#head ul li img { border: none; }
/* menu */
#head ul li h4 {
/*	font-size-adjust: 10;*//* windows firefox のみ有効 */
	font:bold 1em Verdana,Arial,Helveitica,sans-serif; color:#E8B22F;/*16px*/
	padding:20px 0 0 30px;
}
/* comment */
#gl_navi02 p, #gl_navi03 p, #gl_navi04 p, #gl_navi02_on p, #gl_navi03_on p, #gl_navi04_on p {
	font-size:0.625em; /*10px*/	color:#CCCCCC; padding-top:5px;}
#gl_navi01 p, #gl_navi01_on p {
	font-size:0.75em;  /*12px*/ color:#cccccc; padding-top:5px;}/*homeのUrlだけ若干大きめ*/

#gl_navi01 p, #gl_navi01_on p {padding-left:10px;}
#gl_navi02 p, #gl_navi03 p ,#gl_navi02_on p, #gl_navi03_on p {padding-left:5px;}
#gl_navi04 p, #gl_navi04_on p {padding-left:30px;}

/* 疑似セレクタ a */
#gl_navi01_on a {background: #1E84EC url(../img/global_navi01_on.gif) no-repeat; cursor:default;}
#gl_navi02_on a {background: #1E84EC url(../img/global_navi02_on.gif) no-repeat; cursor:default;}
#gl_navi03_on a {background: #1E84EC url(../img/global_navi03_on.gif) no-repeat; cursor:default;}
#gl_navi04_on a {background: #1E84EC url(../img/global_navi04_on.gif) no-repeat; cursor:default;}

#gl_navi01 a {background: url(../img/global_navi01.gif) no-repeat;}
#gl_navi02 a {background: url(../img/global_navi02.gif) no-repeat; /*border-left:solid 1px #4f525a;*/}
#gl_navi03 a {background: url(../img/global_navi03.gif) no-repeat; /*border-left:solid 1px #4f525a;*/}
#gl_navi04 a {background: url(../img/global_navi04.gif) no-repeat; /*border-left:solid 1px #4f525a;*/}

#gl_navi01 a:hover {background: #495057 url(../img/global_navi01_hover.gif) no-repeat;}
#gl_navi02 a:hover {background: #495057 url(../img/global_navi02_hover.gif) no-repeat;}
#gl_navi03 a:hover {background: #495057 url(../img/global_navi03_hover.gif) no-repeat;}
#gl_navi04 a:hover {background: #495057 url(../img/global_navi04_hover.gif) no-repeat;}

/* ■□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* content */
#content {
	margin-top:10px;
	width:720px;
}
/* ■□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* footer */
#footer {
	width: 720px;
	height: 50px;
	background-color:#282f36;
}
#footer p {
/*	float:right;*/
	font-size:0.625em; /*10px*/
	text-align: right;
	line-height: 20px;
	color: #ffffff;
}
/* リンクの下線はマウスオーバー時は残しておく */
/* a {text-decoration:none;} */
#footer a:link{color:#ffffff;text-decoration:none;}
#footer a:visited{color:#ffffff;text-decoration:none;}
#footer a:hover{color:#ff4500;text-decoration:none;}
#footer a:active{color:#ffffff;text-decoration:none;}