@charset "utf-8";

/* ##################################### home.css ##################################### */

/* ############## 子ページ枠とiframeのサイズ↓ ############## */
/* ---- news ---- */
.information {
	height:740px;
}

/* ---- whatsnew ---- */
.whatsnewArea {
	height:187px;
	padding:10px 0;
	background:#fff;
	overflow-y:auto;
}
.areaSearch .areaList iframe {
	width:332px;
	height:210px;
}
/*スクロールバーの幅17pxを考慮*/
/* ############## 子ページ枠とiframeのサイズ↑ ############## */


/* ---- メイン・ビジュアル ---- */
#main {
	height:auto;
	margin:3px 0;
}


/* ---- area ---- */
.areaSearch {
	width:644px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

.areaSearch .areaMap,
.areaSearch .areaList {
	display:block;
	float:left;
}
.areaSearch .areaMap {
	width:300px;
}
.areaSearch .area a {
	border:none;
	outline:none;
}

.areaSearch .areaList {
	width:332px;
	padding:10px 0 10px 12px;
}

.areaFont { color:#fe0000; }

/* ---- 呼び出す地域のファイル ---- */
body.area {
	margin:0;
	padding:0;
	background:#fff;
}
body.area h1 {
	width:275px;
	height:26px;
	margin-bottom:15px;
	padding:9px 0 0 22px;
	-moz-box-shadow: 2px 3px 2px #918b8a;
	-webkit-box-shadow: 2px 3px 2px #918b8a;
	box-shadow:2px 3px 2px #918b8a;
	behavior: url(PIE.htc);
	font-size:18px;
	font-weight:bold;
	line-height:1.2em;
}
body.asahi h1 { background:#fee4ec; }
body.isogo h1 { background:#fffe99; }
body.sakae h1 { background:#d2feab; }

body.area ul {
	margin:0 15px;
}
body.area li {
	margin-bottom:5px;
	padding:0 0 0 12px;
	background: url(../img/common/arw03.gif) 0 5px no-repeat;
	font-weight:normal;
	line-height:1.3em;
}

body.area li a { color:#000; text-decoration:none !important; }
body.area li a:hover { text-decoration:underline !important; }

/* === green === */
body.area li.green { background: url(../img/common/smn_arrowGreen.gif) no-repeat 0 2px; }
body.area li.green a { color:#000; }
body.area li.green a:hover { color:#549947; }

/* === orange === */
body.area li.orange { background: url(../img/common/smn_arrowOrange.gif) no-repeat 0 2px; }
body.area li.orange a:hover { color:#da9544; }

/* === yellow === */
body.area li.yellow { background: url(../img/common/smn_arrowYellow.gif) no-repeat 0 2px; }
body.area li.yellow a:hover { color:#bca504; }

/* === pink === */
body.area li.pink { background: url(../img/common/smn_arrowPink.gif) no-repeat 0 2px; }
body.area li.pink a:hover { color:#c9582d; }



/* ++ ++ */