@charset "Shift_JIS";

/*	スタイルシート　[ 南さつま市 ：TOPページ]
=================================================================== */
/* 再定義 */

/* ※※※※※※　各領域定義　※※※※※※
/*	全体枠組み
=================================================================== */

/*	ヘッダ枠組み
=================================================================== */

/*	コンテンツ枠組み
=================================================================== */
/* Top-areaMainContents（メインコンテンツ） */
div#Top-areaMainContents {
	float: right;
	margin: 0 auto;
	padding: 0;
	width: 656px;
}

/* Flash */
div#Contents div#areaFlash {
	text-align: center;
	margin: 0 auto 7px auto;
	padding: 0;
	width: 870px;
	background-color: #FFFFFF;
}
div#Contents div#areaFlash div#Flash {
	margin: 0;
	padding: 7px;
	width: 856px;
	height: 170px;
}

/* Top-Maincomtens */
div#Top-areaMainContents div#Top-Maincontens {
	float: left;
	margin: 0;
	padding: 0;
	width: 470px;
	font-size: 95%;
}
/* 緊急情報 */
div#areaurgency {
	margin: 0;
	padding: 0;
	width: 468px;
	_width: 470px; /* ie6 */
	background-color: #FFFFFF;
	border: 1px #FF0000 solid;
}
div#areaurgency div#urgency {
	margin: 1px;
	padding: 7px;
	width: 450px;
	_width: 466px; /* ie6 */
	border: 1px #FF7979 solid;
}
/* 緊急情報 h3 */
div#areaurgency div#urgency div.h3_rss {
	margin: 0 auto;
	padding: 0;
	border-bottom: 1px #999999 dotted;
	width: 100%;
}
div#areaurgency div#urgency div.h3_rss h3 {
	background: url(../images/icon-urgency.jpg) no-repeat 3px center;
	margin: 0;
	padding: 0 0 0 25px;
	font-size: 100%;
	font-weight: bold;
	line-height: 190%;
	float: left;
}
div#areaurgency div#urgency div.h3_rss p {
	float: right;
	margin: 0;
	padding: 0;
}
div#areaurgency div#urgency div.h3_rss p img {
	vertical-align: middle;
}
/* 緊急情報 h4 */
div#areaurgency div#urgency h4 {
	margin: 5px 0;
	padding: 0;
	font-size: 105%;
	font-weight: normal;
	color: #FF0000;
	width: 100%;
}
div#areaurgency div#urgency h4  a:link    {color: #FF0000;background-color: transparent;text-decoration: none;}
div#areaurgency div#urgency h4  a:visited {color: #FF0000;background-color: transparent;text-decoration: none;}
div#areaurgency div#urgency h4  a:hover   {color: #FF0000;background-color: transparent;text-decoration: underline;}
div#areaurgency div#urgency h4  a:active  {color: #FF0000;background-color: transparent;text-decoration: underline;}

/* 緊急情報 more */
div#areaurgency div#urgency div.more {
	text-align: right;
	margin: 5px 0 0 0;
	padding: 0;
}
div#areaurgency div#urgency div.more img {
	margin: 0 5px 0 0;
	padding: 0;
	vertical-align: middle;
}
div#areaurgency div#urgency div.more a:link    {color: #2074B3;background-color: transparent;text-decoration: none;}
div#areaurgency div#urgency div.more a:visited {color: #2074B3;background-color: transparent;text-decoration: none;}
div#areaurgency div#urgency div.more a:hover   {color: #FF6600;background-color: transparent;text-decoration: underline;}
div#areaurgency div#urgency div.more a:active  {color: #FF6600;background-color: transparent;text-decoration: underline;}

/* 南さつまを楽しもう！ */
div#enjoy {
	margin: 5px auto;
	padding: 0 0 5px 5px;
	width: 463px;
	_width: 470px; /* ie6 */
	background: url(../images/bg-enjoy.gif);
	border: 1px #FF9999 solid;
	text-align: left;
}

/* 南さつまを楽しもう！ h3 */
div#enjoy h3 {
	margin: 0;
	padding: 0;
	width: 100%;
}

div#enjoy ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#enjoy ul li {
	float: left;
	margin: 0;
	padding: 0;
}
div#enjoy ul li.end {
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
}

div#enjoy div.bn {
	margin: 0 0 2px 0;
	padding: 0;
}

/* 最新のお知らせ */
div.whatsnew {
	margin: 0 auto 5px auto;
	padding: 10px 8px;
	width: 452px;
	_width: 470px; /* ie6 */
	border: 1px #CCCCCC solid;
	text-align: left;
	background-color: #FFFFFF;
}
/* 最新のお知らせ h3 */
div.whatsnew div.news_h3 {
	margin: 0 auto 5px auto;
	padding: 0 0 5px 0;
	border-bottom: 1px #00CCCC solid;
	width: 100%;
}
div.whatsnew h3 {
	background: url(../images/square02.gif) no-repeat 7px center;
	margin: 0;
	padding: 0 0 0 25px;
	font-size: 105%;
	font-weight: bold;
	float: left;
}
div.whatsnew div.news_h3 p {
	float: right;
	margin: 0;
	padding: 0;
}
div.whatsnew div.news_h3 p img {
	vertical-align: middle;
}

