@charset "UTF-8";
@import "css_elements.css";

/*############################___block___############################*/
body {
font-size: 14px;
}

#display_body {
width: 850px;
}

#main {width: 100%;margin-left: -194px;}
#main-inside {margin-left: 194px;}
#sub {width: 194px;}

#wrap-inside {
margin-right: 5px;
padding-left: 5px;
}

#main {
float: right;
}

#main-disp {
overflow: hidden;
padding: 0 15px 15px;
}

#sub-disp {
padding: 0 4px;
}

#footer {
height: 1%;
}

/*########################___    header___########################*/
#header-inside {
margin-right: 5px;
padding: 0 0 0 5px;
}

#header-top {
background: #ced4fb;
}

#header h1 {
margin: 0;
padding: 10px 15px 10px;
font-size: 18px;
}

#header h1 a {
text-decoration: none;
}

.head-info {
padding: 0 10px 7px;
text-align: right;
}

.header-navi {
background: #5380bc;
border: solid #00357b;
border-width: 2px 0;
}

.header-navi form {
float: right;
margin: -27px 12px 0 0;
}

#page_cover img {
margin: 0;
}

/*########################___    footer___########################*/
#footer-inside {
position: relative;
margin-right: 5px;
padding: 0 0 0 5px;
font-size: 14px;
}

.footer-box {
position: relative;
margin: 0;
background: #e6e8f5;
border-top: solid 1px #ccc;
}

.footer-box .box {
margin: 0;
}

#footer-menu ul {
margin-left: -10px;
margin-bottom: 5px;
padding: 10px 0 6px;
list-style: none;
}

#footer-menu li {
display: inline;
background: none;
padding: 0;
}

#footer-menu a {
padding: 0 10px;
border-right: solid 2px #bbb;
}

#footer-menu .tab_end a {
border-right: none;
}

#footer-menu a:hover {
text-decoration: underline;
}

#footer-menu a.tab_end {
border: none;
}

#footer p {
clear: both;
margin: 0;
padding: 0 0 0 0;
font-weight: bold;
}

#footer p#copyright {
font-size: 90%;
font-weight: normal;
}

#footer a {
text-decoration: none;
}

#footer p.footer-info-b {
margin-top: -1.6em;
text-align: right;
}

#footer-bottom {
margin: 0 -5px;
text-align: center;
}

#footer-bottom-inside {
margin: -5px 0 0 5px;
padding: 12px 5px 20px 0;
}

/*########################___    clearfix item___########################*/
#main-inside-box:after
{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

#main-inside-box
{display: inline-block;}

/* Mac IE を除外 ここから \*/
#main-inside-box
{display: block;}
/* Mac IE を除外 ここまで */


/*#_-___*/
/*########################___global menu___########################*/
#global_menu ul {
float: left;
font-size: 14px;
}

#global_menu ul li {
background: none;
}

#global_menu a {
padding: 3px 0;
}

#global_menu a:hover {
background: #054daf;
}

#global_menu a span {
margin-left: 0;
padding: 5px 15px;
border-right: solid 1px #8fb5e7;
}

#global_menu a.tab_end span {
border-right: none;
}

/*########################___sub menu___########################*/
.menu .box {
margin: 0;
}

.menu .box-body {
padding: 1px 2px 1px 4px;
}

.menu .box-title {
margin: 1px 0 5px 0;
padding: 0 0 4px 20px;
font-size: 16px;
height: 1%;
}

.menu .box-title a {
display: block;
}

* html .menu .box-title {
margin: 1px 0 5px 0;
padding: 2px 0 4px 20px;
}

#sub .menu ul {
margin-bottom: 5px;
}

.menu li {background: none;}

.menu ul li a {
padding: 0;
border-bottom: dashed 1px #89c9c1;
}

.menu ul li a.c_page,.menu ul li a.c_page:hover {
border-bottom: solid 2px #5fb80d;
}

.menu ul li span.cat-name {
padding: 0;
background-color: #8dc5be;
}

.menu ul li span.cat-name span {
padding: 6px 8px;
font-weight: bold;
}

