@charset "Shift_JIS";

/* **********************************************************************
 *
 *       Title:   Site-Shokunin - シンプル赤（3カラム）
 *       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: #fff url(../img/bg.gif) repeat-x;
       color: #333;
       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  : #007ed7; }
a:hover, a:active { color: #007ed7; 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;
       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 #b3c2d7;
       border-left: 1px solid #b3c2d7;
       border-collapse: collapse;
       }

table.tbr th,
table.nbr table.tbr th {
       padding: 8px 10px;
       border-right: 1px solid #b3c2d7;
       border-bottom: 1px solid #b3c2d7;
       background: #e4f3fa;
       color: #415fa8;
       font-size: x-small;
       line-height: 1.5;
       text-align: center;
       }
html>body table.tbr th,
table.nbr table.tbr th { font-size: small; }

table.tbr th p,
table.nbr table.tbr th p {
       color: #415fa8;
       }

table.tbr td,
table.nbr table.tbr td {
       padding: 8px 10px;
       border-right: 1px solid #b3c2d7;
       border-bottom: 1px solid #b3c2d7;
       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: 8px 10px;
       border-right: 1px solid #b3c2d7;
       border-bottom: 1px solid #b3c2d7;
       background: #e4f3fa;
       font-size: x-small;
       line-height: 1.5;
       color: #415fa8;
       text-align: center;
       }
html>body th.tbr { font-size: small; }

th.tbr p {
       color: #415fa8;
       }

td.tbr {
       padding: 8px 10px;
       border-right: 1px solid #b3c2d7;
       border-bottom: 1px solid #b3c2d7;
       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;
       }


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

#wrapper {
       width: 900px;
       margin-left:auto;
       margin-right:auto;
       background:#fff url(../img/main_bg.gif) repeat-y;;
       }

#wrappertop {
       width: 900px;
       margin-left:auto;
       margin-right:auto;
       background:#fff;
       }

#header {
       width: 900px;
       background: #fff url(../img/bg_header.gif) repeat-x;
       margin: 0;
       }

#headnav {
       float: left;
       width: 900px;
       margin: 0;
       background:#fff;
       }

#nav {
       float: left;
       width: 199px;
       margin: 63px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       text-align: left;
       /*mac IE5\*//*/
       width: 198px;
       /**/
       background:#fff;
       }

#main {
       float: right;
       width: 660px;
       padding: 0px 20px 0px 0px;
       background:#fff;
       }
html>body div#main { width: 660px; }

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


/* TOPページ用のレイアウト設定 ################### */

#top-ab {
       float: left;
       width: 640px;
       margin: 0px 0px 3px 0px;
       padding: 0px 0px 0px 20px;
       text-align: left;
       }
html>body div#top-ab { width: 620px; }

#top-c {
       float: right;
       margin: 10px 0px 0px 0px;
       padding: 0px 20px 0px 0px;
       width: 240px;
       background:#fff;
       text-align: left;
       }
html>body div#top-c { width: 220px; }

#top-a {
       float: left;
       margin:  20px 0px 0px 0px;
       padding: 0 30px 0px 0px;
       width: 400px;
       background:#fff;
       text-align: left;
       }
html>body div#top-a { width: 370px; }

#top-b {
       float: right;
       margin: 10px 0px 0px 0px;
       padding: 0;
       width: 220px;
       background: #fff;
       text-align: left;
       }

.top-a-block {
       clear:both;
       margin-bottom: 15px;
       }

