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


/*############################___block___############################*/
body {
}

#display_body {
}

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

#container {
}

#header {
}

#wrap {
}

#main {
}

#main-disp {
padding: 0 15px 20px 18px;
}

#sub {
}

#sub-disp {
padding: 10px 8px 20px 0;
}

#footer {
}


/*########################___    header___########################*/
#header {
}

#header-inside {
padding: 0;
}

#header h1 {
padding: 10px 0 0;
font-size: 20px;
}

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


* html h1 a {
position: absolute;
height: 1.5em;
}

*:first-child+html h1 a {
position: absolute;
}

* html  #global_menu {
padding-top: 10px;
}


/*_____________________________ page_cover _____________________________*/
#page_cover {
padding: 10px 0;
}

#page_cover img {
text-align: left;
}

/*########################___    footer___########################*/
#footer-inside {
font-size: 12px;
}

#footer-inside .link-to-head-inside {
padding: 0 0px 13px 12px;
}

.link-to-head a {
display: block;
padding: 5px 10px;
background-color: #dde7fb;
border: solid 1px #5078c9;
text-align: center;
font-size: 12px;
height: 1%;
}

/*\*//*/
.link-to-head a {
height: auto;
}
/**/


.link-to-head a:hover {
background: #dcfadc;
border: solid 1px #51c951;
text-decoration: none;
}

.footer-end {
padding: 7px 0 0 8px;
line-height: 1;
}

.fend-navi {
display: block;
text-align: right;
margin: -1em 10px 0 0;
}


/*##############___        width 100%___##############*/


#display_body {
width: 100%;
text-align: center;
}

#header h1,#page_cover,#global_menu,.topic-path,#wrap,#footer {
width: 90%;
min-width: 520px;
max-width: 1400px;
margin: 0 auto;
text-align: left;
}

#page_cover {
margin-top: 10px;
margin-bottom: 10px;
padding: 0;
width: 88.5%;
}

#page_cover img {
margin: 0;
}

#container {
margin-left: 0px;
padding-right: 0px;
}


#main,#sub {overflow: visible;}

* html #main {overflow: hidden;}

#sub-inside {padding-top: 0;}



#wrap {
padding-right: 5px;
background: url(img/system/bg_wrap_2mid.gif) right top repeat-y;
}

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

#main-inside {
background: url(img/system/bg_wrap_1top.gif) left top no-repeat;
}

.sub-top {
height: 10px;
position: absolute;
width: 235px;
background: url(img/system/bg_wrap_1top.gif) right top no-repeat;
}

.link-to-head {
padding-right: 12px;
background: url(img/system/bg_wrap_3btm.gif) right bottom;
}

.link-to-head-inside {
background: url(img/system/bg_wrap_3btm.gif) left bottom;
}

#footer-inside {margin-left: -5px;}

/* Mac IE を除外 ここから \*/
#footer {padding-right: 5px;}
#footer-inside {margin-left: 0;margin-right: -5px;}
/* Mac IE を除外 ここまで */




/*########################___        variable width___########################*/
@media screen and (max-width: 9999px) {
#main {margin-left: -300px !important;}
#main-inside {margin-left: 300px !important;}
#sub {width: 300px !important;}
.sub-top {width: 305px !important;}
}

@media screen and (max-width: 1250px) {
#main {margin-left: -260px !important;}
#main-inside {margin-left: 260px !important;}
#sub {width: 260px !important;}
.sub-top {width: 265px !important;}
}

@media screen and (max-width: 1100px) {
#main {margin-left: -230px !important;}
#main-inside {margin-left: 230px !important;}
#sub {width: 230px !important;}
.sub-top {width: 235px !important;}
}

@media screen and (max-width: 800px) {
#main {margin-left: -200px !important;}
#main-inside {margin-left: 200px !important;}
#sub {width: 200px !important;}
.sub-top {width: 205px !important;}
}

@media screen and (max-width:480px) {
#main {margin-left: -150px !important;}
#main-inside {margin-left: 150px !important;}
#sub {width: 150px !important;}
.sub-top {width: 155px !important;}
#header h1,#page_cover,#global_menu,#wrap,#footer {
width: 460px !important;min-width: 460px !important;}
#global_menu a span {width: 50px !important;}
#cover-inside {background: url(img/title_right_i.jpg) right top no-repeat !important;}
}

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

h2
{display: inline-block;}

/* Mac IE を除外 ここから \*/
h2
{display: block;}
/* Mac IE を除外 ここまで */


/*#_-___*/
/*########################___global menu___########################*/
/* Opera で発生する float:left right 混在時のバグ対策 */
#global_menu {border-right: solid 1px transparent;}
* html #global_menu {border-right: none;}

