@charset "UTF-8";

/* **********************************************************************
 *
 * Title:Site-Shokunin - シンプル白（左ナビ）
 * Updated: 2008.05.20
 * Notes:Hand-crafted by WebLab Corporation in Tokyo.
 *
 * **********************************************************************
 */

/* IE用印刷設定CSS ###################### */

@media print{

body {
_zoom: 67%; /*WinIE only */
}


#top-a {_zoom: 95%; /*WinIE only */
}
}

body {
        margin: 0;
        padding: 0;
        background: #F0F0F0;/* 背景の色が設定できます */
        color: #666;
        font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
        font-size: 90%;
        text-align: center;
        }
/* hide from Mac IE \*/
* html body { font-family: 'ＭＳ Ｐゴシック',Arial, Helvetica, sans-serif; }
*:first-child+html body { font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }
/* */

hr.hide  { display: none; }
a:link{ color: #0066CC; }
a:visited { color:#0066CC; }
a:active { color:#0066CC; text-decoration:none; }
a:hover { color:#0066CC; text-decoration:none; }


span.texts { font-size: xx-small; line-height: 1.2; }
html>body span.texts { font-size: x-small; }

span.textn { font-size: x-small; line-height: 1.5; }
html>body span.textn { font-size: small; }

span.textl { font-size: small; line-height: 1.5; }
html>body span.textl { font-size: medium; }

table.nbr,
table.tbr table.nbr {
        border-top: none;
        border-left: none;
        border-collapse: collapse;
        }

table.nbr th,
table.tbr table.nbr th {
        padding: 0;
        border-right: none;
        border-bottom: none;
        background: none;
        color: #333;
        font-size: x-small;
        line-height: 1.5;
        }
html>body table.nbr th,
table.tbr table.nbr th { font-size: small; }

table.nbr td,
table.tbr table.nbr td {
        padding: 0;
        border-right: none;
        border-bottom: none;
        color: #333;
        font-size: x-small;
        line-height: 1.5;
        }
html>body table.nbr td,
table.tbr table.nbr td { font-size: small; }

table.tbr,
table.nbr table.tbr {
        border-top: 1px solid #C1D7DE;
        border-left: 1px solid #C1D7DE;
        border-collapse: collapse;
        }

table.tbr th,
table.nbr table.tbr th {
        padding: 6px 10px;
        border-right: 1px solid #C1D7DE;
        border-bottom: 1px solid #C1D7DE;
        background: #E1F1F7;
        color: #005EA0;
        font-size: x-small;
        line-height: 1.5;
        }
html>body table.tbr th,
table.nbr table.tbr th { font-size: small; }

table.tbr td,
table.nbr table.tbr td {
        padding: 6px 10px;
        border-right: 1px solid #C1D7DE;
        border-bottom: 1px solid #C1D7DE;
        color: #333;
        font-size: x-small;
        line-height: 1.5;
        }
html>body table.tbr td,
table.nbr table.tbr td { font-size: small; }

th.nbr {
        font-size: x-small;
        line-height: 1.5;
        color: #333;
        }
html>body th.nbr { font-size: small; }

td.nbr {
        font-size: x-small;
        line-height: 1.5;
        color: #333;
        }
html>body td.nbr { font-size: small; }

th.tbr {
        padding: 10px;
        border-right: 1px solid #C1D7DE;
        border-bottom: 1px solid #C1D7DE;
        font-size: x-small;
        background: #E1F1F7;
        line-height: 1.5;
        color: #005EA0;
        }
html>body th.tbr { font-size: small; }

td.tbr {
        padding: 6px 10px;
        border-right: 1px solid #C1D7DE;
        border-bottom: 1px solid #C1D7DE;
        font-size: x-small;
        line-height: 1.5;
        color: #333;
        }
html>body td.tbr { font-size: small; }

blockquote {
        clear: both;
        margin: 0;
        padding: 10px;
        border: 1px solid #cfcfcf;
        background: #f3f3f3;
        font-size: x-small;
        line-height: 1.4;
        text-align: left;
        }
html>body blockquote { font-size: small; }

form {
        margin: 0;
        padding: 0;
        }

form dt{
        font-size: x-small;
        font-weight: bold;
        line-height: 1.4;
        }
html>body form dt { font-size: small; }

form dd{
        margin: 0 0 5px 0;
        font-size: x-small;
        line-height: 1.4;
        }
html>body form dd { font-size: small; }

img {
        border: 0;
        }

.clear {
        width: 100%;
        margin: 0;
        padding: 0;
        clear: both;
        }


/* 全体のレイアウト設定 ###################### */

#bg_wrapper {
        width: 960px;
        margin-left:auto;
        margin-right:auto;
        background: url(../img/bg_wrapper.gif) repeat-y;
        }

#wrapper {
        width: 950px;
        margin-left:5px;
        margin-right:5px;
        background:#fff;
        _display: inline;
        }

#header {
        width: 950px;
        background:#fff;/* ヘッダーの背景色が設定できます */
        text-align: left;
        }

h3.top_main {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}

#top_container {
        float: left;
        width: 950px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background:#fff url(../img/bg_top_container.gif) repeat-x;
}