.top-a-block a:visited { color: #007ed7; }

.top-a-block h4 {
       margin: 0px 0px 10px 0px;
       padding: 7px 0px 6px 7px;
       font-size: x-small;
       color: #333;   /* [トップページ]　左エリアの見出しの文字色が設定できます */
       background: #e7e7e7 url(../img/ttl_bg.gif) repeat-x;
       border-bottom: 4px solid #cccccc;
       border-top: 1px solid #d6d6d6;
       border-left: 1px solid #d6d6d6;
       border-right: 1px solid #d6d6d6;
       }
html>body div.top-a-block h4 { font-size: small;padding: 6px 0px 6px 7px; }
:first-child+html div.top-a-block h4 { padding: 5px 0px 2px 7px; }

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

.top-a-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.top-a-block ul { font-size: small; }

.top-a-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.top-a-block ol { font-size: small; }

.top-b-block {
       clear:both;
       margin-bottom: 15px;
       }

.top-b-block a:visited { color: #007ed7; }

.top-b-block h4 {
       margin: 0px 0px 10px 0px;
       padding: 7px 0px 6px 7px;
       font-size: x-small;
       color: #333;   /* [トップページ]　左エリアの見出しの文字色が設定できます */
       background: #e7e7e7 url(../img/ttl_bg.gif) repeat-x;
       border-bottom: 4px solid #cccccc;
       border-top: 1px solid #d6d6d6;
       border-left: 1px solid #d6d6d6;
       border-right: 1px solid #d6d6d6;
       }
html>body div.top-b-block h4 { font-size: small;padding: 6px 0px 6px 7px; }
:first-child+html div.top-b-block h4 { padding: 5px 0px 2px 7px; }

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

.top-b-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.top-b-block ul { font-size: small; }

.top-b-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.top-b-block ol { font-size: small; }

.top-c-block {
       clear:both;
       margin-bottom: 15px;
       }

.top-c-block a:visited { color: #007ed7; }

.top-c-block h4 {
       margin: 0px 0px 10px 0px;
       padding: 7px 0px 6px 7px;
       font-size: x-small;
       color: #333;   /* [トップページ]　左エリアの見出しの文字色が設定できます */
       background: #e7e7e7 url(../img/ttl_bg.gif) repeat-x;
       border-bottom: 4px solid #cccccc;
       border-top: 1px solid #d6d6d6;
       border-left: 1px solid #d6d6d6;
       border-right: 1px solid #d6d6d6;
       }
html>body div.top-c-block h4 { font-size: small;padding: 6px 0px 6px 7px; }
:first-child+html div.top-c-block h4 { padding: 5px 0px 2px 7px; }

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

.top-c-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.top-c-block ul { font-size: small; }

.top-c-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.top-c-block ol { font-size: small; }


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

#header #header-l {
       float:left;
       width: 600px;
       text-align: left;
       display: inline;
       }

#header h1 {
       width: 600px;
       margin: 0px 0px 0px 0px;
       padding: 4px 5px 0px 5px;
       color: #fff;   /* ヘッダーの小見出しの文字色が設定できます */
       font-size: 10px;
       line-height: 1.0;
       font-weight: normal;
       text-align: left;
       }

#header h2 {
       margin: 23px 0px 0px 0px;
       padding: 0px 0px 0px 20px;
       text-align: left;
       }

#header #header-r {
       float: right;
       margin: 31px 20px 8px 0px;
       padding: 0;
       text-align: right;
       display: inline;
       }

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

#contents-title {
       width: 660px;
       margin: 10px 0px 0px 0px;
       padding: 0;
       text-align: left;
       }

#directry {
       width: 660px;
       padding: 0px 0px 0px 2px;
       font-size: xx-small;
       color: #666;
       }
html>body div#directry { font-size: x-small; }

#directry a:visited { color: #007ed7; }

#contents-title h3 {
       width: 660px;
       margin: 10px 0 0 0;
       padding: 10px 0 11px 15px;
       font-size: 130%;
       font-weight: bold;
       color: #fff;
       background: #2a5ea9 url(../img/bg_h3.gif) left bottom repeat-x;
       }
html>body #contents-title h3 { width: 645px;padding: 8px 0 8px 15px; }
:first-child+html #contents-title h3 { padding: 8px 0 6px 15px; }

#info-contents-title {
       width: 660px;
       margin: 20px 0px 0px 0px;
       padding: 0;
       text-align: left;
       }

#contents {
       width: 660px;
       margin: 0px;
       padding: 17px 0px 0px 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 0px 15px 0;
       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: 25px;
       }

.block a:visited { color: #007ed7; }

.block h4 {
       margin: 0px 0px 15px 0px;
       padding: 8px 0px 8px 12px;
       font-size: 105%;
       color: #424242;
       background: #fdfdfd url(../img/bg_h4.gif) no-repeat;
       border: 1px solid #e2dedb;
       }
html>body div.block h4 { padding: 7px 0px 4px 12px; }
:first-child+html div.block h4 { padding: 7px 0px 4px 12px; }

.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 {
       margin: 0px;
       padding: 20px 20px 17px 0px;
       font-size: xx-small;
       text-align:right;
       clear:both;
       }
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,
a.pagetop:active { color: #919191;text-decoration: none; }
a.pagetop:hover  { color: #919191;text-decoration: underline; }

a.arrow {
       padding: 0px 0px 0px 10px;
       background: #ffffff url(../img/menu_arrow02.gif) no-repeat 0px 6px;
}

div.flow01 {
       margin: 0 45px 0 45px;
       border: #dbdbdb 1px solid;
}

div.flow02 {
       border: 1px solid #fff;
       padding:10px;
       background:#e4f3fa;
}


/* headnav部分設定 #############################  */

#menu {
       margin: 0;
       padding: 0;
       display: inline;
       list-style-type: none;
       }

#menu ul {
       margin: 0;
       padding: 0;
       }

#menu li {
       margin: 0;
       padding: 0;
       display: inline;
       list-style-type: none;
       }

