@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 {
margin-left: 0;
padding-right: 0;
}

#header {
}

#wrap {
margin-top: 15px;
}

#main {
}

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

#sub {
}

#sub-inside {
margin-top: 15px;
padding: 0 0 10px 5px;
}

#sub-disp {
padding: 0 5px 20px;
background: #e3e3e3;
border: solid #d33;
border-width: 3px 0;
}

#footer {
position: relative;
}


/*########################___    header___########################*/
#header {
margin: 10px 0 0 5px;
border: solid 1px #999;
border-bottom: none;
}

#header-inside {
padding: 0 10px;
}

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

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

/*_____________________________ page_cover _____________________________*/
#page_cover {
width: auto;
margin-left: 5px;
border-left: solid 1px #999;
border-right: solid 1px #999;
}

/*########################___    footer___########################*/
#footer {
margin-bottom: 10px;
border: solid 1px #999;
}

#footer-inside {
padding: 5px 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;
}


/*########################___    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 {
margin-left: 5px;
padding-top: 8px;
border: solid 1px #999;
border-top: none;
}

#global_menu ul {
margin-right: 0;
}

#global_menu a {
border-top: solid 1px #bbb;
border-left: solid 1px #bbb;
padding-left: 15px;
}

#global_menu a span {
margin-left: 0;
padding: 8px 15px 5px 0px;
}


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

.menu .box {
margin: 0;
}

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

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


.menu ul li a,.menu ul li span.cat-name {
padding-left: 0;
padding-right: 5px;
background-color: #fff;
}

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

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

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

#sub .menu li .cat-name {background: #78c42d;}
#sub .menu li a:hover {background-color: #6699ff;}
#sub .menu li a.c_page,#sub .menu li a.c_page:hover {background-color: #eab048;}

.menu li a:hover {background-position: left -143px;}
.menu li a.c_page,.menu li a.c_page:hover {background-position: left -283px;}
.menu li a:hover span {background-position: right -40px;}


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

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

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

/*__________________________________ search __________________________________*/
.search .box {
margin: 0;
}

.search .box-title {
margin: 0 -5px 8px -10px;
padding: 5px 5px 5px 8px;
font-size: 14px;
color: #fff;
background: #78c42d;
}

.search .box-body {
padding: 0px 5px 8px 10px;
background: #fff;
}


/*__________________________________ page-top link __________________________________*/

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

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

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

h3 {
clear: both;
margin: 8px 5px 0 5px;
padding: 5px 0 5px 27px;
background-position: left top;
font-size: 110%;
border-bottom: solid 1px #ccc;
}

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 .box-title {
margin: 7px 0 17px 30px;
color: #fff;
}

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

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

.information .box-body .more-link a {
color: #fff;
}

.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 {
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 10px 8px;
}

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

.item-list h2,.item-list h3,.item-list h4 {
padding: 0;
}

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

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

.item-detail .box-title {
margin: 9px 5px 0 5px;
padding: 0;
color: #222;
}

.item-sub .box-title {
margin: 8px 5px 6px 30px;
padding: 0;
color: #fff;
}

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

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

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

.pickup .box-title {
margin: 13px 0 6px 8px;
padding: 0;
line-height: 1;
color: #222;
}


/*__________________________________ スタック __________________________________*/
.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;
}

.basic .box-title {
padding: 0;
}

.announce1 .box-title,.announce4 .box-title {
margin: 14px 5px 3px 15px;
padding: 0;
font-size: 16px;
color: #333d48;
}

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

.announce5 .box-title {
margin: 9px 0 10px 30px;
padding: 0;
color: #fff;
}

.announce5 .box-body {
padding: 1px 10px 0;
}

.announce6 .box-title {
margin: 10px 5px 0 5px;
padding: 0;
}


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

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

* html .billboard .box-title {margin-top: 12px;}
*:first-child+html .billboard .box-title {margin-top: 12px;}


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


/*########################___    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 {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,.announce5 div div div div div {background-image: none;}

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

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


/*___________________ 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_announce6_1top.gif);}
.item-list div {background-image: url(img/system/box_announce6_2mid.gif);}
.item-list div div div div div {background-image: url(img/system/box_announce6_3btm.gif);}

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

.item-sub div div div {background-image: url(img/system/box_announce5_1top.gif);}
.item-sub div,.item-sub div div div div div {background-image: none;}


/* ボックス背景描画の必須設定：削除厳禁 */
.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;}

