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

/*############################___block___############################*/
#display_body {
position: relative;
width: 850px;
margin: 0 auto;
text-align: left;
}

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

#header {
margin: 0 0 5px;
padding: 5px 0 0;
}

#page_cover {
width: 100%;
overflow: hidden;
}

#wrap {
clear: both;
padding: 15px 0 0;
}

#main {
float: left;
}

#main-disp {
position: relative;
}

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

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

#footer {
position: relative;
padding: 0 0 9px 0;
}


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

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

#header h1 a {
margin: 0 0 0 15px;
text-decoration: none;
}

#header img {
margin: 0;
}

/*########################___    page_cover___########################*/
#page_cover img {
display: block;
margin: 0 auto;
text-align: center;
}

#page_cover p {
font-size: 1px;
text-indent: -9999px;
}


/*########################___    footer___########################*/
#footer-inside {
padding: 5px 5px 10px 0;
font-size: 10px;
}

#footer-menu ul {
margin-bottom: 5px;
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;
}


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

h2{overflow: hidden;}

/* Hides from IE-mac \*/

* html h2
{height: 1%;overflow: visible;}

/* End hide from IE-mac */




/*#_-___*/
/*########################___global menu___########################*/
#global_menu ul {
margin-right: 0;
}

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

#global_menu a span {
margin-left: 0;
padding: 7px 15px 6px 0px;
}


/*########################___sub menu___########################*/
#wrap .col .menu h2.box-title {
padding: 12px 10px 12px;
}

#wrap .col .menu .box {
margin: 0 5px 0 10px;
}

#wrap .menu .box-body {
padding: 0 5px 9px 5px;
}

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

.menu ul li a,.menu ul li span.cat-name {
padding-left: 0;
}

#sub .menu li a,#sub .menu li span.cat-name {
border-bottom: solid 1px #fff;
}

#sub .menu li a span,#sub .menu li span.cat-name span {
border-bottom: solid 1px #a8b3c7;
}

#sub .menu li .cat-name {background: #64779a;}
#sub .menu li a:hover {background-color: #fff;}
#sub .menu li a.c_page,#sub .menu li a.c_page:hover {background: #bfc9db;}

.menu ul ul a span {padding-left: 23px;}
.menu ul ul ul a span {padding-left: 38px;}
.menu ul ul ul ul a span {padding-left: 53px;}


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

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


/*#_-___*/
/*########################___individual___########################*/
.col {
margin-left: 0;
}

.flowchart.fc-left,.flowchart.fc-right {margin: 0 15px 20px -30px;}
.flowchart.fc-up,.flowchart.fc-down {margin: -20px 15px 20px 5px;}

* html .flowchart.fc-left,* html .flowchart.fc-right {margin: 0 15px 20px -30px;}
* html .flowchart.fc-up,* html .flowchart.fc-down {margin: -20px 15px 20px 5px;}

.topic-path span {
font-weight: bold;
}

.img_right .textarea {
padding-left: 10px;
}

.img-tile img {
margin-left: 7px;
}

.sub-info {
padding-bottom: 0;
text-align: right;
font-size: 80%;
}

ul {padding-left: 10px;}
.separate ul {padding-left: 10px;}
.imgblock ul {padding-left: 15px;}


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

table {
margin: 0 15px 1em 5px;
}

.table-lineup tbody th {
white-space: nowrap;
}

#sub .col .search .box {
margin: 0 6px 0 10px;
}

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

.search .box-title {
margin: 0 0 10px 0;
padding: 3px 0 5px 0;
font-size: 16px;
color: #fff;
}

.search form input#submit {
width: 52px;
height: 21px;
border: none;
background: url(img/system/bottom_search.gif) no-repeat;
cursor: pointer;
}

.search form #submit:hover {
background-position: left -30px;
}


/*__________________________________ page-top link __________________________________*/

.main-bottom {
padding: 0.5em 25px 0.5em 0;
text-align: right;
}

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

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

* html h2 span {padding-top: 12px;}
*:first-child+html h2 span {padding-top: 12px;}
*:first-child+html .information h2 {padding-left: 22px;}

