@charset "Shift_JIS";

/*	スタイルシート　[ 伊佐市：トップページ用 ]
=================================================================== */


/* ※※※※※※　各領域定義　※※※※※※
/*	全体枠組み
=================================================================== */


/*	ヘッダ枠組み
=================================================================== */



/*	コンテンツ枠組み
=================================================================== */
div#areaContents {
	margin: 15px 0 0 0;
	padding: 0;
	width: 100%;
}

/*	コンテンツ枠組み（左領域）
=================================================================== */
div#Contents {
	float: left;
	margin: 0;
	padding: 0;
	width: 695px;
}

/* メインコンテンツ（中央） */
div#areaContents div#Contents div#MainContents {
	float: right;
	margin: 0;
	padding: 0;
	width: 500px;
}
/* 緊急のお知らせ(平常時) */
div#areaContents div#Contents div#MainContents div#Normal {
	border: #399 1px solid;
	width: 498px;
	_width: 500px; /* ie6*/
}
/* 緊急のお知らせ(平常時) h3 */
div#areaContents div#Contents div#MainContents div#Normal div.normal_h3 {
	background-color: #9ed6d2;
	width: 100%;
}
div#areaContents div#Contents div#MainContents div#Normal div.normal_h3 h3 {
	background: none;
	font-size: 100%;
	border-left: #399 5px solid;
	float: left;
	padding: 3px 0 3px 5px;
}
div#areaContents div#Contents div#MainContents div#Normal div.normal_h3 p {
	float: right;
	padding: 4px 7px 5px 0;
}
div#areaContents div#Contents div#MainContents div#Normal div.normal_h3 p img {
	vertical-align: middle;
}
div#areaContents div#Contents div#MainContents div#Normal ul {
	list-style: none;
	margin: 10px 0 10px 20px;
	padding: 0;
}

/* 緊急のお知らせ */
div#areaContents div#Contents div#MainContents div#Emergency {
	border: #f00 1px solid;
	width: 498px;
	_width: 500px; /* ie6*/
}
/* 緊急のお知らせ h3 */
div#areaContents div#Contents div#MainContents div#Emergency div.emergency_h3 {
	background-color: #fcc;
	width: 100%;
}
div#areaContents div#Contents div#MainContents div#Emergency div.emergency_h3 h3 {
	background: none;
	color: #f00;
	font-size: 100%;
	border-left: #f00 5px solid;
	float: left;
	padding: 3px 0 3px 5px;
}
div#areaContents div#Contents div#MainContents div#Emergency div.emergency_h3 p {
	float: right;
	padding: 4px 7px 5px 0;
}
div#areaContents div#Contents div#MainContents div#Emergency div.emergency_h3 p img {
	vertical-align: middle;
}
div#areaContents div#Contents div#MainContents div#Emergency ul {
	color: #f00;
	margin: 10px 0 10px 25px;
	padding: 0;
}
div#areaContents div#Contents div#MainContents div#Emergency ul li {
	font-weight: bold;
}
 
div#Emergency ul li a:link    {color: #f00;background-color: transparent;text-decoration: underline;}
div#Emergency ul li a:visited {color: #f00;background-color: transparent;text-decoration: underline;}
div#Emergency ul li a:hover   {color: #f60;background-color: transparent;text-decoration: underline;}
div#Emergency ul li a:active  {color: #f60;background-color: transparent;text-decoration: underline;}

/* 季節の写真 */
div#areaContents div#Contents div#MainContents div#season {
	margin: 10px 0 0 0;
	text-align: center;
}

/* 目的別入り口 */
div#areaContents div#Contents div#MainContents div#purpose {
	margin: 10px 0 0 0;
	text-align: center;
}
div#areaContents div#Contents div#MainContents div#purpose ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#areaContents div#Contents div#MainContents div#purpose ul li {
	display: inline;
	margin: 0;
}

/* 最新情報 */
div#areaContents div#Contents div#MainContents div#News {
	margin: 30px 0 0 0;
}
/* h3 */
div#areaContents div#Contents div#MainContents div#News div.news_h3 {
	background: url(../images/ttl_back_orange.jpg) no-repeat;
	height: 25px;
	width: 500px;
}
div#areaContents div#Contents div#MainContents div#News div.news_h3 h3 {
	background: none;
	color: #f60;
	font-size: 13px;
	float: left;
	padding: 3px 0 3px 10px;
}
div#areaContents div#Contents div#MainContents div#News div.news_h3 p {
	float: right;
	padding: 4px 7px 5px 0;
}
div#areaContents div#Contents div#MainContents div#News div.news_h3 p img {
	vertical-align: middle;
}
div#areaContents div#Contents div#MainContents div#News ul {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
}
div#areaContents div#Contents div#MainContents div#News ul li {
	background: url(../images/cur01.gif) no-repeat 5px 10px;
	border-bottom: #999 1px dashed;
	margin: 0;
	padding: 7px 0 7px 20px;
}

div#areaContents div#Contents div#MainContents div#News div.news_h3 h3 a:link    {color: #f60;background-color: transparent;text-decoration: none;}
div#areaContents div#Contents div#MainContents div#News div.news_h3 h3 a:visited {color: #f60;background-color: transparent;text-decoration: none;}
div#areaContents div#Contents div#MainContents div#News div.news_h3 h3 a:hover   {color: #369;background-color: transparent;text-decoration: underline;}
div#areaContents div#Contents div#MainContents div#News div.news_h3 h3 a:active  {color: #369;background-color: transparent;text-decoration: underline;}


/* ライフサイクル */
div#areaContents div#Contents div#MainContents div#Life {
	margin: 30px 0 0 0;
}
/* h3 */
div#areaContents div#Contents div#MainContents div#Life div.life_h3 {
	background: url(../images/ttl_back_pink.jpg) no-repeat;
	height: 25px;
	width: 500px;
}
div#areaContents div#Contents div#MainContents div#Life div.life_h3 h3 {
	background: none;
	color: #f66;
	font-size: 13px;
	padding: 3px 0 3px 10px;
}
div#areaContents div#Contents div#MainContents div#Life div.cycle {
	margin: 10px 0 0 0;
}
div#areaContents div#Contents div#MainContents div#Life div.cycle img.space {
	margin: 0 6px 0 5px;
}

/* サイドコンテンツ（左） */
div#SideContentsL {
	float: left;
	margin: 0 0 0 8px;
	padding: 0;
	width: 170px;
	_display: inline; /* ie6 */
}

/*	コンテンツ枠組み（右領域）
=================================================================== */
div#SideContentsR {
	float: right;
	font-size: 90%;
	margin: 0 15px 0 0;
	padding: 0;
	width: 170px;
	_display: inline; /* ie6 */
}

/* 検索 */
div#Search {
	border-bottom: #999 1px dotted;
	border-top: #999 1px dotted;
	font-size: 85%;
	padding: 10px 0;
	 /* width: 158px; */
	margin: 0 0 10px 0;
	width: 170px;
}
div#Search form {
	margin: 0;
	padding: 0;
}
div#Search input.search-text {
	color: #999;
	font-size: 12px;
	margin: 0;
	width: 115px;
}
div#Search .Btn_submit {
	margin: 0;
	/* text-align: center; */
	vertical-align: middle;
}

.inLine {
	display: inline;
}


/*	フッタ枠組み
=================================================================== */
div#Footer div#add address p {
	margin: 3px 0 0 20px;
}