#global_menu ul {
margin-top: 5px;
margin-right: 0;
}

#global_menu ul li {
background-image: none;
}

#global_menu a {
margin-top: 8px;
margin-left: -1px;
padding-left: 12px;
}

#global_menu a span {
width: 60px;
margin-left: 0;
padding: 9px 10px 3px 0;
}

.banner_menu a:hover {background-position: left -70px;text-decoration: none;}
.banner_menu a:hover span {background-position: right -70px;}

#global_menu a:hover {margin-top: 0px;}
#global_menu a:hover span {
padding-bottom: 9px;
font-size: 14px;
font-weight: bold;
}

/*____________ バナータイプ：両端あり（左右端のある画像が必要） ____________*/
/*
.banner_menu {
margin: 0 10px;
padding-right: 0;
}

.banner_menu ul {
display: block;
float: right;
margin-right: 0;
padding-right: 15px;
background-position: right top;
background-repeat: repeat-x
}
*/

/*########################___sub menu___########################*/
.menu {
margin-top: 5px;
}

.menu .box {
margin: 0;
}

.menu .box-body {
padding: 3px 5px 5px 5px;
line-height: 1;
}

.menu .box-title {
height: 1px;
margin: 0;
font-size: 1px;
text-indent: -9999px;
}

.menu li {background: none;}


.menu ul li a,.menu ul li a.cat-name,.menu ul li span.cat-name {
margin: 1px 0 0;
padding: 0 0 1px;
background-position: left bottom;
background-repeat: repeat-x;
}



.menu ul li a span,.menu ul li a.cat-name span,.menu ul li span.cat-name span {
padding: 6px 5px 6px 5px;
}

.menu ul li a.cat-name span {
padding-left: 22px;
font-weight: bold;
}

