@charset "utf-8";
@import url(//hello.myfonts.net/count/2af6d2);
@font-face {
    font-family: NeoSansStd-Bold;
    src: url(/common/webfonts/2AF6D2_0_0.eot);
    src: url(/common/webfonts/2AF6D2_0_0.eot?#iefix) format('embedded-opentype'), url(/common/webfonts/2AF6D2_0_0.woff) format('woff'), url(/common/webfonts/2AF6D2_0_0.ttf) format('truetype')
}

@font-face {
    font-family: NeoSansStd-Medium;
    src: url(/common/webfonts/2AF6D2_1_0.eot);
    src: url(/common/webfonts/2AF6D2_1_0.eot?#iefix) format('embedded-opentype'), url(/common/webfonts/2AF6D2_1_0.woff) format('woff'), url(/common/webfonts/2AF6D2_1_0.ttf) format('truetype')
}

@font-face {
    font-family: NeoSansStd-Regular;
    src: url(/common/webfonts/2AF6D2_2_0.eot);
    src: url(/common/webfonts/2AF6D2_2_0.eot?#iefix) format('embedded-opentype'), url(/common/webfonts/2AF6D2_2_0.woff) format('woff'), url(/common/webfonts/2AF6D2_2_0.ttf) format('truetype')
}

@font-face {
    font-family: NeoSansStd-Light;
    src: url(/common/webfonts/2AF6D2_3_0.eot);
    src: url(/common/webfonts/2AF6D2_3_0.eot?#iefix) format('embedded-opentype'), url(/common/webfonts/2AF6D2_3_0.woff) format('woff'), url(/common/webfonts/2AF6D2_3_0.ttf) format('truetype')
}

@font-face {
    font-family: paddock_pict;
    src: url(/common/webfonts/paddock_pict.eot);
    src: url(/common/webfonts/paddock_pict.eot?#iefix) format('embedded-opentype'), url(/common/webfonts/paddock_pict.ttf) format('truetype'), url(/common/webfonts/paddock_pict.woff) format('woff'), url(/common/webfonts/paddock_pict.svg#paddock_pict) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],
[class^=icon-] {
    font-family: paddock_pict;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-anchor:before {
    content: "\e606"
}

.icon-text_small:before {
    content: "\e605"
}

.icon-top_arrow:before {
    content: "\e607"
}

.icon-text_large:before {
    content: "\e608"
}

.icon-share:before {
    content: "\e609"
}

.icon-search:before {
    content: "\e60a"
}

.icon-rss:before {
    content: "\e60b"
}

.icon-right_arrow:before {
    content: "\e60c"
}

.icon-movie:before {
    content: "\e60d"
}

.icon-menu:before {
    content: "\e60e"
}

.icon-left_arrow:before {
    content: "\e60f"
}

.icon-form:before {
    content: "\e610"
}

.icon-close:before {
    content: "\e611"
}

.icon-brank:before {
    content: "\e612"
}

.icon-bottom_arrow:before {
    content: "\e613"
}

em {
    font-style: italic!important
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

textarea {
    resize: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset {
    border: 0
}

img {
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 0;
    font-size: 0;
    vertical-align: bottom
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: 400
}

ol,
ul {
    list-style: none
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: NeoSansStd-Regular;
    font-weight: 400
}

q:after,
q:before {
    content: ''
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

legend {
    color: #000
}

a {
    color: #0065bd;
    text-decoration: none;
    -moz-transition: background-color .15s ease;
    -webkit-transition: background-color .15s ease;
    -o-transition: background-color .15s ease;
    transition: background-color .15s ease
}

a:hover {
    text-decoration: underline
}

.clearfix {
    overflow: hidden
}

* html .clearfix {
    height: 1%;
    overflow: visible
}

body {
    font: 100%/1.5 "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
    color: #4C6471
}

button,
input,
select,
textarea {
    font: 99% "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif
}

table {
    font: 100%
}

.animenu input[type=checkbox] {
    position: absolute;
    top: -9999px;
    left: -9999px
}

.animenu label {
    display: none;
    cursor: pointer;
    user-select: none
}

#content {
  font-size: 16px;
}
#content h1 {
  font-size: 2em;
  font-weight: bold;
}
#content .col_01,
#content .col_02 {
    float: left
}

#content .col_03 {
    margin-left: 20px;
    float: left
}

#content .col_04 {
    float: left
}

#content .col_05 {
    float: left;
    margin-left: 15px
}

#content .colSection_02 {
    margin-left: -15px
}

* html #content .colSection_02 {
    margin-left: -30px
}

#content .col_350 {
    margin-left: 20px;
    width: 350px;
    float: left
}

#content .col_339 {
    margin-left: 20px;
    width: 339px;
    float: left
}

#content .col_470 {
    margin-left: 20px;
    width: 470px;
    float: left
}