#menu a {
       float: left;
       padding-top: 48px;
       height: 0px !important;
       height /**/: 48px;
       overflow: hidden;
       }

#menu a:hover, #menu a:active, #menu a.selected {
       background-position: 0 -48px;
       }

/*++++++++++++++++ nav button set ++++++++++++++++*/

.nav01 a {
       width: 126px;
       background: url(../img/nav/01.gif) top left no-repeat;
}

.nav02 a {
       width: 126px;
       background: url(../img/nav/02.gif) top left no-repeat;
}

.nav03 a {
       width: 176px;
       background: url(../img/nav/03.gif) top left no-repeat;
}

.nav04 a {
       width: 221px;
       background: url(../img/nav/04.gif) top left no-repeat;
}

.nav05 a {
       width: 126px;
       background: url(../img/nav/05.gif) top left no-repeat;
}

.nav06 a {
       width: 125px;
       background: url(../img/nav/06.gif) top left no-repeat;
}

/*++++++++++++++++ nav button set ++++++++++++++++*/
.button a {
       float: left;
       border-right: 1px solid #d6d6d6;   /* 上部メニューボタンの区切り線の色が設定できます */
       margin: 0;
       padding: 9px 15px 9px 15px;
       text-decoration: none;
       font-size: x-small;
       font-weight: bold;
       color: #333;        /* 上部メニューボタンの文字色が設定できます */
       display : block;
       }
html>body .button a { font-size: small; }
:first-child+html .button a { padding: 8px 15px 4px 15px; }

.button a:active, .button a:hover {
       background: #fff;   /* 上部メニューボタンの背景色（マウスオンの状態）が設定できます */
       color: #9c9c9c;     /* 上部メニューボタンの文字色（マウスオンの状態）が設定できます */
       }

.button a.selected {
       background: #cccccc;   /* 上部メニューボタンの背景色（セレクト時）が設定できます */
       color: #333;     /* 上部メニューボタンの文字色（セレクト時）が設定できます */
       }

.button a.selected:active, .button a.selected:hover {
       background: #cccccc;   /* 上部メニューボタンの背景色（セレクト時のマウスオンの状態）が設定できます */
       color: #333;     /* 上部メニューボタンの文字色（セレクト時のマウスオンの状態）が設定できます */
       }

.button a.nolink {
       color: #333;           /* 上部メニューボタンの文字色（リンクなし）が設定できます */
       }


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

#submenu {
       float:left;
       margin: 0;
       padding: 0;
       list-style: none;
       border-top: 1px solid #b3c2d7;
       }

*/#submenu a { color: #000; }   [下ページ]　左メニューボタンの文字色が設定できます */

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

/*++++++++++++++++ subbutton set ++++++++++++++++*/
.subbutton {
       float:left;
       margin: 0;
       padding: 0;
       width: 199px;
       font-size: x-small;
       line-height: 130%;
       text-align: left;
       border-bottom: 1px solid #b3c2d7;
       /* Mac IE \*//*/
       width: 198px;
       /* */
       }
html>body .subbutton { font-size: small; }

.subbutton a {
       margin: 0;
       padding: 5px 5px 5px 15px;
       text-decoration: none;
       display: block;
       background: #ebf2fc url(../img/menu_arrow.gif) no-repeat 7px 0.8em;
       color: #333;
       }
/* hide from Mac IE \*/
* html .subbutton a { width:199px; }
*:first-child+html .subbutton a { background-position: 7px 1em; padding-top:10px; }
/* */

