@charset "shift_jis";

/**************************************************
 PC版日本語トップページ用スタイル
***************************************************/

/* 左コンテンツ */
div#topLeftContents { float: left; width: 180px; margin: 19px 18px 0 0; padding: 0 0 20px 0; line-height: 140%; text-align: left; }

/* 中央コンテンツ */
div#topCenterContents { float: left; width: 454px; margin: 19px 18px 0 0; padding: 0 0 5px 0; line-height: 140%; text-align: left; }

/* 右コンテンツ */
div#topRightContents { float: left; width: 180px; margin: 19px 0 0 0; padding: 0 0 20px 0; line-height: 140%; text-align: left; }

/* 左コンテンツ−各項目の枠 */
div#topLeftContents div.item { width: 180px; margin: 0 0 9px 0; }
div#topLeftContents div.item div.itemBgTop { width: 180px; height: 5px; background: url(/hakone_j/content/000000124.gif) no-repeat; }
div#topLeftContents div.item div.itemBgBottom { width: 180px; height: 5px; background: url(/hakone_j/content/000000125.gif) no-repeat; }
div#topLeftContents div.item div.itemText { width: 170px; padding: 0 4px; border-right: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; }

/* 左コンテンツ−H2 */
div#topLeftContents div.item div.itemText h2 { margin: 0 0 5px 0; }
div#topLeftContents div.item div.itemText h2.left { float: left; width: 133px; }

/* 左コンテンツ−タイトル横ボタン */
div#topLeftContents div.item div.itemText img.button { float: right; width: 35px; margin: 2px 2px 5px 0; }

/* 左コンテンツ−写真ニュース */
div#topLeftContents div.item div.itemText div.photonews { width: 170px; background: url(/hakone_j/content/000000126.gif); }
div#topLeftContents div.item div.itemText div.photonews div.photonewsBgTop { width: 170px; height: 5px; background: url(/hakone_j/content/000000127.gif) no-repeat; }
div#topLeftContents div.item div.itemText div.photonews div.photonewsBgBottom { width: 170px; height: 5px; background: url(/hakone_j/content/000000128.gif) no-repeat; }
div#topLeftContents div.item div.itemText div.photonews p.photo { width: 150px; margin: 0 10px; padding: 5px 0 7px 0; text-align: center; }
div#topLeftContents div.item div.itemText div.photonews p.caption { width: 150px; margin: 0 10px; padding: 0 0 2px 0; }

/* 左コンテンツ−リンクメニュー */
div#topLeftContents div.item div.itemText ul { margin: 0; padding: 0; list-style: none; }
div#topLeftContents div.item div.itemText ul li { width: 170px; margin: 0; padding: 0; background: url(/hakone_j/content/000000043.gif); border-top: 1px solid #ffffff; border-bottom: 1px solid #c7c7c7; }
div#topLeftContents div.item div.itemText ul li span.bg { display: block; width: 170px; padding: 5px 0 3px 0; background: url(/hakone_j/content/000000129.gif) no-repeat; }
div#topLeftContents div.item div.itemText ul li span.bg a { display: block; width: 147px; padding: 0 0 0 23px; background: url(/hakone_j/content/000000057.gif) no-repeat 6px 0.3em; }
div#topLeftContents div.item div.itemText ul li span.bg span.nolink { display: block; width: 147px; padding: 0 0 0 23px; background: url(/hakone_j/content/000000057.gif) no-repeat 6px 0.3em; }
div#topLeftContents div.item div.itemText ul li.first { border-top: none; }
div#topLeftContents div.item div.itemText ul li.first span.bg { background: url(/hakone_j/content/000000130.gif) no-repeat left top; }
div#topLeftContents div.item div.itemText ul li.banner { background: none; border-top: none; border-bottom: 2px solid #ffffff; }
div#topLeftContents div.item div.itemText ul li.banner span.bg,
div#topLeftContents div.item div.itemText ul li.banner span.bg a,
div#topLeftContents div.item div.itemText ul li.banner span.bg span.nolink { width: 170px; padding: 0; background: none; }
div#topLeftContents div.item div.itemText ul li.banner span.bg img { vertical-align: bottom; }
div#topLeftContents div.item div.itemText ul li.last { border-bottom: none; }
div#topLeftContents div.item div.itemText ul li.last span.bg { background: url(/hakone_j/content/000000131.gif) no-repeat left bottom; }