.menu ul li a span {
padding: 6px 8px;
}

.menu ul li a:hover {
background-color: #259183;
border-bottom: solid 3px #00ceb4;
}

.menu ul li a:hover span {
padding-bottom: 4px;
}

.menu ul li a.c_page:hover span {
padding-bottom: 6px;
}

#wrap .menu ul li a,#wrap .menu ul li span.cat-name {line-height: 1.6;white-space: normal;}

/*#_-___*/
/*########################___individual___########################*/
#main-disp p {
padding: 0 0 8px;
}

#main-disp {
line-height: 1.6;
}


/*########################___    heading___########################*/
h2 {
position: relative;
margin: 12px 0 8px;
padding: 0;
font-size: 18px;
background-position: right top;
}

h2 span {
display: block;
margin-right: 20px;
background-position: left top;
padding: 5px 0 18px 33px;
line-height: 1;
}

h3 {
margin: 12px 0 8px;
padding-bottom: 2px;
color: #254a92;
border-bottom: solid 2px #2c4f86;
}

h4 {
margin: 12px 0 8px;
color: #254a92;
border-bottom: dashed 1px #2c4f86;
}

h2 a,h3 a,h4 a {
text-decoration: none;
}

h2 a:hover,h3 a:hover,h4 a:hover {
text-decoration: underline;
}

/*########################___    Top page___########################*/


/*########################___    Ind page___########################*/
/*########################___        entry ___########################*/
#main-disp .mt-image-right {
margin-right: 10px !important;
}

#main-disp .mt-image-left {
margin-left: 5px !important;
}

/*########################___            blog ___########################*/
h2.heading-blog {
margin: 12px 0 0;
}

h2.heading-blog span {
padding: 5px 0 27px 33px;
}

p.entry-date {
position: relative;
margin-top: -15px;
background-position: right top;
line-height: 1;
}

p.entry-date span {
margin-right: 20px;
padding: 0 15px 0 25px;
background-position: left top;
border-bottom: solid 2px #90a8d5;
}

/*########################___        category ___########################*/
.cat-list .box {
margin: 0;
}

.cat-list .box-body {
padding: 1px 8px 0 12px;
line-height: 1.6;
}

.cat-list .box-title {
margin: 8px 5px 5px 0;
line-height: 1;
}

.cat-list .box-title a {
display: block;
padding-bottom: 2px;
}

.cat-list .box-title a:hover {
text-decoration: none;
}

.cat-list .entry-date {
margin: -3px 0 0 0;
padding: 0;
font-size: 110%;
font-weight: bold;
line-height: 1;
color: #aaa;
}

* html .cat-list .entry-date {margin-top: -5px;}
*:first-child+html .cat-list .entry-date {margin-top: -5px;}


/*########################___        sitemap ___########################*/
.page-sitemap #main-main h3 {
margin: 20px 10px 7px;
padding: 4px 5px;
background: #fef4e9;
border-left: solid 8px #f08d29;
border-bottom: solid 2px #f08d29;
color: #eb6a00;
}

.page-sitemap p {
margin: -5px 10px 7px;
}

.page-sitemap #main-main ul {
list-style: none;
padding-left: 10px;
}

ul.sm-entry li a {
background: #f2f7fb;
border: solid 1px #b6cade;
}

ul.sm-entry li a span.se-title {
background: #deeaf6;
border-bottom: solid 1px #8da8c4;
}

ul.sm-entry li a span.se-excerpt {
color: #333;
}

ul.sm-entry li a:hover {
background: #fff2e5;
border: solid 2px #eb8b2a;
}

ul.sm-entry li a:hover span.se-title {
background: #ffd4a9;
border-bottom: solid 1px #e59341;
}

.info-item .box-title {
margin: 8px 5px 0 5px;
}

.info-item .box-body {
padding: 10px 6px 10px 13px;
}


/*########################___        search___########################*/
.page-link {
display: block;
margin: 8px auto;
text-align: center;
}

.page-link a {
padding: 3px 5px;
background: #dde7fb;
border: solid 1px #5078c9;
}