.subbutton a:active  { background: #fff url(../img/menu_arrow02.gif) no-repeat 7px 0.8em; color: #212f9c; }
.subbutton a:hover   { background: #fff url(../img/menu_arrow02.gif) no-repeat 7px 0.8em; color: #212f9c; }
.subbutton a.subselected        { background: #fff url(../img/menu_arrow02.gif) no-repeat 7px 0.8em; font-weight: bold; color: #212f9c; }
.subbutton a.subselected:active { background-color: #fff; font-weight: bold; color: #212f9c; }
.subbutton a.subselected:hover  { background-color: #fff; font-weight: bold; color: #212f9c; }
#submenu a.subnolink { background-color: #ededed; color: #666; }

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

.localbutton {
       float:left;
       list-style: none;
       margin: 0;
       padding: 0;
       width: 199px;
       font-size: x-small;
       line-height: 130%;
       text-align: left;
       border-top: 1px solid #b3c2d7;
       /* Mac IE \*//*/
       width: 198px;
       /**/
       }
html>body .localbutton { font-size: small; }

.localbutton a {
       margin: 0;
       padding: 5px 5px 5px 25px;
       text-decoration: none;
       display: block;
       background: #ffffff url(../img/menu_arrow02.gif) no-repeat 16px 0.8em;
       color: #333;
       }
/* hide from Mac IE \*/
* html .localbutton a { width:199px; }
*:first-child+html .localbutton a { background-position: 16px 1em; padding-top:10px; }
/* */

.localbutton a:active  { background: #35509f url(../img/menu_arrow03.gif) no-repeat 16px 0.8em; color: #fff; }
.localbutton a:hover   { background: #35509f url(../img/menu_arrow03.gif) no-repeat 16px 0.8em; color: #fff; }
.localbutton a.localselected        { background: #35509f url(../img/menu_arrow03.gif) no-repeat 16px 0.8em; font-weight:bold; color: #fff; }
.localbutton a.localselected:active { background-color: #35509f; font-weight:bold; color: #fff; }
.localbutton a.localselected:hover  { background-color: #35509f; font-weight:bold; color: #fff; }
#submenu a.localnolink { background-color : #f1f1f1; color: #666; }


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

#f-link {
       clear: both;
       width: 900px;
       margin: 0;
       padding: 15px 0;
       text-align: center;
       background: #fff;
       border-top: 1px solid #a5b4cd;
}

#f-link p {
       margin: 0;
       padding: 0;
       font-size: 12px;
       line-height: 2.0;
}

#f-link p a:link   { color  : #007ed7; }
#f-link pa:hover, #f-link p a:active { color: #007ed7; text-decoration:none;}
#f-link p a:visited { color: #007ed7; }

#footer-nav {
       float: left;
       margin: 0;
       padding: 5px 0px 5px 0px;
       width: 900px;
       background: #282828 url(../img/bg_footerw.gif) repeat-x;
       clear: both;
       }
:first-child+html #footer-nav { padding: 4px 0px 3px 0px; }

#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: x-small;
       line-height: 1;
       text-decoration: none;
       padding: 0px 0px 0px 0px;
       color: #fff;   /* フッターの「リンクあり」文字色が設定できます */
       }
html>body div#footer-nav a { font-size: small;}

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

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

address {
       float: right;
       width: 580px;
       margin: 0;
       padding: 11px 5px 0px 0px;
       font-size: 80%;
       line-height: 1;
       font-style: normal;
       color: #333;      /* コピーライトの文字色が設定できます */
       text-align: right;
       }

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


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

.topics {
       margin: 0;
       padding: 0;
       }

.topicbox {
       padding: 0px 10px 0 0;
       height: 335px;
       overflow: auto;
       }

.topics ul, .topics ol {
       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: 3px 0px 0px 0px;
       padding: 0px 0px 3px 3px;
       }

/*.topicsblock {
       margin: 0 0 10px 0;
       border-bottom: 4px solid #cccccc;
       border-top: 1px solid #d6d6d6;
       border-left: 1px solid #d6d6d6;
       border-right: 1px solid #d6d6d6;
       background: #e7e7e7 url(../img/ttl_bg.gif) repeat-x;
       min-height: 27px;
       height: auto !important;
       height: 27px;
       }*/

.topicsblock {
       min-height: 27px;
       height: auto !important;
       height: 27px;
       margin: 0px 0px 10px 0px;
       padding: 4px 0px 2px 12px;
       color: #424242;
       background: #fdfdfd url(../img/bg_h4.gif) no-repeat;
       border: 1px solid #e2dedb;
       }
html>body div.topicsblock { padding: 4px 0px 4px 12px; }
:first-child+html div.topicsblock { padding: 0px 0px 4px 12px; }

.topicsblockleft {
       float:left;
       height:27px;
       width:402px;
       }

.topicsblockright {
       float:right;
       height:27px;
       width:73px;
       }


.topicsblockleft h3 {
       margin: 0;
       padding: 3px 5px 0px 1px;
       font-size: small;
       color: #333;
       background: none;
       border: 0;
       }
html>body div.topicsblockleft h3 { padding: 3px 5px 0px 1px; font-size: medium; }

.topicsblockleft h4 {
       margin: 0;
       padding: 3px 5px 0px 1px;
       font-size: small;
       color: #333;
       background: none;
       border: 0;
       }
html>body div.topicsblockleft h4 { padding: 3px 5px 0px 1px; font-size: medium; }


.infolistset {
       margin: 0;
       padding: 7px 0px 4px 0px;
       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: 7px 7px 4px 0px;
       float:right;
       }

.top-a-block .topicsblockleft,
.top-c-block .topicsblockleft { width:130px; }
.top-b-block .topicsblockleft { width:267px; }


/* 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;
       }