h1 a,h1 a:visited {color: #333;}

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

#global_menu a {color: #333;}
#global_menu a:hover {color: #33f;}

.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: #333;}
#footer-menu a:hover {color: #33e;}

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

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

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







.col1:after
,.box-body9:after
,.separate:after
{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.col1
,.box-body9
,.separate
{display: inline-block;}

/* Mac IE を除外 ここから \*/
.col1
,.box-body9
,.separate
{display: block;}
/* Mac IE を除外 ここまで */


.col1 {clear: both;}

.box-frame9 {
float: left;
width: 100%;
}

.box9 .b1,.box9 .b2,.box9 .b3,.box9 .bmid,.box9 .b4,.box9 .b5,.box9 .b6 {
position: relative;height: 1%;padding: 1px 0;background-repeat: no-repeat;}

.box9 .b1 {margin: 20px 0 20px 20px;
background-position: right top;background-repeat: repeat-y;}
.box9 .b2,.box9 .b5 {margin: -21px 0;padding:0;background-position: right top;}
.box9 .b3 {padding:0;background-position: right bottom;}
.box9 .bmid {margin: 0 30px 0 -20px;}
.box9 .b4 {margin: 19px 0;background-position: left top;background-repeat: repeat-y;}
* html .box9 .b4 {margin-top: 20px;}
*:first-child+html .box9 .b4 {margin-top: 20px;}
.box9 .b5 {background-position: left top;}
.box9 .b6 {padding: 0;background-position: left bottom;}

.box9 .box-body9 {
position: relative;
margin: 0 -30px 0 0;
padding: 1px 8px 7px 8px;
}

.formblock {
width: 570px;
margin-bottom: 10px;
}

.form-only {
width: 480px;
margin-bottom: 10px;
}

.shorttype {
width: 500px;
}

.shorttype .box9 {
margin-left: -25px;
}

.longtype {
width: 750px;
}

.formblock h2 {
margin: 0;
height: 0;
font-size: 1px;
text-indent: -9999px;
color: #fff;
}

.longtype h2 {
margin: 0 0 0 235px;
height: 61px;
background: url(img/system/heading_for_longtype.gif) no-repeat;
}

.formblock .box-body9 {
padding: 115px 5px 10px 0;
}

.longtype .box-body9 {
padding: 58px 5px 10px 0;
}

.box-body9 .form-panel .box9 {
margin-left: 235px;
}

.shorttype .form-panel .box9 {
margin-left: 35px;
}

.form-panel .box-body9 {
padding: 33px 10px 0 27px;
font-size: 12px;
}

.longform form,.form-only form {
font-size: 16px;
}

form input {
margin: 5px 0 0;
}

.form-panel form dl {
margin: 0;
padding: 0 10px 0 0;
line-height: 1;
}

.form-panel form dt {
padding-top: 10px;
}

.form-panel form dd {
margin: 0;
padding: 5px 0 0 0;
}

.longform form dd,.form-only form dd {
margin: -22px 0 0 8em;
padding: 5px 0 0 0;
}

.form-panel form p {
margin: 0;
}

.form-submit input {
float: right;
position: relative;
margin: -90px -20px -20px 0;
width: 131px;
}

.formblock .b2,.formblock .b5 {background-image: url(img/system/box_formblock_1top.gif);}
.longtype .b2,.longtype .b5 {background-image: url(img/system/box_formblock_1top_long.gif);}
.formblock .b1,.formblock .b4 {background-image: url(img/system/box_formblock_2mid.gif);}
.formblock .b3,.formblock .b6 {background-image: url(img/system/box_formblock_3btm.gif);}
.shorttype .b3,.shorttype .b6 {background-image: url(img/system/box_formblock_3btm_short.gif);}

.form-panel .b2,.form-panel .b5 {background-image: url(img/system/box_form_panel_1top.gif);}
.form-panel .b1,.form-panel .b4 {background-image: url(img/system/box_form_panel_2mid.gif);}
.form-panel .b3,.form-panel .b6 {background-image: url(img/system/box_form_panel_3btm.gif);}
.form-only .b2,.form-only .b5 {background-image: url(img/system/box_form_panel_1top_fonly.gif);}
.form-only .b1,.form-only .b4 {background-image: url(img/system/box_form_panel_2mid_fonly.gif);}
.form-only .b3,.form-only .b6 {background-image: url(img/system/box_form_panel_3btm_fonly.gif);}