.mod_pic_list_01 {
    margin: 0 0 -30px -10px;
    overflow: hidden
}

.mod_pic_list_01 .block01 {
    margin: 0 0 30px -1px;
    padding: 0 9px;
    border-left: dotted 1px #bbb
}

@media print {
    #content .section {
        width: 720px
    }
    #content .col_01 {
        display: none
    }
}

.localNav {
    font-family: NeoSansStd-Regular;
    margin-top: 47px
}

.localNav .cur {
    font-family: NeoSansStd-Medium
}

.level2 a {
    font-size: 131%;
    border-bottom: 1px solid #D7DCE1;
    text-decoration: none;
    display: block;
    padding: 16px 0 14px 12px
}

.level2 a:hover {
    background-color: #E6EBF0
}

.level3 {
    margin-bottom: -1px;
    overflow: hidden;
    zoom: 1
}

.level3 .curParent {
    background: #E6EBF0
}

.level3 .curParent>a:hover {
    background: #DAE0E6
}

.level3 a {
    font-family: NeoSansStd-Medium;
    background-image: none;
    font-size: 86%;
    padding: 10px 0 9px 12px
}

.level3>.curParent .cur,
.level3>.curParent .cur:hover {
    background: #0e8bd1;
    color: #fff;
    text-decoration: none;
    background-size: 10px auto!important
}

.level3 a:hover {
    background: #E6EBF0
}

.level4 {
    margin-bottom: -1px;
    overflow: hidden;
    zoom: 1
}

.level4 .curParent {
    background: #f6f6f6
}

.level4 a {
    font-family: NeoSansStd-Medium;
    font-size: 74%;
    padding: 12px 5px 12px 28px;
    position: relative;
    line-height: 1.4;
    background: url(/common/img/localnavi_lv4.png) 10px center no-repeat;
    background-size: 10px auto
}

.level4 a:before {
    display: none;
    content: "—";
    font-size: 14px;
    font-weight: 400;
    width: 20px;
    height: 10px;
    vertical-align: bottom;
    position: absolute;
    left: 11px;
    top: 23%
}

.level4 a.cur {
    background: #0e8bd1 url(/common/img/localnavi_lv4_cur.png) 10px center no-repeat!important;
    background-size: 10px auto
}

.level4 a:hover {
    background: #DAE0E6 url(/common/img/localnavi_lv4.png) 10px center no-repeat;
    background-size: 10px auto
}

#pageTopArea {
    border-top: 1px solid #ddd;
    font-size: 93%;
    background: #4B636F;
    color: #FFF
}

#pageTopArea .section {
    margin: 0 auto;
    width: 960px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

#pageTopArea .summary {
    padding: 0 10px 0 14px;
    float: left;
    width: 841px
}

#pageTopArea .summary .ttl {
    margin-top: 12px
}

#pageTopArea .summary .txt {
    margin-bottom: 14px
}

#pageTopArea .btn {
    display: block;
    float: right;
    width: 94px;
    border-left: 1px solid #ddd
}

#pageTopArea .btn a {
    width: 94px;
    height: 76px;
    display: block;
    background: #fff url(/common/img/btn_pagetop_01.png) center center no-repeat;
    text-indent: -9999px
}

#pageTopArea .btn a:hover {
    background: #e3f1fe url(/common/img/btn_pagetop_01_ovr.png) center center no-repeat
}

@media print {
    #pageTopArea {
        display: none
    }
}

#serviceMenu {
    clear: both;
    overflow: hidden;
    max-height: 0;
    background: #E6EBF0 url(/common/img/megadorop_line01.png) repeat-x top !important;
    border-bottom: 3px solid #0E8BD1;
    position: relative;
    z-index: 2
}

#serviceMenu_title {
    margin-top: 31px
}

#serviceMenu_title p {
    color: #4D636C;
    text-align: center;
    border-bottom: none;
    font-size: 150%;
    padding: 0;
    margin: 27px 0 7px;
    font-family: NeoSansStd-Regular
}

#serviceMenuCategory {
    margin: 0 auto 24px;
    max-width: 960px
}

#serviceMenuCategory li {
    font-family: NeoSansStd-Medium;
    text-align: center;
    float: left;
    width: 18.43%;
    height: 137px;
    margin: 0 1.875% 20px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: url(/common/img/logo_sprite.png) center 24px no-repeat
}

#serviceMenuCategory li.serviceMenu01 {
    background-position: center -114px
}