div.whatsnew ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div.whatsnew ul li {
	background: url(../images/square01.gif) no-repeat 4px 11px;
	margin: 0;
	padding: 7px 0 6px 20px;
	border-bottom: 1px #A5A5A5 dotted;
}
/* 最新のお知らせ more */
div.whatsnew div.more {
	text-align: right;
	margin: 10px 0 0 0;
	padding: 0;
}
div.whatsnew div.more img {
	margin: 0 5px 0 0;
	padding: 0;
	vertical-align: middle;
}
div.whatsnew div.more a:link    {color: #2074B3;background-color: transparent;text-decoration: none;}
div.whatsnew div.more a:visited {color: #2074B3;background-color: transparent;text-decoration: none;}
div.whatsnew div.more a:hover   {color: #FF6600;background-color: transparent;text-decoration: underline;}
div.whatsnew div.more a:active  {color: #FF6600;background-color: transparent;text-decoration: underline;}

/* ライフサイクル(左サイド) */
div.areacontents-menu div#arealifecycle {
	margin: 0 auto;
	padding: 0;
	width: 208px;
	border-bottom: 1px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	background-color: #FFFFFF;
}
div.areacontents-menu div#arealifecycle div#lifecycle {
	margin: 0 5px 3px 5px;
	padding: 0;
}
div.areacontents-menu div#arealifecycle div#lifecycle ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div.areacontents-menu div#arealifecycle div#lifecycle ul li {
	float: left;
	margin: 0 0 5px 0;
	padding: 2px 6px 9px 3px;
	width: 90px;
	_display: inline; /* ie6 */
	border-bottom: 1px #999999 dotted;
	text-align: center;
}
div.areacontents-menu div#arealifecycle div#lifecycle ul li.none-border {
	float: left;
	margin: 0 0 5px 0;
	padding: 2px 6px 9px 3px;
	width: 90px;
	_display: inline; /* ie6 */
	border-bottom: none;
	text-align: center;
}

/* 右サイド */
div#Top-areaMainContents div#Right-Sidecontents {
	float: right;
	margin: 0 0 0 6px;
	padding: 0;
	width: 180px;
}

/* 企業広告 */
div#Right-Sidecontents div#R_Side-bn {
	margin: 0 auto;
	padding: 0;
	width: 180px;
}
div#Right-Sidecontents div#R_Side-bn ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#Right-Sidecontents div#R_Side-bn ul li {
	margin: 0 0 4px 0;
	padding: 0;
}
/* 広告募集 */
div#Right-Sidecontents div#koukoku {
	margin: 5px 0 0 0;
	padding: 0;
	width: 180px;
}
/* mobile */
div#Right-Sidecontents div#areamobile {
	margin: 7px 0 0 0;
	padding: 10px 2px 0px 2px;
	width: 173px;
	_width: 180px; /* ie6 */
	border: 1px #CCCCCC solid;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 85%;
}
div#Right-Sidecontents div#areamobile div.mobile {
	text-align: left;
	margin: 0 4px;
	padding: 0;
	width: 165px;
}
div#Right-Sidecontents div#areamobile div.mobile p.red {
	margin: 8px 0;
	padding: 0;
	color: #FF3333;
}

/* mobile h3 */
div#Right-Sidecontents div#areamobile h3 {
	margin: 0;
	padding: 0;
	width: 100%;
}
/* mobile QR */
div#Right-Sidecontents div#areamobile div.mobile div#QR {
	margin: 10px 0 8px 0;
	padding: 0;
}
div#Right-Sidecontents div#areamobile div.mobile div#QR img {
	float: left;
	margin: 3px 5px 10px 0;
	padding: 0;
}
div#Right-Sidecontents div#areamobile div.mobile div#QR p {
	margin: 0;
	padding: 0;
}
/* mobile add */
div#Right-Sidecontents div#areamobile div.mobile div.add {
	margin: 0;
	padding: 0;
}

/* mobile meil */
div#Right-Sidecontents div#areamobile div.mobile div.areamail {
	margin: 0;
	padding: 0;
}
div#Right-Sidecontents div#areamobile div.mobile div.areamail div.mail {
	margin: 8px 0 10px 0;
	padding: 0;
	text-align: center;
}

input.m_box {
	color: #999999;
	width: 160px;
}

/*	フッタ枠組み
=================================================================== */

/* ※※※※※※　クラス定義　※※※※※※ */