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

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

#display_body {
width: 850px;
}

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

#container {
}

#header {
}

#wrap {
}

#main {
float: right;
}

#main-disp {
border: solid 2px #ddd;
padding: 0 8px 15px;
}

#sub {
}

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

#footer {
position: relative;
}


/*########################___    header___########################*/
#header {
margin-bottom: 10px;
}

#header-inside {
padding: 0;
}

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

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

/*_____________________________ page_cover _____________________________*/

/*########################___    footer___########################*/
#footer-inside {
padding: 12px 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;
}


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

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

#global_menu a:hover {background-color: #fff;}

#global_menu a:hover {background-position: left -40px;}
#global_menu a:hover span {background-position: right -40px;}


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

.menu .box-body {
padding: 1px 0 4px 0;    /* top 0px は崩れ発生のため厳禁 */
}

.menu .box-title {
font-size: 1px;
text-indent: -9999px;
color: #fff;
line-height: 0;
}

#wrap .menu ul {
margin-top: -14px;
}

#wrap .menu ul ul {margin-top: 0;}

.menu ul li a,.menu ul li span.cat-name {
margin: 1px 5px 0 0;
padding: 3px 0 0 0;
background-position: left top;
}

.menu li a span,.menu ul li span.cat-name span {
display: block;
margin-top: 0;
padding: 6px 10px 9px 12px;
background-position: left bottom;
}

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

.menu li * {background-position: left top !important;}
.menu li * span {background-position: left bottom !important;}


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

.menu ul ul a span {padding-left: 12px;}
.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;}


/*#_-___*/
/*########################___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: 9px 0 15px 5px;
font-size: 14px;
color: #fff;
}


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

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

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

h3 {
color: #254a92;
border-bottom: solid 1px #254a92;
}

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

/*########################___    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: 7px 0 0 0;
color: #678c1e;
border-bottom: solid 3px #678c1e;
}

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

.information .more-link {
position: absolute;
top: 0;
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: 9px 5px 6px 5px;
color: #000;
}

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

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

tr.table-title td {
background: #325cb1;
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;
}

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

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

.item-detail .box-title {
margin: 9px 5px 6px 5px;
color: #000;
}

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

.blog-page .imgblock {
padding-top: 0;
}

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

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

.pickup .box-title {
margin: 9px 0 8px 5px;
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 {
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,.announce3 .box-title,.announce5 .box-title {
margin: 8px 5px 8px 5px;
font-size: 14px;
color: #fff;
}

.announce2 .box-title,.announce4 .box-title {
margin: 8px 5px 0 5px;
font-size: 16px;
color: #000;
}

.announce4 .box-title {
margin: 9px 5px 5px 5px;
}

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

.announce6 .box-title {
margin: 8px 5px 0 5px;
font-size: 16px;
color: #000;
}


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

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

.billboard em {
color: #254a92;
}

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

.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;}
#header {background: #fff url(img/system/bg_header.gif) left top repeat-x;}
#footer {background: #fff url(img/system/bg_footer.gif) left top repeat-x;}

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

/*########################___    sub menu___########################*/
.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:hover,.menu li a:hover span {background-image: url(img/system/menu_lback_hover.gif);}

.menu ul li .cat-name,.menu ul li span.cat-name {background-image: url(img/system/menu_lback_catname.gif);}
.menu ul li .cat-name span,.menu ul li span.cat-name span {background-image: url(img/system/menu_lback_catname.gif);}

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


/*########################___    heading___########################*/
h2,h2 span {background-image: url(img/system/banner_big.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);}

.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,.search div div div div div {background-image: none;}

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


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

.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: #fff;}
#footer a {color: #fff;}
#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;}