#serviceMenuCategory li.serviceMenu02 {
    background-position: center -448px
}

#serviceMenuCategory li.serviceMenu03 {
    background-position: center -782px
}

#serviceMenuCategory li.serviceMenu04 {
    background-position: center -1116px
}

#serviceMenuCategory li.serviceMenu05 {
    background-position: center -1450px;
    margin: 0
}

#serviceMenuCategory li.serviceMenu06 {
    background-position: center -1784px;
    margin-bottom: 0
}

#serviceMenuCategory li.serviceMenu07 {
    background-position: center -2118px;
    margin-bottom: 0
}

#serviceMenuCategory li.serviceMenu08 {
    background-position: center -2452px;
    margin-bottom: 0
}

#serviceMenuCategory li.serviceMenu09 {
    background-position: center -2786px;
    margin-bottom: 0
}

#serviceMenuCategory li.serviceMenu10 {
    background-position: center -3120px;
    margin: 0
}

#serviceMenuCategory li.serviceMenu01:hover,
#serviceMenuCategory li.serviceMenu02:hover,
#serviceMenuCategory li.serviceMenu03:hover,
#serviceMenuCategory li.serviceMenu04:hover,
#serviceMenuCategory li.serviceMenu05:hover,
#serviceMenuCategory li.serviceMenu06:hover,
#serviceMenuCategory li.serviceMenu07:hover,
#serviceMenuCategory li.serviceMenu08:hover,
#serviceMenuCategory li.serviceMenu09:hover,
#serviceMenuCategory li.serviceMenu10:hover {
    background-color: #DAE0E6
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    #serviceMenuCategory li {
        background: url(/common/img/logo_sprite_2x.png) center 24px no-repeat;
        background-size: 415px auto
    }
    #serviceMenuCategory li.serviceMenu01 {
        background-position: center -80px
    }
    #serviceMenuCategory li.serviceMenu02 {
        background-position: center -315px
    }
    #serviceMenuCategory li.serviceMenu03 {
        background-position: center -550px
    }
    #serviceMenuCategory li.serviceMenu04 {
        background-position: center -786px
    }
    #serviceMenuCategory li.serviceMenu05 {
        background-position: center -1021px;
        margin: 0
    }
    #serviceMenuCategory li.serviceMenu06 {
        background-position: center -1256px;
        margin-bottom: 0
    }
    #serviceMenuCategory li.serviceMenu07 {
        background-position: center -1491px;
        margin-bottom: 0
    }
    #serviceMenuCategory li.serviceMenu08 {
        background-position: center -1726px;
        margin-bottom: 0
    }
    #serviceMenuCategory li.serviceMenu09 {
        background-position: center -1961px;
        margin-bottom: 0
    }
    #serviceMenuCategory li.serviceMenu10 {
        background-position: center -2196px;
        margin: 0
    }
}

#serviceMenuCategory li a {
    padding: 103px 0 0;
    display: block;
    text-decoration: none;
    color: #50646E
}

#serviceMenuCategory li.serviceMenu01,
#serviceMenuCategory li.serviceMenu02,
#serviceMenuCategory li.serviceMenu03,
#serviceMenuCategory li.serviceMenu04,
#serviceMenuCategory li.serviceMenu05,
#serviceMenuCategory li.serviceMenu06,
#serviceMenuCategory li.serviceMenu07,
#serviceMenuCategory li.serviceMenu08,
#serviceMenuCategory li.serviceMenu09,
#serviceMenuCategory li.serviceMenu10 {
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.serviceMenubtn {
    width: 150px;
    margin: 0 auto;
    text-align: center;
    clear: both;
    font-size: 112%;
    font-family: NeoSansStd-Medium
}