h3 {
clear: both;
margin: 0 20px 10px 5px;
padding: 5px 0 5px 13px;
background-position: left bottom;
font-size: 110%;
}

.category-list h3 a {
text-decoration: none;
}

.category-list h3 a:hover {
text-decoration: underline;
}

h4 {
margin: 0 20px 5px 10px;
padding: 0 0 0 0;
}


/*_______________ 幅可変見出し（ <h2><span>タイトル</span></h2>）______________*/
h2.プロパティ {
position: relative;
margin: 0 20px 0 20px;
padding: 0;
font-size: 18px;
background-position: left top;
}

h2.プロパティ span {
display: block;
margin-left: 10px;
background-position: right top;
padding: 6px 0 10px 5px;
}


/*########################___    docoration box___########################*/
/*__________________________________ パネルボックス __________________________________*/
.panel-box {
margin-left: 10px;
}

/*__________________________________ ピックアップ __________________________________*/
.pickup .box-body {
padding: 8px 5px 5px 5px;
}

.pickup .box-title {
margin: 0 0 2px 0;
padding: 2px 0 5px 10px;
color: #214070;
}


/*__________________________________ 説明スタック __________________________________*/
.stac-variable .title-cell {
background: #575654;
color: #fff;
}

.stac-variable .main-cell .box-frame {
background: url(img/system/sys_dot_gray40.gif) left 10px repeat-x;
}

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


/*########################___        announce___########################*/
#sub .col {
margin: 0 0 10px 0;
}

#sub .col .announce1 .box {
margin: 0 5px 0 10px;
}

.announce1 .box-body,.announce3 .box-body,.announce4 .box-body,.announce6 .box-body {
padding: 8px 10px 3px 12px;
}

.announce1 .box-title,.announce3 .box-title,.announce4 .box-title,.announce6 .box-title {
margin: 0 0 5px 0;
padding: 3px 0 5px 0;
font-size: 16px;
color: #fff;
}

.announce4 .box-title {
color: #000;
}

#sub .col .announce2 .box {
margin: 0 6px 0 10px;
border: solid 2px #ccc;
}

.announce2 .box-body,.announce5 .box-body {
padding: 8px 10px 3px 12px;
}

/*
.announce5 .box {
border: solid 2px #ccc;
}
*/

.announce5 .box-title {
margin: 0 0 10px 0;
padding: 3px 0 5px 8px;
font-size: 16px;
}

.announce6 .box-title {
margin: 0;
padding: 4px 0 8px 0;
font-size: 16px;
}

/*########################___        billboard___########################*/
.billboard {
font-size: 12px;
}

* html .billboard .box-body {
padding-right: 5px;
}

.billboard img {
margin-bottom: 8px;
}

.billboard .separate {
margin: 0 5px 0 0;
background-color: transparent;
}

.billboard em {
color: #000;
font-weight: bold;
font-size: 110%;
}

.more-link {
text-align: right;
}

.more-link a {
font-weight: bold;
text-decoration: none;
}

.billboard .border_h {background-image: none;}
.billboard .border_v .sbox {background-image: url(img/system/sys_dot_gray60.gif);
background-repeat: repeat-y;}


/*########################___        showcase___########################*/
.showcase {
font-size: 12px;
padding-bottom: 0;
}

.showcase img {
margin-bottom: 10px;
}

.showcase h3,.showcase h4 {
margin: 0 5px 5px 10px;
padding: 0;
background: none;
}

.showcase h3.title {
clear: none;
}

.showcase .imgblock {
padding-bottom: 0;
}

.lineup {
margin: 0;
padding-bottom: 0;
font-size: 12px;
}

* html .lineup {
margin-left: 10px;
}

.lineup h3,.lineup h4 {
margin: 0 5px 5px 15px;
padding: 0;
background: none;
}

.lineup img {
display: block;
margin: 0 auto 5px;
}

.lineup .sbox p {
padding: 0 0 0 15px;
}

.lineup ul {
padding-top: 0;
padding-right: 5px;
}