/* 中央コンテンツ−メイン画像 */
div#topCenterContents div.mainImage { width: 454px; margin: 0 0 21px 0; }
div#topCenterContents div.mainImage div.mainImageBgTop { width: 454px; height: 6px; background: url(/hakone_j/content/000000132.gif) no-repeat; }
div#topCenterContents div.mainImage div.mainImageBgBottom { width: 454px; height: 5px; background: url(/hakone_j/content/000000133.gif) no-repeat; }
div#topCenterContents div.mainImage div.mainImageBg { width: 442px; padding: 0 5px; border-right: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; }
div#topCenterContents div.mainImage div.mainImageBg p.photo { width: 442px; text-align: center; }
div#topCenterContents div.mainImage div.mainImageBg p.caption { width: 424px; padding: 4px 9px 0 9px; font-size: 93%; }

/* 中央コンテンツ−ライフイベント */
div#topCenterContents div.lifeEvent { width: 447px; height: 202px; margin: 0 0 18px 0; padding: 7px 0 0 7px; background: url(/hakone_j/content/000000134.gif) no-repeat; }
div#topCenterContents div.lifeEvent h2 { float: left; top:0; width: 142px; margin: 0 5px 0 0; }
@media print { div#topCenterContents div.lifeEvent ul { /margin: -7px 0 0 0; } }
div#topCenterContents div.lifeEvent ul { margin: 0; padding: 0; list-style: none; }
div#topCenterContents div.lifeEvent ul li { float: left; width: 142px; height: 38px; margin: 0 5px 11px 0; padding: 0; font-size: 14px; line-height: 14px; }
div#topCenterContents div.lifeEvent ul li a { display: block; }

/* 中央コンテンツ−新着情報／トピックス */
div#topCenterContents div.information { width: 454px; padding: 0 0 13px 0; }
div#topCenterContents div.information div.sub { position: relative; width: 454px; height: 37px; margin: 0 0 13px 0; }
div#topCenterContents div.information div.sub h2 { position: absolute; top: 0; left: 0; z-index: 1; }
div#topCenterContents div.information div.sub img.rssButton { position: absolute; top: 8px; right: 54px; z-index: 2; }
div#topCenterContents div.information div.sub img.listButton { position: absolute; top: 8px; right: 8px; z-index: 2; }
div#topCenterContents div.information ul { width: 436px; margin: 0; padding: 0 9px; list-style: none; }
div#topCenterContents div.information ul li { width: 436px; margin: 0 0 11px 0; padding: 0; }
div#topCenterContents div.information ul li dl { margin: 0; padding: 0; }
div#topCenterContents div.information ul li dl dt { float: left; width: 9em; margin: 0; padding: 0; }
div#topCenterContents div.information ul li dl dd { margin: 0 0 0 9em; padding: 0 0 0 17px; background: url(/hakone_j/content/000000057.gif) no-repeat 0 0.3em; vertical-align: bottom;}
div#topCenterContents div.information ul li dl dd img { margin: 0 0 0 7px; }
* html div#topCenterContents div.information ul li dl dd img { margin: 4px 0 0 7px; }

/* 右コンテンツ−町長室／緊急災害情報／箱根町の人口・世帯 */
div#topRightContents div.item { width: 180px; margin: 0 0 9px 0; }
div#topRightContents div.item div.itemBgBottom { width: 180px; height: 5px; background: url(/hakone_j/content/000000135.gif) no-repeat; }
div#topRightContents div.item div.itemBg { width: 170px; padding: 0 5px; background: url(/hakone_j/content/000000136.gif); }
div#topRightContents div.item div.itemBg div.innerBgTop { width: 170px; height: 5px; background: url(/hakone_j/content/000000137.gif) no-repeat; }
div#topRightContents div.item div.itemBg div.innerBgBottom { width: 170px; height: 5px;  background: url(/hakone_j/content/000000138.gif) no-repeat; }
div#topRightContents div.item div.itemBg div.inner { width: 170px; background: #ffffff; }
div#topRightContents div.item div.itemBg div.inner p { padding: 2px 10px; }
div#topRightContents div.item div.itemBg div.inner p.notice { color: #e54100; }

/* 右コンテンツ−バナー */
div#topRightContents ul.banner { width: 180px; margin: 0; padding: 0 0 11px 0; list-style: none; }
div#topRightContents ul.banner li { width: 180px; margin: 0 0 8px 0; padding: 0; }
div#topRightContents ul.banner li img { vertical-align: bottom; }

/* 右コンテンツ−テキストボタン（広告掲載について） */
div#topRightContents div.textButton { width: 176px; margin: 0 0 8px 0; padding: 1px; border: 1px solid #b9b9b9; }
div#topRightContents div.textButton p { width: 176px; padding: 0 0 1px 0; background: #f1f1f1 url(/hakone_j/content/000000139.gif) repeat-x;font-size: 93%; text-align: center; }
div#topRightContents div.textButton p a { padding: 0 0 0 17px; background: url(/hakone_j/content/000000057.gif) no-repeat 0 0.3em; }
div#topRightContents div.textButton p a { /background: url(/hakone_j/content/000000057.gif) no-repeat 0 0.15em; }