.serviceMenubtn a {
    display: block;
    width: 150px;
    background: #0065BD;
    padding: 15px 10px;
    margin: 0 auto 40px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #FFF;
    text-decoration: none;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.serviceMenubtn a:hover {
    background: #004F99
}

.lh0 {
    line-height: 0
}

#content .colSection_01:after,
#content .colSection_02:after,
#content .col_02:after,
#content .section:after,
#footer .link_01:after,
#footer:after,
#footerSitemap .child:after,
#footerSitemap .section:after,
#globalNav ul:after,
#globalNav:after,
#header .assistArea:after,
#header .fontSize:after,
#header .item_01:after,
#header .item_02:after,
#header .link_01:after,
#header .section:after,
#header:after,
#pageTopArea .section:after,
.cf:after,
.frame_rad_01 .innerArea:after,
.mod_button_01 ul:after,
.mod_button_02 ul:after,
.mod_button_03 ul:after,
.mod_button_09 ul:after,
.mod_frame_04 dd:after,
.mod_frame_05:after,
.mod_frame_07 .innerArea:after,
.mod_frame_07 .sideTitle:after,
.mod_frame_07 .summary:after,
.mod_frame_07_02 .innerArea:after,
.mod_frame_07_02 .sideTitle:after,
.mod_frame_07_02 .summary:after,
.mod_frame_12:after,
.mod_frame_13:after,
.mod_interface_02:after,
.mod_interface_03:after,
.mod_list_08:after,
.mod_list_09:after,
.mod_search_01:after {
    content: "";
    display: table
}

#content .colSection_01:after,
#content .colSection_02:after,
#content .col_02:after,
#content .section:after,
#footer .link_01:after,
#footer:after,
#footerSitemap .child:after,
#footerSitemap .section:after,
#globalNav ul:after,
#globalNav:after,
#header,
#header .assistArea:after,
#header .fontSize:after,
#header .item_01:after,
#header .item_02:after,
#header .link_01:after,
#header .section:after,
#pageTopArea .section:after,
.cf:after,
.frame_rad_01 .innerArea:after,
.mod_button_01 ul:after,
.mod_button_02 ul:after,
.mod_button_03 ul:after,
.mod_button_09 ul:after,
.mod_frame_04 dd:after,
.mod_frame_05:after,
.mod_frame_07 .innerArea:after,
.mod_frame_07 .sideTitle:after,
.mod_frame_07 .summary:after,
.mod_frame_07_02 .innerArea:after,
.mod_frame_07_02 .sideTitle:after,
.mod_frame_07_02 .summary:after,
.mod_frame_12:after,
.mod_frame_13:after,
.mod_interface_02:after,
.mod_interface_03:after,
.mod_list_08:after,
.mod_list_09:after,
.mod_search_01:after {
    clear: both
}

#content .colSection_01,
#content .colSection_02,
#content .col_02,
#content .section,
#footer,
#footer .link_01,
#footerSitemap .child,
#footerSitemap .section,
#globalNav,
#globalNav ul,
#header,
#header .assistArea,
#header .fontSize,
#header .section,
#pageTopArea .section,
.cf,
.frame_rad_01 .innerArea,
.mod_button_01 ul,
.mod_button_02 ul,
.mod_button_03 ul,
.mod_button_09 ul,
.mod_frame_04 dd,
.mod_frame_05,
.mod_frame_07 .innerArea,
.mod_frame_07 .sideTitle,
.mod_frame_07 .summary,
.mod_frame_07_02 .innerArea,
.mod_frame_07_02 .sideTitle,
.mod_frame_07_02 .summary,
.mod_frame_12,
.mod_frame_13,
.mod_interface_02,
.mod_interface_03,
.mod_list_08,
.mod_list_09,
.mod_search_01 {
    zoom: 1
}

BODY,
DD,
DL,
DT,
FORM,
H1,
H2,
H3,
H4,
H5,
H6,
HTML,
LI,
OL,
UL {
    margin: 0;
    padding: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

ARTICLE,
ASIDE,
DETAILS,
FIGCAPTION,
FIGURE,
FOOTER,
HEADER,
HGROUP,
MENU,
NAV,
SECTION {
    display: block
}

BODY {
    webkit-text-size-adjust: 100%
}

.box {
    float: left
}

.boxR {
    float: right
}

IMG {
    border: 0;
    max-width: 100%;
    height: auto;
    width: auto
}

#header LI {
    list-style-type: none
}

DIV.section {
    clear: both;
padding-top: 0;
padding-bottom: 0;
}

#content .section,
#footer .section,
#header .section,
#path .section {
    max-width: 960px;
    margin: 0 auto
}

#globalNav {
    min-width: 960px;
    margin: 0 auto
}

#header .item_05,
.mod_interface_04,
.serviceMenubtn_sp {
    display: none
}

#header {
    width: 100%
}

.layoutB #col_02 {
    width: 70.833%;
    float: left
}

.layoutB #col_01 {
    width: 22.916%;
    float: right
}

.col_06 {
    width: 100%;
    padding: 20px 0 0
}

#top .col_06 {
    padding: 0
}

@media only screen and (max-width:599px) {
    .col_06 {
        padding: 0
    }
}

.col_07_1,
.col_07_2 {
    width: 50%
}

.col_08_1,
.col_08_1left,
.col_08_1right,
.col_08_3 {
    width: 33.33%
}

.col_08_2 {
    width: 33.34%
}

.col_08_12,
.col_08_23,
.col_10_2 {
    width: 66.67%
}

.col_10_1 {
    width: 33.33%
}