.lineup li {
padding-bottom: 0;
}


/*########################___        information___########################*/
.information .box-title {
margin: 0 0 10px 20px;
padding: 0 0 5px 0;
color: #224e3d;
}

.information .box-body {
position: relative;
padding: 8px 0 10px 0;
}

.information .more-link {
position: absolute;
top: 12px;
right: 20px;
font-size: 12px;
}

.information .more-link a {
color: #666;
}

.information a {
color: #2924f7;
text-decoration: none;
}

.information a:hover {
text-decoration: underline;
}

.information table {
width: 100%;
margin: 5px 0 0 0;
font-size: 12px;
border: none;
}

.information table tr.line-1 {
background: #eee;
}

.information table td {
border: solid #aaa;
border-width: 0 0 1px 0;
}

.information table td.info-date {
vertical-align: top;
}

.information table td a {
display: block;
height: 1%;
}

.individual .information {
margin: 0 20px 0 20px;
border-top: solid 2px #bc5c00;
}

.individual .information table {
width: 100%;
}


/*########################___    table___########################*/
table,thead,tbody,tfoot,th,td {border: none;}

td,th {
border: solid 1px #999;
}

thead th,thead td,tbody th {
background: #ccc;
}

tfoot th,tfoot td {
background: #eee;
}

.table-simple td,.table-simple th {
border: none;
}

.table-simple {
border-top: solid 1px #aaa;
border-bottom: solid 1px #aaa;
}

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


/*########################___    ひながた ___########################*/
/*     .box-body の padding-bottom は IE7 のバグ対策として 1px 以上必須     */
.ボックスタイトル .box-title {
margin: 0;
padding: 0 0 5px 0;
}

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


/*#_-___*/
/*########################___Image___########################*/
/*########################___    block___########################*/
body {background: #fff;}
#display_body {background: url(img/system/bg_disp_body.gif) repeat-y;}
#container {background: url(img/system/bg_disp_body.gif) right top repeat-y;}
#header {background: #fff url(img/system/bg_header.gif) left bottom repeat-x;}
#footer {background: #fff url(img/system/bg_footer.gif) left top repeat-x;}

#header-inside {
margin-left: 5px;
background: url(img/system/bg_header.gif) right bottom repeat-x;
}

#footer-inside {
margin-left: 5px;
background: url(img/system/bg_footer.gif) right top repeat-x;
}

#footer-menu {
background: url(img/system/gmenu.gif);
}


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

/*########################___    topic-path___########################*/
.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 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);}

.menu h2.box-title {background-image: url(img/system/box_menu_0h.gif);}
.menu li,.banner_menu li {background: none;}


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

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


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

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

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

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

.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 .box-title,.announce2 .box-title span {background-image: url(img/system/box_announce2_0tab.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_announce1_1top.gif);}
.announce3 div {background-image: url(img/system/box_announce1_2mid.gif);}
.announce3 div div div div div {background-image: url(img/system/box_announce1_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);}

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

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

/*___________________ tab-box ___________________*/
.item .box-title,.item .box-title span {background-image: url(img/system/box_item_0tab.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: #333;}
h3 a {color: #3e547f;}
h3 a:hover {color: #2121d2;}

#global_menu a {color: #fff;}
#global_menu a:hover {color: #3c527c;}

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

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

.menu h2 {color: #fff;}
.menu li a,.menu li a:visited {color: #333;}
.menu li a:hover {color: #32415d;}
.menu li a.c_page,#sub-menu li a.c_page:hover {color: #333;}

.menu li a.cat-name,.menu li span.cat-name {color: #fff;}
.menu li a.cat-name:hover {color: #32415d;}
.menu li a.cat-current,.menu li span.cat-current {color: #fff;}

.main-bottom a,.main-bottom a:visited {color: #333;}
.main-bottom a:hover {color: #2121d2;}

#footer {color: #000;}
#footer a {color: #000;}
#footer-menu a {color: #fff;}
#footer-menu a:hover {color: #fff;}

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

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

.more-link a,.more-link a:visited {color: #000;}
.more-link a:hover {color: #2121d2;}