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

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

#display_body {
width: 850px;
}

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

#header {
}

#wrap {
}

#main {
}

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

#sub {
}

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

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

#footer {
position: relative;
}


/*_____________________________ main をフレームで囲む _____________________________*/
/*
#wrap-inside {padding-bottom: 35px;}
#main-disp {padding-left: 5px;}

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

.main-top div {
position: absolute;
width: 200px;
height: 15px;
right: 0;
background-position: right top;
}

.main-bottom {
padding: 0;
height: 15px;
background-position: left bottom;
}

.main-bottom div {
position: absolute;
width: 200px;
height: 15px;
right: 0;
background-position: right bottom;
}

.main-bottom div a {
position: absolute;
top: -13px;
right: 17px;
}

#main-inside {
position: relative;
margin-top: 3px;
padding: 0;
background-position: right top;
background-repeat: repeat-y;
}

#main-inside-box {
margin-right: 5px;
background-position: left top;
background-repeat: repeat-y;
}

html #display_body,html #container {background: none;}
.main-top,.main-top div {background-image: url(img/system/bg_wrap_1top.gif);}
#main-inside,#main-inside-box {background-image: url(img/system/bg_wrap_2mid.gif);}
.main-bottom,.main-bottom div {background-image: url(img/system/bg_wrap_3btm.gif);}
*/


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

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

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

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

/*########################___    footer___########################*/
#footer-inside {
margin-left: 5px;
padding: 5px 5px 20px 0;
}

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


/*########################___        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___########################*/
エレメント:after
{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

エレメント
{display: inline-block;}

/* Mac IE を除外 ここから \*/
エレメント
{display: block;}
/* Mac IE を除外 ここまで */


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

/*____________ バナータイプ：両端あり（左右端のある画像が必要） ____________*/
/*
.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 {
}

.menu .box {
/*
margin-right: 0;
*/
}

.menu .box-title {
margin: 9px 5px 10px 8px;
font-size: 16px;
}

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


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

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

/*
.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.7em no-repeat;
}

/*__________________________________ search __________________________________*/
.search .box-title {
margin: 10px 0 15px 5px;
padding: 0;
font-size: 14px;
color: #fff;
}

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

.col > .search form .submit:hover,.re-search > form input.submit:hover {
background-position: left -30px;
}
*/


/*__________________________________ page-top link __________________________________*/

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

.main-bottom div a {
}

.main-bottom div a:hover {
}


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


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

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

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: -5px;
}

/*########################___    Top page___########################*/
/*########################___        top-impre ___########################*/
.top-impression {
padding-top: 0;
}

.top-impression h2 {
margin: 25px 20px 10px;
background: none;
border: none;
color: #254a92;
}

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

.top-navi .box {
/*
border: solid 2px #e6e6e6;
*/
font-size: 12px;
}

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

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

.top-navi img {
display: block;
margin: 8px auto;
}

.top-navi a,.top-navi a:visited {
color: #333;
}

.top-navi em {
font-size: 14px;
font-weight: bold;
color: #254a92;
}

.top-navi .more-link {
display: block;
padding-top: 3px;
text-align: right;
font-size: 12px;
}


/*########################___        information___########################*/
.information {
margin: 10px 0 15px;
}

.information .box-title {
margin: 10px 0 12px 23px;
color: #224e3d;
}

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

.information .more-link {
position: absolute;
top: 5px;
right: 5px;
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: #f4f4f4;
}

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

.information table td.info-date {
width: 6em;
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%;
}


/*########################___    Ind page___########################*/
/*########################___        Items ___########################*/
.item-list .box-body {
padding: 1px 8px 8px 8px;
}

.item-list .box-title {
margin: 11px 5px 6px 5px;
padding: 0;
color: #224;
}

.item-list h4 {
margin-bottom: -5px;
color: #254a92;
}

table.item-list td {
border: solid 1px #ccd;
}

tr.table-title td {
background: #5774af;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #fff;
}

table.item-list h2,table.item-list h3,table.item-list h4 {
clear: none;
margin: 0;
font-size: 14px;
border: none;
background: none;
}

table.item-list img {
float: left;
margin: 0 8px 0 0;
}

table.item-list p {
padding-top: 0;
}

.item-detail .box-title {
margin: 13px 5px 6px 5px;
padding: 0;
color: #224;
}

.item-sub .box-title {
color: #222;
}

table.item-spec {
width: 98%;
margin-top: 10px;
}

/*########################___        campany ___########################*/
table.company-summary {
width: 98%;
margin-top: 0;
}

table.company-summary tbody th,table.biography tbody th {
background: #e6ecf7;
}

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


/*########################___        contact ___########################*/
.mail_form {width: 98%;}
.mail_form th {width: 9em;text-align: center;}
.mail_form input,.mail_form textarea {width: 98%;}
.mail_form #yourname {width: 60%;}
.mail_form #yourmail {width: 75%;}

#form_reset {margin-right: 5px;}

/*########################___    docoration box___########################*/
/*__________________________________ パネルボックス __________________________________*/
/*__________________________________ ラインナップ __________________________________*/
.lineup li {
background-position: left 4px;
}

.lineup h2,.lineup h3,.lineup h4 {
padding: 0;
}

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

.pickup .box-title {
margin: 10px 0 8px 5px;
padding: 0;
color: #214070;
line-height: 1;
color: #fff;
}


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

.stac .main-cell h2,.stac .main-cell h3,.stac .main-cell h4,.stac .main-cell h5 {
padding: 0;
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;}

/*__________________________________ フローチャート __________________________________*/
.flowchart .box-title {
padding: 0;
}

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

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

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

.announce2 .box {
border: solid 2px #ccc;
}

.announce2 .box-body {
padding: 1px 6px 6px 6px;
}

.announce2 .box-title,.announce5 .box-title {
color: #000;
}

.announce3 .box-title {
color: #224;
}

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

.announce5 .box-title {
margin: 11px 5px 8px 15px;
}


/*########################___        billboard___########################*/
.billboard {
margin-bottom: 10px;
}

.billboard .box-title {
margin: 0 5px 5px 5px;
padding: 0;
font-size: 16px;
}

.billboard em {
color: #254a92;
}

.billboard a.include-link:hover {
background: #c7dbff;
}

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


/*########################___    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: #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 {background: url(img/system/bg_header.gif) right bottom repeat-x;}
#footer-inside {background: url(img/system/bg_footer.gif) right top repeat-x;}
#footer-menu {background: url(img/system/gmenu.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 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);}
*/

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

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

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

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

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

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

.item-sub div div div {background-image: url(img/system/box_announce4_1top.gif);}
.item-sub div {background-image: url(img/system/box_announce4_2mid.gif);}
.item-sub div div div div div {background-image: url(img/system/box_announce4_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: #333;}

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

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

.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.cat-name,.menu li span.cat-name {color: #fff;}
.menu li a.cat-name:hover {color: #32415d;}

.menu li a.c_page,#sub-menu li a.c_page:hover {color: #333;}
.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: #333;}
#footer a {color: #333;}
#footer-menu a {color: #fff;}
#footer-menu a:hover {color: #fff;}

h3 a {color: #3e547f;}
h3 a:hover {color: #2121d2;}

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

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

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