@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 7px 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;
}

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

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