.map-and-monthly ul li a.cat-name span {padding-left: 15px;}
.map-and-monthly ul li a.cat-current span {padding-left: 22px;}
.map-and-monthly ul li span.cat-name {background-color: #b0b0b0;}
.map-and-monthly ul ul li a {background-color: #f2f2f2;}

.menu ul ul li a,.menu ul ul li a.cat-name {padding-left: 10px;}
.menu ul ul ul li a,.menu ul ul ul li a.cat-name {padding-left: 20px;}
.menu ul ul ul ul li a,.menu ul ul ul ul li a.cat-name {padding-left: 30px;}

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


.menu ul li a {background-color: #e1e7f2;}
.menu ul li a:hover {background-color: #daf4c1;background-position: left bottom;}
.menu ul li a.c_page,.menu ul li a.c_page:hover {
background-color: #f3dada;background-position: left bottom;}
#sub .menu ul li a.cat-name {background-color: #fff;}
#sub .menu ul ul li a.cat-name {background-color: #95b6f8;}
#sub .menu ul li a.cat-name:hover {background-position: left bottom;}
#sub .menu ul li a.cat-active,#sub .menu ul ul li a.cat-active,
#sub .menu li.cat-current2 li a.cat-name,#sub .menu ul li a.cat-current {
background-color: #2c6ef2;}

.menu ul li .cat-name span {background-position: left top;}
.menu ul li a.cat-name:hover span {background-position: left -140px;}
.menu ul ul li .cat-name span {background-position: left -280px;}
.menu ul ul li a.cat-name:hover span {background-position: left -420px;}
.menu ul li a.cat-active span,.menu ul li a.cat-current span {background-position: left -560px;}

#sub .menu li.cat-current2 li a.cat-name span,
#sub .map-and-monthly ul li a.cat-current span {background-position: left -981px;}

.menu ul li a.cat-current:hover span,.menu ul li a.cat-active:hover span,
.menu ul ul li a.cat-active:hover span,#sub .menu li.cat-current2 li a.cat-name:hover span {
background-position: left -700px;}

/*
.menu ul li .cat-name span {background-position: left top;}
.menu ul li a.cat-name:hover span {background-position: left -140px;}
.menu ul ul li .cat-name span {background-position: left -280px;}
.menu ul ul li a.cat-name:hover span {background-position: left -420px;}
.menu ul li a.cat-active span,.menu ul li a.cat-current span {background-position: left -560px;}
.menu ul li a.cat-current:hover span,
.menu ul li a.cat-active:hover span,.menu ul ul li a.cat-active:hover span {
background-position: left -700px;}
*/

/*#_-___*/
/*########################___individual___########################*/
ul {padding-left: 10px;}

ul li {
list-style: none;
padding: 3px 0 0 19px;
background: url(img/system/lback.gif) left 0.45em no-repeat;
}

.topic-path ul li {
padding-left: 17px;
background: url(img/system/lback_topicpath.gif) left 0.7em no-repeat;
}

.btm-navi .topic-path ul li {
background: url(img/system/lback_topicpath_w.gif) left 0.7em no-repeat;
}

.btm-navi .topic-path ul li.first-path {
background: none;
}

.sub-info {
text-align: right;
}

span.note {
color: #060;
}

ul.test li {
border: solid 1px #999;
text-align: center;
}

.scroll-frame {
height: 15em;
}



/* flexible box 透過枠用マージン（標準 20）*/
.box .b1 {margin: 20px 0 20px 20px;}
.box .b2,.box .b5 {margin: -21px 0;}
.box .bmid {margin-left: -20px;}
.box .b4 {margin: 19px 0;}
* html .box .b4 {margin-top: 20px;}
*:first-child+html .box .b4 {margin-top: 20px;}

/* flexible box 右側表示用マージン（標準 80） */
.box .bmid {margin-right: 80px;}
.box .box-body {margin-right: -80px;}

/*__________________________________force L-color__________________________________*/
.bn-cat a:visited,.fend-navi a:visited,.link-to-head a:visited,.to-top-link a:visited {
color: #0544c5;
}

.bn-cat a:hover,.fend-navi a:hover,.topic-path ul li a:hover,.link-to-head a:hover,
.to-top-link a:hover {
color: #e27100;
}

/*########################___    archive___########################*/
.list-sub-cat .box {
margin-top: 2px;
}

.list-sub-cat .box-body {
padding: 5px 3px 10px
}

.list-sub-cat .box-title {
margin: 0;
padding: 10px 0 18px 30px;
color: #fff;
}

.list-sub-cat ul {
padding: 0;
}

.list-sub-cat li {
background: none;
padding: 0;
}

.list-sub-cat li a {
display: block;
padding: 2px 15px;
height: 1%;
}

.list-sub-cat li a:visited:hover {
background: #f2edf5;
border: solid 1px #b7abbd;
border-width: 1px 0;
}

.list-sub-cat li a:hover {
padding: 1px 15px;
background: #dcfadc;
border: solid #51c951;
border-width: 1px 0;
}

.list-entry .box-body {
padding: 0.7em 0.7em 0.5em 0.7em;
}

.list-entry .box-title {
margin: 0 0.3em 0 0.3em;
border: none;
}

.list-entry .box-title a {
display: block;
color: #0544c5;
}

.list-entry h3 {
border-bottom: solid 2px #b2c3e6;
}

a.ent-more-link {
padding: 0.3em 10px;
background: #dde7fb;
border: solid 1px #5078c9;
line-height: 2.5;
}

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

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


/*########################___    entry___########################*/
.prev-next-navi {
margin: 1em 1em 0;
}

.prev-next-navi p {
padding-top: 3px;
height: 1%;
}

.prev-next-navi a {
display: block;
margin: -1.6em 0 0 5em;
padding: 1px 5px;
height: 1%;
}

/*\*//*/
.prev-next-navi p,.prev-next-navi a {
height: auto;
}
/**/

.prev-next-navi a:visited:hover {
background: #f2edf5;
border: solid 1px #b7abbd;
}

.prev-next-navi a:hover {
padding: 0 4px;
background: #dcfadc;
border: solid 1px #51c951;
}

.example,.box-body .example {
margin: 16px 10px 8px;
padding: 3px 8px 5px;
background: #e4e8f0;
border: solid 2px #b4c1da;
color: #111;
}

ul.contents_list li {
padding-top: 1px;
}

ul.contents_list a {
display: block;
padding: 1px 5px;
height: 1%;
}

ul.contents_list a:visited:hover {
background: #f2edf5;
border: solid 1px #b7abbd;
}

ul.contents_list a:hover {
padding: 0 4px;
background: #dcfadc;
border: solid 1px #51c951;
}

/*########################___    comment TB___########################*/
h3#cm-banner,h3#tb-banner,h3.cm-form {
position: relative;
margin: 15px 15px 0 -23px;
padding: 0;
font-size: 110%;
background-position: left top;
border: none;
color: #32569e;
}

h3#cm-banner span,h3#tb-banner span,h3.cm-form span {
display: block;
margin-left: 32px;
background-position: right top;
padding: 47px 0 0.25em 0px;
line-height: 1;
border-bottom: solid 2px #b2c3e6;
}

#main h3.cm-zero,#main h3.cm-zero span {
padding-top: 0;
background: none;
}

.comment .box {
margin: 8px 15px 0 10px;
}

.trackback {
margin: 12px 15px 0 10px;
padding: 0 8px 6px 8px;
}

.line-1 .box,.tb-1 {
background: #f4f6fa;
border: solid 1px #d1dbef;
}

.comments-open-content {
margin: 8px 15px 0 10px;
}

#comments-open-text label {
display: block;
padding: 10px 0 3px;
}