.col_01 {
    width: 22.916%
}

.col_02 {
    width: 70.833%;
    margin: 20px 0 0
}

.col_02 p {
    line-height: 1.5;
    margin: 11px 0 20px
}

.col_01b {
    width: 22.9%
}

.col_02b {
    width: 70.8%
}

.col_09_1,
.col_09_2,
.col_09_3,
.col_09_4 {
    width: 25%
}

.col_09_12 {
    width: 50%
}

.col_09_3b {
    width: 25%
}

.col_09_4b {
    width: 25%;
    float: right
}

.col_09_5,
.col_09_6,
.col_09_7,
.col_09_8 {
    width: 25%
}

.col_07_1 {
    padding-right: .9375%
}

.col_07_2 {
    padding-left: .9375%
}

.layoutB .col_07_1 {
    padding-right: 1.3235%
}

.layoutB .col_07_2 {
    padding-left: 1.3235%
}

.col_08_1 {
    padding-right: 1.2500125%
}

.col_08_2 {
    padding-left: .6250063%;
    padding-right: .6250063%
}

.col_08_3 {
    padding-left: 1.2500125%
}

.layoutB .col_08_1 {
    padding-right: .9049758%
}

.layoutB .col_08_2 {
    padding-left: .4524879%;
    padding-right: .4524879%
}

.layoutB .col_08_3 {
    padding-left: .9049758%
}

.col_08_1left {
    padding-right: .9375%
}

.col_08_1right {
    padding-left: 0;
    -moz-box-sizing: content-box
}

.layoutB .col_08_1left {
    padding-right: 1.3235%
}

.layoutB .col_08_1right {
    padding-left: 1.3235%
}

.col_08_12 {
    padding-right: 1.875%
}

.layoutB .col_08_12 {
    padding-right: 0
}

.col_10_2 {
    padding-right: .9375%
}

.col_10_1 {
    padding-left: .9375%
}

.col_01 {
    margin-left: 3.125%
}

.col_02 {
    margin-right: 3.125%
}

.col_01b {
    padding-left: 3.15%
}

.col_02b {
    padding-right: 3.15%
}

.col_08_23 {
    padding-left: .9375%
}

.layoutB .col_08_23 {
    padding-left: 0
}

.col_09_1 {
    padding-right: .3125%
}

.col_09_2,
.col_09_3 {
    padding-left: .3125%;
    padding-right: .3125%
}

.col_09_4 {
    padding-left: .3125%
}

.col_09_12 {
    padding-right: .3125%
}

.col_09_3b {
    padding-left: .3125%;
    padding-right: .3125%
}

.col_09_4b {
    padding-left: .3125%
}

.col_09_5 {
    padding-right: .3125%
}

.col_09_6,
.col_09_7 {
    padding-left: .3125%;
    padding-right: .3125%
}

.col_09_8 {
    padding-left: .3125%
}

#footer {
    clear: both;
    width: 100%
}

@media only screen and (min-width:960px) and (max-width:1000px) {
    #header .logo {
        margin-top: 7px;
        margin-left: 1%;
        float: left;
        width: 295px
    }
}

