@charset "Shift_JIS";

/*  スタイルシート　[ 南さつま市：市長の部屋 ]
=================================================================== */
/* 再定義 */

ul#mayor-menu {
    margin: 1em 0;
    padding: 0;
}

ul#mayor-menu li {
    float: left;
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
    padding: 0;
}

ul#mayor-menu li a {
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    height: 34px;
    margin-right: 7px;
}

ul#mayor-menu li.mm01 a {
    height: 75px;
}

ul#mayor-menu li.mm02 a,
ul#mayor-menu li.mm03 a,
ul#mayor-menu li.mm04 a {
    margin-bottom: 7px;
}

ul#mayor-menu li.mm01 a { width: 150px; background: url(images/mayor-menu-mm01.png) 0px top; }
ul#mayor-menu li.mm02 a { width: 150px; background: url(images/mayor-menu-mm02.png) 0px top; }
ul#mayor-menu li.mm03 a { width: 150px; background: url(images/mayor-menu-mm03.png) 0px top; }
ul#mayor-menu li.mm04 a { width: 150px; background: url(images/mayor-menu-mm04.png) 0px top; }
ul#mayor-menu li.mm05 a { width: 150px; background: url(images/mayor-menu-mm05.png) 0px top; }
ul#mayor-menu li.mm06 a { width: 150px; background: url(images/mayor-menu-mm06.png) 0px top; }
ul#mayor-menu li.mm07 a { width: 150px; background: url(images/mayor-menu-mm07.png) 0px top; }

ul#mayor-menu li.mm01 a:hover { background-position: 0px 75px; }
ul#mayor-menu li.mm02 a:hover { background-position: 0px 34px; }
ul#mayor-menu li.mm03 a:hover { background-position: 0px 34px; }
ul#mayor-menu li.mm04 a:hover { background-position: 0px 34px; }
ul#mayor-menu li.mm05 a:hover { background-position: 0px 34px; }
ul#mayor-menu li.mm06 a:hover { background-position: 0px 34px; }
ul#mayor-menu li.mm07 a:hover { background-position: 0px 34px; }

ul#mayor-bottom-menu {
    margin: 1em 0;
    padding: 0;
}

ul#mayor-bottom-menu li {
    display: inline;
}

ul#mayor-bottom-menu li span {
    padding-left: 10px;
    padding-right: 5px;
}

p.progress {
    margin: 1em 0;
    padding: 0;
}

.eyecatch {
    margin: 1em 0;
    padding: 0;
}

/*Main Container*/
.container {
    /*  width:100%;*/
    width: 670px;
    margin-right: -40px;
}
.container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.container li {
    display: inline;
    margin: 0px;
    padding: 0px;
}
/*Content Container*/
.contentContainer {
    padding-left: 0px;
    float: left;
    width: 0px;
    height: 350px;
    overflow:hidden;
}
.contentWrapper {
}
.contentInnerWrapper {
    text-align: justify;
    padding: 0px;
}
.handle {
    float: left;
    width: 40px;
    height: 350px;
    text-align:center;
}

p.page {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

p.page a.link_before {
    background: url(images/page-prev.png) no-repeat left center;
    padding-right: 10px;
    padding-left: 20px;
}

p.page a.link_next {
    background: url(images/page-next.png) no-repeat right center;
    padding-right: 20px;
    padding-left: 10px;
}

p.page span.before {
    background: url(images/page-prev.png) no-repeat left center;
    padding-right: 10px;
    padding-left: 20px;
}

p.page span.next {
    background: url(images/page-next.png) no-repeat right center;
    padding-right: 20px;
    padding-left: 10px;
}

div.main p {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

div.main table th,
div.main table td {
    text-align: left;
    padding: 0 5px;
}