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

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

#display_body {
width: 900px;
}

/* IE6 用 min-width & max-width */
/*
* html #display_body {
width:expression(document.body.clientWidth < 790? "790px" :
document.body.clientWidth > 1000? "1000px" : "90%");
}
*/

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

#container {
padding: 10px 10px 15px;
}

#header {
}

#wrap {
}

#main {
}

#main-disp {
padding: 0 8px 15px 5px;
}

#sub {
}

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

/*
.top-page #main,.top-page #main-inside {
margin-left: 0;
}
*/

#footer {
position: relative;
}


/*_____________________________ main をフレームで囲む _____________________________*/
/*
IE6 対策で要調整
* html #main-inside {margin-left: 226px;}
#main-disp {padding: 0 8px 15px;}
* html .main-top,* html .main-bottom {margin-right: -11px;}



#main-inside {
padding-right: 10px;
background-position: right top;
background-repeat: repeat-y;
}

#main-inside-box {
background-position: left top;
background-repeat: repeat-y;
}

.main-top,.main-bottom {
margin-right: -10px;
padding-right: 5px;
background-position: right top;
}

.main-bottom {background-position: right bottom;}

.main-top div {
height: 10px;
background-position: left top;
}

.main-bottom div {
height: 2em;
background-position: left bottom;
}

.main-top,.main-top div {background-image: url(img/system/bg_main_1top.gif);}
#main-inside,#main-inside-box {background-image: url(img/system/bg_main_2mid.gif);}
.main-bottom,.main-bottom div {background-image: url(img/system/bg_main_3btm.gif);}
*/


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

#header-inside {
padding: 0;
}

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

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

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


/*########################___    footer___########################*/
#footer {
margin: 0 0 0 0;
background-position: left bottom;
}


#footer-inside {
margin-left: 10px;
padding: 30px 0 5px 0;
background-position: right bottom;
}

#footer-menu ul {
margin-bottom: 8px;
padding: 7px 0 6px;
text-align: center;
list-style: none;
font-size: 12px;
line-height: 1;
}

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

#footer-menu a {
padding: 0 10px;
}

#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-size: 10pt;
text-align: center;
}

#footer a {
text-decoration: none;
}


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

#header h1,#page_cover,#global_menu,.topic-path,#wrap {
width: 850px;
margin: 0 auto;
text-align: left;
}

#page_cover {
margin-bottom: 15px;
}

.topic-path {
width: 850px;
}

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


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

#display_body,#container {
background: transparent !important;
}

#page_cover,#wrap {background: url(img/system/bg_disp_body.gif) left top repeat-y;}
#cover-inside,#wrap-inside {background: url(img/system/bg_disp_body.gif) right top repeat-y;}
*/


/*########################___    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___########################*/
#global_menu ul {
margin-right: 0;
padding: 0;
}

#global_menu a {
padding-left: 12px;
}

#global_menu a span {
margin-left: 0;
padding: 9px 10px 12px 8px;
}

#global_menu a.tab_end span {
padding-right: 15px;
}

.banner_menu a:hover,.banner_menu a.c_page:hover {background-position: left -50px;}
.banner_menu a:hover span,.banner_menu a.c_page:hover span {background-position: right -50px;}

.banner_menu a.c_page {background-position: left top;}
.banner_menu a.c_page span {background-position: right top;}

/*____________ バナータイプ：両端あり（左右端のある画像が必要） ____________*/