.page-link a:visited:hover {
background: #f2edf5;
border: solid 1px #b7abbd;
}

.page-link a:hover {
background: #dcfadc;
border: solid 1px #51c951;
}

.page-link em {
padding: 3px 5px 2px;
border-bottom: solid 2px #d33;
}


/*########################___    Side Info___########################*/
.menu_a .box-body .box-title a,.menu_a .box-body .box-title a:hover {
color: #ba0000;
}

.menu_b .box-body .box-title a,.menu_b .box-body .box-title a:hover {
color: #003baa;
}

/*########################___        special ___########################*/
.special_a .box,.special_b .box {
margin: 0 2px;
}

.special_a .box-body,.special_b .box-body {
font-size: 90%;
padding: 3px 4px 5px 4px;
}

.special_a .box-body .box-title,.special_b .box-body .box-title {
background: #7fcfdd;
padding: 3px 4px 5px 5px;
}

.special_b .box-body .box-title {
background: #ccdd7f;
}

.special_a h3,.special_b h3 {
margin: 8px 5px 0;
color: #d94800;
font-size: 110%;
}

.special_b h3 {
color: #2d9200;
}


/*########################___        info ___########################*/
.info_a .box-body .box-title a,.info_a .box-body .box-title a:hover {
color: #c45200;
}

*:first-child+html  .info_a .box-title {
margin: 10px 5px 2px 10px;
}

.info_a .box-body ul li a:hover {
padding-bottom: 0px;
}

.info_a .box-body ul li a:hover span {
padding-bottom: 0px;
}

.info_a .include-link {
margin: 5px 0;
padding: 0px;
}

.info_a .il-inside {
display: block;
border: solid 2px #fff;
padding: 2px 5px 0;
}

.info_a .box-body ul li a:hover .il-inside {
border-bottom: solid 3px #fff;
}

.info_a .include-link em {
font-weight: bold;
}

.info_a .include-link .more-link {
display: block;
text-align: right;
padding: 2px 0 1px;
}

/*########################___        blog-archive ___########################*/
.monthly-blog-archive .box-body {
padding-bottom: 15px;
}

.monthly-blog-archive .box-title {
}

* html .monthly-blog-archive .box-title {margin: 8px 5px 16px 0;}
*:first-child+html .monthly-blog-archive .box-title {margin: 8px 5px 16px 0;}

.monthly-blog-archive select {
margin: 0;
}


/*########################___        link ___########################*/
.link .box-body {
padding: 1px 0 0;
}

.link .box-title {
margin: 1px 0 0 0;
}

.link .entry-body img {
margin: 5px 0 0 2px;
}


/*#_-___*/
/*########################___Image___########################*/
/*########################___    block___########################*/
body {background: #f4f4f4;}
#wrap,#header,#footer {
background: url(img/system/bg_disp_body.gif) right top repeat-y;}

#wrap-inside,#header-inside,#footer-inside {
background: url(img/system/bg_disp_body.gif) left top repeat-y;}

#footer-bottom {background: #f4f4f4 url(img/system/bg_disp_body_btm.gif) left top no-repeat;}
#footer-bottom-inside {background: #f4f4f4 url(img/system/bg_disp_body_btm.gif) right top no-repeat;}

#header-top {background: url(img/system/bg_header.gif) left bottom repeat-x}
.footer-box {background: url(img/system/bg_footer.gif) left bottom repeat-x}

/*########################___    sub menu___########################*/

/*########################___    heading___########################*/
h2,h2 span {background-image: url(img/system/banner_big.gif);}

.menu .box-title {background: url(img/system/heading_side_basic.gif) left top no-repeat;}
.info_a .box-title,.info_b .box-title {
background: url(img/system/heading_side_info.gif) left top no-repeat;
}
.menu_a .box-title {background: url(img/system/heading_side_menu_a.gif) left top no-repeat;}
.menu_b .box-title {background: url(img/system/heading_side_menu_b.gif) left top no-repeat;}

.menu ul li a:hover {
background: #259183 url(img/system/lhead_menu_hover.gif) 105% 40% no-repeat;
}

