@charset "shift_jis";

/**************************************************
 デフォルトスタイルのリセット
***************************************************/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
ul,ol { list-style: none; }
img { border: none; }


/**************************************************
 float解除
***************************************************/

/* CLEAR */
.clear { clear:both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/**************************************************
 共通アンカースタイル
***************************************************/

a:link { color: #0077c3; text-decoration: underline; }
a:visited { color: #6f197f; text-decoration: underline; }
a:hover { color: #0077c3; text-decoration: none; }
a:active { color: #0077c3; text-decoration: none; }


/**************************************************
 共通ページレイアウトスタイル
***************************************************/

/* BODY */
body { background: #fff; line-height: 140%; font-family: Arial, "MS P ゴシック", sans-serif; color: #222; text-align:center; }
body { 
	font-size: 13px;
	*font-size: 81.25%; /*for IE6,IE7*/
	text-align:center;
}

/* ページ全体のコンテナ */
div#container { font-size: 108%; width: 850px; margin:0 auto; text-align:left; }

/**************************************************
 総合トップページ用スタイル
***************************************************/

/* ロゴ */
h1#logo { margin:21px 0 0 0; }


/* メイン */
.topMain{ background:url(/hakone_j/content/000015915.gif) no-repeat; width:850px; height:513px!important; margin:24px 0 0 0; }

/* 左 */
.topMainLeft{
	position:relative;
	float:left;
	background:url(/hakone_j/content/000015899.jpg) no-repeat;	/* 左背景指定 */
	width:309px;
	height:489px;
	margin:12px 0 0 12px;
	display:inline;
}
.topMainLeftInner{ background:url(/hakone_j/content/000015913.png) no-repeat; width:309px; height:489px; }
.topMainLeft ul li.inhabitansJa{ position:absolute; top:357px; left:40px; text-indent:-9999px; }
.topMainLeft ul li.inhabitansJa a{ display:block; width:130px; height:30px; overflow:hidden; }
.topMainLeft ul li.inhabitansEn{ position:absolute; top:387px; left:40px; text-indent:-9999px; }
.topMainLeft ul li.inhabitansEn a{ display:block; width:130px; height:30px; overflow:hidden; }


/* 中央 */
.topMainCenter{
	position:relative;
	float:left;
	background:url(/hakone_j/content/000015898.jpg) no-repeat;	/* 中央背景指定 */
	width:309px;
	height:489px;
	margin:12px 0 0 7px;
	display:inline;
}
.topMainCenterInner{ background:url(/hakone_j/content/000015911.png) no-repeat; width:309px; height:489px; }
.topMainCenter ul li.sightseeingJa{ position:absolute; top:75px; left:140px; text-indent:-9999px; }
.topMainCenter ul li.sightseeingJa a{ display:block; width:130px; height:30px; overflow:hidden; }
.topMainCenter ul li.sightseeingEn{ position:absolute; top:105px; left:140px; text-indent:-9999px; }
.topMainCenter ul li.sightseeingEn a{ display:block; width:130px; height:30px; overflow:hidden; }


/* 右 */
.topMainRight{
	position:relative;
	float:left;
	background:url(/hakone_j/content/000015900.jpg) no-repeat;	/* 右背景指定 */
	width:193px; height:489px;
	margin:12px 0 0 7px;
	display:inline;
}
.topMainRightInner{ background:url(/hakone_j/content/000015916.png) no-repeat; width:193px; height:489px; }
.topMainRightContent{ position:absolute; top:0; left:0; }
.topMainRight ul.topMainRightBanner{ width:171px; margin:0 0 0 11px; padding:4px 0 0 0; }
.topMainRight ul.topMainRightBanner li{ width:171px; padding:7px 0 0 0; float:left; }
.topMainRight ul.topMainRightLink{ width:171px; margin:7px 0 0 11px; background-color:#ffffff; zoom:1; }
.topMainRight ul.topMainRightLink li{ width:171px; background:url(/hakone_j/content/000015912.gif) left top repeat-x; float:left; }
.topMainRight ul.topMainRightLink li.first{ background-image:none; }
.topMainRight ul.topMainRightLink li a{ display:block; padding:7px 10px 7px 27px; background:url(/hakone_j/content/000015897.gif) 10px 0.7em no-repeat; }
.topMain img{ display:block; }


/* バナー */
.topBannerArea{ width:838px; margin:23px 0 0 12px; }
.topBannerArea li{ width:162px; float:left; margin:0 4px 6px 0; }
.topBannerArea li img{ display:block; }

/* コピーライト */
#footerCopyright{ margin:22px 0 30px 0; text-align:center; font-size:85%; }