@media only screen and (min-width:600px) and (max-width:959px) {
    #content .section,
    #footer .section,
    #header .section,
    #path .section {
        max-width: 959px;
        margin: 0 auto
    }
    #globalNav {
        min-width: 600px;
        margin: 0 auto
    }
    #header .assistArea {
        margin-right: 15px;
        top: 11px
    }
    #globalNav li {
        font-size: 94%
    }
    #globalNav .home {
        width: 17.578125%
    }
    #globalNav .service {
        width: 16.927083333%
    }
    #globalNav .company {
        width: 16.880208333%
    }
    #globalNav .release {
        width: 17.53125%
    }
    #globalNav .reporting {
        width: 15.276041667%
    }
    #globalNav .csr {
        width: 15.807291667%
    }
    #globalNav .csr,
    x:-moz-any-link,
    x:default {
        width: 10.807291667%
    }
    #header .item_05 {
        display: none
    }
    #header .search .field {
        width: 150px
    }
    #header .fontSize {
        display: none!important
    }
    #header .btn_01 {
        margin-right: 15px
    }
    #header .btn_01 .ja {
        height: 15px;
        width: 4.9em
    }
    #header .btn_01 .en {
        height: 15px
    }
    #footer {
        margin-top: 70px
    }
    #footer .copyright,
    #footer .sp_globalNav {
        margin-left: 15px
    }
    #footer .btn,
    #footer .link_01 {
        margin-right: 15px
    }
    #header {
        width: 100%
    }
    #header .logo {
        margin-top: 7px;
        margin-left: 15px;
        float: left;
        width: 295px
    }
    #header .assistArea {
        min-height: 41px
    }
    #path ul {
        margin-left: 15px
    }
    #content {
        margin-left: 4.6875%;
        margin-right: 4.6875%;
        width: 90.625%;
        float: none
    }
    .layoutB #col_02 {
        width: 90.625%;
        float: none
    }
    .layoutB #col_01 {
        display: none
    }
    #header LI {
        display: inline-block;
        width: 25%
    }
    .col_06 {
        width: 100%
    }
    .col_07_1,
    .col_07_2,
    .col_08_1,
    .col_08_2,
    .col_08_3 {
        width: 50%
    }
    .col_08_1a {
        width: 33.33333333333333%
    }
    .col_08_12,
    .col_08_23 {
        width: 66.66666666666666%
    }
    .col_01,
    .col_02 {
        width: 100%
    }
    .col_09_1,
    .col_09_2,
    .col_09_3,
    .col_09_4 {
        width: 50%
    }
    .col_09_12 {
        width: 100%
    }
    .col_09_3b,
    .col_09_4b {
        width: 50%!important
    }
    .col_09_5,
    .col_09_6,
    .col_09_7,
    .col_09_8 {
        width: 50%
    }
    .col_07_1,
    .layoutB .col_07_1 {
        padding-right: .64654725%
    }
    .col_07_2,
    .layoutB .col_07_2 {
        padding-left: .64654725%
    }
    .col_08_1,
    .layoutB .col_08_1 {
        padding-right: .64654725%
    }
    .col_08_2,
    .layoutB .col_08_2 {
        padding-left: .64654725%;
        padding-right: 0!important
    }
    .col_08_3,
    .layoutB .col_08_3 {
        padding-right: .64654725%;
        padding-left: 0!important
    }
    .col_08_12,
    .col_08_1left,
    .col_10_2,
    .layoutB .col_08_12,
    .layoutB .col_08_1left {
        padding-right: .6465472%
    }
    .col_08_1right,
    .col_08_23,
    .col_10_1,
    .layoutB .col_08_1right,
    .layoutB .col_08_23 {
        padding-left: .6465472%
    }
    .col_01 {
        margin-left: 0!important;
        margin-top: 30px!important
    }
    .col_02 {
        padding-right: .6465472%
    }
    .col_09_1,
    .col_09_3,
    .layoutB .col_09_1,
    .layoutB .col_09_3 {
        padding-left: .64654725%;
        padding-right: 0
    }
    .col_09_2,
    .col_09_4,
    .layoutB .col_09_2,
    .layoutB .col_09_4 {
        padding-left: 0;
        padding-right: .64654725%
    }
    .col_09_12 {
        padding-right: 0
    }
    .col_09_3b {
        padding-left: 0;
        padding-right: .3606%
    }
    .col_09_4b {
        padding-left: .3606%
    }
    .col_09_5,
    .col_09_7,
    .layoutB .col_09_5,
    .layoutB .col_09_7 {
        padding-left: 0
    }
    .col_09_6,
    .col_09_8,
    .layoutB .col_09_6,
    .layoutB .col_09_8 {
        padding-left: .7812%
    }
    .localNav {
        border-top: 1px solid #D7DCE1;
        font-family: NeoSansStd-Regular;
        margin-top: 47px
    }
    .localNav .cur {
        font-family: NeoSansStd-Medium
    }
    .level2 a {
        font-size: 131%;
        border-bottom: 1px solid #D7DCE1;
        text-decoration: none;
        display: block;
        padding: 16px 0 14px 12px
    }
    .level2 a:hover {
        background-color: #E6EBF0
    }
    .level3 {
        margin-bottom: -1px;
        overflow: hidden;
        zoom: 1
    }
    .level3 .curParent {
        background: #E6EBF0
    }
    .level3 a {
        font-family: NeoSansStd-Medium;
        background-image: none;
        font-size: 86%;
        padding: 10px 0 9px 12px;
        border-bottom: 1px solid #D7DDE3
    }
    .level3 .curParent .cur,
    .level3 .curParent .cur:hover {
        background: #0e8bd1;
        color: #fff;
        text-decoration: none
    }
    .level3 a:hover {
        background: #E6EBF0
    }
    .level4 {
        margin-bottom: -1px;
        overflow: hidden;
        zoom: 1
    }
    .level4 .curParent {
        background: #f6f6f6
    }
    .level4 a {
        font-family: NeoSansStd-Medium;
        font-size: 74%;
        padding: 12px 5px 12px 28px;
        position: relative;
        line-height: 1.4;
        background: url(/common/img/localnavi_lv4.png) 10px center no-repeat;
        background-size: 10px auto
    }
    .level4 a.cur {
        background: #0e8bd1 url(/common/img/localnavi_lv4_cur.png) 10px center no-repeat!important;
        background-size: 10px auto
    }
    .level4 a.cur:before {
        color: #FFF
    }
    .level4 .curParent .cur,
    .level4 .curParent .cur:hover {
        background: #0e8bd1;
        color: #fff;
        text-decoration: none
    }
    .level4 a:hover {
        background: #DAE0E6 url(/common/img/localnavi_lv4.png) 10px center no-repeat;
        background-size: 10px auto
    }
    #footer {
        width: 100%
    }
}