#nav {
        float: left;
        width: 231px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-align: left;
        }

#nav02 {
        float: left;
        width: 231px;
        margin: 20px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-align: right;
        }

.nav02_contact {
        float: right;
        width: 210px;
        margin: 0px 0px 0px 0px;
        padding: 10px 0px 10px 0px;
        text-align: center;
        border: 1px solid #DCDCDC;
        }
html>body div.nav02_contact { width: 208px; }

.nav02_recruit {
        float: right;
        margin: 20px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}

#main {
        float: right;
        width: 680px;
        margin: 0px 15px 50px 0px;
        _display: inline;
        }
/*html>body div#main { width: 665px; }*/

#footer_link {
        clear:both;
        width: 950px;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 0px 0px;
        font-size: 12px;
        line-height: 1.8;
        text-align: center;
        }

#footer_link a:link{ color: #0066CC; }
#footer_link a:visited { color:#0066CC; }
#footer_link a:active { color:#0066CC; text-decoration:none; }
#footer_link a:hover { color:#0066CC; text-decoration:none; }

#footer {
        width: 950px;
        padding: 0px 0px 30px 0px;
        background: #fff;
        text-align: left;
        clear:both;
        }


/* header部分のスタイル設定 ###################### */
.trigger { display: none !important; }

.accordion_tree { display: block !important; margin: 0px !important; padding: 0px !important; }

.accordion { margin: 0 !important; }

#header #header01 {
        float: left;
        width: 350px;

        }

#header01 h1 {
        width: 330px;
        margin: 15px 15px 10px 15px;
        padding: 0px 0px 0px 0px;
        color: #666;/* ヘッダーの大見出しの文字色が設定できます */
        font-size: 10px;
        line-height: 100%;
        text-align: left;
        font-weight: normal;
        }

#header01 h2 {
        width: 330px;
        margin: 0px 0px 12px 15px;
        padding: 0px 0px 0px 0px;
        text-align: left;
        }

#header #header02 {
        float: right;
        width: 570px;
        }

#header02 p {
        float: left;
        margin-top: 16px;
        display: inline;
}

#header02 p.hc {
        float: left;
        margin-top: 25px;
        margin-left: 23px;
        display: inline;
}



/* main部分設定 ###################################  */

#contents-title {
        float: left;
        width: 680px;
        margin: 0px 0px 20px 0px;
        padding: 0;
        text-align: left;
        /*background: #005EA0 url(../img/bg_h3.jpg) no-repeat;*/
        }

#directry {
        margin: 10px 0px 10px 20px;
        _margin: 15px 0px 10px 20px;
        padding: 0px 0px 0px 0px;
        font-size: xx-small;
        color: #fff;
        }
html>body div#directry { font-size: x-small; }

#directry a:link{ color: #fff;text-decoration: underline; }
#directry a:visited { color: #fff;text-decoration: underline; }
#directry a:active { color: #fff;text-decoration: none; }
#directry a:hover  { color: #fff;text-decoration: none; }

#contents-title h3 {
        margin: 0 0 0 20px;
        padding: 0px 0 5px 0;
        _padding: 0px 0 15px 0;
        font-size: 130%;
        font-weight: bold;
        color: #fff;/* 本文のページタイトルの文字色が設定できます */
        }

#info-contents-title {
        float: left;
        width: 680px;
        margin: 0px 0px 20px 0px;
        padding: 0;
        text-align: left;
        /*background: #005EA0 url(../img/bg_h3.jpg) no-repeat;*/
        }