/*########################___    box___########################*/
.special_a .b2,.special_a .b5 {background-image: url(img/system/box_announce1_1top.gif);}
.special_a .b1,.special_a .b4 {background-image: url(img/system/box_announce1_2mid.gif);}
.special_a .b3,.special_a .b6 {background-image: url(img/system/box_announce1_3btm.gif);}

.special_b .b2,.special_b .b5 {background-image: url(img/system/box_announce1_1top.gif);}
.special_b .b1,.special_b .b4 {background-image: url(img/system/box_announce1_2mid.gif);}
.special_b .b3,.special_b .b6 {background-image: url(img/system/box_announce1_3btm.gif);}

.cat-list .b2,.cat-list .b5 {background-image: url(img/system/box_basic2_1top.gif);}
.cat-list .b1,.cat-list .b4 {background-image: url(img/system/box_basic2_2mid.gif);}
.cat-list .b3,.cat-list .b6 {background-image: url(img/system/box_basic2_3btm.gif);}

/*#_-___*/
/*########################___Color___########################*/
/* ページ全体の文字色 */
body {color: #000000;}

/* ページ全体のリンク文字色 */
a {color: #0000ec;}

/* 各種ヘディング */
h1 a,h1 a:visited {color: #fff;}
h2 {color: #332;}
h2 a {color: #332;}
h2 a:hover {color: #33e;}

h3 {color: #445;}
h3 a {color: #332;}
h3 a:hover {color: #33e;}

h4 {color: #444;}
h4 a {color: #332;}
h4 a:hover {color: #33e;}

.head-info {color: #fff;}

/* グローバルメニュー（ページ上部のメニュー）の文字色 */
#global_menu a,#global_menu a span {color: #fff;font-weight: bold;}
#global_menu a:hover span {color: #fff;}

/* カテゴリーリストの文字・下線色：通常・hover */
.cat-list .box-title a {
color: #fe9e26;
border-bottom: solid 2px #ffdfc4;
}

.cat-list .box-title a:hover {
color: #f76f00;
border-bottom: solid 2px #ff8c19;
}

/* 各種サブインフォの文字色 */
/* タイトル部 */
.menu .box-title,.menu .box-title a,.menu .box-title a:hover {color: #157064;}
/* 各リンク項目の文字色・hover */
.menu li a,.menu li a:visited {color: #332;}
.menu li a:hover {color: #fff;}
/* 各リンク項目の文字色・hover */
.menu li .cat-name {color: #003831;}
/* 表示中ページの文字色 */
.menu li a.c_page,.menu li a.c_page:hover {background: #cede83;color: #3f8200;}

/* サブインフォ「ニュース・お知らせ」の色設定 */
/* 背景の色 */
.info_a .il-inside {background-color: #fff;}
/* 枠の色 */
.info_a .include-link {border: solid 2px #f8d5b3;}
/* hover 時の背景色 */
.info_a a:hover .il-inside {background-color: #fff4eb;}
/* hover 時の枠の色（両方同じ色にしてください） */
.info_a a.include-link:hover {border: solid 2px #ff7300;}
.info_a ul li a:hover {border-top: solid 2px #ff7300;}
/* 本文の文字色・hover */
.info_a li a,.info_a li a:visited {color: #332;}
.info_a li a:hover {color: #ed6b00;}
/* 日付の色 */
.info_a .include-link em {color: #ff6e2b;}
/* 「続きを読む」の色 */
.info_a .include-link .more-link {color: #333;}
a.include-link:hover .more-link {color: #33e;}

/* サブインフォ「特集」のバナー画像 hover 時の枠色 */
.feature .box-body .img-link:hover img {border: solid 2px #ff8c19;}

/* サブインフォ「リンク」のバナー画像 hover 時の枠色 */
.link .box-body .img-link:hover img {border: solid 2px #ff8c19;}


/* フッターの文字色 */
#footer {color: #555;}
#footer a,#footer a span {color: #555;font-weight: bold;}
/* フッター灰色部分の文字色 */
#footer-banner-inside p {color: #fff;}
/* フッターコピーライトの文字色*/
#footer p#copyright {color: #555;}