.level4 .curParent .cur,
.level4 .curParent .cur:hover {
    background: #0e8bd1;
    color: #fff;
    text-decoration: none
}

@media only screen and (max-width:767px) {
    BODY {
        min-width: 320px
    }
    .animenu>ul,
    .animenu>ul ul {
        visibility: visible;
        opacity: 1
    }
    .animenu input[type=checkbox]:checked~label,
    .animenu input[type=checkbox]~label:hover {
        color: #fff
    }
    .animenu {
        position: relative;
        max-height: 0;
        overflow: hidden;
        clear: both;
        background: #FFF;
        box-shadow: #555 0 4px 4px -4px;
        z-index: 1
    }
    .animenu>ul {
        position: relative;
        margin: .5em 0!important;
        padding: .25em;
        top: -8px
    }
    .animenu>ul:after {
        content: '';
        position: absolute;
        left: 2em;
        top: -12px;
        border-bottom-color: inherit;
        background: 0 0
    }
    .animenu>ul li {
        display: block
    }
    .animenu>ul>li {
        float: none;
        border: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }
    .animenu>ul>li>a {
        float: none;
        display: block;
        padding: 1em
    }
    .animenu>ul ul li:first-child>a:after {
        content: none
    }
    .animenu>ul ul a {
        padding-left: 2em;
        display: block;
        width: auto
    }
}

@media only screen and (max-width:599px) {
    BODY {
        -webkit-text-size-adjust: 100%
    }
    .col_02 {
        margin: 0
    }
    .col_02 p {
        line-height: 1.6;
        margin: 11px 0;
        font-size: 86%
    }
    #content .section {
        max-width: 599px;
        margin: 0 auto
    }
    #content {
        margin-left: 5.625%;
        margin-right: 5.625%
    }
    #content,
    .layoutB #col_02 {
        width: 88.75%;
        float: none
    }
    #col_01 {
        display: none
    }
    .col_06,
    .col_07_1,
    .col_07_2,
    .col_08_1,
    .col_08_12,
    .col_08_1left,
    .col_08_1right,
    .col_08_2,
    .col_08_23,
    .col_08_3,
    .col_09_1,
    .col_09_12,
    .col_09_2,
    .col_09_3,
    .col_09_3b,
    .col_09_4,
    .col_09_4b,
    .col_10_1,
    .col_10_2 {
        width: 100%
    }
    .col_01 {
        width: 100%;
        margin-left: 0
    }
    .col_02 {
        width: 100%
    }
    .col_07_1 {
        padding-right: 0
    }
    .col_07_2 {
        padding-left: 0
    }
    .col_08_12,
    .col_08_1left,
    .col_10_1 {
        padding-right: 0
    }
    .col_01 {
        padding-left: 0
    }
    .col_02 {
        padding-right: 0
    }
    .col_08_1right,
    .col_08_23,
    .col_10_1 {
        padding-left: 0
    }
    .col_08_1,
    .layoutB .col_08_1 {
        padding-right: 0
    }
    .col_08_2,
    .layoutB .col_08_2 {
        padding-left: 0;
        padding-right: 0
    }
    .col_08_3,
    .layoutB .col_08_3 {
        padding-left: 0
    }
    .col_09_1 {
        padding-right: 0
    }
    .col_09_2,
    .col_09_3 {
        padding-left: 0;
        padding-right: 0
    }
    .col_09_4 {
        padding-left: 0
    }
    .layoutB .col_09_1 {
        padding-right: 0
    }
    .layoutB .col_09_2,
    .layoutB .col_09_3 {
        padding-left: 0;
        padding-right: 0
    }
    .layoutB .col_09_4 {
        padding-left: 0
    }
    #footer {
        width: 100%
    }
    .localNav {
        border-top: 1px solid #E6EBF0;
        font-family: NeoSansStd-Regular;
        margin-top: 47px
    }
    .localNav .cur {
        font-family: NeoSansStd-Medium
    }
    .level2 a {
        font-size: 100%;
        border-bottom: 1px solid #E6EBF0;
        text-decoration: none;
        display: block;
        padding: 14px 0 12px 12px
    }
    .level2 a:hover {
        background-color: #E6EBF0
    }
    .level3 {
        margin-bottom: -1px;
        overflow: hidden;
        zoom: 1
    }
    .level3 .curParent {
        background: #E6EBF0
    }
    .level3 a {
        font-family: NeoSansStd-Medium;
        background-image: none;
        font-size: 74%;
        padding: 10px 0 9px 12px;
        border-bottom: 1px solid #D7DDE3
    }
    .level3 .curParent .cur,
    .level3 .curParent .cur:hover {
        color: #fff;
        text-decoration: none;
        background: #0e8bd1
    }
    .level3 a:hover {
        background: #E6EBF0
    }
    .level4 {
        margin-bottom: -1px;
        overflow: hidden;
        zoom: 1
    }
    .level4 .curParent {
        background: #f6f6f6
    }
    .level4 a {
        font-family: NeoSansStd-Medium;
        font-size: 74%;
        padding: 12px 5px 12px 28px;
        position: relative;
        line-height: 1.4;
        background: url(/common/img/localnavi_lv4.png) 10px center no-repeat;
        background-size: 10px auto
    }
    .level4 a.cur {
        font-family: NeoSansStd-Regular;
        background: url(/common/img/localnavi_lv4_cur.png) 10px center no-repeat
    }
    .level4 .curParent .cur,
    .level4 .curParent .cur:hover {
        background: #0e8bd1;
        color: #fff;
        text-decoration: none
    }
    .level4 a:hover {
        background: #e3f1fe url(/common/img/localnavi_lv4.png) 10px center no-repeat;
        background-size: 10px auto
    }
}