#info-contents-title h3 {
        margin: 0 0 0 20px;
        padding: 0px 0 5px 0;
        _padding: 0px 0 15px 0;
        font-size: 130%;
        font-weight: bold;
        color: #fff;/* 本文のページタイトルの文字色が設定できます */
        }

#contents {
        float: left;
        width: 680px;
        margin: 0px;
        padding: 0px 0px 20px 0px;
        text-align: left;
        }

.photo-r {
        float:right;
        margin: 3px 0 15px 15px;
        font-size: xx-small;
        line-height: 1.3;
        color: #333;
        }
html>body div.photo-r { font-size: x-small; }

.photo-l {
        float:left;
        margin: 3px 15px 15px 0;
        font-size: xx-small;
        line-height: 1.3;
        color: #333;
        }
html>body div.photo-l { font-size: x-small; }

.photo-c {
        margin: 3px auto 15px auto;
        font-size: xx-small;
        line-height: 1.3;
        color: #333;
        }
html>body div.photo-c { font-size: x-small; }

.photo-r img, .photo-l img, .photo-c img {
        margin-bottom: 3px;
        }

.block {
        clear:both;
        margin-bottom: 30px;
        }

.block a:visited { color: #0066CC; }

.block h4 {
        margin: 0px 0px 10px 0px;
        padding: 15px 15px 15px 23px;
        _padding: 13px 15px 15px 23px;
        font-size: small;
        color: #333;
        background:#fff url(../img/bg_h4.gif) no-repeat;
        line-height: 1.4;
        }
html>body div.block h4 { font-size: medium; }
html>/**/body .block h4 { padding: 13px 15px 15px 23px; }

.block h4.h4_top {
        margin: 0px 0px 20px 0px;
        padding: 0px;
        border: none;
        background: none;
        }

.block h5 {
        border-bottom: 2px solid #3386AD;
        background: #fff;
        padding: 5px 10px 5px 2px;
        color: #005EA0;
        margin: 0 0 15px 0;
        font-size: 14px;
        }
html>body .block h5 {padding: 3px 10px 3px 2px;}

.block p {
        margin: 0;
        padding: 0;
        font-size: x-small;
        line-height: 1.5;
        color: #333;
        }
html>body div.block p { font-size: small; }

.block ul {
        margin: 5px 0px 5px 10px;
        padding: 0px 0px 0px 10px;
        font-size: x-small;
        line-height: 1.5;
        color: #333;
        }
html>body div.block ul { font-size: small; }

.block ol {
        margin: 5px 0px 5px 15px;
        padding: 0px 0px 0px 20px;
        font-size: x-small;
        line-height: 1.5;
        color: #333;
        }
html>body div.block ol { font-size: small; }

.pagetopset {
        clear: both;
        margin: 0px 0 0 0;
        padding: 0px 20px 20px 0px;
        font-size: xx-small;
        text-align:right;
        }
html>body div.pagetopset { font-size: x-small;}

a.pagetop {
        color: #919191;
        margin: 0;
        padding: 0px 0px 0px 12px;
        background: url(../img/pagetop_arrow.gif) 0px 0.3em no-repeat;
        text-align: left;
        }

a.pagetop:link{ color: #919191;text-decoration: none; }
a.pagetop:visited { color: #919191;text-decoration: none; }
a.pagetop:active { color: #919191;text-decoration: none; }
a.pagetop:hover  { color: #919191;text-decoration: underline; }


p.link {
        margin: 0 0 5px 0;
        padding: 0px 0px 0px 43px;
        background: url(../../img/arrow_link.gif) 0 0 no-repeat;
}



p.check {
        border: 1px solid #c5d7e8;
        background: #f3f8fd url(../img/icon_check.gif) 8px 6px no-repeat;
        padding: 6px 10px 5px 32px;
        font-weight: bold;
        margin: 0 0 10px 0;
        }
















#foot-contents {
        clear: both;
        width: 660px;
        margin: 0px auto 0 auto;
        padding:4px 0;
        background: #DCDCDC;
        text-align: center;
}
















/* nav部分設定 #############################  */

#menu {
        float:left;
        margin: 0;
        padding: 0;
        list-style: none;
        background: #3386AD;
        border-top: 1px solid #DCDCDC;
        border-right: 1px solid #dcdcdc;
        }

#menu ul {
        margin: 0;
        padding: 0;
        }/* リストを隙間なくならべる */

/*++++++++++++++++ nav button set ++++++++++++++++*/
.button {
        float:left;
        margin: 0 0 0 9px;
        padding: 0;
        width: 221px;
        font-size: x-small;
        line-height: 130%;
        text-align: left;
        border-bottom: 1px solid #DCDCDC;
        _display: inline;
        }
html>body .button { font-size: small; }

.button a {
        margin: 0;
        padding: 8px 10px 8px 15px;
        text-decoration: none;
        display: block;
        color: #333;
        background: #fff url(../img/arrow_button.gif) no-repeat 7px 1em;
        }
/* hide from Mac IE \*/
* html .button a { width:221px; }
*:first-child+html .button a { background-position: 7px 1em; padding: 10px 10px 8px 15px; }
/* */

.button a:link{ color: #333; }
.button a:visited{ color: #333; }
.button a:active  { background-color: #d8f0fc; color: #005EA0; }
.button a:hover{ background-color: #d8f0fc; color: #005EA0; }
.button a.selected  { background-color: #d8f0fc; color: #005EA0; font-weight: bold; }
.button a.selected:visited  { background-color: #d8f0fc; color: #005EA0; font-weight: bold; }
.button a.selected:active { background-color: #d8f0fc; color: #005EA0; font-weight: bold; }
.button a.selected:hover  { background-color: #d8f0fc; color: #005EA0; font-weight: bold; }

#menu .button a.nolink  { padding-left: 0px; background: #3386AD; color: #fff; font-weight: bold; }

.nav01 {
        float:left;
        margin: 0;
        padding: 0;
        width: 230px;
        font-size: x-small;
        line-height: 130%;
        text-align: left;
        border-bottom: 1px solid #DCDCDC;
        }
html>body .nav01 { font-size: small; }

.nav01 a {
        margin: 0;
        padding: 8px 10px 8px 24px;
        text-decoration: none;
        display: block;
        color: #333;
        background: #fff url(../img/arrow_nav01.gif) no-repeat 9px 0.8em;
        }
/* hide from Mac IE \*/
* html .nav01 a { width: 230px; }
*:first-child+html .nav01 a { background-position: 9px 0.8em; padding: 10px 10px 8px 24px; }
/* */

.nav01 a:link{ color: #333; }
.nav01 a:visited{ color: #333; }
.nav01 a:active  { background-color: #d8f0fc; color: #005EA0; }
.nav01 a:hover{ background-color: #d8f0fc; color: #005EA0; }
.nav01 a.selected  { background-color: #d8f0fc; color: #005EA0; font-weight: bold; }
.nav01 a.selected:visited  { background-color: #d8f0fc; color: #005EA0; font-weight: bold; }
.nav01 a.selected:active { background-color: #d8f0fc; color: #005EA0; font-weight: bold; }
.nav01 a.selected:hover  { background-color: #d8f0fc; color: #005EA0; font-weight: bold; }






/*++++++++++++++++ nav subbutton set ++++++++++++++++*/
.button .submenu {
        margin: 0;
        padding: 0 0 0 0;
        list-style: none;
        background: #d8f0fc;
        }

.button .subbutton {
        float:left;
        list-style: none;
        margin: 0 0 0 0px;
        padding: 0 0 0 0px;
        width: 221px;
        font-size: x-small;
        line-height: 130%;
        text-align: left;
        border-top: 1px solid #DCDCDC;
        _display: inline;
        }
html>body .button .subbutton { font-size: small; }

.button .subbutton a {
        margin: 0;
        padding: 8px 10px 8px 25px;
        text-decoration: none;
        display: block;
        background: #fff url(../img/arrow_button.gif) no-repeat 17px 1em;
        }
/* hide from Mac IE \*/
* html .button .subbutton a { width:221px; }
*:first-child+html .button .subbutton a { background-position: 17px 1em; padding: 10px 10px 8px 25px; }
/* */

#menu .button .subbutton a:link{ background: #d8f0fc url(../img/arrow_button.gif) no-repeat 17px 1em; color: #333; }
#menu .button .subbutton a:visited{ background: #d8f0fc url(../img/arrow_button.gif) no-repeat 17px 1em; color: #333; }
#menu .button .subbutton a:active  { background: #3a9bc8 url(../../img/arrow_button02.gif) no-repeat 17px 1em; color: #fff; }
#menu .button .subbutton a:hover{ background: #3a9bc8 url(../../img/arrow_button02.gif) no-repeat 17px 1em; color: #fff; }
#menu .button .subbutton a.subselected  { background: #3a9bc8 url(../../img/arrow_button02.gif) no-repeat 17px 1em; color: #fff; font-weight: bold; }
#menu .button .subbutton a.subselected:visited  { background: #3a9bc8 url(../../img/arrow_button02.gif) no-repeat 17px 1em; color: #fff; font-weight: bold; }
#menu .button .subbutton a.subselected:active { background: #3a9bc8 url(../../img/arrow_button02.gif) no-repeat 17px 1em; color: #fff; font-weight: bold; }
#menu .button .subbutton a.subselected:hover  { background: #3a9bc8 url(../../img/arrow_button02.gif) no-repeat 17px 1em; color: #fff; font-weight: bold; }


/*++++++++++++++++ nav subbutton set ++++++++++++++++*/
.nav01 .submenu {
        margin: 0;
        padding: 0 0 0 0;
        list-style: none;
        background: #d8f0fc;
        }

.nav01 .subbutton {
        float:left;
        list-style: none;
        margin: 0 0 0 0px;
        padding: 0 0 0 0px;
        width: 230px;
        font-size: x-small;
        line-height: 130%;
        text-align: left;
        border-top: 1px solid #DCDCDC;
        _display: inline;
        }
html>body .nav01 .subbutton { font-size: small; }

.nav01 .subbutton a {
        margin: 0;
        padding: 8px 10px 8px 33px;
        text-decoration: none;
        display: block;
        background: #fff url(../img/arrow_button.gif) no-repeat 25px 1em;
        }
/* hide from Mac IE \*/
* html .nav01 .subbutton a { width:230px; }
*:first-child+html .nav01 .subbutton a { background-position: 25px 1em; padding: 10px 10px 8px 33px; }
/* */

#menu .nav01 .subbutton a:link  { background-color: #d8f0fc; color: #333; }
#menu .nav01 .subbutton a:visited  { background-color: #d8f0fc; color: #333; }
#menu .nav01 .subbutton a:active  { background: #3a9bc8 url(../../img/arrow_button02.gif) no-repeat 25px 1em; color: #fff; }
#menu .nav01 .subbutton a:hover{ background: #3a9bc8 url(../../img/arrow_button02.gif) no-repeat 25px 1em; color: #fff; }
#menu .nav01 .subbutton a.subselected  { background: #3a9bc8 url(../../img/arrow_button02.gif) no-repeat 25px 1em; color: #fff; font-weight: bold; }
#menu .nav01 .subbutton a.subselected:visited  { background: #3a9bc8 url(../../img/arrow_button02.gif) no-repeat 25px 1em; color: #fff; font-weight: bold; }
#menu .nav01 .subbutton a.subselected:active { background: #3a9bc8 url(../../img/arrow_button02.gif) no-repeat 25px 1em; color: #fff; font-weight: bold; }
#menu .nav01 .subbutton a.subselected:hover  { background: #3a9bc8 url(../../img/arrow_button02.gif) no-repeat 25px 1em; color: #fff; font-weight: bold; }


/*++++++++++++++++ nav localbutton set ++++++++++++++++*/
.localmenu {
        margin: 0;
        padding: 0;
        list-style: none;
        }

.localbutton {
        float:left;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 230px;
        font-size: x-small;
        line-height: 130%;
        text-align: left;
        border-top: 1px solid #DCDCDC;
        }
html>body .localbutton { font-size: small; }

#menu .localmenu .localbutton a {
        margin: 0;
        padding: 5px 0 5px 35px;
        text-decoration: none;
        display: block;
        background: #f1f1f1 url(../img/menu_arrow.gif) no-repeat 25px 0.8em;
        }
/* hide from Mac IE \*/
* html #menu .localbutton a { width:230px; }
*:first-child+html #menu .localbutton a { background-position: 25px 1em; padding-top:10px; }
/* */

#menu .localbutton a:active  { background-color: #fff; }
#menu .localbutton a:hover{ background-color: #fff; }
#menu .localbutton a.localselected  { background-color: #fff; }
#menu .localbutton a.localselected:active { background-color: #fff; }
#menu .localbutton a.localselected:hover  { background-color: #fff; }
#menu a.localnolink { background-color: #f1f1f1; color: #666; }


/* footer部分設定 ################################# */

#footer-nav {
        float: left;
        margin: 0;
        padding: 6px 0px 5px 0px;
        width: 950px;
        background: #0360A1 url(../img/bg_footer.gif) repeat-x;
        clear: both;
        }

#footer-nav ul {
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 0 0 0 12px;
        list-style: none;
        }

#footer-nav li {
        display: inline;
        background: url(../img/footer-arrow.gif) no-repeat 0px 0.5em;
        margin: 0px 10px 0px 0px;
        padding: 0px 0px 0px 7px;
        }
/* hide from Mac IE \*/
* html #footer-nav li { background-position: 0px 0.35em; }
*:first-child+html #footer-nav li { background-position: 0px 0.5em; }
/* */

#footer-nav a {
        font-size: 12px;
        line-height: 1;
        text-decoration: none;
        padding: 0px 0px 0px 0px;
        color: #fff;/* フッターの「リンクあり」文字色が設定できます */
        }

#footer-nav a:active, #footer-nav a:hover {
        text-decoration: underline;
        color: #fff;/* フッターの「リンクあり」（マウスオンの状態）文字色が設定できます */
        }

#footer-nav a.footnolink {
        text-decoration: none;
        color: #999;/* フッターの「リンクなし」文字色が設定できます */
        }

#copyright {
        float: right;
        margin: 1px 12px 0px 0px;
        padding: 0 0 0 0;
        color: #fff;
        font-size: 12px;
        }

#footer02 {
        float: left;
        width: 950px;
}

#f_logo {
        float: left;
        padding: 10px 0px 0px 10px;
}

address {
        float: left;
        width: 600px;
        margin: 0;
        padding: 14px 0px 0px 10px;
        font-size: 12px;
        line-height: 1.3;
        font-style: normal;
        color: #333;/* コピーライトの文字色が設定できます */
        text-align: left;
        }
html>body address { width: 590px; }

address a:link{ color: #333; text-decoration:none; }
address a:visited { color:#333; text-decoration:none; }
address a:active { color:#333; text-decoration:underline; }
address a:hover { color:#333; text-decoration:underline; }

#powered {
        float: right;
        width: 160px;
        margin: 0;
        padding: 10px 10px 0px 0px;
        }
html>body #powered { width: 150px; }


/* topics部分のスタイル設定 ###################### */

.topics {
        width: 680px;
        margin: 0;
        padding: 0;
        }

.topics ul, .topics ol {
        clear: both;
        margin: 0px 0px 0px 0px;
        padding: 0;
        font-size: x-small;
        line-height: 1.5;
        color: #333;
        list-style:none;
        }
html>body div.topics ul, div.topics ol { font-size: small; }

.topics li {
        border-bottom:1px dotted #999;
        margin: 5px 0px 0px 0px;
        padding: 0px 0px 5px 5px;
        }

.topicsblock {
        clear: both;
        float: left;
        width: 642px;
        _width: 680px;
        margin: 0px 0px 10px 0px;
        padding: 15px 15px 0px 23px;
        _padding: 13px 15px 0px 23px;
        color: #333;
        background: #fff url(../img/bg_h4.gif) no-repeat;
        line-height: 1.4;
        }
html>/**/body .topicsblock { padding: 13px 15px 0px 23px; }

.topicsblockleft {
        float:left;
        width:400px;
        }

.topicsblockright {
        float:right;
        width:80px;
        }

.topicsblockleft h4.tp {
        margin: 0 0 0 0;
        padding: 0 0 10px 0;
        font-size: small;
        color: #333;  /*トピックスのタイトルの文字色が設定できます */
        background: none;
        }
html>body div.topicsblockleft h4.tp { font-size: medium; }

.infolistset {
        margin: 0;
        padding: 0;
        font-size: xx-small;
        float:left;
        }
html>body div.infolistset { font-size: x-small;}

a.infolist {
        margin: 0;
        padding: 0px 0px 0px 12px;
        background: url(../img/infolist_arrow.gif) 0px 0.3em no-repeat;
        }

.inforss {
        margin: 0;
        padding: 0px 10px 0px 0px;
        float:right;
        }

.top-a-block .topicsblockleft { width:400px; }
.top-b-block .topicsblockleft { width:125px; }

/* お知らせ一覧ページ送り部分のスタイル設定 ###################### */

ul.pager {
                margin: 0;
                padding: 0;
                text-align: center;
                font-size: 12px;
}
ul.pager li {
                list-style: none;
                display: inline;
                margin: 0;
                padding: 0;
}
ul.pager li strong {
                display: -moz-inline-box; /* firefox2 対応 */
                display: inline-block;
                padding: 0.25em 0.4em;
                background-color: #999;
                border: 1px #999 solid;
                color: #fff;
}
ul.pager li a {
                display: -moz-inline-box; /* firefox2 対応 */
                display: inline-block;
                padding: 0.25em 0.4em;
                border: 1px #ccc solid;
                text-decoration: none;
}
ul.pager li a:link,
ul.pager li a:visited {
                border-color: #ccc;
                color: #333;
}
ul.pager li a:hover,
ul.pager li a:active {
                border-color: #999;
                background-color: #999;
                color: #fff;
}


/* sitemapページのスタイル設定 ###################### */

#contents .sitemap {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 10px;
        font-size: x-small;
        color: #000;
        border: 0;
        background: url(../img/topics_arrow.gif) no-repeat 0px 6px;
        }
html>body div #contents .sitemap { font-size: small; }

#contents .sitemap_ul {
        margin: 3px 0 0 23px;
        padding: 0;
        border: 0;
        list-style: none;
        }

#contents .sitemap_ul li {
        padding: 2px 0 2px 17px;
        margin: 0;
        border: 0;
        font-size: x-small;
        text-align: left;
        background: url(../img/sitemap_arrow.gif) no-repeat 0px 5px;
        }
html>body #contents .sitemap_ul li { font-size: small;}

.sitemap_ul li ul {
        margin: 3px 0 0px 13px;
        padding: 0;
        list-style: none;
        }

.sitemap_ul li ul li {
        padding-left: 17px;
        margin: 0;
        text-align: left;
        background: url(../img/sitemap_arrow.gif) no-repeat 0px 5px;
        }

#nav02_sitemap {
        float: left;
        width: 231px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-align: right;
        }


/* MARGIN設定 ###################### */

.top05 { margin: 5px 0 0 0; }
.top10 { margin: 10px 0 0 0; }

.btm05 { margin: 0 0 5px 0; }
.btm10 { margin: 0 0 10px 0; }

/*140704追記
============================*/


#header02 ul.banriki_hp,
#header02 ul.banriki_sendai {
        margin: 19px 0 0;
        padding: 0px 0 0px 35px;
        list-style-type: none;
        width: 165px;
        float: left;
        background: url("../img/ico_tel.gif") no-repeat 10px 19px;
}

#header02 ul.banriki_hp {
        padding-left: 40px;
}

#header02 ul.banriki_sendai {
        padding-left: 45px;
}

#header02 ul.banriki_hp li,
#header02 ul.banriki_sendai li {
        line-height: 1;
        padding: 2px 0;
}

#header02 ul.banriki_hp li.tel,
#header02 ul.banriki_sendai li.tel {
    font-size: 167%;
    color: #333;
    font-weight: bold;
    font-family: arial;
}

#header02 a:link,
#header02 a:active,
#header02 a:hover,
#header02 a:visited {
        color: #333;
        text-decoration: none;
}


#nav02 ul.nav_contact {
        margin: 0 5px 10px;
        padding: 0 0 5px;
        list-style-type: none;
}

#nav02 ul.nav_contact li {
        line-height: 1;
        text-align: left;
}

#nav02 ul.nav_contact li.tel {
        background: url("../img/ico_tel.gif") no-repeat 0px 7px;
        font-size: 146.5%;
        color: #333;
        font-weight: bold;
        padding: 10px 0 10px 30px;
        letter-spacing: -0.005em;
        font-family: arial;
}

#nav02 ul.nav_contact li.tel a:link,
#nav02 ul.nav_contact li.tel a:active,
#nav02 ul.nav_contact li.tel a:hover,
#nav02 ul.nav_contact li.tel a:visited {
        color: #333;
        text-decoration: none;
}

#nav02 ul.bd_dot {
    border-bottom: 1px dotted #dcdcdc;
}