#comments-open-footer {
padding: 5px 0 0 1em;
}

.cm-prev .cm-body {
margin: 5px 20px 0 5px;
padding: 8px 10px;
background: #f4f6fa;
border: solid 1px #d1dbef;
}

.cm-prev .cm-body p {
padding: 0;
}


/*########################___    error page___########################*/
body.error-page {
background: #fff;
}

.error-page img {
padding: 30px 0 15px;
}

.error-page strong {
font-size: 160%;
}

.error-page .example {
width: 460px;
margin: 30px auto;
text-align: center;
}


/*########################___    parts___########################*/
.copyform {
margin: 0.5em 0;
}

.copyform textarea {
width: 98%;
height: 20em;
background: #e4e8f0;
border: solid 2px #b4c1da;
}

.copyform input {
margin: 0 0 5px;
}


/*########################___        heading___########################*/
h2 {
position: relative;
margin: 15px 5px 0 0;
padding: 10px 0 0 0;
font-size: 18px;
background-position: left top;
border-right: solid 1px #333;
}

h2 span {
display: block;
background-position: left bottom;
border-right: solid 1px #fff;
}

h2 span span {
position: relative;
top: -9px;
right: -1px;
background: none;
padding: 10px 10px 2px 15px;
border-right: solid 1px #fff;
line-height: 1.3;
}

* html h2 span span {top: -10px;}
*:first-child+html h2 span span {top: -10px;}

h3 {
margin-top: 15px;
padding-bottom: 0.25em;
border-bottom: solid 2px #b2c3e6;
}

.imgblock h3 {
margin: 5px 5px 0 0;
}

h4 {
margin-top: 15px;
padding-bottom: 0.25em;
border-bottom: solid 2px #b2c3e6 !important;
font-size: 100%;
}

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

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

.banner-top {
margin-bottom: -10px;
}


/*__________________________________ page-top link __________________________________*/
.main-bottom {
padding: 1.5em 5px 0.5em 0;
text-align: right;
}


/*########################___        page-link___########################*/
.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;
}


/*########################___        bottom navi___########################*/
.btm-navi {
margin-top: 5px;
}

.btm-navi .box-body {
padding: 1px 0 5px 0;
}

.btm-navi .box-title {
margin: 8px 5px 0 5px;
}

.btm-navi .box {
margin: 3px 5px 0;
background: #fff;
border: solid 2px #ccc;
font-size: 12px;
height: 1%;
}


.btm-navi a,.site-map a {
text-decoration: none;
}

.navi-items .bn-ent {background: url(img/system/sys_dot_gray85.gif) repeat-y;}

.site-map {padding-top: 8px;}

.btm-navi .sep-1 {width: 87%;}
.btm-navi .sep-2 {width: 43.4%;}
.btm-navi .sep-3 {width: 29%;}

.site-map .sep-1 {width: 100%;}
.site-map .sep-2 {width: 50%;}
.site-map .sep-3 {width: 33.3%;}

.btm-navi .bn-cat {
width: 13%;
background-color: #f1f5fd;
text-align: right;
}

.btm-navi-info {
padding: 8px 10px 5px;
font-size: 110%;
line-height: 1;
}

.btm-navi-info span {
display: block;
font-weight: bold;
}

.btm-navi-main {
color: #007e00;
}

.btm-navi-sub {
margin-top: -1em;
text-align: right;
color: #0544c5;
}

.navi-items {
margin: 0;
}

.navi-items ul {
padding: 2px 8px 0 8px;
}

.navi-items ul.bn-top-cat {
padding-right: 2px;
}

.navi-items li {
background: none;
padding: 1px 0;
}

.btm-navi .topic-path {
width: 100%;
min-width: 0;
margin: 0 0;
border-bottom: solid 2px #ccc;
}

.btm-navi .topic-path ul li {
position: static;
}

.navi-items a {
display: block;
padding: 3px 5px 1px;
height: 1%;
}

.navi-items a:visited:hover {
background: #f2edf5;
border: solid 1px #cab6d5;
}

.navi-items a:hover {
padding: 2px 4px 0px;
background: #e9f9e9;
border: solid 1px #9d9;
}

.bn-cat a:visited:hover {
background: #dcfadc;
border: solid 1px #51c951;
}