.search_area {
    padding-left: 1px;
}

#irMenu {
	clear: both;
	overflow: hidden;
	max-height: 0;
	background: #e6ebf0 url(/common/img/megadorop_line01.png) repeat-x top;
	border-bottom: 3px solid #0e8bd1;
	position: relative;
	z-index: 2;
	margin-top: -3px;
}
#irMenu .inner {
	margin: 0 auto 24px auto;
	padding: 40px 0 16px;
	max-width: 960px;
	width: 960px\9;/*for IE8*/
}
#irMenu dl {
	float: left;
	width: 23%;
	margin-right: 2%;
}
#irMenu dl.times4{
	width: 25%;
	margin-right: 0%
}
#irMenu dl.times4.mFix{
	width: 25%;
	margin-right: 0%;
	margin-top:-10px!important;
}

#irMenu dl dt {
	position: relaive;
	text-align: center;
	margin: 0;
	padding: 0 0 15px;
	border-bottom: 1px solid #c8cdd2;
	line-heigth: 1;
}
#irMenu dl.group dt:before {
	background-position: 0 0;
}
#irMenu dl.csr dt:before {
	background-position: 0 -50px;
}
#irMenu dl.governance dt:before {
	background-position: 0 -100px;
}
#irMenu dl dt a {
	font-size: 128.6%;
	font-weight: bold;
	line-height: 1;
}
#irMenu dl dd {
}
#irMenu dl.group ul, #irMenu dl.csr ul {
	width: 47.5806%;
	margin: 0;
	padding: 0;
	float: left;
}
#irMenu dl.group ul:first-child, #irMenu dl.csr ul:first-child {
	margin-right: 4.8387%;
}
#irMenu dl dd ul {
}
#irMenu dl dd ul {
/zoom : 1;
}
#irMenu dl dd ul:after {
	content : '';
	display : block;
	clear : both;
	height: 0;
}
#irMenu dl dd ul li {
}
#irMenu dl dd ul li a {
	padding: 15px 10px;
	display: block;
	border-bottom: 1px solid #c8cdd2;
	font-size: 85.7%;/* 12px */
	line-height: 1.6;
}
.irMenuBlock {
	clear: both;
	font-size: 128.6%;
	margin: 0 auto;
	text-align: center;
	border-bottom: 1px solid #c8cdd2;
	margin-bottom: 40px;
	padding-bottom: 15px;
}
.irMenuBlock {
	clear: both;
	font-size: 128.6%;
	margin: 0 auto;
	text-align: center;
	border-bottom: 1px solid #c8cdd2;
	margin-bottom: 40px;
	padding-bottom: 15px;
}
.irMenuBlock span {
	background: url(/common/img/logo_ir.png) 0 50% no-repeat;
	padding: 20px 0 20px 60px;
}
.irMenuBlock a {
	color: #0f67ba;
	font-weight: bold;
}