.banner_menu {
margin: 0 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 .box {
margin-right: 0;
}

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

.menu .box-title {
margin: 6px 10px 9px;
text-align: center;
}

.menu ul li a,.menu ul li span.cat-name {
padding-left: 0;
border-top: solid 2px #fff;
border-bottom: solid 1px #ccc;
}

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

.menu ul li a:hover {
background: #ddd;
border-bottom: solid 1px #aaa;
}

.menu ul li a.c_page:hover {border-top: solid 2px #fff;}

.menu ul li a.c_page,.menu ul li a.c_page:hover {background: #d0d0ea;}
.menu ul li span.cat-name span,.menu li a.cat-name span {padding-left: 8px;}

.menu ul li span.cat-name,.menu ul li a.cat-name {background: #bfbfbf;}


/*____________ 入れ子メニューをネストさせない場合は以下をコメントアウト ____________*/


.menu ul ul a {padding-left: 0px;}
.menu ul ul ul a {padding-left: 15px;}
.menu ul ul ul ul a {padding-left: 30px;}

/*
.menu ul ul a span {padding-left: 25px;}
.menu ul ul ul a span {padding-left: 24px;}
.menu ul ul ul ul a span {padding-left: 36px;}
*/


/*____________ メニュー複数行用 ____________*/
#wrap .menu ul li a,#wrap .menu ul li span.cat-name {line-height: 1.6;white-space: normal;}


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


/*#_-___*/
/*########################___individual___########################*/
.splash-top {
margin-bottom: 20px;
}

.splash-bottom {
margin-top: 20px;
}

ul {padding-left: 10px;}

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

.search-page ul li {
padding-left: 0;
background-image: none;
}

p {
padding: 8px 10px 0;
}

.box-body p {
padding: 8px 5px 0;
}

/*__________________________________ search __________________________________*/
.search .box-title {
margin: 7px 0 15px 0px;
font-size: 14px;
}

.search .box {
margin-right: 0;
border: solid 2px #d4d4d4;
}

.search .box-body {
padding: 1px 8px 8px 10px;
}


/*__________________________________ page-top link __________________________________*/

.main-bottom {
padding: 20px 10px 10px;
}

.main-bottom a {
display: block;
padding: 5px 10px;
background: #f9f9f9;
border: solid 1px #bbb;
text-align: right;
height: 1%;
}

.main-bottom a:hover {
padding: 4px 9px;
background: #f0f0f0;
border: solid 2px #999;
}

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

h2 span {
display: block;
margin-right: 10px;
background-position: left top;
padding: 9px 0 12px 25px;
line-height: 1;
}

h3 {
padding-bottom: 2px;
border-bottom: solid 2px #999;
}

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

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

h4 {
border-bottom: dashed 1px #888;
}

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

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


/*########################___    Ind page___########################*/
table.transfer-matrix {
width: 96%;
margin: 20px 10px;
}

table.transfer-matrix td,table.transfer-matrix th {
border: solid 1px #96a7c4;
}

table.transfer-matrix thead tr {
background: #fff url(img/system/table_header.gif) left bottom;
}

table.transfer-matrix thead td {
background: none;
line-height: 1;
padding: 10px;
color: #324667;
font-size: 16px;
font-weight: bold;
text-align: left;
}

table.transfer-matrix tr.line-odd {
background: #ebeff4;
}

table.transfer-matrix td,table.transfer-matrix th {
padding: 8px;
background: transparent;
}

table.transfer-matrix ul {
padding-left: 0;
}

table.transfer-matrix li {
padding-top : 5px;
}

table.transfer-matrix dl {
margin-top : -8px;
}

table.transfer-matrix dt {
color: #4e648a;
font-weight: bold;
border-bottom: solid 1px #879bbd;
}

.annotation {
margin: 30px 10px 0;
padding: 0 10px 6px;
border: solid 2px #ccc;
background: #f9f9f9;
}

.annotation dt {
color: #4e648a;
font-weight: bold;
border-bottom: solid 1px #c3c3c3;
}

/*########################___    docoration box___########################*/



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

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

#sub .announce1 .box,#sub .announce2 .box {
margin-right: 0;
}

.announce1 .box-title,.announce2 .box-title {
margin: 8px 5px 8px 5px;
}


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


/*#_-___*/
/*########################___Image___########################*/
/*########################___    block___########################*/
body {background: #f0f0f0 url(img/system/bg_body.gif) repeat-x;}
#display_body {background: 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: #fff url(img/system/bg_header.gif) left top repeat-x;}
#footer,#footer-inside {background-image: url(img/system/bg_footer.gif);}

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


/*########################___    global menu___########################*/


#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.tab_end span {background-image: url(img/system/gmenu_lback.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) repeat-y;}
.topic-path ul li a {background: url(img/system/topicpath_lhead_a.gif) 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;}
*/


/*########################___    sub menu___########################*/
.menu li a span {background-image: url(img/system/menu_lback.gif);}
.menu li,.menu li a.cat-name span {background-image: none;}
/*
.menu li a,.menu li a span,.menu ul li span.cat-name,.menu ul li span.cat-name span {
background-image: url(img/system/menu_lback.gif);}
*/

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

/*
.menu li a span,.menu li span span {background-image: url(img/system/menu_lback.gif);}
*/


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


/*########################___    box___########################*/
/*########################___        basic___########################*/
.basic div div div {background-image: url(img/system/box_basic_1top.gif);}
.basic div {background-image: url(img/system/box_basic_2mid.gif);}
.basic div div div div div {background-image: url(img/system/box_basic_3btm.gif);}

.basic2 div div div {background-image: url(img/system/box_basic2_1top.gif);}
.basic2 div {background-image: url(img/system/box_basic2_2mid.gif);}
.basic2 div div div div div {background-image: url(img/system/box_basic2_3btm.gif);}

.tab-box .box-title,.tab-box .box-title span {background-image: url(img/system/box_tab_0tab.gif);}
.tab-box div div div {background-image: url(img/system/box_tab_1top.gif);}
.tab-box div {background-image: url(img/system/box_tab_2mid.gif);}
.tab-box div div div div div {background-image: url(img/system/box_tab_3btm.gif);}

.tag-cloud div div div {background-image: url(img/system/box_basic_1top.gif);}
.tag-cloud div {background-image: url(img/system/box_basic_2mid.gif);}
.tag-cloud div div div div div {background-image: url(img/system/box_basic_3btm.gif);}

.announce1 div div div {background-image: url(img/system/box_announce1_1top.gif);}
.announce1 div {background-image: url(img/system/box_announce1_2mid.gif);}
.announce1 div div div div div {background-image: url(img/system/box_announce1_3btm.gif);}

.announce2 div div div {background-image: url(img/system/box_announce2_1top.gif);}
.announce2 div {background-image: url(img/system/box_announce2_2mid.gif);}
.announce2 div div div div div {background-image: url(img/system/box_announce2_3btm.gif);}

.announce3 div div div {background-image: url(img/system/box_announce3_1top.gif);}
.announce3 div {background-image: url(img/system/box_announce3_2mid.gif);}
.announce3 div div div div div {background-image: url(img/system/box_announce3_3btm.gif);}

.announce4 div div div {background-image: url(img/system/box_announce4_1top.gif);}
.announce4 div {background-image: url(img/system/box_announce4_2mid.gif);}
.announce4 div div div div div {background-image: url(img/system/box_announce4_3btm.gif);}

.announce5 div div div {background-image: url(img/system/box_announce5_1top.gif);}
.announce5 div {background-image: url(img/system/box_announce5_2mid.gif);}
.announce5 div div div div div {background-image: url(img/system/box_announce5_3btm.gif);}

.announce6 div div div {background-image: url(img/system/box_announce6_1top.gif);}
.announce6 div {background-image: url(img/system/box_announce6_2mid.gif);}
.announce6 div div div div div {background-image: url(img/system/box_announce6_3btm.gif);}

.information div div div {background-image: url(img/system/box_info_1top.gif);}
.information div {background-image: url(img/system/box_info_2mid.gif);}
.information div div div div div {background-image: url(img/system/box_info_3btm.gif);}

.billboard div div div {background-image: url(img/system/box_billboard1_1top.gif);}
.billboard div {background-image: url(img/system/box_billboard1_2mid.gif);}
.billboard div div div div div {background-image: url(img/system/box_billboard1_3btm.gif);}

.pickup div div div {background-image: url(img/system/box_pickup_1top.gif);}
.pickup div {background-image: url(img/system/box_pickup_2mid.gif);}
.pickup div div div div div {background-image: url(img/system/box_pickup_3btm.gif);}

.search div div div {background-image: url(img/system/box_search_1top.gif);}
.search div {background-image: url(img/system/box_search_2mid.gif);}
.search div div div div div {background-image: url(img/system/box_search_3btm.gif);}

.menu div div div {background-image: url(img/system/box_menu_1top.gif);}
.menu div {background-image: url(img/system/box_menu_2mid.gif);}
.menu div div div div div {background-image: url(img/system/box_menu_3btm.gif);}

/*___________________ tab-box ___________________*/
.item .box-title,.item .box-title span {background-image: url(img/system/box_item_0tab.gif);}
/*########################___        individual___########################*/
.item div div div {background-image: url(img/system/box_item_1top.gif);}
.item div {background-image: url(img/system/box_item_2mid.gif);}
.item div div div div div {background-image: url(img/system/box_item_3btm.gif);}

.item-list div div div {background-image: url(img/system/box_announce4_1top.gif);}
.item-list div {background-image: url(img/system/box_announce4_2mid.gif);}
.item-list div div div div div {background-image: url(img/system/box_announce4_3btm.gif);}

.item-detail div div div {background-image: url(img/system/box_announce4_1top.gif);}
.item-detail div {background-image: url(img/system/box_announce4_2mid.gif);}
.item-detail div div div div div {background-image: url(img/system/box_announce4_3btm.gif);}

.item-sub div div div {background-image: url(img/system/box_announce6_1top.gif);}
.item-sub div {background-image: url(img/system/box_announce6_2mid.gif);}
.item-sub div div div div div {background-image: url(img/system/box_announce6_3btm.gif);}


/* ボックス背景描画の必須設定：削除厳禁 */
.box div div div div div div {background: none;}
/*########################___    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: #0000ec;}
/*
a:visited {color: #442580;}
*/

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

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

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

.banner_menu a {color: #354554;}
.banner_menu a:hover {color: #653200;}
#global_menu a {color: #332;}
#global_menu a:hover {color: #33e;}

.topic-path a,.topic-path a:visited {color: #3d2908;}
.topic-path a:hover {color: #e55817;}

.menu .box-title {color: #332;}
.menu li a,.menu li a:visited {color: #332;}
.menu li a:hover {color: #0a0bdf;}
.menu li a.cat-name span,.menu li span.cat-name span {color: #332;font-weight: bold;}
.menu li a.cat-name:hover {color: #e33;}
.menu li a.c_page,#sub-menu li a.c_page:hover {color: #4b4b8c;}
.menu li a.cat-current,.menu li span.cat-current {color: #939;}

.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;}

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

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