.navi-items ul span,span.bn-c-page {
display: block;
padding: 3px 5px 1px;
background: #fff3f3;
border: solid 1px #faa;
font-weight: normal;
}


/*########################___        announce___########################*/
ボックスタイトル .box-title {
margin: 8px 5px 0 5px;
}

ボックスタイトル .box-body {
padding: 1px 8px 8px 8px;
}

/*########################___        table___########################*/
.table-simple td,.table-simple th {border: none;}
.table-simple {border: solid #aaa;border-width: 1px 0;}
.table-simple thead th,.table-simple thead td {background: #eee;}
.table-simple tfoot th,.table-simple tfoot td {background: #f6f6f6;}
.table-simple tbody th {background: #fff;}
.table-simple tbody th,.table-simple tbody td {border-bottom: solid 1px #ccc;}
.table-simple th,.table-simple td {padding: 5px 15px;}


/*########################___        search___########################*/
.search .box-body {
padding: 8px 3px 35px 0;
}

.search .box-title {
overflow: hidden;
margin: 0;
font-size: 1px;
text-indent: -9999px;
}

ul.sm-entry li a:visited:hover {
background: #f2edf5;
border: solid 2px #b7abbd;
}

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

ul.sm-entry li a:hover {
background: #dcfadc;
border: solid 2px #75d075;
}

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

ul.sr-entry a:visited:hover .result_order {
color: #dccae6;
}

ul.sr-entry a:hover .result_order {
color: #94dc94;
}

/*########################___    docoration box___########################*/
.block1 .box {
margin-top: 15px; 
}

.block1 .box-body {
padding: 9px 8px 8px 8px;
}

.block1 .box-title {
margin: 0 5px 17px 5px;
font-size: 20px;
}

.block1 h4 {
color: #3b66bc;
border-bottom: solid 2px #b2c3e6;
}

.to-top-link {
text-align: right;
font-size: 90%;
}


.fbsample1 .box-body {
padding: 1px 13px 18px 22px;
color: #395385;
}

.fbsample1 .box-title {
margin: 30px 10px 5px 75px;
}

.fbsample1 .box-body h4 {
margin: 15px 15px 0 5px;
padding-bottom: 2px;
border-bottom: solid 2px #c3d1eb;
color: #263f70;
font-size: 105%;
}

.fbsample2 .box-body {
padding: 78px 80px 82px 82px;
border: solid 1px #f00;
}

.fbs2margin .b1 {margin: 90px 0 90px 90px;}
.fbs2margin .b2,.fbs2margin .b5 {margin: -91px 0;}
.fbs2margin .bmid {margin-left: -90px;}
.fbs2margin .b4 {margin: 89px 0;}
* html .fbs2margin .b4 {margin-top: 90px;}
*:first-child+html .fbs2margin .b4 {margin-top: 90px;}

.fbs2margin .bmid {margin-right: 110px;}
.fbs2margin .box-body {margin-right: -110px;}


/*
.float-col:after {
clear: none;
}

.float-col {
border: solid 1px #f00;
width: auto;
}
*/




.test {
border: solid 1px #0f0;
}



.testbox {
margin: 15px 0;
border: solid 1px #f00;
display: inline-block;
width: auto !important;
}

.testbox {
width: auto;
display: block;
display: inline;
}

.testbox2 {
width: 400px;
float: left;
border: solid 1px #00f;
}



* html .dialogue-img {width: 1%;}





/*__________________________________ スタック __________________________________*/
.stac .img-title {
background-color: transparent;
}

.stac .main-cell h2,.stac .main-cell h3,.stac .main-cell h4,.stac .main-cell h5 {
color: #214070;
}

.stac-frame .main-cell .box {border-top: none;}
.stac-frame .main-cell .box {margin: 10px 5px 0 5px;}
.stac-frame .main-cell .box-body {padding: 1px 0 6px 10px;}
.stac-frame .main-cell .box-frame {margin-top: 0;padding-bottom: 1px;}
.stac-frame .main-cell .box-frame div div div {background-image: url(img/system/box_basic_1top.gif);}
.stac-frame .main-cell .box-frame div {background-image: url(img/system/box_basic_2mid.gif);}
.stac-frame .main-cell .box-frame div div div div div {background-image: url(img/system/box_basic_3btm.gif);}
.stac-frame .main-cell .box div div div div div div {background: none;}




/*#_-___*/
/*########################___Image___########################*/
/*########################___    block___########################*/
body {background: #f6f6f6;}
/*
#display_body {background: #fff url(img/system/bg_disp_body.gif) repeat-y;}
#container {background: #fff url(img/system/bg_disp_body.gif) right top repeat-y;}
*/
#header {background: #2663df url(img/system/bg_header.gif) left bottom repeat-x;}
#page_cover {background: url(img/title_center.jpg) left top repeat-x;}
#cover-inside {background: url(img/title_right.jpg) right top no-repeat;}

/*
#footer {background: #fff url(img/system/bg_footer.gif) left top repeat-x;}
*/

/* メインとサブの間にラインを引く */
/*
#main-disp {background: url(img/system/sys_graydot_11w.gif) right top repeat-y;}
*/


/*########################___    global menu___########################*/
.banner_menu a,.banner_menu a span {background-image: url(img/system/gmenu_lback.gif);}

/*
#global_menu {background-image: url(img/system/gmenu.gif);}
.banner_menu,.banner_menu ul {background-image: url(img/system/gmenu.gif);}
.banner_menu a,.banner_menu a span {background-image: url(img/system/gmenu_lback.gif);}
*/

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

.menu ul li a {background-image: url(img/system/menu_lback.gif);}
.map-and-monthly ul li a {background-image: url(img/system/menu_lback_monthly.gif);}
.menu ul li a:hover {background-image: url(img/system/menu_lback_hover.gif);}
.menu ul li a.c_page {background-image: url(img/system/menu_lback_current.gif);}
#sub .menu ul li a.cat-name {background-image: url(img/system/menu_lback_c_name.gif);}
#sub .map-and-monthly ul li span.cat-name {background-image: url(img/system/menu_lback_c_monthly.gif);}
#sub .menu ul li a.cat-name span {background-image: url(img/system/menu_lhead.gif);}
#sub .map-and-monthly ul li a.cat-name span {background-image: none;}
#sub .map-and-monthly ul li a.cat-current span {background-image: url(img/system/menu_lhead.gif);}
#sub .menu ul ul li a.cat-name {background-image: url(img/system/menu_lback_c_semiactive.gif);}

#sub .menu ul li a.cat-active,#sub .menu ul ul li a.cat-active,#sub .menu ul li a.cat-current,
#sub .menu li.cat-current2 li a.cat-name {
background-image: url(img/system/menu_lback_c_active.gif);}


/*____________ メニュー複数行用 ____________*/



/*########################___    topic-path___########################*/
/*
.topic-path ul li,.topic-path ul li a {
background: url(img/system/topicpath_lhead_a.gif) left 7px no-repeat;}

.topic-path {background: #efefef url(img/system/topicpath.gif) right top repeat-y;}
.topic-path ul {background: #efefef url(img/system/topicpath.gif) left top repeat-y;}
.topic-path ul li {background: url(img/system/topicpath_lhead.gif) left top repeat-y;}
.topic-path ul li a {background: url(img/system/topicpath_lhead_a.gif) left top repeat-y;}
.topic-path ul li a:hover {background: url(img/system/topicpath_lback_hover.gif) repeat-y;}
.topic-path ul li.first-path a:hover {background: url(img/system/topicpath_lback_hover_fp.gif) repeat-y;}
*/

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


h3#cm-banner,h3#cm-banner span,h3#tb-banner,h3#tb-banner span,
h3.cm-form,h3.cm-form span {
background-image: url(img/system/banner_separate.gif);}


/*########################___    box___########################*/
/*########################___        basic___########################*/
.name .b2,.name .b5 {background-image: url(img/system/box_name_1top.gif);}
.name .b1,.name .b4 {background-image: url(img/system/box_name_2mid.gif);}
.name .b3,.name .b6 {background-image: url(img/system/box_name_3btm.gif);}

.basic .b2,.basic .b5 {background-image: url(img/system/box_basic_1top.gif);}
.basic .b1,.basic .b4 {background-image: url(img/system/box_basic_2mid.gif);}
.basic .b3,.basic .b6 {background-image: url(img/system/box_basic_3btm.gif);}

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

.tab-box .box-title,.tab-box .box-title span {
background-image: url(img/system/box_item_0tab.gif);}
.tab-box .b2,.tab-box .b5 {background-image: url(img/system/box_tab-box_1top.gif);}
.tab-box .b1,.tab-box .b4 {background-image: url(img/system/box_tab-box_2mid.gif);}
.tab-box .b3,.tab-box .b6 {background-image: url(img/system/box_tab-box_3btm.gif);}

.tag-cloud .b2,.tag-cloud .b5 {background-image: url(img/system/box_basic_1top.gif);}
.tag-cloud .b1,.tag-cloud .b4 {background-image: url(img/system/box_basic_2mid.gif);}
.tag-cloud .b3,.tag-cloud .b6 {background-image: url(img/system/box_basic_3btm.gif);}

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

.announce2 .b2,.announce2 .b5 {background-image: url(img/system/box_announce2_1top.gif);}
.announce2 .b1,.announce2 .b4 {background-image: url(img/system/box_announce2_2mid.gif);}
.announce2 .b3,.announce2 .b6 {background-image: url(img/system/box_announce2_3btm.gif);}

.announce3 .b2,.announce3 .b5 {background-image: url(img/system/box_announce3_1top.gif);}
.announce3 .b1,.announce3 .b4 {background-image: url(img/system/box_announce3_2mid.gif);}
.announce3 .b3,.announce3 .b6 {background-image: url(img/system/box_announce3_3btm.gif);}

.announce4 .b2,.announce4 .b5 {background-image: url(img/system/box_announce4_1top.gif);}
.announce4 .b1,.announce4 .b4 {background-image: url(img/system/box_announce4_2mid.gif);}
.announce4 .b3,.announce4 .b6 {background-image: url(img/system/box_announce4_3btm.gif);}

.announce5 .b2,.announce5 .b5 {background-image: url(img/system/box_announce5_1top.gif);}
.announce5 .b1,.announce5 .b4 {background-image: url(img/system/box_announce5_2mid.gif);}
.announce5 .b3,.announce5 .b6 {background-image: url(img/system/box_announce5_3btm.gif);}

.announce6 .b2,.announce6 .b5 {background-image: url(img/system/box_announce6_1top.gif);}
.announce6 .b1,.announce6 .b4 {background-image: url(img/system/box_announce6_2mid.gif);}
.announce6 .b3,.announce6 .b6 {background-image: url(img/system/box_announce6_3btm.gif);}

.information .b2,.information .b5 {background-image: url(img/system/box_information_1top.gif);}
.information .b1,.information .b4 {background-image: url(img/system/box_information_2mid.gif);}
.information .b3,.information .b6 {background-image: url(img/system/box_information_3btm.gif);}

.billboard .b2,.billboard .b5 {background-image: url(img/system/box_billboard_1top.gif);}
.billboard .b1,.billboard .b4 {background-image: url(img/system/box_billboard_2mid.gif);}
.billboard .b3,.billboard .b6 {background-image: url(img/system/box_billboard_3btm.gif);}

.pickup .b2,.pickup .b5 {background-image: url(img/system/box_pickup_1top.gif);}
.pickup .b1,.pickup .b4 {background-image: url(img/system/box_pickup_2mid.gif);}
.pickup .b3,.pickup .b6 {background-image: url(img/system/box_pickup_3btm.gif);}

/*
.search .b2,.search .b5 {background-image: url(img/system/box_search_1top.gif);}
.search .b1,.search .b4 {background-image: url(img/system/box_search_2mid.gif);}
.search .b3,.search .b6 {background-image: url(img/system/box_search_3btm.gif);}
*/

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


/*########################___        individual___########################*/
.list-sub-cat .b2,.list-sub-cat .b5 {background-image: url(img/system/box_list_subcat_1top.gif);}
.list-sub-cat .b1,.list-sub-cat .b4 {background-image: url(img/system/box_announce1_2mid.gif);}
.list-sub-cat .b3,.list-sub-cat .b6 {background-image: url(img/system/box_announce1_3btm.gif);}

.list-entry .b2,.list-entry .b5 {background-image: url(img/system/box_announce2_1top.gif);}
.list-entry .b1,.list-entry .b4 {background-image: url(img/system/box_announce2_2mid.gif);}
.list-entry .b3,.list-entry .b6 {background-image: url(img/system/box_announce2_3btm.gif);}

.block1 .b2,.block1 .b5 {background-image: url(img/system/box_announce3_1top.gif);}
.block1 .b1,.block1 .b4 {background-image: url(img/system/box_announce3_2mid.gif);}
.block1 .b3,.block1 .b6 {background-image: url(img/system/box_announce3_3btm.gif);}

.fbsample1 .b2,.fbsample1 .b5 {background-image: url(img/system/box_fbsample1_1top.gif);}
.fbsample1 .b1,.fbsample1 .b4 {background-image: url(img/system/box_fbsample1_2mid.gif);}
.fbsample1 .b3,.fbsample1 .b6 {background-image: url(img/system/box_fbsample1_3btm.gif);}

.fbsample2 .b2,.fbsample2 .b5 {background-image: url(img/system/box_fbsample2_1top.gif);}
.fbsample2 .b1,.fbsample2 .b4 {background-image: url(img/system/box_fbsample2_2mid.gif);}
.fbsample2 .b3,.fbsample2 .b6 {background-image: url(img/system/box_fbsample2_3btm.gif);}

.dialogue .b2,.dialogue .b5 {background-image: url(img/system/box_dialogue_1top.gif);}
.dialogue .b1,.dialogue .b4 {background-image: url(img/system/box_dialogue_2mid.gif);}
.dialogue .b3,.dialogue .b6 {background-image: url(img/system/box_dialogue_3btm.gif);}

/*########################___    others___########################*/
.exp_box .box-title {background-image: url(img/system/sys_oblique-line_2px.gif);}
.note_box .box-title,.note_box .box-title span {background-image: url(img/system/tab_black.gif);}
.dogear {background: #fff url(img/system/sys_dogear_gray.gif) bottom right no-repeat;}

.tpanel,.tpanel span {background-image: url(img/system/tpanel.gif);}
.map-disp {background: url(img/system/frame_map.gif) no-repeat;}
.main-bottom div a {background-image: url(img/system/bg_btmlink.gif);}


/*#_-___*/
/*########################___Color___########################*/
body {color: #332;}

a {color: #0544c5;text-decoration: none;}
a:hover {color: #e27100;text-decoration: underline;}
a:visited {color: #442580;}

h1 a,h1 a:hover,h1 a:visited {color: #fff;}
h2 {color: #fff;}
h2 a {color: #332;}
h2 a:hover {color: #33e;}

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

h4 {color: #32569e;}
/*
h4 a {color: #332;}
h4 a:hover {color: #33e;}
*/

.banner_menu a {color: #354554;}
.banner_menu a:hover {color: #653200;}
#global_menu a {color: #000;}
#global_menu a:hover {color: #000;}

.topic-path a,.topic-path a:visited {color: #000;}
.topic-path a:hover {color: #0544c5;}

.menu .box-title {color: #fff;}
.menu li a,.menu li a:visited {color: #000;}
.menu li a:hover {color: #eb4e00;}
#sub .menu li a.c_page,#sub .menu li a.c_page:hover {color: #ab1212;}
.menu li a.cat-name span,.menu li span.cat-name span {color: #0544c5;}
.menu ul ul li a.cat-name span,.menu ul ul li span.cat-name span {color: #0035a2;}
.menu ul ul li a.cat-name:hover span {color: #fff;}
.menu ul li a.cat-active span,.menu ul li span.cat-active span,
.menu ul ul li a.cat-active span,.menu ul ul li span.cat-active span {color: #fff;}
.menu ul li a.cat-name:hover span,.menu ul ul li a.cat-active:hover span,
#sub .menu li.cat-current2 li a.cat-name:hover span {color: #e27100;}
.menu ul li a.cat-current span,.menu ul li span.cat-current span,
.menu ul ul li a.cat-current span,.menu ul ul li span.cat-current span,
#sub .map-and-monthly ul li a.cat-current span {color: #0e0;}
#sub .menu li.cat-current2 li a.cat-name span {color: #fff;}

.map-and-monthly ul li span.cat-name span {
padding-left: 15px;
color: #fff;
font-weight: bold;
}

.main-bottom a,.main-bottom a:visited {color: #332;}
.main-bottom a:hover {color: #33e;}

/*
#footer {color: #332;}
#footer a {color: #332;}
#footer-menu a {color: #332;}
#footer-menu a:hover {color: #33e;}
*/

.exp_box .box-title {background-color: #c1dac1;}

.tpanel span {color: #444;}
a.tpanel,a.tpanel:visited {color: #444;}
a.tpanel:hover span {color: #0000ec;}



.frame1 {
width: 200px;
}

.frame2 {
margin-left: -200px;
margin-right: -150px;
}

.frame2 .box {
margin-left: 200px;
margin-right: 150px;
}

.frame3 {
width: 150px;
}








/*__________________________________ box __________________________________*/
.search .box-title {color: #332;}

.announce1 .box-title {color: #332;}
.announce2 .box-title {color: #332;}
.announce3 .box-title {color: #332;}
.announce4 .box-title {color: #332;}
.announce5 .box-title {color: #332;}
.announce6 .box-title {color: #332;}

.pickup .box-title {color: #332;}

/*__________________________________ parts __________________________________*/
.top-impression h2 {color: #254a92;}
.top-navi em {color: #254a92;}
.top-navi a.include-link .more-link {color: #000;}
.top-navi a.include-link:hover .more-link {color: #00e;}

.list-entry .box-title a:hover {color: #e27100;}
.block1 .box-title {color: #224997;}

.information a {color: #2924f7;}
.information a:hover {color: #2924f7;}
.information .more-link a {color: #666;}
.information .more-link a:hover {color: #33e;}