@charset "UTF-8";

html {
  color: #000;
  background: #FFF
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

fieldset,
img {
  border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal
}

ol,
ul {
  list-style: none
}

caption,
th {
  text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal
}

q:before,
q:after {
  content: ''
}

abbr,
acronym {
  border: 0;
  font-variant: normal
}

sup {
  vertical-align: text-top
}

sub {
  vertical-align: text-bottom
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit
}

input,
textarea,
select {
  *font-size: 100%
}

legend {
  color: #000
}

#yui3-css-stamp.cssreset {
  display: none
}

* {
  background-image: url(../images/shared/clear.png);
  max-height: 999999px
}

html {
  font-size: 62.5%
}

body {
  background: #fff;
  color: #333;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.6;
  font-size: 14px;
  -webkit-text-size-adjust: 100%;
  z-index: 1;
  min-width: 1000px
}

img {
  line-height: 1;
  vertical-align: top
}

input,
textarea {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

table,
td,
th {
  margin: 0;
  border: none;
  text-align: left;
  vertical-align: top;
  border-spacing: 0;
  border-collapse: separate
}

strong {
  font-weight: bold
}

strong strong {
  color: #2c5200
}

em {
  font-weight: bold;
  color: #f4be17
}

a {
  text-decoration: none;
  color: #333
}

a:visited {
  color: #333
}

a:focus {
  color: #333
}

a:hover {
  color: #333
}

a:active {
  color: #333
}

a:hover {
  text-decoration: underline
}

a img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7
}

.gLeft {
  text-align: left !important
}

.gCenter {
  text-align: center !important
}

.gRight {
  text-align: right !important
}

.gTop {
  vertical-align: top !important
}

.gMiddle {
  vertical-align: middle !important
}

.gBottom {
  vertical-align: bottom !important
}

table .left {
  text-align: left !important
}

table .center {
  text-align: center !important
}

table .right {
  text-align: right !important
}

table .top {
  vertical-align: top !important
}

table .middle {
  vertical-align: middle !important
}

table .bottom {
  vertical-align: bottom !important
}

sub {
  vertical-align: baseline;
  font-size: 50%;
  padding: 0 1px
}

sup {
  vertical-align: top;
  font-size: 0.7em;
  padding: 0 1px
}

#SkipNavi {
  position: absolute;
  top: -9999px
}

.in_icon {
  margin: -.1em 0 0;
  padding: 0 5px;
  vertical-align: middle
}

.elem {
  margin: 0;
  background: #999;
  padding: 10px;
  color: #fff;
  line-height: 1.2;
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem
}

.elem a {
  color: #fff;
  text-decoration: underline
}

.elem a:hover {
  text-decoration: none
}

.elem span {
  font-size: 10px;
  font-size: 1.0rem
}

.notice {
  color: #ff0000
}

.parts,
#area_header,
#area_global_navi,
#area_pagination,
#area_topic_path,
#area_footer,
#area_footer #area_banner_list,
#area_footer #area_footer_general,
.layout_popup #headingLv1-pagetitle,
.elem_section_block,
#elem_heading_lv1 {
  text-align: center;
  min-width: 990px
}

.parts .padder,
#area_header .padder,
#area_global_navi .padder,
#area_pagination .padder,
#area_topic_path .padder,
#area_footer .padder,
#area_footer #area_banner_list .padder,
#area_footer #area_footer_general .padder,
.layout_popup #headingLv1-pagetitle .padder,
.elem_section_block .padder,
#elem_heading_lv1 .padder {
  zoom: 1;
  margin: 0 auto;
  min-width: 1px;
  text-align: left;
  width: 990px
}

.parts .padder:after,
#area_header .padder:after,
#area_global_navi .padder:after,
#area_pagination .padder:after,
#area_topic_path .padder:after,
#area_footer .padder:after,
#area_footer #area_banner_list .padder:after,
#area_footer #area_footer_general .padder:after,
.layout_popup #headingLv1-pagetitle .padder:after,
.elem_section_block .padder:after,
#elem_heading_lv1 .padder:after {
  content: "";
  display: block;
  clear: both
}

.layout_popup .parts,
.layout_popup #area_header,
.layout_popup #area_global_navi,
.layout_popup #area_pagination,
.layout_popup #area_topic_path,
.layout_popup #area_footer,
.layout_popup #area_footer #area_banner_list,
#area_footer .layout_popup #area_banner_list,
.layout_popup #area_footer #area_footer_general,
#area_footer .layout_popup #area_footer_general,
.layout_popup #headingLv1-pagetitle,
.layout_popup .elem_section_block,
.layout_popup #elem_heading_lv1 {
  min-width: 930px
}

.layout_popup .parts .padder,
.layout_popup #area_header .padder,
.layout_popup #area_global_navi .padder,
.layout_popup #area_pagination .padder,
.layout_popup #area_topic_path .padder,
.layout_popup #area_footer .padder,
.layout_popup #area_footer #area_banner_list .padder,
#area_footer .layout_popup #area_banner_list .padder,
.layout_popup #area_footer #area_footer_general .padder,
#area_footer .layout_popup #area_footer_general .padder,
.layout_popup #headingLv1-pagetitle .padder,
.layout_popup .elem_section_block .padder,
.layout_popup #elem_heading_lv1 .padder {
  width: 930px
}

.hide_text,
#headingLv1-pagetitle-image,
.elem_section_block.mainvisual,
.elem_point_list dl dt {
  display: block;
  overflow: hidden;
  text-indent: 120%;
  white-space: nowrap
}

#area_header {
  margin: 0 auto;
  background: #fff url(../images/components/header/bg01.gif) 50% 0 no-repeat;
  zoom: 1
}

#area_header:after {
  content: "";
  display: block;
  clear: both
}

#area_header .padder {
  position: relative;
  padding-bottom: 25px
}

#area_header #logo {
  width: 355px;
  height: 25px;
  margin: 0;
  padding: 49px 0 0
}

#area_header #logo a img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

#area_header #description {
  position: absolute;
  top: 25px;
  left: 40px;
  font-size: 100%;
  color: #333
}

#area_header #textsizer {
  position: absolute;
  top: 8px;
  right: 190px;
  zoom: 1
}

#area_header #textsizer:after {
  content: "";
  display: block;
  clear: both
}

#area_header #textsizer p {
  float: left;
  vertical-align: middle;
  font-size: 100%;
  line-height: 36px
}

#area_header #textsizer #font_resizer {
  float: left
}

#area_header #textsizer #j-font-size #j-font-size-medium,
#area_header #textsizer #j-font-size #j-font-size-large {
  float: left;
  vertical-align: top
}

#area_header #textsizer #j-font-size #j-font-size-medium span,
#area_header #textsizer #j-font-size #j-font-size-large span {
  display: block;
  width: 50px;
  height: 30px;
  padding: 0;
  margin: 0 0 0 7px;
  line-height: 30px;
  text-align: center;
  background: #E5E5E5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
  font-size: 86%;
  vertical-align: middle;
  cursor: pointer
}

#area_header #textsizer #j-font-size #j-font-size-medium span:hover,
#area_header #textsizer #j-font-size #j-font-size-large span:hover {
  background-color: #f4be17;
  color: #fff
}

#area_header #textsizer #j-font-size #j-font-size-medium.active span,
#area_header #textsizer #j-font-size #j-font-size-large.active span {
  background: #2c5200;
  color: #fff
}

.layout_popup #area_header #textsizer {
  top: 40px;
  right: 0
}

.sp #area_header #textsizer {
  right: 170px
}

#area_header #textsizer,
#area_header #j-font-size {
  *zoom: 1
}

#area_header #textsizer:before,
#area_header #textsizer:after,
#area_header #j-font-size:before,
#area_header #j-font-size:after {
  display: table;
  content: ""
}

#area_header #textsizer:after,
#area_header #j-font-size:after {
  clear: both
}

#area_header .elem_text_list {
  position: absolute;
  top: 17px;
  right: 0;
  margin: 0;
  padding: 0
}

#area_header .elem_text_list ul li {
  clear: none;
  float: left;
  margin: 0 0 6px 15px;
  font-size: 100%
}

#area_header form#search {
  position: absolute;
  right: 0;
  top: 44px
}

#area_header form#search .search_keyword,
#area_header form#search .category,
#area_header form#search form.search .number,
form.search #area_header form#search .number {
  width: 175px;
  height: 27px;
  line-height: 29px;
  padding: 0 0 0 10px;
  border: 1px solid #CCCBCB;
  font-size: 100%;
  color: #d9d9d9;
  vertical-align: middle;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px
}

#area_header form#search .category {
  width: 135px;
  margin-left: 5px;
  height: 29px;
  padding-left: 5px;
  color: #666
}

#area_header form#search .category option {
  line-height: 29px
}

#area_header form#search input[type=submit] {
  height: 29px;
  margin-left: 5px;
  padding: 0 12px 0 32px;
  border: none;
  background: #e5e5e5 url(../images/shared/icon/search01.png) no-repeat 7px 6px;
  font-size: 86%;
  vertical-align: middle;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9
}

#area_header form#search input[type=submit]:hover {
  background: #f4be17 url(../images/shared/icon/search03.png) no-repeat 7px 6px;
  color: #fff
}

#area_global_navi {
  position: absolute;
  top: 103px;
  height: 43px;
  background: #fff url(../images/components/area_global_navi/bg03.gif) 50% bottom no-repeat;
  width: 100%;
  z-index: 99999;
  min-width: 1000px
}

*:first-child+html #area_global_navi {
  top: 93px !important
}

#area_global_navi .padder {
  padding: 10px 0 0
}

#area_global_navi ul {
  zoom: 1;
  position: relative;
  width: 100%;
  background: url(../images/components/area_global_navi/bg01.gif) no-repeat 0 0
}

#area_global_navi ul:after {
  content: "";
  display: block;
  clear: both
}

#area_global_navi ul li {
  float: left;
  width: 165px
}

#area_global_navi ul li>a {
  display: block;
  line-height: 18px;
  font-size: 125%;
  text-align: center
}

#area_global_navi ul li>a.current {
  border-bottom: 5px solid #f4be17
}

#area_global_navi ul li>a:hover {
  text-decoration: none;
  border-bottom: 5px solid #959595;
  color: #2c5200
}

#area_global_navi ul li>a>span {
  display: block;
  padding: 1px 0 9px;
  background: url(../images/components/area_global_navi/bg01.gif) no-repeat right 0
}

#area_global_navi ul li#product .item .arrow {
  left: 0
}

#area_global_navi ul li#research .item .arrow {
  left: 165px
}

#area_global_navi ul li#company .item .arrow {
  left: 330px
}

#area_global_navi ul li#ir .item .arrow {
  left: 495px
}

#area_global_navi ul li#csr .item .arrow {
  left: 660px
}

#area_global_navi ul li#employment .item .arrow {
  left: 825px
}

#area_global_navi ul li .item {
  visibility: hidden;
  position: absolute;
  top: 45px;
  left: 0;
  width: 990px;
  z-index: 999999
}

#area_global_navi ul li .item .arrow {
  position: absolute;
  top: -20px;
  left: 0;
  width: 165px;
  height: 20px;
  background: url(../images/components/area_global_navi/arrow.png) no-repeat 0 bottom
}

#area_global_navi ul li .item section {
  position: relative;
  padding: 0 0 10px 30px;
  background: rgba(0, 0, 0, 0.8);
  background: #000 \9;
  z-index: 999999
}

#area_global_navi ul li .item section .heading {
  padding: 20px 20px 20px 0;
  zoom: 1
}

#area_global_navi ul li .item section .heading:after {
  content: "";
  display: block;
  clear: both
}

#area_global_navi ul li .item section .heading header {
  float: left;
  display: block;
  padding: 12px 15px 9px;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px
}

#area_global_navi ul li .item section .heading header h2,
#area_global_navi ul li .item section .heading header p {
  float: left;
  vertical-align: middle;
  margin: 0;
  line-height: 24px
}

#area_global_navi ul li .item section .heading header h2 {
  background-image: url(../images/components/area_global_navi/icons.png);
  background-position: 0 -332px;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  width: auto;
  padding: 0 20px 0 0
}

#area_global_navi ul li .item section .heading header h2:hover,
#area_global_navi ul li .item section .heading header h2.current {
  background-image: url(../images/components/area_global_navi/icons.png);
  background-position: 0 -332px
}

#area_global_navi ul li .item section .heading header h2:hover {
  background-image: url(../images/components/area_global_navi/icons.png);
  background-position: 0 -376px;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  width: auto
}

#area_global_navi ul li .item section .heading header h2:hover:hover,
#area_global_navi ul li .item section .heading header h2:hover.current {
  background-image: url(../images/components/area_global_navi/icons.png);
  background-position: 0 -376px
}

#area_global_navi ul li .item section .heading header h2 a {
  display: block;
  margin-top: .05em;
  padding-left: 30px;
  height: 24px;
  line-height: 24px;
  font-size: 172%;
  vertical-align: top
}

*:first-child+html #area_global_navi ul li .item section .heading header h2 a {
  margin-top: -.2em;
  padding-bottom: 8px
}

#area_global_navi ul li .item section .heading .link {
  position: absolute;
  top: 25px;
  right: 20px;
  width: 120px;
  height: 47px
}

#area_global_navi ul li .item section .heading .link .inquiry,
#area_global_navi ul li .item section .heading .link .question {
  position: relative;
  float: left;
  margin: 0;
  padding-top: 3px
}

#area_global_navi ul li .item section .heading .link .inquiry a,
#area_global_navi ul li .item section .heading .link .question a {
  display: block;
  background-image: url(../images/components/area_global_navi/icons.png);
  background-position: 0 -302px;
  background-repeat: no-repeat;
  width: 46px;
  height: 30px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left
}

#area_global_navi ul li .item section .heading .link .inquiry a:hover,
#area_global_navi ul li .item section .heading .link .question a:hover,
#area_global_navi ul li .item section .heading .link .inquiry a.current,
#area_global_navi ul li .item section .heading .link .question a.current {
  background-image: url(../images/components/area_global_navi/icons.png);
  background-position: 0 -302px
}

#area_global_navi ul li .item section .heading .link .inquiry a>span,
#area_global_navi ul li .item section .heading .link .question a>span {
  visibility: hidden;
  position: absolute;
  top: -65px;
  left: 50%;
  width: 120px;
  height: 50px;
  margin-left: -60px;
  padding: 0 5px;
  background-color: #f4be17
}

#area_global_navi ul li .item section .heading .link .inquiry a>span:after,
#area_global_navi ul li .item section .heading .link .question a>span:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #f4be17 transparent transparent transparent
}

#area_global_navi ul li .item section .heading .link .inquiry a>span>.link_text,
#area_global_navi ul li .item section .heading .link .question a>span>.link_text {
  position: relative;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -14px;
  text-indent: 0;
  text-align: center;
  line-height: 1.2;
  color: #fff
}

#area_global_navi ul li .item section .heading .link .inquiry a:hover,
#area_global_navi ul li .item section .heading .link .question a:hover {
  background-image: url(../images/components/area_global_navi/icons.png);
  background-position: 0 -272px;
  background-repeat: no-repeat;
  width: 46px;
  height: 30px;
  text-decoration: none
}

#area_global_navi ul li .item section .heading .link .inquiry a:hover:hover,
#area_global_navi ul li .item section .heading .link .question a:hover:hover,
#area_global_navi ul li .item section .heading .link .inquiry a:hover.current,
#area_global_navi ul li .item section .heading .link .question a:hover.current {
  background-image: url(../images/components/area_global_navi/icons.png);
  background-position: 0 -272px
}

#area_global_navi ul li .item section .heading .link .inquiry a:hover>span,
#area_global_navi ul li .item section .heading .link .question a:hover>span {
  visibility: visible
}

.sp #area_global_navi ul li .item section .heading .link .inquiry a:hover>span,
.sp #area_global_navi ul li .item section .heading .link .question a:hover>span {
  visibility: hidden
}

#area_global_navi ul li .item section .heading .link .question {
  padding: 0 0 0 18px
}

#area_global_navi ul li .item section .heading .link .question a {
  background-image: url(../images/components/area_global_navi/icons.png);
  background-position: 0 -236px;
  background-repeat: no-repeat;
  width: 40px;
  height: 36px
}

#area_global_navi ul li .item section .heading .link .question a:hover,
#area_global_navi ul li .item section .heading .link .question a.current {
  background-image: url(../images/components/area_global_navi/icons.png);
  background-position: 0 -236px
}

#area_global_navi ul li .item section .heading .link .question a:hover {
  background-image: url(../images/components/area_global_navi/icons.png);
  background-position: 0 -200px;
  background-repeat: no-repeat;
  width: 40px;
  height: 36px
}

#area_global_navi ul li .item section .heading .link .question a:hover:hover,
#area_global_navi ul li .item section .heading .link .question a:hover.current {
  background-image: url(../images/components/area_global_navi/icons.png);
  background-position: 0 -200px
}

#area_global_navi ul li .item section .heading .link .question a>span {
  margin-left: -50px
}

#area_global_navi ul li .item section .heading .link .question a>span>.link_text {
  margin-top: -7px
}

#area_global_navi ul li .item section ul {
  margin-left: -10px;
  letter-spacing: -.4em;
  background: none
}

#area_global_navi ul li .item section ul li {
  display: inline-block;
  letter-spacing: normal;
  width: 125px;
  letter-spacing: normal;
  padding: 0 0 10px 10px;
  cursor: pointer
}

* html #area_global_navi ul li .item section ul li {
  display: inline;
  zoom: 1
}

*:first-child+html #area_global_navi ul li .item section ul li {
  display: inline;
  zoom: 1
}

#area_global_navi ul li .item section ul li span {
  position: relative;
  display: block;
  width: 125px;
  height: 120px;
  background: #EAEAEA;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

#area_global_navi ul li .item section ul li span:hover a {
  background: #f4be17;
  color: #fff
}

#area_global_navi ul li .item section ul li img {
  width: 125px
}

#area_global_navi ul li .item section ul li a {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 125px;
  padding: 10px 0 9px;
  background: rgba(255, 255, 255, 0.9);
  background: #fff \9;
  line-height: 1.2;
  text-align: center;
  font-size: 13px;
  font-size: 1.3rem
}

#area_global_navi ul li .item section ul li a:hover {
  text-decoration: none
}

.sp #area_global_navi ul {
  display: table;
  table-layout: fixed;
  width: 100%
}

.sp #area_global_navi ul li {
  display: table-cell;
  float: none;
  width: 100%
}

.sp #area_global_navi ul li .item section header {
  padding: 22px 15px 19px
}

.sp #area_global_navi ul li .item section header h2 {
  font-size: 143%
}

.sp #area_global_navi ul li .item section header h2 a {
  padding-left: 30px;
  background: url(../images/shared/arrow/right05.png) 0 0.25em no-repeat
}

.sp #area_global_navi ul li .item section header h2 a:hover {
  background: url(../images/shared/arrow/right06.png) 0 0.25em no-repeat
}

.sp #area_global_navi ul li .item section ul {
  margin-left: -15px
}

.sp #area_global_navi ul li .item section ul li {
  display: inline-block;
  letter-spacing: normal;
  width: auto;
  padding: 0 0 10px 15px;
  cursor: pointer;
  font-size: 125%
}

* html .sp #area_global_navi ul li .item section ul li {
  display: inline;
  zoom: 1
}

*:first-child+html .sp #area_global_navi ul li .item section ul li {
  display: inline;
  zoom: 1
}

.sp #area_global_navi ul li .item section ul li span {
  display: table;
  table-layout: fixed;
  width: 300px;
  height: 120px;
  background: #EAEAEA;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.sp #area_global_navi ul li .item section ul li img {
  width: 125px;
  display: table-cell
}

.sp #area_global_navi ul li .item section ul li a {
  position: relative;
  display: table-cell;
  width: 175px;
  line-height: 1.2;
  text-align: center;
  vertical-align: middle;
  background: none;
  font-size: 93%
}

.sp #area_global_navi ul li .item section ul li a:hover {
  text-decoration: none
}

.sp #area_global_navi ul li .item section .heading header a {
  background-image: url(../images/components/area_global_navi/icons.png);
  background-position: 0 -354px;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  width: auto
}

.sp #area_global_navi ul li .item section .heading header a:hover,
.sp #area_global_navi ul li .item section .heading header a.current {
  background-image: url(../images/components/area_global_navi/icons.png);
  background-position: 0 -354px
}

.sp #area_global_navi ul li .item section .heading header a:hover {
  background-image: url(../images/components/area_global_navi/icons.png);
  background-position: 0 -398px;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  width: auto
}

.sp #area_global_navi ul li .item section .heading header a:hover:hover,
.sp #area_global_navi ul li .item section .heading header a:hover.current {
  background-image: url(../images/components/area_global_navi/icons.png);
  background-position: 0 -398px
}

.sp #area_global_navi ul li .item section .heading header p {
  font-size: 87%
}

.sp #area_global_navi ul li .item section .heading .link {
  width: 175px;
  height: 50px
}

.sp #area_global_navi ul li .item section .heading .link .inquiry a,
.sp #area_global_navi ul li .item section .heading .link .question a {
  background-image: url(../images/components/area_global_navi/icons.png);
  background-position: 0 -100px;
  background-repeat: no-repeat;
  width: 75px;
  height: 48px
}

.sp #area_global_navi ul li .item section .heading .link .inquiry a:hover,
.sp #area_global_navi ul li .item section .heading .link .question a:hover,
.sp #area_global_navi ul li .item section .heading .link .inquiry a.current,
.sp #area_global_navi ul li .item section .heading .link .question a.current {
  background-image: url(../images/components/area_global_navi/icons.png);
  background-position: 0 -100px
}

.sp #area_global_navi ul li .item section .heading .link .inquiry a:hover,
.sp #area_global_navi ul li .item section .heading .link .question a:hover {
  background-image: url(../images/components/area_global_navi/icons.png);
  background-position: 0 -52px;
  background-repeat: no-repeat;
  width: 75px;
  height: 48px
}

.sp #area_global_navi ul li .item section .heading .link .inquiry a:hover:hover,
.sp #area_global_navi ul li .item section .heading .link .question a:hover:hover,
.sp #area_global_navi ul li .item section .heading .link .inquiry a:hover.current,
.sp #area_global_navi ul li .item section .heading .link .question a:hover.current {
  background-image: url(../images/components/area_global_navi/icons.png);
  background-position: 0 -52px
}

.sp #area_global_navi ul li .item section .heading .link .inquiry span,
.sp #area_global_navi ul li .item section .heading .link .question span {
  display: none !important
}

.sp #area_global_navi ul li .item section .heading .link .question {
  padding: 0 0 0 20px
}

.sp #area_global_navi ul li .item section .heading .link .question a {
  background-image: url(../images/components/area_global_navi/icons.png);
  background-position: 0 -148px;
  background-repeat: no-repeat;
  width: 58px;
  height: 52px
}

.sp #area_global_navi ul li .item section .heading .link .question a:hover,
.sp #area_global_navi ul li .item section .heading .link .question a.current {
  background-image: url(../images/components/area_global_navi/icons.png);
  background-position: 0 -148px
}

.sp #area_global_navi ul li .item section .heading .link .question a:hover {
  background-image: url(../images/components/area_global_navi/icons.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 58px;
  height: 52px
}

.sp #area_global_navi ul li .item section .heading .link .question a:hover:hover,
.sp #area_global_navi ul li .item section .heading .link .question a:hover.current {
  background-image: url(../images/components/area_global_navi/icons.png);
  background-position: 0 0
}

#elem_category_title {
  width: 100%;
  margin: 0 auto 30px;
  text-align: left
}

#js_main_visual {
  margin: 47px auto 0
}

#contentBody {
  width: 990px;
  margin: 47px auto 0;
  text-align: left
}

.layout_popup #contentBody {
  width: 930px
}

#headingLv1-pagetitle+#contentBody,
#headingLv1-pagetitle-image+#contentBody {
  margin: 0 auto
}

.top #contentBody {
  margin-top: 0;
  padding-bottom: 20px
}

#mainArea {
  position: relative;
  margin: 30px 30px 20px
}

.layout_popup #mainArea {
  margin-top: 0
}

#mainArea>.elem_section_block:first-child {
  margin-top: -30px
}

#area_pagination {
  zoom: 1;
  position: relative;
  width: 100%;
  z-index: 999
}

#area_pagination:after {
  content: "";
  display: block;
  clear: both
}

#area_pagination p {
  margin: 0
}

#area_pagination ul {
  float: right;
  display: table
}

#area_pagination #pgn_pagetop,
#area_pagination #pgn_previous {
  display: table-cell
}

#area_pagination #pgn_pagetop a,
#area_pagination #pgn_previous a {
  display: block;
  width: 40px;
  height: 40px;
  background: #2c5200 url(../images/shared/arrow/up03.png) no-repeat 50% 50%;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOCAYAAAA1+Nx+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALBJREFUeNpi/P//PwOJwBqITwPxL2IUM5FouB8Q7wbiWqJ1gHxAJA4E4idA7AHED4E4hxh9xBoeAjVcC8pXhPIzqWEByPDnSIYzoFmSRokF4WguR8cqUPlkciyIImA4UZbg0hRLpOEwrA5Vn0CMBQlQxeokpDCYJc/RLcFm+EMyDMfpE2q4HB1rQX0Si2xBGpUMR7ckCsSRBuJ70NTAQEWsC8QzGaGFHRuxhRepACDAAC6WPcELMC5BAAAAAElFTkSuQmCC');
  text-indent: -119988px;
  overflow: hidden;
  text-align: left
}

#area_pagination #pgn_pagetop a:hover,
#area_pagination #pgn_previous a:hover {
  background-color: #f4be17
}

#area_pagination #pgn_previous {
  float: left
}

#area_pagination #pgn_previous a {
  background: #2c5200 url(../images/shared/arrow/left05.png) no-repeat 50% 50%
}

.layout_popup #area_pagination #pgn_previous {
  display: none
}

#area_pagination #footer_inquiry {
  display: table-cell;
  padding: 0 10px 0 0;
  vertical-align: middle
}

#area_pagination #footer_inquiry a {
  display: block;
  width: 42px;
  height: 26px;
  background: url(../images/shared/icon/inquiry01.png) no-repeat 50% 50%;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left
}

#area_pagination #footer_inquiry a:hover {
  background: url(../images/shared/icon/inquiry02.png) no-repeat 50% 50%
}

#area_pagination #footer_close,
#area_pagination #close {
  display: table-cell;
  padding: 0 10px 0 0;
  vertical-align: top;
  cursor: pointer
}

#area_pagination #footer_close span,
#area_pagination #close span {
  display: table-cell;
  width: 50px;
  height: 40px;
  padding: 0 10px 0 25px;
  vertical-align: middle;
  font-size: 14px;
  color: #fff
}

#area_pagination #footer_close span.close,
#area_pagination #close span.close {
  background: #2c5200 url(../images/shared/icon/close03.png) no-repeat 10px 50%;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKRJREFUeNpi+v//PwMQM0NpojETAwMDPxAfBuI0BvxACIh3AbEBmAfUHf4fAdJw2CAExGegavaCxGASmXg0I2s6D+UzICvAphmrJnSN6JoLcWnCphFdM1ZNsFBFByuB+BESfxEQv8NQhScgHuMLbUKhhzO0GQiFHprmTGSN+DTh1AwS3EVAEzbN4SABY2gyEiIicYM0nwRifkawtaQBZiD+CxBgAOZBNxl2apJjAAAAAElFTkSuQmCC')
}

#area_pagination #footer_close span.close:after,
#area_pagination #close span.close:after {
  content: "\9589\3058\308B";
  padding-left: 5px
}

#area_pagination #footer_close span.close:hover,
#area_pagination #close span.close:hover {
  background-color: #f4be17
}

#area_pagination #footer_close span.open,
#area_pagination #close span.open {
  background: #2c5200 url(../images/shared/icon/open01.png) no-repeat 10px 50%
}

#area_pagination #footer_close span.open:after,
#area_pagination #close span.open:after {
  content: "\958B\304F";
  padding-left: 15px
}

#area_pagination #footer_close span.open:hover,
#area_pagination #close span.open:hover {
  background-color: #f4be17
}

#area_pagination #close {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -40px
}

#area_pagination #close:hover {
  cursor: pointer
}

#area_topic_path {
  margin-top: 47px;
  background: #fff url(../images/components/area_topic_path/bg01.gif) 50% bottom repeat-y;
  min-height: 25px;
  height: auto !important;
  height: 25px;
  width: auto;
  padding-left: 10px
}

#area_topic_path ol {
  padding: 6px 0 5px;
  zoom: 1
}

#area_topic_path ol:after {
  content: "";
  display: block;
  clear: both
}

#area_topic_path ol li {
  float: left;
  margin: 0 0 0 -3px;
  padding: 0 8px 0 0;
  line-height: 20px;
  font-size: 79%;
  color: #999
}

#area_topic_path ol li a {
  padding: 0 5px 0 0;
  white-space: nowrap
}

#area_topic_path ol li:after {
  content: "\003e"
}

#area_topic_path ol li.current {
  color: #848383
}

#area_topic_path ol li.current:after {
  content: ""
}

#area_footer #area_footer_navi {
  /*background: #fff url(../images/components/footer/bg02.gif) 50% bottom repeat-y;*/
  background-color: #E5E5E5;
  border-bottom: 1px solid #fff;
  padding: 15px 0
}

#area_footer #area_footer_navi ul {
  display: table;
  table-layout: fixed;
  width: 100%
}

#area_footer #area_footer_navi ul li {
  display: table-cell;
  font-weight: bold
}

#area_footer #area_banner_list {
  background: #fff url(../images/components/footer/bg02.gif) 50% bottom repeat-y;
  border-bottom: 1px solid #fff;
  padding: 20px 0 0
}

#area_footer #area_banner_list ul {
  zoom: 1;
  margin: 0 0 0 -40px
}

#area_footer #area_banner_list ul:after {
  content: "";
  display: block;
  clear: both
}

#area_footer #area_banner_list ul li {
  float: left;
  display: inline-block;
  letter-spacing: normal;
  padding: 0 0 20px 40px
}

* html #area_footer #area_banner_list ul li {
  display: inline;
  zoom: 1
}

*:first-child+html #area_footer #area_banner_list ul li {
  display: inline;
  zoom: 1
}

#area_footer #area_footer_localnavi,
#area_footer #area_footer_localnavi_sub {
  /*background: #fff url(../images/components/footer/bg02.gif) 50% bottom repeat-y;*/
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff;
  width: 100%;
  padding: 15px 0
}

#area_footer #area_footer_localnavi.close,
#area_footer .close#area_footer_localnavi_sub {
  display: none
}

#area_footer #area_footer_localnavi .padder,
#area_footer #area_footer_localnavi_sub .padder {
  display: table
}

#area_footer #area_footer_localnavi h4,
#area_footer #area_footer_localnavi_sub h4 {
  display: table-cell;
  width: 25%;
  margin: 0 auto;
  padding: 0 0 7px;
  vertical-align: middle;
  font-size: 100%;
  font-weight: bold
}

#area_footer #area_footer_localnavi ul,
#area_footer #area_footer_localnavi_sub ul {
  display: table-cell;
  padding-left: 20px;
  letter-spacing: -.35em
}

#area_footer #area_footer_localnavi ul li,
#area_footer #area_footer_localnavi_sub ul li {
  display: inline-block;
  width: 30%;
  padding: 0 20px 5px 0;
  letter-spacing: normal;
  vertical-align: top;
  font-weight: normal
}

#area_footer #area_footer_localnavi ul li:nth-child(3n),
#area_footer #area_footer_localnavi_sub ul li:nth-child(3n) {
  padding: 0 0 5px
}

#area_footer #area_footer_localnavi ul li a.current,
#area_footer #area_footer_localnavi_sub ul li a.current {
  color: #999
}

#area_footer #area_footer_localnavi_sub {
  /*background: #fff url(../images/components/footer/bg01.gif) 50% bottom repeat-y*/
  background-color: #E5E5E5;
}

#area_footer #area_footer_general {
  /*background: #fff url(../images/components/footer/bg02.gif) 50% bottom repeat-y;*/
  background-color: #E5E5E5;
  border-bottom: 1px solid #fff;
  zoom: 1;
  padding: 15px 0;
  border-bottom: none
}

#area_footer #area_footer_general:after {
  content: "";
  display: block;
  clear: both
}

#area_footer #area_footer_general ul {
  float: left;
  margin: 0 0 0 -20px
}

#area_footer #area_footer_general ul li {
  display: inline-block;
  letter-spacing: normal;
  padding: 0 0 0 20px;
  font-size: 100%
}

* html #area_footer #area_footer_general ul li {
  display: inline;
  zoom: 1
}

*:first-child+html #area_footer #area_footer_general ul li {
  display: inline;
  zoom: 1
}

#area_footer #area_footer_general #copyright {
  float: right;
  font-size: 86%
}

.layout_popup #area_footer #area_footer_general {
  margin-top: 20px
}

#js_fixed {
  width: 100%;
  background-color: #fff
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: -.2em 0 10px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
dt,
dd,
th,
td {
  font-size: 100%
}

h1.note,
h2.note,
h3.note,
h4.note,
h5.note,
h6.note,
p.note,
li.note,
dt.note,
dd.note,
th.note,
td.note {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6
}

body.sp h1,
body.sp h2,
body.sp h3,
body.sp h4,
body.sp h5,
body.sp h6,
body.sp .categoryNavigation .itemList .item h2,
body.sp #area_footer #area_footer_localnavi h4,
body.sp #area_footer #area_footer_localnavi_sub h4,
body.sp #area_footer #area_footer_localnavi_sub h4 {
  font-size: 143%
}

body.sp .headingLv2>h2 {
  font-size: 175%
}

body.sp p,
body.sp li,
body.sp caption,
body.sp .textListTerms th,
body.sp .textListTerms td,
body.sp .table th,
body.sp .table td,
body.sp .elem_issue_list dl dt,
body.sp .elem_issue_list dl dd,
body.sp .elem_point_list dl dd,
body.sp figure figcaption,
body.sp .comp_column_button p,
body.sp #area_footer #area_footer_general ul li,
body.sp #area_footer #area_footer_general #copyright {
  font-size: 125%
}

body.sp p p,
body.sp p li,
body.sp p figcaption,
body.sp li p,
body.sp li li,
body.sp li figcaption,
body.sp caption p,
body.sp caption li,
body.sp caption figcaption,
body.sp .textListTerms th p,
body.sp .textListTerms th li,
body.sp .textListTerms th figcaption,
body.sp .textListTerms td p,
body.sp .textListTerms td li,
body.sp .textListTerms td figcaption,
body.sp .table th p,
body.sp .table th li,
body.sp .table th figcaption,
body.sp .table td p,
body.sp .table td li,
body.sp .table td figcaption,
body.sp .elem_issue_list dl dt p,
body.sp .elem_issue_list dl dt li,
body.sp .elem_issue_list dl dt figcaption,
body.sp .elem_issue_list dl dd p,
body.sp .elem_issue_list dl dd li,
body.sp .elem_issue_list dl dd figcaption,
body.sp .elem_point_list dl dd p,
body.sp .elem_point_list dl dd li,
body.sp .elem_point_list dl dd figcaption,
body.sp figure figcaption p,
body.sp figure figcaption li,
body.sp figure figcaption figcaption,
body.sp .comp_column_button p p,
body.sp .comp_column_button p li,
body.sp .comp_column_button p figcaption,
body.sp #area_footer #area_footer_general ul li p,
body.sp #area_footer #area_footer_general ul li li,
body.sp #area_footer #area_footer_general ul li figcaption,
body.sp #area_footer #area_footer_general #copyright p,
body.sp #area_footer #area_footer_general #copyright li,
body.sp #area_footer #area_footer_general #copyright figcaption {
  font-size: 100%
}

body.sp p .textListNaviLinear ul li,
body.sp li .textListNaviLinear ul li,
body.sp caption .textListNaviLinear ul li,
body.sp .textListTerms th .textListNaviLinear ul li,
body.sp .textListTerms td .textListNaviLinear ul li,
body.sp .table th .textListNaviLinear ul li,
body.sp .table td .textListNaviLinear ul li,
body.sp .elem_issue_list dl dt .textListNaviLinear ul li,
body.sp .elem_issue_list dl dd .textListNaviLinear ul li,
body.sp .elem_point_list dl dd .textListNaviLinear ul li,
body.sp figure figcaption .textListNaviLinear ul li,
body.sp .comp_column_button p .textListNaviLinear ul li,
body.sp #area_footer #area_footer_general ul li .textListNaviLinear ul li,
body.sp #area_footer #area_footer_general #copyright .textListNaviLinear ul li {
  font-size: 87%
}

body.sp dt,
body.sp dd {
  font-size: 100%
}

body.sp .elem_info_list {
  font-size: 115%
}

.content-body-text .textListPagination {
  overflow: visible;
  position: relative
}

.content-body-table {
  table-layout: fixed
}

#upToDownList {
  padding-bottom: 20px
}

#upToDownList:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden
}

#upToDownList div.wrap {
  width: 990px;
  margin: 0 auto
}

#upToDownList div.wrap div.category {
  float: left;
  width: 135px;
  padding: 0 15px 0 15px;
  background: url(../images/components/upToDownList/bg01.gif) 0 0 repeat-y
}

#upToDownList div.wrap div.category h2 {
  margin: 0 0 6px 0
}

#upToDownList div.wrap div.category ul li {
  padding: 0 8px 7px 15px;
  text-indent: -8px;
  line-height: 1.33;
  zoom: 1
}

#upToDownList div.wrap div.category ul li a {
  padding-left: 8px;
  background: url(../images/shared/arrow/right01.png) 0 0.15em no-repeat
}

#upToDownList div.wrap div.category ul li a:hover {
  background: url(../images/shared/arrow/right02.png) 0 0.15em no-repeat
}

#upToDownList div.wrap div.moreNavi {
  margin: 0;
  padding: 0
}

#upToDownList div.wrap div.moreNavi ul li {
  text-align: right;
  margin: 0;
  padding: 0 0 0 8px;
  background: url(../images/shared/arrow/right01.png) 0 0.4em no-repeat
}

#upToDownList div.wrap div.moreNavi ul li a {
  padding-left: 8px;
  background: none
}

#upToDownList div.wrap div.moreNavi ul li a:hover {
  background: url(../images/shared/arrow/right02.png)
}

#headingLv1-pagetitle {
  background: #fff url(../images/components/headingLv1/bg01.gif) 50% 0 repeat-y;
  text-align: center;
  min-width: 990px
}

#headingLv1-pagetitle>div {
  position: relative;
  display: table;
  width: 990px;
  margin: 0 auto;
  background: none;
  text-align: left
}

#headingLv1-pagetitle>div>div {
  display: table-cell;
  vertical-align: middle
}

#headingLv1-pagetitle h1 {
  height: 92px;
  margin: 0 auto;
  padding: 15px 20px 13px;
  line-height: 1.4;
  font-size: 179%;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  text-align: left
}

#headingLv1-pagetitle h1 strong {
  font-size: 60%;
  vertical-align: top;
  font-weight: normal
}

#headingLv1-pagetitle h1 span {
  display: block;
  margin: 3px 0 5px;
  text-align: left;
  font-size: .64em;
  color: #fff
}

.p_plus #headingLv1-pagetitle>div {
  background: url(../images/components/headingLv1/p_plus/bg01.png) no-repeat right 50%
}

.p_plus #headingLv1-pagetitle h1 {
  max-width: 840px;
  padding-right: 0
}

.s_bio #headingLv1-pagetitle {
  background: url(../images/components/headingLv1/s_bio/bg01.gif) repeat-y 50% 0
}

.s_bio #headingLv1-pagetitle>div {
  background: url(../images/components/headingLv1/s_bio/bg01.png) no-repeat right 50%
}

.layout_popup #headingLv1-pagetitle {
  width: 930px !important;
  margin: 0 auto 30px;
  padding: 0 0 10px;
  background: none
}

.layout_popup #headingLv1-pagetitle>div {
  width: 930px;
  background: #2c5200
}

.layout_popup #headingLv1-pagetitle h1 {
  height: 52px
}

#headingLv1-pagetitle-image {
  padding: 0;
  min-height: 300px;
  height: auto !important;
  height: 300px
}

#headingLv1-pagetitle-image>div {
  position: relative;
  display: table;
  table-layout: fixed;
  margin: 0 auto;
  width: 990px;
  background: none;
  text-align: left
}

#headingLv1-pagetitle-image>div>div {
  position: relative;
  display: table-cell;
  width: 100%;
  height: 100%;
  text-indent: 0
}

#headingLv1-pagetitle-image>div>div>div.heading-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%
}

#headingLv1-pagetitle-image>div>div>div.heading-container>div {
  display: table;
  height: 100%
}

#headingLv1-pagetitle-image>div>div>div.heading-container>div>div {
  display: table-cell;
  padding: 0 50px;
  vertical-align: middle
}

#headingLv1-pagetitle-image>div>div>div.heading-container>div>div>div {
  padding: 2em;
  background: #74b820
}

#headingLv1-pagetitle-image>div>div>div.heading-container>div>div>div h1 {
  margin: 0;
  color: #fff;
  font-size: 3rem
}

#headingLv1-pagetitle-image>div>div>div.heading-container>div>div>div h1 span {
  display: block;
  font-size: 1.4rem
}

.headingLv2 {
  margin: 0 0 25px -30px;
  border-left: 5px solid #2c5200
}

.elem_section_block.lv1 .headingLv2,
.textListTerms>table th.elem_section_block.lv2 .headingLv2,
.textListTerms>table th.elem_section_block.lv3 .headingLv2,
.elem_section_block.lv2 .headingLv2 {
  margin-top: -30px
}

.headingLv2>h2 {
  padding: 12px 0 6px 25px;
  line-height: 1.2;
  font-size: 172%;
  font-weight: bold
}

.headingLv2>h2.linked {
  position: relative;
  padding-right: 120px
}

.js_slider .headingLv2>h2.linked {
  margin-right: 20px
}

.headingLv2>h2.linked span {
  position: absolute;
  top: 10px;
  right: 0
}

.headingLv2>h2.linked span a {
  position: relative;
  padding-left: 20px;
  font-size: 62%;
  font-weight: normal
}

.headingLv2>h2.linked span a:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 50%;
  margin-top: -9px;
  background: url(../images/shared/arrow/right01.png) 0 0 no-repeat
}

.headingLv2>h2.linked span a:hover:before {
  content: "";
  background: url(../images/shared/arrow/right02.png) 0 50% no-repeat
}

.headingLv3 {
  margin-bottom: 15px
}

.headingLv3 h3 {
  padding: 0 0 5px;
  border-bottom: 1px dotted #2c5200;
  font-size: 125%
}

.headingLv3 h3.linked a {
  padding-left: 23px;
  background: url(../images/shared/arrow/right01.png) 0 0.35em no-repeat
}

.headingLv3 h3.linked a:hover {
  background: url(../images/shared/arrow/right02.png) 0 0.35em no-repeat
}

.headingLv4 {
  margin-bottom: 10px
}

.headingLv4 h4 {
  font-weight: bold;
  font-size: 115%
}

.headingLv4 h4.linked a {
  padding-left: 23px;
  background: url(../images/shared/arrow/right01.png) 0 0.15em no-repeat
}

.headingLv4 h4.linked a:hover {
  background: url(../images/shared/arrow/right02.png) 0 0.15em no-repeat
}

.headingLvLowest {
  margin-bottom: 10px
}

.headingLvLowest p {
  font-size: 100%
}

.headingLvLowest p.linked a {
  padding-left: 23px;
  background: url(../images/shared/arrow/right01.png) 0 0.15em no-repeat
}

.headingLvLowest p.linked a:hover {
  background: url(../images/shared/arrow/right02.png) 0 0.15em no-repeat
}

#plateDecoraAnchorList {
  padding-bottom: 12px
}

#plateDecoraAnchorList ul {
  margin-right: -19px
}

#plateDecoraAnchorList ul li {
  width: 265px;
  float: left;
  margin-right: 19px
}

#plateDecoraAnchorList ul li a img {
  vertical-align: top
}

.informComponent {
  margin: 0 -20px;
  padding: 0 20px 30px
}

.informComponent .informComponent {
  padding: 20px 20px 0;
  background: #FFF1F1
}

.informComponent .paragraph {
  margin: 4px 14px;
  padding: 0
}

#top .informComponent {
  padding: 0 0 20px;
  width: 990px;
  margin: 0 auto
}

.errorList {
  padding: 0 10px 30px
}

.errorList ul {
  background: #ffe3d9;
  padding: 13px 14px 5px
}

.errorList ul li {
  color: #e00;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 6px;
  padding-left: 9px;
  background: url(../images/shared/dot01_gray.gif) 0 0.55em no-repeat
}

.submitBlock {
  margin: -1px -3px 0;
  padding-bottom: 20px
}

.submitBlock div {
  background: url(../images/components/submitBlock/bg02.gif) 0 0 repeat-y
}

.submitBlock div div {
  background: url(../images/components/submitBlock/bg01.gif) 0 0 no-repeat
}

.submitBlock div div div {
  background: url(../images/components/submitBlock/bg03.gif) 0 100% no-repeat;
  padding: 4px 6px 8px
}

.submitBlock ul {
  text-align: center;
  padding: 19px 10px 21px
}

.submitBlock ul li {
  text-align: center;
  padding: 0 5px;
  display: inline
}

.submitBlock ul li input {
  vertical-align: top
}

.completed h3 {
  text-align: center;
  color: #f64c01;
  font-weight: bold;
  font-size: 133.33%;
  line-height: 1.5;
  margin: 1px 0 9px
}

.completed p {
  text-align: center;
  margin-bottom: 19px
}

.completed .contactList .itemList .item {
  width: 770px
}

#searchBlockInContent {
  margin: 0 0 0 10px;
  padding-bottom: 30px
}

#searchBlockInContent .formArea {
  background: #e0f1cc;
  border-bottom: solid 1px #cad9b8
}

#searchBlockInContent .formArea .heading {
  width: 166px
}

#searchBlockInContent .formArea .heading h2 {
  font-weight: bold;
  font-size: 116.67%;
  padding: 18px 0 15px 15px
}

#searchBlockInContent .formArea .keyword,
#searchBlockInContent .formArea #area_header form#search .category,
#area_header form#search #searchBlockInContent .formArea .category,
#searchBlockInContent .formArea form.search .number,
form.search #searchBlockInContent .formArea .number,
#searchBlockInContent .formArea form.search .category,
form.search #searchBlockInContent .formArea .category {
  width: 232px;
  padding: 18px 0 15px
}

#searchBlockInContent .formArea .keyword span,
#searchBlockInContent .formArea #area_header form#search .category span,
#area_header form#search #searchBlockInContent .formArea .category span,
#searchBlockInContent .formArea form.search .number span,
form.search #searchBlockInContent .formArea .number span,
#searchBlockInContent .formArea form.search .category span,
form.search #searchBlockInContent .formArea .category span {
  margin: 0 15px
}

#searchBlockInContent .formArea .keyword input,
#searchBlockInContent .formArea #area_header form#search .category input,
#area_header form#search #searchBlockInContent .formArea .category input,
#searchBlockInContent .formArea form.search .number input,
form.search #searchBlockInContent .formArea .number input,
#searchBlockInContent .formArea form.search .category input,
form.search #searchBlockInContent .formArea .category input {
  width: 120px;
  line-height: 1.1
}

#searchBlockInContent .formArea .category {
  width: 259px;
  padding: 18px 0 15px
}

#searchBlockInContent .formArea .category span {
  margin: 0 15px
}

#searchBlockInContent .formArea .button {
  width: 113px;
  background: #e0f1cc;
  padding: 18px 0 15px
}

#searchBlockInContent .formArea .button input {
  margin: 0 15px;
  line-height: 1.2
}

#searchBlockInContent .formArea div {
  float: left
}

#layoutDivide-leftMainRight #searchBlockInContent .formArea .keyword,
#layoutDivide-leftMainRight #searchBlockInContent .formArea #area_header form#search .category,
#area_header form#search #layoutDivide-leftMainRight #searchBlockInContent .formArea .category,
#layoutDivide-leftMainRight #searchBlockInContent .formArea form.search .number,
form.search #layoutDivide-leftMainRight #searchBlockInContent .formArea .number,
#layoutDivide-leftMainRight #searchBlockInContent .formArea form.search .category,
form.search #layoutDivide-leftMainRight #searchBlockInContent .formArea .category {
  width: 195px;
  padding: 18px 0 15px
}

#layoutDivide-leftMainRight #searchBlockInContent .formArea .keyword #queryWord,
#layoutDivide-leftMainRight #searchBlockInContent .formArea #area_header form#search .category #queryWord,
#area_header form#search #layoutDivide-leftMainRight #searchBlockInContent .formArea .category #queryWord,
#layoutDivide-leftMainRight #searchBlockInContent .formArea form.search .number #queryWord,
form.search #layoutDivide-leftMainRight #searchBlockInContent .formArea .number #queryWord,
#layoutDivide-leftMainRight #searchBlockInContent .formArea form.search .category #queryWord,
form.search #layoutDivide-leftMainRight #searchBlockInContent .formArea .category #queryWord {
  width: 90px
}

#layoutDivide-leftMainRight #searchBlockInContent .formArea .category {
  width: 235px;
  padding: 18px 0 15px
}

#layoutDivide-leftMainRight #searchBlockInContent .formArea .button {
  width: 103px;
  background: #e0f1cc;
  padding: 18px 0 15px
}

#top #searchBlockInContent {
  background: url("/common/images/components/indexTabNavigation/bg02.gif") repeat-x scroll 0 7px transparent;
  height: 100%;
  margin: 0;
  padding-bottom: 30px
}

#top #searchBlockInContent .formArea {
  background: none;
  border-bottom: none
}

#top #searchBlockInContent .formArea .heading {
  width: 155px
}

#top #searchBlockInContent .formArea .heading h2 {
  position: static;
  font-weight: bold;
  font-size: 116.67%;
  padding: 18px 0 15px 15px;
  width: auto
}

#top #searchBlockInContent .formArea .keyword,
#top #searchBlockInContent .formArea #area_header form#search .category,
#area_header form#search #top #searchBlockInContent .formArea .category,
#top #searchBlockInContent .formArea form.search .number,
form.search #top #searchBlockInContent .formArea .number,
#top #searchBlockInContent .formArea form.search .category,
form.search #top #searchBlockInContent .formArea .category {
  width: 225px;
  padding: 10px 0 15px
}

#top #searchBlockInContent .formArea .keyword span,
#top #searchBlockInContent .formArea #area_header form#search .category span,
#area_header form#search #top #searchBlockInContent .formArea .category span,
#top #searchBlockInContent .formArea form.search .number span,
form.search #top #searchBlockInContent .formArea .number span,
#top #searchBlockInContent .formArea form.search .category span,
form.search #top #searchBlockInContent .formArea .category span {
  margin: 0 15px 0 0
}

#top #searchBlockInContent .formArea .keyword #queryWord,
#top #searchBlockInContent .formArea #area_header form#search .category #queryWord,
#area_header form#search #top #searchBlockInContent .formArea .category #queryWord,
#top #searchBlockInContent .formArea form.search .number #queryWord,
form.search #top #searchBlockInContent .formArea .number #queryWord,
#top #searchBlockInContent .formArea form.search .category #queryWord,
form.search #top #searchBlockInContent .formArea .category #queryWord {
  width: 120px
}

#top #searchBlockInContent .formArea .category {
  width: 235px;
  padding: 10px 0 15px
}

#top #searchBlockInContent .formArea .button {
  width: 103px;
  background: none;
  padding: 10px 0 15px
}

#indexTabNavigation {
  background: url(../images/components/indexTabNavigation/bg01.gif) 0 0 repeat-x;
  min-width: 1001px
}

.tabNavigationPadder {
  background: url(../images/components/indexTabNavigation/bg02.gif) 0 100% repeat-x;
  min-height: 252px;
  height: auto !important;
  height: 252px
}

.tabNavigationPadder .tabNavigationPadder {
  width: 990px;
  padding: 0 5px 6px;
  margin: 0 auto;
  position: relative
}

.tabNavigationPadder .tabNavigationPadder h2 {
  width: 90px;
  height: 16px;
  position: absolute;
  top: 19px;
  left: 8px
}

.tabNavigationPadder .tabNavigationPadder div.upper {
  width: 899px;
  margin-left: 91px;
  height: 47px;
  overflow: hidden
}

.tabNavigationPadder .tabNavigationPadder div.upper ul li {
  padding: 0;
  width: 96px;
  height: 32px;
  overflow: hidden;
  margin: 15px 0 0;
  background: url(../images/components/indexTabNavigation/bg04.gif) 0 0 no-repeat
}

.tabNavigationPadder .tabNavigationPadder div.upper ul li span {
  background: none;
  padding: 0;
  margin: 0;
  border: none
}

.tabNavigationPadder .tabNavigationPadder div.upper ul li span span {
  background: none;
  padding: 0;
  margin: 0;
  border: none
}

.tabNavigationPadder .tabNavigationPadder div.upper ul li span span a {
  background: none;
  padding: 0;
  margin: 1px 3px 0 2px;
  border: none;
  display: block;
  height: 32px
}

.tabNavigationPadder .tabNavigationPadder div.upper ul li span span a span {
  display: none
}

.tabNavigationPadder .tabNavigationPadder div.upper ul li.current {
  width: 99px;
  height: 39px;
  overflow: hidden;
  margin: 8px 0 0;
  background: url(../images/components/indexTabNavigation/bg03.gif) 0 0 no-repeat
}

.tabNavigationPadder .tabNavigationPadder div.upper ul li.current a {
  padding: 0;
  margin: 3px 3px 0 4px;
  border: none;
  display: block;
  height: 39px
}

.tabNavigationPadder .tabNavigationPadder div.upper ul li span span a#indexTab1 {
  background: url(../images/components/indexTabNavigation/img02.gif) 50% 50% no-repeat
}

.tabNavigationPadder .tabNavigationPadder div.upper ul li span span a#indexTab2 {
  background: url(../images/components/indexTabNavigation/img03.gif) 50% 50% no-repeat
}

.tabNavigationPadder .tabNavigationPadder div.upper ul li span span a#indexTab3 {
  background: url(../images/components/indexTabNavigation/img04.gif) 50% 50% no-repeat
}

.tabNavigationPadder .tabNavigationPadder div.upper ul li span span a#indexTab4 {
  background: url(../images/components/indexTabNavigation/img05.gif) 50% 50% no-repeat
}

.tabNavigationPadder .tabNavigationPadder div.upper ul li span span a#indexTab5 {
  background: url(../images/components/indexTabNavigation/img06.gif) 50% 50% no-repeat
}

.tabNavigationPadder .tabNavigationPadder div.upper ul li span span a#indexTab6 {
  background: url(../images/components/indexTabNavigation/img07.gif) 50% 50% no-repeat
}

.tabNavigationPadder .tabNavigationPadder div.upper ul li span span a#indexTab7 {
  background: url(../images/components/indexTabNavigation/img08.gif) 50% 50% no-repeat
}

.tabNavigationPadder .tabNavigationPadder div.upper ul li span span a#indexTab8 {
  background: url(../images/components/indexTabNavigation/img09.gif) 50% 50% no-repeat
}

.tabNavigationPadder .tabNavigationPadder div.upper ul li.current span span a#indexTab1 {
  background: url(../images/components/indexTabNavigation/img02_on.gif) 50% 50% no-repeat
}

.tabNavigationPadder .tabNavigationPadder div.upper ul li.current span span a#indexTab2 {
  background: url(../images/components/indexTabNavigation/img03_on.gif) 50% 50% no-repeat
}

.tabNavigationPadder .tabNavigationPadder div.upper ul li.current span span a#indexTab3 {
  background: url(../images/components/indexTabNavigation/img04_on.gif) 50% 50% no-repeat
}

.tabNavigationPadder .tabNavigationPadder div.upper ul li.current span span a#indexTab4 {
  background: url(../images/components/indexTabNavigation/img05_on.gif) 50% 50% no-repeat
}

.tabNavigationPadder .tabNavigationPadder div.upper ul li.current span span a#indexTab5 {
  background: url(../images/components/indexTabNavigation/img06_on.gif) 50% 50% no-repeat
}

.tabNavigationPadder .tabNavigationPadder div.upper ul li.current span span a#indexTab6 {
  background: url(../images/components/indexTabNavigation/img07_on.gif) 50% 50% no-repeat
}

.tabNavigationPadder .tabNavigationPadder div.upper ul li.current span span a#indexTab7 {
  background: url(../images/components/indexTabNavigation/img08_on.gif) 50% 50% no-repeat
}

.tabNavigationPadder .tabNavigationPadder div.upper ul li.current span span a#indexTab8 {
  background: url(../images/components/indexTabNavigation/img09_on.gif) 50% 50% no-repeat
}

#indexTabNavigationBody {
  border: none;
  padding: 25px 19px 0
}

#indexTabNavigationBody .itemList .item {
  float: left;
  width: 238px
}

#indexTabNavigationBody .itemList .item .imgArea {
  width: 70px;
  float: left;
  padding: 0 10px 10px 0
}

#indexTabNavigationBody .itemList .item .txtArea {
  width: 133px;
  float: left;
  padding: 10px 0 0 7px;
  text-indent: -7px
}

#indexTabNavigationBody .itemList .item .txtArea a {
  padding-left: 7px;
  background: url(../images/shared/arrow/right01.png) 0 0.2em no-repeat
}

#indexTabNavigationBody .itemList .item .txtArea a:hover {
  background: url(../images/shared/arrow/right02.png) 0 0.15em no-repeat
}

#indexTabNavigationBody .itemList .item01 {
  float: left;
  width: 183px
}

#indexTabNavigationBody .itemList .item01 .txtArea a {
  padding-left: 7px;
  background: url(../images/shared/arrow/right01.png) 0 0.2em no-repeat
}

#indexTabNavigationBody .itemList .item01 .txtArea a:hover {
  background: url(../images/shared/arrow/right02.png) 0 0.15em no-repeat
}

.lead {
  margin-bottom: 20px
}

.paragraph {
  margin-bottom: 20px
}

.paragraph p strong.lv1 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #2c5200;
  font-weight: normal
}

.textListNavi .lead {
  padding: 0;
  text-indent: 0;
  margin: 1px 0 3px
}

.textList {
  margin: -3px 0 20px
}

.textList ul li {
  padding-left: 13px;
  background: url(../images/components/textList/bg01.gif) 0 0.85em no-repeat
}

.textList div.note {
  margin: 0;
  padding: 0
}

.textListTerms .textList ul li {
  padding-left: 15px
}

.textList .textList ul li,
.textListTerms .textList ul li {
  padding-left: 13px
}

.textList .textList .textList ul li,
.textListTerms .textList .textList ul li {
  padding-left: 12px
}

.textList .textList {
  padding: 5px 0
}

.textList .textList .textList .textList {
  padding-bottom: 0
}

.textListTerms .textList {
  padding: 5px 0 0
}

.textListNavi .textList {
  margin: 0;
  padding: 0;
  line-height: 1.5 !important
}

.textListNavi .textList ul {
  line-height: 1.5 !important
}

.textListNavi .textList ul li {
  padding-bottom: 0;
  text-indent: 0;
  line-height: 1.5 !important
}

.textListNote {
  margin: -3px 0 0;
  padding: 0 0 14px
}

.textListNote ul {
  font-size: 83.33%
}

.textListNote ul li {
  padding-left: 15px;
  background: url(../images/shared/dot02_gray.gif) 6px 0.85em no-repeat;
  margin-bottom: 2px
}

.textListNote div.note {
  margin: 0;
  padding: 0
}

.table .headingLvLowest {
  margin: 0 0 0 10px;
  padding: 5px 0 2px 0
}

.table .textListNote {
  margin: -2px 0 0 -6px;
  padding: 0
}

.table .textListNote img {
  margin: 0 3px 0 0;
  vertical-align: middle
}

.textListTerms {
  margin: -4px 0 20px
}

.textListTerms>table {
  width: auto
}

.textListTerms>table th,
.textListTerms>table td {
  padding-bottom: 3px;
  border: none !important
}

.textListTerms>table th {
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  padding-right: 15px
}

.textListTerms>table th.lv1,
.textListTerms>table th.lv2,
.textListTerms>table th.lv3 {
  font-weight: bold;
  color: #6CC7B6
}

.textListTerms>table th.lv2 {
  color: #0e3496
}

.textListTerms>table th.lv3 {
  color: #96b423
}

.textListTerms .textListTerms {
  margin: 0 0 -3px;
  padding: 0
}

.textListTerms .textListNote {
  margin: 0 0 0 -6px
}

.textListTerms.liner th {
  padding-right: 7px
}

.textListTerms.liner td {
  padding-right: 20px
}

.textList .textListTerms {
  margin: 0;
  padding: 0
}

.textListNavi .textListTerms {
  margin: 0;
  padding: 4px 0 0
}

.table .textListTerms table {
  border: none;
  width: auto
}

.table .textListTerms table th,
.table .textListTerms table td {
  width: auto !important;
  padding: 0 .5em 0 0;
  border: none;
  font-weight: normal
}

.textListTerms .note {
  margin: 0;
  padding: 0
}

.table .headingLvLowest {
  margin-top: 2px
}

.table .note {
  padding: 10px 0 0;
  margin: 0
}

.table div.note th,
.table div.note td {
  padding: 0
}

.callNumber {
  margin: -15px 0 5px
}

.callNumber th {
  padding-right: 0 !important;
  padding-top: .3em
}

.callNumber td.separator {
  padding-top: .3em
}

.callNumber th,
.callNumber td {
  padding-bottom: 0 !important;
  line-height: 1.1
}

.callNumber .description {
  font-size: 150%;
  color: #d22800;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word
}

.callNumberMac table .description {
  margin: 0 0 0 5px !important;
  font-size: 125% !important
}

.textListNews {
  margin: -.2em 0 0;
  padding-bottom: 10px
}

.textListNews ul {
  width: 100%
}

.textListNews ul li {
  vertical-align: top;
  padding: 0 0 7px;
  position: relative;
  zoom: 1
}

.textListNews ul li strong {
  display: table-cell;
  width: 6.5em;
  vertical-align: top;
  color: #999;
  font-weight: normal
}

.textListNews ul li span {
  display: table-cell;
  padding-left: 10px;
  text-indent: -10px;
  vertical-align: top;
  zoom: 1
}

.textListNews ul li span a {
  padding-left: 20px;
  background: url(../images/shared/arrow/right01.png) 0 0.05em no-repeat
}

.textListNews ul li span a:hover {
  background: url(../images/shared/arrow/right02.png) 0 0.05em no-repeat
}

.textListNews ul li span+span {
  text-indent: 0
}

.textListNews ul li span+span a {
  padding-left: 0;
  background: none
}

.textListNews ul li span+span a:hover {
  background: none
}

.textListNews ul li .label {
  display: inline-block;
  letter-spacing: normal;
  height: 16px;
  line-height: 16px;
  min-width: 30px;
  width: auto !important;
  width: 30px;
  margin: -.05em 0 0 6px;
  background: #2c5200;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 10px;
  font-size: 1rem
}

* html .textListNews ul li .label {
  display: inline;
  zoom: 1
}

*:first-child+html .textListNews ul li .label {
  display: inline;
  zoom: 1
}

.textListNews ul li .label:not(:target) {
  line-height: 16px\9
}

:root .textListNews ul li .label {
  line-height: 16px\9
}

.textListNews ul li .textListTerms {
  margin: 2px 0 0
}

.textListNews ul li .textListTerms th,
.textListNews ul li .textListTerms td {
  margin-bottom: 0;
  color: #999
}

.textListNews ul li .textListTerms th .textListNaviLinear,
.textListNews ul li .textListTerms td .textListNaviLinear {
  margin: 0
}

.textListNews ul li .textListTerms th .textListNaviLinear ul li,
.textListNews ul li .textListTerms td .textListNaviLinear ul li {
  padding: 0
}

.textListNews ul li .textListNaviLinear ul li span {
  background: none
}

.textListNews.show_more .textListNavi li.show {
  padding-left: 40px;
  background: url(../images/shared/icon/plus01.png) 0 0.175em no-repeat;
  cursor: pointer
}

.textListNews.show_more .textListNavi li.show:hover {
  background: url(../images/shared/icon/plus02.png) 0 0.175em no-repeat;
  text-decoration: underline
}

.textListNews.block ul li {
  padding: 0 0 4px
}

.textListNews.block ul li strong {
  display: block
}

.verticalSet .textListNews ul {
  border: none
}

.verticalSet .textListNews ul li {
  border: none;
  padding-top: 4px;
  width: auto
}

#top .verticalSet .textListNews ul li span {
  background: url(../images/shared/arrow/right01.png) 0 0.4em no-repeat
}

#top .verticalSet .textListNews ul li span a {
  background: none
}

* html #top .verticalSet .textListNews ul li .newwin {
  vertical-align: middle;
  padding: .3em 0 .3em 3px
}

.categoryNavigation .textListNews {
  margin-bottom: -10px
}

.textListNewsExhibition ul {
  border-top: none
}

* html .textListNewsExhibition ul li span .newwin {
  padding: .5em 0 .5em 3px;
  vertical-align: middle
}

* html .textListNews ul li span .newwin {
  padding: .45em 0 .45em 3px;
  vertical-align: middle
}

.textListNavi {
  margin: -.2em 0 15px;
  zoom: 1
}

.textListNavi:after {
  content: "";
  display: block;
  clear: both
}

.textListNavi ul {
  overflow: visible
}

.textListNavi ul li {
  padding: 0 0 5px 20px;
  text-indent: -20px;
  line-height: 1.6;
  zoom: 1
}

.textListNavi ul li a {
  padding-left: 20px;
  background: url(../images/shared/arrow/right01.png) 0 0.05em no-repeat
}

.textListNavi ul li a:hover {
  background: url(../images/shared/arrow/right02.png) 0 0.05em no-repeat
}

.textListNavi ul.right {
  float: right
}

.textListTerms .textListNavi {
  margin: 0 0 -1px;
  padding: 3px 0 0
}

.textList .textListNavi {
  margin: 0 0 -1px;
  padding: 3px 0 0
}

.textList .textListNavi ul li {
  background: none !important
}

.paragraph .textListNavi {
  padding: 10px 0 0;
  margin: 0 0 -1px
}

.textListNavi .textListNavi {
  margin: 0 0 -2px;
  padding: 4px 0 0 6px
}

.textListNavi-column table {
  width: 100%
}

.textListAnchor {
  margin: -2px 0 0;
  padding: 0 0 14px
}

.textListAnchor ul li {
  padding: 0 0 4px 20px;
  text-indent: -20px;
  line-height: 1.35;
  zoom: 1
}

.textListAnchor ul li a {
  padding-left: 20px;
  background: url(../images/shared/arrow/down01.png) 0 0.05em no-repeat
}

.textListAnchor ul li a:hover {
  background: url(../images/shared/arrow/down02.png) 0 0.05em no-repeat
}

.textListAnchor ul.strong {
  font-weight: bold
}

.textListAnchor.liner {
  position: relative;
  padding: 0 0 20px
}

.textListAnchor.liner .js_follow {
  position: absolute;
  top: 0;
  width: 900px;
  padding: 18px 0 13px 30px;
  background: #F4F4F4;
  z-index: 9999
}

.textListAnchor.liner .js_follow.fixed {
  position: fixed;
  top: 43px
}

#comp_history .textListAnchor.liner {
  height: 53px
}

.textListAnchor-pik {
  margin-top: -2px;
  padding: 0 0 12px
}

.textListAnchor-pik ul li {
  padding: 0;
  line-height: 1.35
}

.ruleBox {
  padding-bottom: 15px
}

.ruleBox .ruleBox {
  height: 272px;
  overflow: auto;
  padding: 10px 10px 15px;
  border: solid 1px #e6e6e6
}

.signature {
  margin: -4px 0 20px 0;
  padding: 20px 0 0;
  text-align: right
}

.liner ul {
  zoom: 1;
  margin-left: -2.15054%
}

.liner ul:after {
  content: "";
  display: block;
  clear: both
}

.liner ul li {
  display: inline-block;
  letter-spacing: normal;
  float: left;
  margin-left: 2.15054%
}

* html .liner ul li {
  display: inline;
  zoom: 1
}

*:first-child+html .liner ul li {
  display: inline;
  zoom: 1
}

.sp .liner ul {
  margin-left: -0.75269%
}

.sp .liner ul li {
  margin-left: 0.75269%
}

.headingLv2-text {
  padding-bottom: 15px
}

.headingLv2-text div {
  margin-top: 7px
}

.headingLv2-text h2 {
  text-align: center;
  color: #0b326f;
  font-size: 133.33%;
  font-weight: bold;
  line-height: 1.25
}

div.paragraph p strong strong {
  color: #FA7642
}

#contentFLASH-wrap,
#contentFLASH {
  padding: 0 0 20px 0
}

.subscription {
  padding-bottom: 20px
}

.subscription table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  margin: 6px 0 0px
}

.subscription table th.text {
  font-size: 133.33%;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  padding: 0 9px 0
}

.subscription table td.icon {
  text-align: right;
  padding: 0 8px 0 0
}

.subscription table td.icon img {
  margin-left: 7px;
  vertical-align: top;
  line-height: 1
}

.medical-button {
  padding: 50px 0 0 15px
}

.moreNavi {
  margin: -10px 5px 0 10px;
  padding: 0 0 6px;
  *padding: 0
}

.moreNavi ul li {
  float: right;
  padding-left: 11px;
  text-indent: -11px
}

.moreNavi ul li a {
  padding-left: 11px;
  background: url(../images/shared/arrow/right01.png) 0 0.15em no-repeat
}

.moreNavi ul li a:hover {
  background: url(../images/shared/arrow/right02.png) 0 0.15em no-repeat
}

.gotop {
  margin: -4px 5px 20px 0
}

.gotop ul li {
  text-align: right;
  padding-left: 20px;
  text-indent: -20px
}

.gotop ul li a {
  padding-left: 20px;
  background: url(../images/shared/arrow/up01.png) 0 0.09em no-repeat
}

.gotop ul li a:hover {
  background: url(../images/shared/arrow/up02.png) 0 0.09em no-repeat
}

.textListNaviLinear {
  margin: -.25em 0 20px
}

.textListNaviLinear-footer {
  padding: 20px 0 20px 0
}

.textListNaviLinear ul {
  margin: 0;
  padding: 0;
  border: 0;
  zoom: 1
}

.textListNaviLinear ul:after {
  content: "";
  display: block;
  clear: both
}

.textListNaviLinear ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  white-space: nowrap;
  display: inline;
  float: left;
  margin: 0 10px 0 0
}

.textListNaviLinear ul li span {
  text-indent: -20px;
  padding-left: 20px;
  background: url(../images/shared/arrow/right01.png) 0 0.15em no-repeat
}

.textListNaviLinear ul li span.stay {
  text-indent: -20px;
  padding-left: 20px;
  background: url(../images/shared/arrow/right01.png) 0 0.25em no-repeat
}

.textListNaviLinear ul li span:hover {
  background: url(../images/shared/arrow/right02.png) 0 0.15em no-repeat
}

.textListNaviLinear ul.cols3 li {
  width: 298px
}

.textListNaviLinear ul.cols2 li {
  width: 449px
}

#column-leftRight .textListNaviLinear ul.cols3 li {
  width: 228px
}

#column-leftRight .textListNaviLinear ul.cols2 li {
  width: 352px
}

#column-leftCenterRight .textListNaviLinear ul.cols3 li {
  width: 157px
}

#column-leftCenterRight .textListNaviLinear ul.cols2 li {
  width: 248px
}

.textListPagination {
  margin: 10px auto 20px
}

.textListPagination div {
  text-align: center
}

.textListPagination ul {
  display: table;
  margin: 0 auto
}

.textListPagination ul li {
  display: table-cell;
  padding-left: 10px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  vertical-align: middle
}

.textListPagination ul li:first-child {
  padding-left: 0
}

.textListPagination ul li a {
  display: block;
  padding: 0 10px;
  border: 1px solid #CBCBCB;
  background-color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.textListPagination ul li a:hover {
  border: 1px solid #f4be17;
  background: #f4be17;
  text-decoration: none;
  color: #fff
}

.textListPagination ul li.prev,
.textListPagination ul li.next {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left
}

.textListPagination ul li.prev a,
.textListPagination ul li.next a {
  border: 1px solid #2c5200
}

.textListPagination ul li.prev a:hover,
.textListPagination ul li.next a:hover {
  border: 1px solid #f4be17;
  background-color: #f4be17
}

.textListPagination ul li.prev {
  padding-right: 5px
}

.textListPagination ul li.prev a {
  background: #2c5200 url(../images/shared/arrow/left04.png) 50% 50% no-repeat
}

.textListPagination ul li.next {
  padding-left: 15px
}

.textListPagination ul li.next a {
  background: #2c5200 url(../images/shared/arrow/right04.png) 50% 50% no-repeat
}

.textListPagination ul li strong {
  color: #9f9f9f
}

.note {
  margin: -3px 0 0;
  padding: 0 0 16px;
  font-size: 83.33%
}

.note th {
  white-space: nowrap;
  padding-right: .5em
}

.table div.note {
  font-size: 83.33%
}

.table table div.note {
  font-size: 95%
}

.pik {
  padding: 0 0 20px
}

.pik img {
  display: block;
  padding: 0;
  margin: 0
}

.pik .Heading {
  padding: 0;
  margin: 6px 0 0 0
}

.pik .swf {
  padding: 0;
  margin: 0 -3px -9px 0
}

.center img {
  margin: 0 auto
}

.left .pik,
.right .pik {
  padding: 0 0 10px 0
}

.pik.right {
  padding: 0
}

.pik.right img {
  display: inline-block;
  letter-spacing: normal;
  text-align: right
}

* html .pik.right img {
  display: inline;
  zoom: 1
}

*:first-child+html .pik.right img {
  display: inline;
  zoom: 1
}

.pikbox {
  padding: 0
}

.pikbox table {
  width: 100%
}

.pikbox table td:first-child {
  padding: 0 20px 0 0
}

.pikbox .pik img.lv1 {
  border: 1px solid #E4E4E4
}

.pikbox .txt {
  width: 100%
}

.pikbox .heading {
  margin: .2em 0 0;
  color: #2c5200
}

.pikbox .heading .voice {
  padding-left: 25px;
  background: url(../images/shared/icon/voice01.png) 0 0.175em no-repeat
}

.pikbox .heading .green {
  padding-left: 25px;
  background: url(../images/shared/icon/green01.png) 0 -0.1em no-repeat
}

.pikbox .pik .paragraph {
  margin: 10px 2px -19px
}

.pikbox .pik .paragraph:first-child {
  margin: 0
}

.pikbox .textListTerms>table {
  width: auto
}

.pikbox .shift div.pik {
  padding-left: 0
}

.table .pikbox table {
  border: none
}

.table .pikbox table th,
.table .pikbox table td {
  border: none
}

.pikList {
  padding-bottom: 20px
}

.pikList table.itemList {
  margin-left: -20px
}

.pikList table td.item {
  padding-left: 20px
}

.pikList table td.item .pik img {
  padding-bottom: 15px
}

.pikList table td.item .pik .paragraph {
  line-height: 1.33;
  margin: 3px 0 0;
  padding: 0 0 10px 0
}

.pikList table td.item .pik .textListTerms {
  margin: -4px 0 0 0
}

.makeCenter {
  margin: 0 -9px 0 -15px !important
}

.makeCenter table.itemList {
  margin: 0 auto
}

.tabBody .pikList table.cols3 {
  margin-left: 0;
  margin-right: -9px
}

.tabBody div.pikList table.cols3 td.item {
  width: 179px
}

.tabBody div.pikList table.cols3 td.item .pik {
  padding-left: 0;
  margin: 0 9px 0 0
}

.tabBody .pikList table.cols2 {
  margin-left: 0;
  margin-right: -9px
}

.tabBody div.pikList table.cols2 td.item {
  width: 239px
}

.tabBody div.pikList table.cols2 td.item .pik {
  padding-left: 0;
  margin: 0 9px 0 0
}

.tabBody .pikList table.col1 {
  margin-left: 0;
  margin-right: -9px
}

.tabBody div.pikList table.col1 td.item {
  width: auto
}

.tabBody div.pikList table.col1 td.item .pik {
  padding-left: 0;
  margin: 0
}

.qaComponent {
  padding-bottom: 20px
}

.qaComponent .headingLv3 {
  padding-top: 20px
}

.qaComponent .headingLv3 h3 {
  border: none;
  color: #2c5200
}

.qaComponent .qaComponentBody {
  border-bottom: 1px solid #CBCBCB
}

.qaComponent .qaComponentBody .answer {
  white-space: nowrap
}

.qaComponent .qaComponentBody .answer h3 {
  margin: -5px 10px 0 0;
  color: #f4be17;
  font-size: 18px;
  font-size: 1.8rem
}

.qaComponent .qaComponentBody .answerBody {
  width: 100%
}

.qaComponent .qaComponentBody .answerBody .pik {
  padding-left: 0
}

.categoryNavigation {
  margin-right: -20px
}

.categoryNavigation .itemList {
  margin: 0 0 0 -20px;
  letter-spacing: -.4em
}

.categoryNavigation .itemList .item {
  display: inline-block;
  letter-spacing: normal;
  letter-spacing: normal;
  vertical-align: top;
  width: 217.5px;
  margin: 0 0 10px 20px
}

* html .categoryNavigation .itemList .item {
  display: inline;
  zoom: 1
}

*:first-child+html .categoryNavigation .itemList .item {
  display: inline;
  zoom: 1
}

.categoryNavigation .itemList .item .imgArea {
  padding-bottom: 15px
}

/*2024,12.2修正*/
.categoryNavigation .itemList .item h2 {
  position: relative;
  margin: 0 0 6px;
  line-height: 1.5em;
  padding-left: 20px;
  font-size: 115%;
  font-weight: bold
}

.categoryNavigation .itemList .item h2 a {
  text-indent: -20px;
  line-height: 1.3
}

.categoryNavigation .itemList .item h2 a:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  background: url(../images/shared/arrow/right01.png) 0 0 no-repeat;
  width: 16px;
  height: 16px
}

.categoryNavigation .itemList .item h2 a:hover:before {
  background: url(../images/shared/arrow/right02.png) 0 0 no-repeat
}

.categoryNavigation .itemList .item .txtArea {
  padding: 0 0 10px 18px
}

.categoryNavigation .itemList .item .txtArea h3 {
  font-weight: bold
}

.categoryNavigation .itemList .noImage .itemPadder .txtArea {
  line-height: 1.5
}

.fill .itemList .item {
  width: 232px
}

#layoutDivide-mainRight .fill .itemList .item {
  width: 246px
}

#layoutDivide-mainRight .fill .itemList .tileImage h2 {
  margin-left: 0
}

#layoutDivide-mainRight .fill .itemList .tileImage .imgArea {
  float: none;
  margin: -10px -10px 10px 0;
  width: auto;
  *padding-bottom: 0
}

#layoutDivide-mainRight .fill .itemList .tileImage .itemPadder {
  padding: 10px 10px 10px 0
}

#layoutDivide-mainRight .fill .itemList .tileImage .txtArea {
  width: 100%
}

.fill .itemList .noImage .itemPadder {
  padding-left: 0
}

.fill .itemList .noImage .itemPadder h2 {
  margin-left: 0
}

.fill .itemList .item .itemPadder .txtArea {
  width: 139px
}

.fill .itemList .noImage .itemPadder .txtArea {
  width: 215px
}

.verticalSet .itemList {
  margin: 0 !important;
  padding-bottom: 0
}

.verticalSet .itemList .item {
  float: none;
  padding: 0 0 20px;
  margin-right: 0;
  width: auto !important
}

#top .verticalSet {
  padding-bottom: 15px
}

#top .verticalSet .itemList .item {
  padding-bottom: 5px
}

.verticalSet .itemList .item .itemPadder {
  padding: 10px 10px 10px 14px
}

.verticalSet .itemList .item .itemPadder h2 {
  margin-left: -14px
}

.fill .itemList .noImage .itemPadder .txtArea {
  width: auto
}

.verticalSet .itemList .item .itemPadder h2.image {
  height: 18px
}

.verticalSet .itemList .item .itemPadder h2.image a {
  height: 18px
}

.verticalSet .itemList .item .itemPadder h2.image a img {
  margin-top: 3px
}

.categoryNavigation .apart1 {
  margin: 0 -20px 0 0;
  padding: 0 0 10px
}

.categoryNavigation .apart1 .item {
  float: left;
  width: 990px !important;
  margin-right: 20px;
  padding: 0 0 10px
}

.categoryNavigation .apart1 .pikbox .pik {
  margin-left: 0
}

#layoutDivide-mainRight .categoryNavigation .apart1 .item {
  width: 778px !important
}

.categoryNavigation .apart4 {
  margin: 0 -10px 0 0;
  padding: 0 0 10px
}

.categoryNavigation .apart4 .item {
  float: left;
  width: 240px !important;
  margin-right: 10px;
  padding: 0 0 10px
}

.categoryNavigation .apart4 .tileImage h2 {
  margin: -10px -10px 10px 0 !important
}

.categoryNavigation .apart4 .tileImage .imgArea {
  float: none;
  margin: -10px -10px 10px 0;
  width: auto
}

.categoryNavigation .apart4 .tileImage .itemPadder {
  padding: 10px 10px 10px 0
}

.categoryNavigation .apart4 .tileImage .txtArea {
  padding-top: 3px;
  width: 235px !important;
  float: left;
  margin-bottom: -8px
}

.categoryNavigation .itemList .noImage .itemPadder .txtArea {
  line-height: 1.5
}

.relatedInformation {
  padding-bottom: 20px;
  margin-bottom: 10px
}

.relatedInformation .relatedInformation {
  border: solid 1px #d9d9d9;
  background: #f7f7f7;
  margin-bottom: -10px
}

.relatedInformation .relatedInformation h2 {
  font-size: 100%;
  font-weight: bold;
  border-bottom: solid 1px #d9d9d9;
  padding: 6px 10px 5px;
  margin-bottom: 10px
}

.relatedInformation .relatedInformation .relatedInformationBody {
  margin-bottom: -26px;
  padding-right: 10px
}

* html .relatedInformation .textListNavi {
  padding-top: 2px;
  position: relative
}

* html .relatedInformation .textListNavi .icon {
  margin: 2px 0 0;
  padding: 0 0 0 3px
}

.bannerBlock ul {
  margin-bottom: 5px
}

.bannerBlock ul li {
  margin-bottom: 5px
}

.bannerBlock ul li a img {
  vertical-align: top
}

.bannerBlock .internal {
  padding-bottom: 15px
}

.bannerBlock .external {
  border-top: solid 1px #d9d9d9;
  padding-top: 20px
}

#openToolBlock {
  padding-bottom: 20px;
  border-left: solid 1px #cecece;
  border-right: solid 1px #cecece;
  padding: 0 10px;
  display: none
}

#openToolBlock h2 {
  border-top: solid 1px #cecece;
  background: #eee;
  font-size: 100%;
  font-weight: bold;
  padding: 3px 10px 2px;
  margin: 0 -10px 10px
}

#openToolBlock #design ul {
  border-top: solid 1px #cecece;
  border-left: solid 1px #cecece;
  width: 755px;
  margin-bottom: 10px
}

#openToolBlock #design ul li {
  width: 150px;
  float: left;
  border-right: solid 1px #cecece;
  border-bottom: solid 1px #cecece
}

#openToolBlock #design ul li label {
  display: block;
  padding-top: 7px;
  text-align: center;
  font-weight: bold
}

#openToolBlock #design ul li label input {
  margin: 3px;
  vertical-align: -12%
}

* html #openToolBlock #design ul li label input,
*:first-child+html #openToolBlock #design ul li label input {
  vertical-align: -.75%
}

#openToolBlock .paragraph {
  margin-left: 0;
  padding-bottom: 9px
}

#openToolBlock .pik {
  margin: 0;
  padding-bottom: 10px
}

#openToolBlock #searchButton {
  border-top: solid 1px #cecece;
  border-bottom: solid 1px #cecece;
  background: #e0f1cc;
  margin: 0 -10px;
  text-align: center;
  padding: 10px
}

#openToolBlock #searchButton ul li a img {
  vertical-align: top
}

.colors {
  margin: 0 0 0 5px;
  padding-bottom: 0px
}

.colors ul {
  margin-left: -16px
}

.colors ul li {
  width: 60px;
  height: 50px;
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 15px 16px
}

.colors ul li a img {
  vertical-align: baseline
}

.colors .paragraph {
  margin-left: 0;
  padding: 0
}

.colors .textListNavi {
  margin-left: 0;
  padding: 0
}

.colors .textListNavi ul {
  padding-bottom: 0
}

.colors .textListNavi ul li {
  float: none;
  margin: 0 0 0 16px;
  width: auto;
  height: auto;
  padding: 0 0 0 12px
}

.colorsResult {
  margin-bottom: 15px;
  border: solid 1px #ccc;
  padding: 15px 10px 0
}

.colorsResult .paragraph {
  margin-left: 0;
  padding: 0 0 11px
}

.colorsResult .textListNavi ul li {
  padding-bottom: 15px
}

#searchByProductNumber {
  padding-bottom: 20px
}

#searchByProductNumber form {
  background: #e0f1cc;
  border-bottom: solid 1px #cad9b8;
  padding: 14px 15px 12px
}

#searchByProductNumber form * {
  vertical-align: middle
}

#searchByProductNumber form input {
  height: 22px;
  line-height: 1.2
}

#searchByProductNumber form input.text {
  line-height: 1.35;
  height: 16px;
  font-size: 12px;
  margin-right: 15px;
  width: 160px
}

.puldownTable {
  padding-bottom: 7px
}

.puldownTable table {
  width: auto
}

.puldownTable table th {
  text-align: left;
  font-weight: bold
}

.puldownTable table td {
  padding: 0 20px 8px 0
}

.puldownTable table td label {
  display: block;
  text-align: center
}

.puldownTable table td label input {
  margin-right: 3px;
  vertical-align: -12%
}

.contactList .itemList {
  padding-bottom: 10px;
  margin: 0 0 0 -10px;
  _margin: 0 -10px 0 -20px
}

.contactList .itemList .item {
  float: left;
  margin-left: 20px;
  _margin: 0 5px 0 15px;
  width: 480px;
  padding-bottom: 10px
}

.contactList .itemList .itemPadder {
  border: solid 2px #d9d9d9
}

.contactList .itemList .item h4 {
  font-size: 100%;
  font-weight: bold;
  border-bottom: solid 1px #d9d9d9;
  padding: 7px 12px 5px;
  color: #555
}

.contactList .itemList .item .txtArea {
  padding: 13px 2px 0;
  margin-bottom: -6px
}

.contactList .itemList .item .txtArea .textListTerms th {
  width: 97px;
  text-align: left
}

.table {
  padding: 0 0 20px
}

.table table {
  width: 100%;
  border-top: 1px solid #cbcbcb;
  border-left: 1px solid #cbcbcb
}

.table table caption {
  font-weight: bold;
  line-height: 1.1;
  padding-bottom: 8px;
  font-size: 115%
}

.table table th,
.table table td {
  text-align: left;
  padding: 9px 15px 5px;
  border-right: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  background: #fff
}

.table.table--narrow table th,
.table.table--narrow table td {
  padding: 9px 5px 5px
}

span.nowrap {
  white-space: nowrap !important
}

div.table table th span.must {
  color: #e00;
  margin-left: .35em
}

div.table table tr.even td {
  background: #fafbfc
}

div.table table .lv1,
div.table .textListTerms>table th.lv2,
div.table .textListTerms>table th.lv3 {
  background: #D9ECC2
}

div.table table .lv2 {
  background: #F5F2E8 !important
}

div.table table .lv3 {
  background: #e7e7e7 !important
}

div.table table .lv4 {
  background: #f3f3f3 !important
}

div.table table th.pack1,
div.table table td.pack1 {
  background: #fff681 !important
}

div.table table th.pack2-1,
div.table table td.pack2-1 {
  background: #efcbff !important
}

.disable {
  color: #a6a6a6
}

.sat {
  color: #23a3da !important
}

.sun {
  color: #f20000 !important
}

div.table .note table,
div.table .note th,
div.table .note td {
  border: none !important;
  width: auto !important;
  background: none
}

.table span.small {
  font-size: 85%;
  margin: 0 2px 0 5px
}

* html .table span.small,
*:first-child+html .table span.small {
  vertical-align: 1.5%
}

select.inlineSelector {
  vertical-align: middle;
  margin-right: 15px
}

* html .table table tr.horizontal th,
*:first-child+html .table table tr.horizontal th {
  width: 87px !important
}

html>body .table table tr.horizontal th {
  width: 41px\9
}

.table table .strong .textListNavi {
  font-size: 116.67%
}

.table table .strong .paragraph {
  font-size: 116.67%;
  padding-bottom: 0px
}

.table table .strong .textListNavi ul li a {
  background-position: 1px .325em
}

.table table .strong .textListNavi .paragraph .normal {
  font-size: 75%
}

.table td.hasElements {
  padding-top: 11px
}

.table .inTableSection {
  margin-top: -5px
}

.table .headingLv4,
.table .headingLvLowest,
.table .paragraph,
.table .pikbox,
.table .textList,
.table .textListNavi,
.table .textListTerms {
  margin-left: 0 !important
}

.tabBody .table {
  margin: 0
}

div.table-history {
  padding: 0 0 20px
}

div.table-history table {
  border: solid 1px #cbcbcb;
  width: 100%;
  line-height: 1.5;
  background: #cbcbcb
}

div.table-history table caption {
  text-align: left;
  font-size: 116.67%;
  font-weight: bold;
  line-height: 1.1;
  padding-bottom: 8px
}

div.table-history table td {
  text-align: left
}

div.table-history table th {
  text-align: left;
  padding: 5px 7px
}

div.table-history table thead th.lv1,
div.table-history .textListTerms>table thead th.lv2,
div.table-history .textListTerms>table thead th.lv3 {
  text-align: center
}

span.nowrap {
  white-space: nowrap !important
}

div.table-history table th span.must {
  color: #e00;
  margin-left: .35em
}

div.table-history table tr.even td {
  background: #fafbfc
}

div.table-history table td {
  background: #fff;
  padding: 5px 7px
}

div.table-history table .lv1,
div.table-history .textListTerms>table th.lv2,
div.table-history .textListTerms>table th.lv3 {
  background: #e0f1cc url(../images/components/table/bg01.gif) 0 100% repeat-x !important
}

div.table-history table .lv2 {
  background: #dadada !important
}

div.table-history table .lv3 {
  background: #e7e7e7 !important
}

.lv4 {
  background: #f3f3f3 !important
}

div.table-history table th.pack1,
div.table-history table td.pack1 {
  background: #fff681 !important
}

div.table-history table th.pack2-1,
div.table-history table td.pack2-1 {
  background: #efcbff !important
}

.button {
  background: #fef5e2;
  text-align: center;
  vertical-align: middle
}

.sat {
  color: #23a3da !important
}

.sun {
  color: #f20000 !important
}

div.table-history .headingLvLowest {
  margin: 10px 0 0;
  padding: 0
}

div.table-history .textListNote {
  margin: 0;
  padding: 0
}

div.table-history .note table,
div.table-history .note th,
div.table-history .note td {
  border: none !important;
  width: auto !important
}

div.scroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: 5px;
  max-height: 100%
}

* html div.scroll {
  overflow-y: visible;
  padding-bottom: 17px
}

*:first-child+html div.scroll {
  padding-bottom: 17px
}

div.scroll div.table table {
  width: auto
}

div.table div.scroll table th,
div.table div.scroll table td {
  white-space: nowrap
}

.table .inTable {
  margin: 0 -7px 0 -1px
}

.table .inTable table {
  border: none;
  padding: 0;
  margin: 0;
  width: 100% !important
}

.table .inTable table td {
  border: none;
  padding: 0;
  margin: 0;
  font-weight: normal
}

.table .inTable table th {
  border: none;
  padding: 0;
  margin: 0;
  font-weight: normal;
  width: 100% !important;
  white-space: nowrap;
  color: #4c4c4c
}

.table .inTable table td {
  padding-left: 10px;
  width: auto !important
}

.table .inTable table td img {
  display: block
}

.formTable {
  margin: -8px 10px 0;
  padding-bottom: 20px
}

.formTable table.formTable {
  width: 760px;
  margin: 0;
  padding: 0
}

.formTable table tr.formTable {
  background: url(../images/components/formTable/bg01.gif) 0 100% repeat-x
}

.formTable table tr.error {
  background-color: #ffe3d9
}

.formTable table tr.formTable th.formTable {
  width: 206px;
  text-align: left;
  margin: 0;
  padding: 0
}

.formTable table tr.formTable th.formTable img.necessary {
  padding: 0;
  display: block
}

.formTable table th.formTable .inputInformation {
  padding: 13px 7px
}

.formTable table th.formTable .inputInformation .note {
  margin: 2px 0 0;
  padding: 0;
  color: #999
}

.formTable table th.formTable .inputInformation .note th {
  padding-right: .25em
}

.formTable table td.formTable {
  margin: 0;
  padding: 0 0 17px
}

.formTable table td.formTable .inputData {
  padding: 12px 0 0
}

.formTable table td.formTable .plainText {
  padding: 13px 0 0
}

.formTable table td.formTable .plainText .textList {
  margin: 0 0 -4px;
  padding: 0
}

.formTable table td.formTable .plainText .textList ul li {
  padding-left: 9px;
  background: url(../images/shared/dot02_gray.gif) 1px 0.7em no-repeat
}

.formTable table td.formTable .inputData textarea {
  width: 540px;
  height: 134px
}

.formTable table td.formTable .inputData .innerTable {
  margin-bottom: -6px
}

.formTable table td.formTable .inputData .innerTable table {
  width: 554px;
  table-layout: fixed
}

.formTable table td.formTable .inputData .innerTableFree table {
  width: auto;
  table-layout: auto
}

.formTable table td.formTable .inputData .innerTable table td,
.formTable table td.formTable .inputData .innerTable table th {
  padding: 0 10px 6px 0
}

.formTable table td.formTable .inputData .innerTable table .checkbox input {
  vertical-align: middle
}

.formTable table td.formTable .inputData .innerTable table .checkbox label {
  vertical-align: -10%;
  *vertical-align: -.3%;
  padding-left: 3px
}

.formTable table td.formTable .inputData .innerTable table .radio input {
  vertical-align: middle
}

.formTable table td.formTable .inputData .innerTable table .radio label {
  vertical-align: -10%;
  *vertical-align: -.5% !important;
  padding-left: 3px
}

.formTable table td.formTable .inputData .innerTable table .text input.sizeS {
  width: 70px
}

.formTable table td.formTable .inputData .innerTable table .text input.sizeM {
  width: 150px
}

.formTable table td.formTable .inputData .innerTable table .text input.sizeL {
  width: 300px
}

.formTable table td.formTable .inputData .innerTable table .text span {
  padding: 0 1px
}

.formTable table td.formTable .inputData .innerTable table .text span.indentCharacter {
  padding-left: 25px
}

span.inlineItems-radio {
  margin-right: 10px;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 1
}

span.inlineItems-radio * {
  vertical-align: middle;
  line-height: 1
}

span.inlineItems-radio input {
  vertical-align: -20%;
  margin-right: 3px
}

* html span.inlineItems-radio input,
*:first-child+html span.inlineItems-radio input {
  vertical-align: middle
}

.inTable .inlineItems-radio {
  white-space: normal
}

span.inlineItems-radio label {
  line-height: 1.6
}

html>body span.inlineItems-radio {
  white-space: normal\9
}

span.inlineItems-checkbox {
  margin-right: 10px;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 1
}

span.inlineItems-checkbox * {
  vertical-align: middle;
  line-height: 1
}

span.inlineItems-checkbox input {
  vertical-align: -20%;
  margin-right: 3px
}

* html span.inlineItems-checkbox input,
*:first-child+html span.inlineItems-checkbox input {
  vertical-align: middle
}

span.inlineItems-checkbox label {
  line-height: 1.6
}

html>body span.inlineItems-checkbox {
  white-space: normal\9
}

.contentDivide {
  letter-spacing: -.4em;
  margin-left: -20px
}

.contentDivide .dividedContent {
  display: inline-block;
  letter-spacing: normal;
  letter-spacing: normal;
  vertical-align: top;
  margin-left: 20px
}

* html .contentDivide .dividedContent {
  display: inline;
  zoom: 1
}

*:first-child+html .contentDivide .dividedContent {
  display: inline;
  zoom: 1
}

.contentDivide .cols2 .dividedContent {
  width: 455px
}

.contentDivide .cols3 .dividedContent {
  width: 296.66667px
}

.contentDivide .cols4 .dividedContent {
  width: 217.5px
}

.contentDivide-colorsample .leftContent {
  width: 335px;
  margin-right: 20px;
  float: left
}

.contentDivide-colorsample .rightContent {
  width: 425px;
  float: left
}

.contentDivide-colorsample .note {
  padding: 0;
  margin-top: 0px
}

.contentDivide-colorsample .leftContent .note,
.contentDivide-colorsample .rightContent .note {
  padding: 0 0 16px
}

.icon {
  padding: 0 0 0 3px;
  vertical-align: baseline;
  display: inline !important
}

* html .newwin {
  margin-top: -2px
}

.pdf {
  margin-bottom: -4px
}

*:first-child+html .pdf {
  margin: 0;
  vertical-align: -1.25%;
  position: relative
}

* html .pdf {
  margin: 0;
  vertical-align: -1%;
  position: relative
}

.xls {
  margin-bottom: -4px;
  *margin-bottom: -3px
}

*:first-child+html .xls {
  margin: 0;
  vertical-align: -1.25%;
  position: relative
}

* html .xls {
  margin: 0;
  vertical-align: -1%;
  position: relative
}

.necessary {
  padding: 0 3px 0 2px;
  margin-bottom: -1px
}

.lastItem {
  padding-bottom: 0 !important;
  margin-bottom: -3px !important
}

.clearfix {
  zoom: 1
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden
}

span.clear {
  display: none
}

br.clear {
  clear: both
}

p.elemNote {
  border: solid 2px #ccc;
  margin-left: 0;
  margin-bottom: 35px;
  padding: 10px 10px 8px;
  color: #555;
  line-height: 1.3;
  background: #fff
}

p.elemNote span {
  color: #787878;
  margin: -10px -10px 7px;
  padding-left: 3px;
  font-family: Tahoma;
  display: block;
  background: #787878;
  color: #fff;
  font-weight: bold
}

.example {
  background: #658ddd;
  border-width: 1px !important;
  border-color: #658ddd !important
}

.coderMark {
  color: red !important;
  font-weight: bold !important
}

form.search {
  margin: 0 auto 20px;
  text-align: center
}

form.search dl {
  display: inline-block;
  letter-spacing: normal;
  margin: 0 auto
}

* html form.search dl {
  display: inline;
  zoom: 1
}

*:first-child+html form.search dl {
  display: inline;
  zoom: 1
}

form.search dl dt,
form.search dl dd {
  display: table-cell;
  vertical-align: top
}

form.search dl dt {
  padding-left: 15px;
  font-weight: bold
}

form.search dl dt:first-child {
  padding-left: 0
}

form.search dl dd {
  padding-left: 10px
}

form.search .search_keyword,
form.search #area_header form#search .category,
#area_header form#search form.search .category,
form.search .number,
form.search .category {
  width: 325px;
  height: 28px;
  line-height: 28px;
  margin: 0;
  padding: 0 10px;
  border: 1px solid #CCCBCB;
  font-size: 100%;
  color: #d9d9d9;
  vertical-align: top;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px
}

form.search .number {
  width: 240px
}

form.search .category {
  width: 135px;
  height: 30px;
  line-height: 30px;
  margin-left: 5px;
  padding: 0 0 0 5px;
  color: #666
}

form.search input[type=submit] {
  display: inline-block;
  letter-spacing: normal;
  height: 30px;
  margin: 0 0 0 5px;
  padding: 0 10px 0 30px;
  border: none;
  background: #e5e5e5 url(../images/shared/icon/search01.png) no-repeat 7px 6px;
  font-size: 86%;
  vertical-align: top;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9
}

* html form.search input[type=submit] {
  display: inline;
  zoom: 1
}

*:first-child+html form.search input[type=submit] {
  display: inline;
  zoom: 1
}

form.search input[type=submit].size_l {
  display: block;
  margin: 15px auto 0;
  width: 217px;
  height: 60px;
  background: #e5e5e5 url(../images/shared/icon/search02.png) no-repeat 65px 48%;
  font-size: 20px;
  font-size: 2rem
}

form.search input[type=submit]:hover {
  background: #f4be17 url(../images/shared/icon/search03.png) no-repeat 7px 6px;
  color: #fff
}

.elem_section_block {
  margin: 0 -30px;
  padding: 0 0 10px;
  background: #fff
}

.elem_section_block .padder {
  width: 930px;
  padding: 30px 30px 0
}

.elem_section_block.mainvisual {
  margin: 0 -30px;
  padding: 0;
  min-height: 300px;
  height: auto !important;
  height: 300px
}

.elem_section_block.visual {
  background-position: 50% 0 !important;
  background-repeat: no-repeat !important
}

.elem_section_block.js_slider .padder {
  width: 950px;
  padding: 30px 0 20px 20px
}

.elem_section_block.js_slider .padder .padder {
  width: 840px;
  padding: 0 0 0 30px
}

.elem_section_block.js_slider .padder .padder .headingLv2 {
  margin-left: -100px
}

.elem_section_block.js_slider.pickup {
  height: 426px;
  overflow: hidden
}

.layout_popup .elem_section_block .padder {
  width: 870px
}

.elem_section_block.lv1,
.textListTerms>table th.elem_section_block.lv2,
.textListTerms>table th.elem_section_block.lv3 {
  background: #f5f5f5
}

.elem_section_block.lv2 {
  background: #F5F2E9
}

/*241211下記二項目修正*/
#area_global_navi ul li .item section .heading .link .elem_section_block.question {
  margin-top: 30px;
  background: #F5F2E9
}

/*241211背景ベージュを削除*/
.elem_section_block.inquiry {
  margin-top: 30px;
}

#mainArea .elem_section_block.separate {
  margin-top: 30px
}

.top #contentBody .elem_section_block {
  margin-left: 0;
  margin-right: 0
}

.anchor {
  margin-top: -40px;
  padding-bottom: 40px
}

#elem_heading_lv1 {
  margin: 0;
  padding: 0 0 5px
}

.layout_popup #elem_heading_lv1 {
  min-width: 960px
}

#elem_heading_lv1 div {
  margin: 0 auto
}

#layout_popup #elem_heading_lv1 div {
  width: 930px
}

#elem_heading_lv1 div h1 {
  color: #000;
  text-align: left;
  letter-spacing: .08em;
  font-weight: normal;
  font-size: 86%;
  line-height: 1.3
}

.elem_heading_lv2 {
  margin: 0;
  padding: 0 0 20px
}

.elem_heading_lv2 h2 {
  font-size: 172%
}

.elem_heading_lv2 img {
  margin: -2px 0 0
}

.elem_heading_lv3 {
  margin: -1px 0 15px;
  padding: 0 0 1px 0;
  border-bottom: 1px solid #A6A6A6
}

.elem_heading_lv3 h3 {
  letter-spacing: .08em;
  font-weight: bold;
  line-height: 1.3;
  color: #646464;
  font-size: 128%
}

.elem_heading_lv4 {
  margin: -1px 0 0;
  padding: 0 0 7px 0
}

.elem_heading_lv4 h4 {
  letter-spacing: .08em;
  font-weight: bold;
  line-height: 1.3;
  color: #646464;
  font-size: 100%
}

.elem_catch {
  position: relative;
  margin: -.15em 0 15px
}

.elem_catch p {
  line-height: 1.4
}

.elem_catch p strong {
  font-size: 129%;
  font-weight: normal;
  color: #656565
}

.elem_catch p.lv1 strong {
  color: #bf8300
}

.elem_paragraph {
  margin: -.25em 0 15px
}

.elem_paragraph p {
  font-size: 100%
}

.elem_paragraph p.lv1 {
  color: #2c5200
}

.elem_paragraph p a {
  text-decoration: none;
  color: #08427c
}

.elem_paragraph p a:visited {
  color: #08427c
}

.elem_paragraph p a:focus {
  color: #08427c
}

.elem_paragraph p a:hover {
  color: #003468
}

.elem_paragraph p a:active {
  color: #08427c
}

.elem_paragraph p a:hover {
  text-decoration: underline
}

.elem_paragraph p.right {
  text-align: right
}

.elem_paragraph p.center {
  text-align: center
}

.elem_section_block .elem_paragraph:last-child {
  padding: 0
}

.elem_text_list {
  margin: -0.25em 0 0;
  padding: 0 0 9px
}

.elem_text_list ul {
  zoom: 1
}

.elem_text_list ul:after {
  content: "";
  display: block;
  clear: both
}

.elem_text_list ul li {
  clear: both;
  margin: 0 0 6px;
  padding: 0 0 0 20px;
  line-height: 1.3;
  font-size: 100%
}

.elem_text_list ul li sup {
  font-size: 86%
}

.elem_text_list ul li.nav {
  background: url(../images/shared/arrow/right01.png) 0 0.05em no-repeat;
  text-indent: -20px
}

.elem_text_list ul li.nav a {
  padding: 0 0 0 20px
}

.elem_text_list ul li.nav:hover {
  background: url(../images/shared/arrow/right02.png) 0 0.05em no-repeat
}

.elem_text_list ul li.anchor {
  background: url(../images/shared/arrow/down01.png) 0 0.4em no-repeat;
  text-indent: -17px
}

.elem_text_list ul li.anchor a {
  padding: 0 0 0 20px
}

.elem_text_list ul li.anchor:hover {
  background: url(../images/shared/arrow/down02.png) 0 0.4em no-repeat
}

.elem_text_list ul li.right {
  float: right
}

.elem_text_list ul li.right li {
  padding: 12px 0 0
}

.elem_text_list ul.center {
  text-align: center
}

.elem_text_list ul.center li {
  padding: 12px 0 0
}

.elem_text_list ul.col2,
.elem_text_list ul.col3 {
  margin: 0;
  letter-spacing: -.4em
}

.elem_text_list ul.col2 li,
.elem_text_list ul.col3 li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  width: 455px
}

* html .elem_text_list ul.col2 li,
* html .elem_text_list ul.col3 li {
  display: inline;
  zoom: 1
}

*:first-child+html .elem_text_list ul.col2 li,
*:first-child+html .elem_text_list ul.col3 li {
  display: inline;
  zoom: 1
}

.elem_text_list ul.col3 li {
  width: 303.33333px
}

.elem_text_list_detail {
  margin: -0.25em 0 0;
  padding: 0 0 10px;
  font-size: 100%
}

.elem_text_list_detail table th {
  padding: 0 0 7px;
  font-weight: bold;
  white-space: nowrap;
  min-width: 62px;
  width: auto !important;
  width: 62px
}

.elem_text_list_detail table td {
  padding: 0 0 7px 4px;
  vertical-align: top
}

.elem_text_list_detail table .elem_text_list_detail {
  margin: 0 0 -11px;
  padding: 11px 0 0
}

.elem_text_list_detail.note {
  font-size: 86%;
  line-height: 1.5;
  padding: 0 0 20px
}

.elem_text_list_detail.note table th {
  padding: 0
}

.elem_text_list_detail.note table td {
  padding: 0 0 0 4px
}

.elem_info_list dl {
  display: table;
  width: 100%;
  margin: -.5em 0 0
}

.elem_info_list dl dt,
.elem_info_list dl dd {
  display: table-cell;
  vertical-align: middle
}

.elem_info_list dl dt {
  width: 3em
}

.elem_info_list dl dd {
  font-size: 114%;
  font-weight: bold
}

.text .elem_info_list {
  display: table-cell;
  vertical-align: top
}

.text .elem_info_list:first-child {
  padding: 0 40px 0 0
}

.text .elem_info_list p.note {
  display: table-caption;
  width: 210px
}

.elem_info_list.liner {
  display: table-cell;
  padding-right: 20px
}

.elem_point_list dl {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  padding-bottom: 20px;
  line-height: 50px
}

.elem_point_list dl dt,
.elem_point_list dl dd {
  display: table-cell;
  vertical-align: middle
}

.elem_point_list dl dt {
  width: 45px;
  border-right: 4px solid #2c5200
}

.elem_point_list dl dt.point01 {
  background: url(../images/components/elem_point_list/p01.png) no-repeat 0 0
}

.elem_point_list dl dt.point02 {
  background: url(../images/components/elem_point_list/p02.png) no-repeat 0 0
}

.elem_point_list dl dt.point03 {
  background: url(../images/components/elem_point_list/p03.png) no-repeat 0 0
}

.elem_point_list dl dt.point04 {
  background: url(../images/components/elem_point_list/p04.png) no-repeat 0 0
}

.elem_point_list dl dt:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 45px;
  border: 10px solid transparent;
  border-left: 10px solid #2c5200;
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%)
}

html>body .elem_point_list dl dt:after {
  top: 20% \9
}

:root .elem_point_list dl dt:after {
  top: 50% \0/IE9
}

.elem_point_list dl dd {
  padding: .1em 0 0 20px;
  line-height: 1.6
}

.elem_issue_list .headingLv3 {
  margin: -.5em 0 0
}

.elem_issue_list .headingLv3 h3 {
  display: table;
  width: 100%;
  line-height: 1.4
}

.elem_issue_list .headingLv3 span {
  display: table-cell;
  width: 80px;
  color: #2c5200
}

.elem_issue_list .headingLv3 span strong {
  display: inline-block;
  letter-spacing: normal;
  width: 30px;
  height: 30px;
  margin: 0 0 0 5px;
  line-height: 31px;
  text-align: center;
  background: #2c5200;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  font-weight: normal
}

* html .elem_issue_list .headingLv3 span strong {
  display: inline;
  zoom: 1
}

*:first-child+html .elem_issue_list .headingLv3 span strong {
  display: inline;
  zoom: 1
}

.elem_issue_list dl {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  padding-bottom: 20px
}

.elem_issue_list dl dt,
.elem_issue_list dl dd {
  display: table-cell;
  vertical-align: top
}

.elem_issue_list dl dt {
  width: 80px;
  font-size: 128%;
  color: #f4be17
}

.elem_recommend_list ul li {
  position: relative;
  margin-bottom: 20px
}

.elem_recommend_list ul li:before {
  content: "";
  position: absolute;
  top: 20%;
  left: 90px;
  border: 10px solid transparent;
  border-right: 10px solid #fff
}

.elem_recommend_list ul li .recommend {
  width: 780px;
  margin: 0 0 0 110px;
  padding: 20px 20px 10px;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px
}

.elem_recommend_list ul li:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 95px;
  height: 95px;
  background: url(../images/components/elem_recommend_list/bg01.png) no-repeat 0 0
}

.elem_recommend_list ul li:nth-child(even):after {
  background: url(../images/components/elem_recommend_list/bg02.png) no-repeat 0 0
}

.elem_recommend_list ul li h3 {
  font-size: 128%;
  color: #2c5200
}

.elem_recommend_list ul>*:first-child+*:after {
  background: url(../images/components/elem_recommend_list/bg02.png) no-repeat 0 0
}

.elem_recommend_list ul>*:first-child+*+*+*:after {
  background: url(../images/components/elem_recommend_list/bg02.png) no-repeat 0 0
}

.elem_recommend_list ul>*:first-child+*+*+*+*+*:after {
  background: url(../images/components/elem_recommend_list/bg02.png) no-repeat 0 0
}

.elem_button_list {
  margin-bottom: 20px
}

.elem_button_list ul {
  zoom: 1
}

.elem_button_list ul:after {
  content: "";
  display: block;
  clear: both
}

.elem_button_list ul li {
  float: left;
  display: table;
  margin: 0;
  width: 100%;
  padding: 0 0 10px
}

.elem_button_list ul li.clear {
  clear: both
}

.elem_button_list ul li a {
  position: relative;
  display: table-cell;
  padding: 16px 5px;
  vertical-align: middle;
  line-height: 1.2;
  background: #2c5200;
  text-align: center;
  font-size: 143%;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px
}

.elem_button_list ul li a:hover {
  background-color: #f4be17;
  text-decoration: none
}

.elem_button_list ul li a img {
  margin-left: -25px;
  padding-right: 15px
}

.elem_button_list ul.center {
  text-align: center
}

.elem_button_list ul.center li {
  padding: 12px 0 0
}

.elem_button_list ul.col2,
.elem_button_list .elem_text_list ul.col3,
.elem_text_list .elem_button_list ul.col3 {
  margin: 0 0 0 -20px
}

.elem_button_list ul.col2 li,
.elem_button_list .elem_text_list ul.col3 li,
.elem_text_list .elem_button_list ul.col3 li {
  margin: 0 0 10px 20px;
  width: 455px
}

.elem_button_list ul.col2 li:nth-child(2n+1),
.elem_button_list .elem_text_list ul.col3 li:nth-child(2n+1),
.elem_text_list .elem_button_list ul.col3 li:nth-child(2n+1) {
  clear: both
}

.elem_button_list ul.col3 {
  margin: 0 0 0 -20px
}

.elem_button_list ul.col3 li {
  margin: 0 0 10px 20px;
  width: 296.66667px
}

.elem_button_list ul.col3 li:nth-child(3n+1) {
  clear: both
}

.elem_button_list ul.col4 {
  margin: 0 0 0 -20px
}

.elem_button_list ul.col4 li {
  margin: 0 0 10px 20px;
  width: 217.5px
}

.elem_button_list ul.col4 li:nth-child(4n+1) {
  clear: both
}

.elem_button_list.lv1,
.textListTerms>table th.elem_button_list.lv2,
.textListTerms>table th.elem_button_list.lv3 {
  padding: 20px 20px 10px;
  background: #F5F2E8
}

.elem_button_list.lv1 ul .button,
.textListTerms>table th.elem_button_list.lv2 ul .button,
.textListTerms>table th.elem_button_list.lv3 ul .button {
  text-align: center;
  background: none
}

.elem_button_list.lv1 ul .button input[type=button],
.textListTerms>table th.elem_button_list.lv2 ul .button input[type=button],
.textListTerms>table th.elem_button_list.lv3 ul .button input[type=button],
.elem_button_list.lv1 ul .button input[type=submit],
.textListTerms>table th.elem_button_list.lv2 ul .button input[type=submit],
.textListTerms>table th.elem_button_list.lv3 ul .button input[type=submit] {
  display: table-cell;
  width: 400px;
  border: none;
  padding: 16px 5px;
  vertical-align: middle;
  line-height: 1.2;
  background: #2c5200;
  font-size: 143%;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer
}

.elem_button_list.lv1 ul .button input[type=button]:hover,
.textListTerms>table th.elem_button_list.lv2 ul .button input[type=button]:hover,
.textListTerms>table th.elem_button_list.lv3 ul .button input[type=button]:hover,
.elem_button_list.lv1 ul .button input[type=submit]:hover,
.textListTerms>table th.elem_button_list.lv2 ul .button input[type=submit]:hover,
.textListTerms>table th.elem_button_list.lv3 ul .button input[type=submit]:hover {
  background-color: #f4be17
}

.elem_button_list.lv1 ul .prev,
.textListTerms>table th.elem_button_list.lv2 ul .prev,
.textListTerms>table th.elem_button_list.lv3 ul .prev {
  width: 400px
}

.elem_button_list.lv1 ul .prev a,
.textListTerms>table th.elem_button_list.lv2 ul .prev a,
.textListTerms>table th.elem_button_list.lv3 ul .prev a {
  padding: 12px 20px;
  background: #989898;
  font-size: 143%
}

.elem_button_list.lv1 ul .prev a:hover,
.textListTerms>table th.elem_button_list.lv2 ul .prev a:hover,
.textListTerms>table th.elem_button_list.lv3 ul .prev a:hover {
  background-color: #f4be17
}

.elem_button_list+.text {
  padding-top: 7px
}

figure {
  position: relative;
  margin: 0 auto;
  padding: 0 0 15px
}

figure figcaption {
  margin: 0 auto;
  padding: 10px 0 0;
  text-align: left;
  font-size: 100%
}

figure figcaption p {
  margin-top: 20px;
  font-size: 115%
}

figure figcaption a {
  display: inline-block;
  letter-spacing: normal;
  position: relative;
  padding-left: 20px;
  line-height: 1.4
}

* html figure figcaption a {
  display: inline;
  zoom: 1
}

*:first-child+html figure figcaption a {
  display: inline;
  zoom: 1
}

figure figcaption a:before {
  content: "";
  display: inline-block;
  letter-spacing: normal;
  width: 16px;
  height: 16px;
  position: absolute;
  top: .1em;
  left: 0;
  background: url(../images/shared/arrow/right01.png) 0 0 no-repeat
}

* html figure figcaption a:before {
  display: inline;
  zoom: 1
}

*:first-child+html figure figcaption a:before {
  display: inline;
  zoom: 1
}

figure figcaption a:hover {
  background: url(../images/shared/arrow/right02.png) 0 0.05em no-repeat
}

figure figcaption a:hover:before {
  background: url(../images/shared/arrow/right02.png) 0 0.05em no-repeat
}

figure nav ul li a {
  position: absolute;
  right: -30px;
  display: block;
  width: 20px;
  height: 80px;
  background: #fff url(../images/shared/arrow/right03.png) right 50% no-repeat;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  color: transparent;
  top: 50%;
  margin-top: -80px;
  padding: 0;
  border: none;
  outline: none;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px
}

figure nav ul li:first-child a {
  left: -30px;
  background: #fff url(../images/shared/arrow/left03.png) left 50% no-repeat;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0
}

figure.center {
  text-align: center
}

figure.center figcaption {
  text-align: center
}

figure.center figcaption.left {
  text-align: left
}

figure.right {
  text-align: right
}

figure.right figcaption {
  text-align: right
}

figure.top {
  padding: 15px 0
}

.elem_paragraph+figure {
  margin: 15px 0 0
}

figure .noborder {
  border: none;
  outline: none
}

.elem_pic.center {
  text-align: center
}

.elem_pic_list ul {
  display: table;
  width: 100%;
  margin: 0 0 0 -30px
}

.elem_pic_list ul li {
  display: table-cell;
  vertical-align: top;
  padding: 0 0 0 30px
}

.elem_pic_list ul.center {
  text-align: center
}

.elem_pic_list.lv1 ul,
.textListTerms>table th.elem_pic_list.lv2 ul,
.textListTerms>table th.elem_pic_list.lv3 ul {
  width: auto
}

.elem_pic_list.lv1 ul li,
.textListTerms>table th.elem_pic_list.lv2 ul li,
.textListTerms>table th.elem_pic_list.lv3 ul li {
  padding-left: 20px
}

.elem_pic_list.lv1 ul li:first-child,
.textListTerms>table th.elem_pic_list.lv2 ul li:first-child,
.textListTerms>table th.elem_pic_list.lv3 ul li:first-child {
  padding-left: 30px
}

.elem_pic_block {
  margin: 0 0 0 -30px;
  padding: 0 0 30px
}

.elem_pic_block table {
  width: 100%
}

.elem_pic_block table tr td.pic {
  padding: 0 0 0 30px;
  width: 1%;
  vertical-align: top
}

.elem_pic_block table tr td.text {
  padding: 0 0 0 30px;
  width: 99%;
  vertical-align: top
}

.elem_pic_block table tr td .heading {
  padding: 0 0 20px
}

.elem_pic_block table tr td .elem_pic {
  padding: 0
}

.elem_paragraph+.elem_pic_block {
  margin: 10px 0 0 -30px
}

.elem_divide {
  margin: 0 0 0 -20px;
  letter-spacing: -0.4em
}

.elem_divide .area {
  display: inline-block;
  letter-spacing: normal;
  padding: 0 0 10px 20px;
  vertical-align: top;
  letter-spacing: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

* html .elem_divide .area {
  display: inline;
  zoom: 1
}

*:first-child+html .elem_divide .area {
  display: inline;
  zoom: 1
}

.elem_divide .area.w3 {
  width: 30%
}

.elem_divide .area.w4 {
  width: 40%
}

.elem_divide .area.w6 {
  width: 60%
}

.elem_divide .area.w7 {
  width: 70%
}

.elem_divide.col2 .area,
.elem_text_list ul.elem_divide.col3 .area {
  width: 50%
}

.elem_divide.col3 .area {
  width: 33.33333%
}

.elem_divide.col4 .area {
  width: 25%
}

.elem_table_set table,
.elem_form_table_set table {
  border-spacing: 4px;
  border-collapse: separate;
  width: 100%
}

.elem_table_set table tr th,
.elem_form_table_set table tr th,
.elem_table_set table tr td,
.elem_form_table_set table tr td {
  margin: -1px 0 0;
  padding: 15px 10px 14px;
  background: #fff;
  font-size: 100%
}

.elem_table_set table tr th.lv1,
.elem_form_table_set table tr th.lv1,
.elem_table_set .textListTerms>table tr th.lv2,
.elem_form_table_set .textListTerms>table tr th.lv2,
.elem_table_set .textListTerms>table tr th.lv3,
.elem_form_table_set .textListTerms>table tr th.lv3,
.elem_table_set table tr td.lv1,
.elem_form_table_set table tr td.lv1 {
  background: #89B365
}

.elem_table_set table tr th.lv2,
.elem_form_table_set table tr th.lv2,
.elem_table_set table tr td.lv2,
.elem_form_table_set table tr td.lv2 {
  background: #AEC897
}

.elem_table_set table tr th.marked,
.elem_form_table_set table tr th.marked,
.elem_table_set table tr td.marked,
.elem_form_table_set table tr td.marked {
  padding: 5px 10px 4px
}

.elem_table_set table tr th,
.elem_form_table_set table tr th {
  font-weight: bold;
  text-align: left;
  vertical-align: top
}

.elem_table_set table tr .element_padder,
.elem_form_table_set table tr .element_padder {
  margin: 0 0 -15px;
  padding: 5px 0 0
}

.elem_table_set caption,
.elem_form_table_set caption {
  margin: -5px 0 0;
  padding: 10px 4px 0;
  text-align: left;
  font-size: 100%;
  line-height: 1.4
}

.elem_table_set caption.note,
.elem_form_table_set caption.note {
  margin: -5px 0 0 14px;
  margin: -5px 0 0 1.4rem;
  font-size: 100%
}

.comp_column_topics,
.comp_column_button {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 10px
}

.comp_column_topics .area,
.comp_column_button .area {
  display: table-cell;
  width: 50%;
  padding: 0 0 10px 30px;
  vertical-align: top
}

.elem_section_block.lv1 .comp_column_topics .area,
.textListTerms>table th.elem_section_block.lv2 .comp_column_topics .area,
.textListTerms>table th.elem_section_block.lv3 .comp_column_topics .area,
.elem_section_block.lv1 .comp_column_button .area,
.textListTerms>table th.elem_section_block.lv2 .comp_column_button .area,
.textListTerms>table th.elem_section_block.lv3 .comp_column_button .area,
.elem_section_block.lv2 .comp_column_topics .area,
.elem_section_block.lv2 .comp_column_button .area {
  border-left: 1px solid #fff
}

.comp_column_topics .area:first-child,
.comp_column_button .area:first-child {
  padding: 0 30px 0 0;
  border-right: 1px solid #C7C7C7;
  border-left: none !important
}

.comp_column_topics .area.text,
.comp_column_button .area.text {
  padding: 35px 0 0
}

.comp_column_topics .area .headingLv2,
.comp_column_button .area .headingLv2 {
  position: relative;
  margin-top: 5px
}

.comp_column_topics .area .headingLv2 .link,
.comp_column_button .area .headingLv2 .link {
  position: absolute;
  top: 16px;
  right: 0
}

.comp_column_topics .area .headingLv2 .link a,
.comp_column_button .area .headingLv2 .link a {
  padding: 0 0 0 20px;
  background: url(../images/shared/arrow/right01.png) 0 0.15em no-repeat
}

.comp_column_topics .area .headingLv2 .link a:hover,
.comp_column_button .area .headingLv2 .link a:hover {
  background: url(../images/shared/arrow/right02.png) 0 0.15em no-repeat
}

.comp_column_topics .area .textListNews,
.comp_column_button .area .textListNews {
  padding: 0
}

.comp_column_topics .area .textListNews ul li,
.comp_column_button .area .textListNews ul li {
  padding: 0 0 10px
}

.comp_column_topics .area .textListNews strong,
.comp_column_button .area .textListNews strong {
  display: block;
  position: relative;
  margin: 0 0 0 -2px;
  padding: 0 0 3px
}

.comp_column_topics.nobg .area,
.nobg.comp_column_button .area {
  border: none
}

.elem_map_changer {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  padding: 0;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1
}

.elem_map_changer>div>div {
  text-align: center
}

.comp_column_button .area p {
  font-size: 100%
}

.comp_column_button .area p.note {
  margin: -.2em 0 0;
  padding: 0 0 5px;
  font-size: 86%
}

.comp_column_button .area .elem_button_list {
  margin: -0.25em 0 0
}

.comp_column_button .area .elem_button_list ul {
  margin: 0
}

.comp_column_button .area .elem_button_list ul li {
  width: 100%;
  margin: 0;
  padding: 0 0 10px
}

.comp_column_button .area .elem_button_list ul li a {
  padding: 18px 5px;
  font-size: 143%
}

.comp_column_button .area .elem_button_list ul li a#purchase img {
  margin-top: -3px
}

.comp_column_button .area .elem_divide.col2 .area,
.comp_column_button .area .elem_text_list ul.elem_divide.col3 .area,
.elem_text_list .comp_column_button .area ul.elem_divide.col3 .area {
  width: 230px;
  padding: 0 0 0 20px;
  border: none
}

.comp_column_button .area .elem_divide .elem_button_list ul li a#inquiry {
  padding-left: 30px
}

.comp_column_button .area .elem_divide .elem_button_list ul li a#inquiry img {
  padding-right: 5px
}

.comp_column_button .area .textListNavi {
  margin: 0
}

#comp_history {
  margin: 40px 0 0
}

#comp_history figure {
  margin-top: -76px;
  padding: 76px 0 0
}

#comp_history section {
  margin-bottom: 40px
}

#comp_history section:last-child {
  margin-bottom: 0
}

#comp_history section h2 {
  margin-bottom: 40px;
  line-height: .8;
  letter-spacing: -.035em;
  font-family: "Times New Roman";
  font-size: 128px;
  font-weight: bold;
  font-style: italic;
  color: #f5f5f5
}

#comp_history section ul {
  margin-top: -70px;
  zoom: 1
}

#comp_history section ul:after {
  content: "";
  display: block;
  clear: both
}

#comp_history section#history_yr2000>ul {
  margin-top: -20px
}

#comp_history section li {
  clear: both;
  position: relative;
  display: table;
  width: 415px;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

#comp_history section li .description {
  display: table-cell;
  table-layout: fixed;
  vertical-align: middle
}

#comp_history section li .description h3 {
  margin: .02em 0 7px;
  line-height: 1;
  letter-spacing: -.035em;
  font-family: "Times New Roman";
  font-size: 36px;
  font-weight: bold;
  font-style: italic
}

#comp_history section li .description h3 span {
  letter-spacing: normal;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal
}

#comp_history section li .description p {
  margin: 0;
  line-height: 1.4
}

#comp_history section li .description ul {
  margin-top: 0
}

#comp_history section li .description ul li {
  width: 100%;
  margin-bottom: 0;
  padding-left: 15px;
  line-height: 1.5;
  background: url(../images/shared/dot01_gray.gif) 6px 0.65em no-repeat
}

#comp_history section li figure {
  display: table-cell;
  vertical-align: middle;
  padding: 0
}

#comp_history section li.size_s,
#comp_history section li.size_m,
#comp_history section li.size_l,
#comp_history section li.size_ll,
#comp_history section li#yr1962.size_ll {
  height: 86px
}

#comp_history section li.size_s:before,
#comp_history section li.size_m:before,
#comp_history section li.size_l:before,
#comp_history section li.size_ll:before,
#comp_history section li#yr1962.size_ll:before {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  border-style: solid;
  border-width: 43px 0;
  border-color: transparent
}

#comp_history section li.size_s:after,
#comp_history section li.size_m:after,
#comp_history section li.size_l:after,
#comp_history section li.size_ll:after,
#comp_history section li#yr1962.size_ll:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%
}

#comp_history section li.size_m {
  height: 126px
}

#comp_history section li.size_m:before {
  border-width: 63px 0
}

#comp_history section li.size_l {
  height: 150px
}

#comp_history section li.size_l:before {
  border-width: 75px 0
}

#comp_history section li.size_ll {
  height: 200px
}

#comp_history section li.size_ll:before {
  border-width: 100px 0
}

#comp_history section li.right {
  float: right;
  padding: 10px 10px 10px 0
}

#comp_history section li.right img {
  margin: 0 -15px 0 10px
}

#comp_history section li.right.size_ll:before,
#comp_history section li.right.size_l:before,
#comp_history section li.right.size_m:before,
#comp_history section li.right.size_s:before,
#comp_history section li.right.size_m:before,
#comp_history section li.right.size_l:before,
#comp_history section li.right.size_ll:before,
#comp_history section li.right#yr1962.size_ll:before {
  left: -50px;
  border-right: 50px solid
}

#comp_history section li.right.size_ll:after,
#comp_history section li.right.size_l:after,
#comp_history section li.right.size_m:after,
#comp_history section li.right.size_s:after,
#comp_history section li.right.size_m:after,
#comp_history section li.right.size_l:after,
#comp_history section li.right.size_ll:after,
#comp_history section li.right#yr1962.size_ll:after {
  left: -60px
}

#comp_history section li.left {
  float: left;
  padding: 10px 0 10px 10px
}

#comp_history section li.left .description {
  padding: 0 0 0 7px
}

#comp_history section li.left.size_ll:before,
#comp_history section li.left.size_l:before,
#comp_history section li.left.size_m:before,
#comp_history section li.left.size_s:before,
#comp_history section li.left.size_m:before,
#comp_history section li.left.size_l:before,
#comp_history section li.left.size_ll:before,
#comp_history section li.left#yr1962.size_ll:before {
  right: -50px;
  border-left: 50px solid
}

#comp_history section li.left.size_ll:after,
#comp_history section li.left.size_l:after,
#comp_history section li.left.size_m:after,
#comp_history section li.left.size_s:after,
#comp_history section li.left.size_m:after,
#comp_history section li.left.size_l:after,
#comp_history section li.left.size_ll:after,
#comp_history section li.left#yr1962.size_ll:after {
  right: -60px
}

#comp_history section li.line {
  clear: none
}

#comp_history section li.line:after {
  width: 10px;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -ms-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0
}

#comp_history section li.line.size_ll:after,
#comp_history section li.line.size_l:after,
#comp_history section li.line.size_m:after,
#comp_history section li.line.size_s:after,
#comp_history section li.line.size_m:after,
#comp_history section li.line.size_l:after,
#comp_history section li.line.size_ll:after,
#comp_history section li.line#yr1962.size_ll:after {
  left: -50px
}

#comp_history section li.lv1 {
  background: #F0F7E7
}

#comp_history section li.lv1 h3 {
  color: #2c5200
}

#comp_history section li.lv1.right:before {
  border-right-color: #F0F7E7
}

#comp_history section li.lv1.left:before {
  border-left-color: #F0F7E7 !important
}

#comp_history section li.lv1:after {
  background: #72B727
}

#comp_history section li.lv2 {
  background: #EBF2EB
}

#comp_history section li.lv2 h3 {
  color: #468546
}

#comp_history section li.lv2.right:before {
  border-right-color: #EBF2EB
}

#comp_history section li.lv2.left:before {
  border-left-color: #EBF2EB
}

#comp_history section li.lv2:after {
  background: #458447
}

#comp_history section li.lv3 {
  background: #F7F5E7
}

#comp_history section li.lv3 h3 {
  color: #b8ab20
}

#comp_history section li.lv3.right:before {
  border-right-color: #F7F5E7
}

#comp_history section li.lv3.left:before {
  border-left-color: #F7F5E7
}

#comp_history section li.lv3:after {
  background: #B7AA26
}

#comp_history section li.lv4 {
  background: #f2f2f2
}

#comp_history section li.lv4 h3 {
  color: #808080
}

#comp_history section li.lv4.right:before {
  border-right-color: #f2f2f2
}

#comp_history section li.lv4.left:before {
  border-left-color: #f2f2f2
}

#comp_history section li.lv4:after {
  background: #7F7F7F
}

#comp_history section li#yr1962.size_ll {
  height: 226px
}

#comp_history section li#yr1962.size_ll:before {
  border-width: 113px 0
}

#comp_history.lazy {
  background: none
}

#comp_history.lazy figure {
  margin-top: -68px
}

#comp_history.lazy figure img:first-child {
  margin-top: 53px
}

#elem_map_changer ul {
  position: relative;
  margin: 0 auto
}

#elem_map_changer ul li {
  position: absolute
}

#elem_map_changer ul li a {
  position: absolute
}

#elem_map_changer.overseas,
#elem_map_changer.domestic ul li#elem_map_changer.offices,
#elem_map_changer.offices ul li#elem_map_changer.offices,
#elem_map_changer.offices ul li#elem_map_changer.domestic {
  padding-top: 140px
}

#elem_map_changer.overseas ul,
#elem_map_changer.domestic ul li#elem_map_changer.offices ul,
#elem_map_changer.offices ul li#elem_map_changer.offices ul,
#elem_map_changer.offices ul li#elem_map_changer.domestic ul {
  background-image: url(../images/components/elem_map_changer/map.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 871px;
  height: 438px;
  display: block
}

#elem_map_changer.overseas ul li a,
#elem_map_changer.domestic ul li#elem_map_changer.offices ul li a,
#elem_map_changer.offices ul li#elem_map_changer.offices ul li a,
#elem_map_changer.offices ul li#elem_map_changer.domestic ul li a {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left
}

#elem_map_changer.overseas ul li.na,
#elem_map_changer.domestic ul li#elem_map_changer.offices ul li.na,
#elem_map_changer.offices ul li#elem_map_changer.offices ul li.na,
#elem_map_changer.offices ul li#elem_map_changer.domestic ul li.na {
  top: 65px;
  left: 612px
}

#elem_map_changer.overseas ul li.na a,
#elem_map_changer.domestic ul li#elem_map_changer.offices ul li.na a,
#elem_map_changer.offices ul li#elem_map_changer.offices ul li.na a,
#elem_map_changer.offices ul li#elem_map_changer.domestic ul li.na a {
  width: 224px;
  height: 168px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -2259px
}

#elem_map_changer.overseas ul li.na:hover a,
#elem_map_changer.domestic ul li#elem_map_changer.offices ul li.na:hover a,
#elem_map_changer.offices ul li#elem_map_changer.offices ul li.na:hover a,
#elem_map_changer.offices ul li#elem_map_changer.domestic ul li.na:hover a {
  width: 224px;
  height: 168px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -2588px
}

#elem_map_changer.overseas ul li.asia,
#elem_map_changer.domestic ul li#elem_map_changer.offices ul li.asia,
#elem_map_changer.offices ul li#elem_map_changer.offices ul li.asia,
#elem_map_changer.offices ul li#elem_map_changer.domestic ul li.asia {
  top: 160px;
  left: 233px
}

#elem_map_changer.overseas ul li.asia a,
#elem_map_changer.domestic ul li#elem_map_changer.offices ul li.asia a,
#elem_map_changer.offices ul li#elem_map_changer.offices ul li.asia a,
#elem_map_changer.offices ul li#elem_map_changer.domestic ul li.asia a {
  width: 225px;
  height: 161px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -2098px
}

#elem_map_changer.overseas ul li.asia:hover a,
#elem_map_changer.domestic ul li#elem_map_changer.offices ul li.asia:hover a,
#elem_map_changer.offices ul li#elem_map_changer.offices ul li.asia:hover a,
#elem_map_changer.offices ul li#elem_map_changer.domestic ul li.asia:hover a {
  width: 225px;
  height: 161px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -1776px
}

#elem_map_changer.overseas ul li.euro,
#elem_map_changer.domestic ul li#elem_map_changer.offices ul li.euro,
#elem_map_changer.offices ul li#elem_map_changer.offices ul li.euro,
#elem_map_changer.offices ul li#elem_map_changer.domestic ul li.euro {
  top: 90px;
  left: 0
}

#elem_map_changer.overseas ul li.euro a,
#elem_map_changer.domestic ul li#elem_map_changer.offices ul li.euro a,
#elem_map_changer.offices ul li#elem_map_changer.offices ul li.euro a,
#elem_map_changer.offices ul li#elem_map_changer.domestic ul li.euro a {
  width: 229px;
  height: 133px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -2889px
}

#elem_map_changer.overseas ul li.euro:hover a,
#elem_map_changer.domestic ul li#elem_map_changer.offices ul li.euro:hover a,
#elem_map_changer.offices ul li#elem_map_changer.offices ul li.euro:hover a,
#elem_map_changer.offices ul li#elem_map_changer.domestic ul li.euro:hover a {
  width: 229px;
  height: 133px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -2756px
}

#elem_map_changer.overseas ul li.domestic,
#elem_map_changer.domestic ul li#elem_map_changer.offices ul li.domestic,
#elem_map_changer.offices ul li#elem_map_changer.offices ul li.domestic,
#elem_map_changer.offices ul li#elem_map_changer.domestic ul li.domestic,
#elem_map_changer.overseas ul li#elem_map_changer.offices,
#elem_map_changer.domestic ul li#elem_map_changer.offices ul li#elem_map_changer.offices,
#elem_map_changer.offices ul li#elem_map_changer.offices ul li#elem_map_changer.offices,
#elem_map_changer.offices ul li#elem_map_changer.domestic ul li#elem_map_changer.offices {
  top: -110px;
  left: -9px
}

#elem_map_changer.overseas ul li.domestic a,
#elem_map_changer.domestic ul li#elem_map_changer.offices ul li.domestic a,
#elem_map_changer.offices ul li#elem_map_changer.offices ul li.domestic a,
#elem_map_changer.offices ul li#elem_map_changer.domestic ul li.domestic a,
#elem_map_changer.overseas ul li#elem_map_changer.offices a,
#elem_map_changer.domestic ul li#elem_map_changer.offices ul li#elem_map_changer.offices a,
#elem_map_changer.offices ul li#elem_map_changer.offices ul li#elem_map_changer.offices a,
#elem_map_changer.offices ul li#elem_map_changer.domestic ul li#elem_map_changer.offices a {
  width: 179px;
  height: 85px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -4053px
}

#elem_map_changer.overseas ul li.domestic:hover a,
#elem_map_changer.domestic ul li#elem_map_changer.offices ul li.domestic:hover a,
#elem_map_changer.offices ul li#elem_map_changer.offices ul li.domestic:hover a,
#elem_map_changer.offices ul li#elem_map_changer.domestic ul li.domestic:hover a,
#elem_map_changer.overseas ul li#elem_map_changer.offices:hover a,
#elem_map_changer.domestic ul li#elem_map_changer.offices ul li#elem_map_changer.offices:hover a,
#elem_map_changer.offices ul li#elem_map_changer.offices ul li#elem_map_changer.offices:hover a,
#elem_map_changer.offices ul li#elem_map_changer.domestic ul li#elem_map_changer.offices:hover a {
  width: 179px;
  height: 85px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -3628px
}

#elem_map_changer.overseas ul li.offices,
#elem_map_changer.domestic ul li#elem_map_changer.offices ul li.offices,
#elem_map_changer.offices ul li#elem_map_changer.offices ul li.offices,
#elem_map_changer.offices ul li#elem_map_changer.domestic ul li.offices {
  top: -110px;
  left: 193px
}

#elem_map_changer.overseas ul li.offices a,
#elem_map_changer.domestic ul li#elem_map_changer.offices ul li.offices a,
#elem_map_changer.offices ul li#elem_map_changer.offices ul li.offices a,
#elem_map_changer.offices ul li#elem_map_changer.domestic ul li.offices a {
  width: 179px;
  height: 85px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -3968px
}

#elem_map_changer.overseas ul li.offices:hover a,
#elem_map_changer.domestic ul li#elem_map_changer.offices ul li.offices:hover a,
#elem_map_changer.offices ul li#elem_map_changer.offices ul li.offices:hover a,
#elem_map_changer.offices ul li#elem_map_changer.domestic ul li.offices:hover a {
  width: 179px;
  height: 85px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -3798px
}

#elem_map_changer.overseas.en ul li.na a,
#elem_map_changer.domestic ul li#elem_map_changer.en.offices ul li.na a,
#elem_map_changer.offices ul li#elem_map_changer.en.offices ul li.na a,
#elem_map_changer.offices ul li#elem_map_changer.en.domestic ul li.na a {
  width: 273px;
  height: 168px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -1608px
}

#elem_map_changer.overseas.en ul li.na:hover a,
#elem_map_changer.domestic ul li#elem_map_changer.en.offices ul li.na:hover a,
#elem_map_changer.offices ul li#elem_map_changer.en.offices ul li.na:hover a,
#elem_map_changer.offices ul li#elem_map_changer.en.domestic ul li.na:hover a {
  width: 273px;
  height: 168px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -1440px
}

#elem_map_changer.overseas.en ul li.asia a,
#elem_map_changer.domestic ul li#elem_map_changer.en.offices ul li.asia a,
#elem_map_changer.offices ul li#elem_map_changer.en.offices ul li.asia a,
#elem_map_changer.offices ul li#elem_map_changer.en.domestic ul li.asia a {
  width: 225px;
  height: 161px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -2427px
}

#elem_map_changer.overseas.en ul li.asia:hover a,
#elem_map_changer.domestic ul li#elem_map_changer.en.offices ul li.asia:hover a,
#elem_map_changer.offices ul li#elem_map_changer.en.offices ul li.asia:hover a,
#elem_map_changer.offices ul li#elem_map_changer.en.domestic ul li.asia:hover a {
  width: 225px;
  height: 161px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -1937px
}

#elem_map_changer.overseas.en ul li.euro a,
#elem_map_changer.domestic ul li#elem_map_changer.en.offices ul li.euro a,
#elem_map_changer.offices ul li#elem_map_changer.en.offices ul li.euro a,
#elem_map_changer.offices ul li#elem_map_changer.en.domestic ul li.euro a {
  width: 216px;
  height: 133px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -3155px
}

#elem_map_changer.overseas.en ul li.euro:hover a,
#elem_map_changer.domestic ul li#elem_map_changer.en.offices ul li.euro:hover a,
#elem_map_changer.offices ul li#elem_map_changer.en.offices ul li.euro:hover a,
#elem_map_changer.offices ul li#elem_map_changer.en.domestic ul li.euro:hover a {
  width: 216px;
  height: 133px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -3022px
}

#elem_map_changer.overseas.en ul li.domestic a,
#elem_map_changer.domestic ul li#elem_map_changer.en.offices ul li.domestic a,
#elem_map_changer.offices ul li#elem_map_changer.en.offices ul li.domestic a,
#elem_map_changer.offices ul li#elem_map_changer.en.domestic ul li.domestic a,
#elem_map_changer.overseas.en ul li#elem_map_changer.offices a,
#elem_map_changer.domestic ul li#elem_map_changer.en.offices ul li#elem_map_changer.offices a,
#elem_map_changer.offices ul li#elem_map_changer.en.offices ul li#elem_map_changer.offices a,
#elem_map_changer.offices ul li#elem_map_changer.en.domestic ul li#elem_map_changer.offices a {
  width: 179px;
  height: 85px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -3543px
}

#elem_map_changer.overseas.en ul li.domestic:hover a,
#elem_map_changer.domestic ul li#elem_map_changer.en.offices ul li.domestic:hover a,
#elem_map_changer.offices ul li#elem_map_changer.en.offices ul li.domestic:hover a,
#elem_map_changer.offices ul li#elem_map_changer.en.domestic ul li.domestic:hover a,
#elem_map_changer.overseas.en ul li#elem_map_changer.offices:hover a,
#elem_map_changer.domestic ul li#elem_map_changer.en.offices ul li#elem_map_changer.offices:hover a,
#elem_map_changer.offices ul li#elem_map_changer.en.offices ul li#elem_map_changer.offices:hover a,
#elem_map_changer.offices ul li#elem_map_changer.en.domestic ul li#elem_map_changer.offices:hover a {
  width: 179px;
  height: 85px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -3288px
}

#elem_map_changer.overseas.en ul li.offices a,
#elem_map_changer.domestic ul li#elem_map_changer.en.offices ul li.offices a,
#elem_map_changer.offices ul li#elem_map_changer.en.offices ul li.offices a,
#elem_map_changer.offices ul li#elem_map_changer.en.domestic ul li.offices a {
  width: 179px;
  height: 85px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -4223px
}

#elem_map_changer.overseas.en ul li.offices:hover a,
#elem_map_changer.domestic ul li#elem_map_changer.en.offices ul li.offices:hover a,
#elem_map_changer.offices ul li#elem_map_changer.en.offices ul li.offices:hover a,
#elem_map_changer.offices ul li#elem_map_changer.en.domestic ul li.offices:hover a {
  width: 179px;
  height: 85px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -4138px
}

#elem_map_changer.domestic ul,
#elem_map_changer.offices ul {
  background-image: url(../images/components/elem_map_changer/map.png);
  background-position: 0 -939px;
  background-repeat: no-repeat;
  width: 930px;
  height: 501px;
  display: block
}

#elem_map_changer.domestic ul li,
#elem_map_changer.offices ul li {
  padding: 0 0 2px 20px;
  text-indent: -20px;
  line-height: 1.35;
  zoom: 1
}

#elem_map_changer.domestic ul li a,
#elem_map_changer.offices ul li a {
  position: relative;
  padding-left: 20px;
  background: url(../images/shared/arrow/down01.png) 0 0.05em no-repeat
}

#elem_map_changer.domestic ul li a:hover,
#elem_map_changer.offices ul li a:hover {
  background: url(../images/shared/arrow/down02.png) 0 0.05em no-repeat
}

#elem_map_changer.domestic ul li.akita,
#elem_map_changer.offices ul li.akita {
  top: 159px;
  left: 605px
}

#elem_map_changer.domestic ul li.stp,
#elem_map_changer.offices ul li.stp {
  top: 227px;
  left: 233px
}

#elem_map_changer.domestic ul li.hokkai,
#elem_map_changer.offices ul li.hokkai {
  top: 85px;
  left: 685px
}

#elem_map_changer.domestic ul li.denkai,
#elem_map_changer.offices ul li.denkai {
  top: 219px;
  left: 583px
}

#elem_map_changer.domestic ul li.otomo,
#elem_map_changer.offices ul li.otomo {
  top: 427px;
  left: 46px
}

#elem_map_changer.domestic ul li.tokyo,
#elem_map_changer.offices ul li.tokyo,
#elem_map_changer.domestic ul li.osaka,
#elem_map_changer.offices ul li.osaka,
#elem_map_changer.domestic ul li.fukuoka,
#elem_map_changer.offices ul li.fukuoka {
  top: 253px;
  left: 595px
}

#elem_map_changer.domestic ul li.tokyo ul,
#elem_map_changer.offices ul li.tokyo ul,
#elem_map_changer.domestic ul li.osaka ul,
#elem_map_changer.offices ul li.osaka ul,
#elem_map_changer.domestic ul li.fukuoka ul,
#elem_map_changer.offices ul li.fukuoka ul {
  width: auto;
  height: auto
}

#elem_map_changer.domestic ul li.tokyo ul li,
#elem_map_changer.offices ul li.tokyo ul li,
#elem_map_changer.domestic ul li.osaka ul li,
#elem_map_changer.offices ul li.osaka ul li,
#elem_map_changer.domestic ul li.fukuoka ul li,
#elem_map_changer.offices ul li.fukuoka ul li {
  position: relative
}

#elem_map_changer.domestic ul li.osaka,
#elem_map_changer.offices ul li.osaka {
  top: 417px;
  left: 438px
}

#elem_map_changer.domestic ul li.fukuoka,
#elem_map_changer.offices ul li.fukuoka {
  top: 335px;
  left: 22px
}

#elem_map_changer.domestic ul li.research,
#elem_map_changer.offices ul li.research {
  top: 188px;
  left: 314px
}

#elem_map_changer.domestic ul li.recycl,
#elem_map_changer.offices ul li.recycl {
  top: 386px;
  left: 476px
}

#elem_map_changer.domestic ul li.overseas,
#elem_map_changer.offices ul li.overseas,
#elem_map_changer.domestic ul li.offices,
#elem_map_changer.offices ul li.offices,
#elem_map_changer.offices ul li.domestic {
  top: 30px;
  left: 0
}

#elem_map_changer.domestic ul li.overseas a,
#elem_map_changer.offices ul li.overseas a,
#elem_map_changer.domestic ul li.offices a,
#elem_map_changer.offices ul li.offices a,
#elem_map_changer.offices ul li.domestic a {
  width: 179px;
  height: 85px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -3883px
}

#elem_map_changer.domestic ul li.overseas:hover a,
#elem_map_changer.offices ul li.overseas:hover a,
#elem_map_changer.domestic ul li.offices:hover a,
#elem_map_changer.offices ul li.offices:hover a,
#elem_map_changer.offices ul li.domestic:hover a {
  width: 179px;
  height: 85px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -3373px
}

#elem_map_changer.domestic ul li.overseas a,
#elem_map_changer.offices ul li.overseas a,
#elem_map_changer.domestic ul li.offices a,
#elem_map_changer.offices ul li.offices a,
#elem_map_changer.offices ul li.domestic a {
  position: absolute;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left
}

#elem_map_changer.domestic ul li.offices,
#elem_map_changer.offices ul li.offices {
  top: 30px;
  left: 202px
}

#elem_map_changer.domestic ul li.offices a,
#elem_map_changer.offices ul li.offices a {
  width: 179px;
  height: 85px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -3968px
}

#elem_map_changer.domestic ul li.offices:hover a,
#elem_map_changer.offices ul li.offices:hover a {
  width: 179px;
  height: 85px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -3798px
}

#elem_map_changer.domestic.en ul li.overseas a,
#elem_map_changer.en.offices ul li.overseas a,
#elem_map_changer.domestic.en ul li.offices a,
#elem_map_changer.en.offices ul li.offices a,
#elem_map_changer.domestic.en #elem_map_changer.offices ul li.domestic a,
#elem_map_changer.offices #elem_map_changer.domestic.en ul li.domestic a,
#elem_map_changer.en.offices ul li.domestic a {
  width: 179px;
  height: 85px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -3458px
}

#elem_map_changer.domestic.en ul li.overseas:hover a,
#elem_map_changer.en.offices ul li.overseas:hover a,
#elem_map_changer.domestic.en ul li.offices:hover a,
#elem_map_changer.en.offices ul li.offices:hover a,
#elem_map_changer.domestic.en #elem_map_changer.offices ul li.domestic:hover a,
#elem_map_changer.offices #elem_map_changer.domestic.en ul li.domestic:hover a,
#elem_map_changer.en.offices ul li.domestic:hover a {
  width: 179px;
  height: 85px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -3713px
}

#elem_map_changer.domestic.en ul li.offices a,
#elem_map_changer.en.offices ul li.offices a {
  width: 179px;
  height: 85px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -4223px
}

#elem_map_changer.domestic.en ul li.offices:hover a,
#elem_map_changer.en.offices ul li.offices:hover a {
  width: 179px;
  height: 85px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -4138px
}

#elem_map_changer.offices ul {
  background-image: url(../images/components/elem_map_changer/map.png);
  background-position: 0 -438px;
  background-repeat: no-repeat;
  width: 930px;
  height: 501px;
  display: block;
  margin-left: 4px
}

#elem_map_changer.offices ul li.head_office {
  top: 348px;
  left: 553px
}

#elem_map_changer.offices ul li.osaka {
  top: 419px;
  left: 406px
}

#elem_map_changer.offices ul li.nagoya {
  top: 226px;
  left: 302px
}

#elem_map_changer.offices ul li.kobe {
  top: 282px;
  left: 213px
}

#elem_map_changer.offices ul li.amagasaki {
  top: 446px;
  left: 399px
}

#elem_map_changer.offices ul li.kanuma {
  top: 286px;
  left: 563px
}

#elem_map_changer.offices ul li.shizuoka {
  top: 393px;
  left: 483px
}

#elem_map_changer.offices ul li.utsunomiya {
  top: 322px;
  left: 553px
}

#elem_map_changer.offices ul li.overseas,
#elem_map_changer.offices ul li.offices,
#elem_map_changer.offices ul li.domestic {
  top: 30px;
  left: -4px
}

#elem_map_changer.offices ul li.overseas a,
#elem_map_changer.offices ul li.offices a,
#elem_map_changer.offices ul li.domestic a {
  width: 179px;
  height: 85px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -3883px
}

#elem_map_changer.offices ul li.overseas:hover a,
#elem_map_changer.offices ul li.offices:hover a,
#elem_map_changer.offices ul li.domestic:hover a {
  width: 179px;
  height: 85px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -3373px
}

#elem_map_changer.offices ul li.domestic,
#elem_map_changer.offices ul li#elem_map_changer.offices {
  top: 30px;
  left: 198px
}

#elem_map_changer.offices ul li.domestic a,
#elem_map_changer.offices ul li#elem_map_changer.offices a {
  width: 179px;
  height: 85px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -4053px
}

#elem_map_changer.offices ul li.domestic:hover a,
#elem_map_changer.offices ul li#elem_map_changer.offices:hover a {
  width: 179px;
  height: 85px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -3628px
}

#elem_map_changer.offices.en ul li.overseas a,
#elem_map_changer.offices.en ul li.offices a,
#elem_map_changer.offices.en ul li.domestic a {
  width: 179px;
  height: 85px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -3458px
}

#elem_map_changer.offices.en ul li.overseas:hover a,
#elem_map_changer.offices.en ul li.offices:hover a,
#elem_map_changer.offices.en ul li.domestic:hover a {
  width: 179px;
  height: 85px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -3713px
}

#elem_map_changer.offices.en ul li.domestic a,
#elem_map_changer.offices.en ul li#elem_map_changer.offices a {
  width: 179px;
  height: 85px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -3543px
}

#elem_map_changer.offices.en ul li.domestic:hover a,
#elem_map_changer.offices.en ul li#elem_map_changer.offices:hover a {
  width: 179px;
  height: 85px;
  background: url(../images/components/elem_map_changer/map.png) no-repeat;
  background-position: 0 -3288px
}

.elem_slide_board {
  display: block;
  width: 695px;
  height: 390px;
  margin: 0 auto;
  padding-bottom: 40px;
  background: url(/common/images/components/elem_slide_board/bg01.png) 0 0 no-repeat;
  overflow: hidden
}

.elem_slide_board .elem_slide_board_padder {
  position: relative;
  top: 89px;
  left: 280px;
  width: 285px;
  height: 51px;
  margin: 0;
  padding: 0;
  background: #000;
  overflow: hidden
}

.elem_slide_board .elem_slide_board_screen {
  width: 100%;
  overflow: hidden
}

.elem_slide_board .elem_slide_board_text {
  position: relative;
  left: 300px;
  margin: 0;
  padding: 0;
  list-style-type: none
}

.elem_slide_board .elem_slide_board_text .elem_slide_board_text_list {
  float: left;
  margin: 0;
  padding: 0;
  font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "MS PMincho", "MS 明朝", serif;
  font-size: 48px;
  color: #fff;
  line-height: 51px;
  letter-spacing: .1em;
  white-space: nowrap;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0
}

.elem_slide_board .elem_slide_board_text .elem_slide_board_text_list span.color_normal {
  color: #fff
}

.elem_slide_board .elem_slide_board_text .elem_slide_board_text_list span.color_red {
  color: #ff0302
}

.elem_slide_board .elem_slide_board_text .elem_slide_board_text_list span.color_orange {
  color: #ff8c00
}

.elem_slide_board .elem_slide_board_text .elem_slide_board_text_list span.color_lemon {
  color: #fdfe1f
}

.elem_slide_board .elem_slide_board_text .elem_slide_board_text_list span.color_green {
  color: #00fe1e
}

.elem_slide_board .elem_slide_board_text .elem_slide_board_text_list span.color_cyan {
  color: cyan
}

.elem_slide_board .elem_slide_board_text .elem_slide_board_text_list span.color_blue {
  color: #2067fd
}

.elem_slide_board .elem_slide_board_text .elem_slide_board_text_list span.color_purple {
  color: #ff11fd
}

.elem_slide_board .elem_slide_board_text.ticker .elem_slide_board_text_list {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

i.topics_icon {
  display: inline-block;
  letter-spacing: normal;
  width: 94px;
  height: 24px;
  margin: -1px 0 0 0;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
  text-indent: 0;
  font-style: normal;
  font-size: 93%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px
}

* html i.topics_icon {
  display: inline;
  zoom: 1
}

*:first-child+html i.topics_icon {
  display: inline;
  zoom: 1
}

i.mailmagazine {
  background: #ff99bb
}

i.company {
  background: #61bdca
}

i.products {
  background: #6186b3
}

i.rd {
  background: #e7aa3f
}

i.ir {
  background: #a78acc
}

i.csr {
  background: #629061
}

i.careers {
  background: #84ba40
}

i.information {
  background: #f87c7c
}

.sumius #headingLv1-pagetitle {
  background: url(../images/components/headingLv1/sumius/bg01.gif) repeat-y 50% 0
}

.sumius #headingLv1-pagetitle>div {
  background: url(../images/components/headingLv1/sumius/bg01.png) no-repeat right 50%
}

.sumius #headingLv1-pagetitle h1 {
  max-width: 725px;
  padding-right: 0
}

.sumius .headingLv2 {
  border-left: 5px solid #048ca3
}

.sumius .headingLv2 h2.linked span a {
  background: url(../images/shared/arrow/sumius/right01.png) 0 0.1em no-repeat
}

.sumius .headingLv2 h2.linked span a:hover {
  background: url(../images/shared/arrow/sumius/right02.png) 0 0.1em no-repeat
}

.sumius .headingLv3 h3 {
  border-bottom: 1px dotted #048ca3
}

.sumius .headingLv3 h3.linked a {
  background: url(../images/shared/arrow/sumius/right01.png) 0 0.35em no-repeat
}

.sumius .headingLv3 h3.linked a:hover {
  background: url(../images/shared/arrow/sumius/right02.png) 0 0.35em no-repeat
}

.sumius .headingLv4 h4.linked a {
  background: url(../images/shared/arrow/sumius/right01.png) 0 0.15em no-repeat
}

.sumius .headingLv4 h4.linked a:hover {
  background: url(../images/shared/arrow/sumius/right02.png) 0 0.15em no-repeat
}

.sumius .headingLvLowest p.linked a {
  background: url(../images/shared/arrow/sumius/right01.png) 0 0.15em no-repeat
}

.sumius .headingLvLowest p.linked a:hover {
  background: url(../images/shared/arrow/sumius/right02.png) 0 0.15em no-repeat
}

.sumius .textListNews ul li span a {
  background: url(../images/shared/arrow/sumius/right01.png) 0 0.175em no-repeat
}

.sumius .textListNews ul li span a:hover {
  background: url(../images/shared/arrow/sumius/right02.png) 0 0.175em no-repeat
}

.sumius .textListNews ul li .label {
  background: #048ca3
}

.sumius .textListNews.show_more .textListNavi li.show {
  background: url(../images/shared/icon/plus01.png) 0 0.175em no-repeat
}

.sumius .textListNews.show_more .textListNavi li.show:hover {
  background: url(../images/shared/icon/plus02.png) 0 0.175em no-repeat
}

.sumius #top .verticalSet .textListNews ul li span {
  background: url(../images/shared/arrow/sumius/right01.png) 0 0.4em no-repeat
}

.sumius #top .verticalSet .textListNews ul li span a {
  background: none
}

.sumius .textListNavi ul li a {
  background: url(../images/shared/arrow/sumius/right01.png) 0 0.15em no-repeat
}

.sumius .textListNavi ul li a:hover {
  background: url(../images/shared/arrow/sumius/right02.png) 0 0.15em no-repeat
}

.sumius .textListAnchor ul li a {
  background: url(../images/shared/arrow/sumius/down01.png) 0 0.1em no-repeat
}

.sumius .textListAnchor ul li a:hover {
  background: url(../images/shared/arrow/sumius/down02.png) 0 0.1em no-repeat
}

.sumius .moreNavi ul li a {
  background: url(../images/shared/arrow/sumius/right01.png) 0 0.15em no-repeat
}

.sumius .moreNavi ul li a:hover {
  background: url(../images/shared/arrow/sumius/right02.png) 0 0.15em no-repeat
}

.sumius .gotop ul li a {
  background: url(../images/shared/arrow/sumius/up01.png) 0 0.25em no-repeat
}

.sumius .gotop ul li a:hover {
  background: url(../images/shared/arrow/sumius/up02.png) 0 0.25em no-repeat
}

.sumius .textListNaviLinear ul li span {
  background: url(../images/shared/arrow/sumius/right01.png) 0 0.15em no-repeat
}

.sumius .textListNaviLinear ul li span.stay {
  background: url(../images/shared/arrow/sumius/right01.png) 0 0.25em no-repeat
}

.sumius .textListNaviLinear ul li span:hover {
  background: url(../images/shared/arrow/sumius/right02.png) 0 0.15em no-repeat
}

.sumius .textListPagination ul li.prev a,
.sumius .textListPagination ul li.next a {
  border: 1px solid #048ca3
}

.sumius .textListPagination ul li.prev a:hover,
.sumius .textListPagination ul li.next a:hover {
  border: 1px solid #f4be17;
  background-color: #f4be17
}

.sumius .textListPagination ul li.prev a {
  background-color: #048ca3
}

.sumius .textListPagination ul li.next {
  padding-left: 15px
}

.sumius .textListPagination ul li.next a {
  background-color: #048ca3
}

.sumius .qaComponent .headingLv3 h3 {
  border: none;
  color: #048ca3
}

.sumius .categoryNavigation .itemList .item h2 a:before {
  background: url(../images/shared/arrow/sumius/right01.png) 0 0 no-repeat
}

.sumius .categoryNavigation .itemList .item h2 a:hover:before {
  background: url(../images/shared/arrow/sumius/right02.png) 0 0 no-repeat
}

.sumius div.table table tr.even td {
  background: #fafbfc
}

.sumius div.table table .lv1,
.sumius div.table .textListTerms>table th.lv2,
.sumius div.table .textListTerms>table th.lv3 {
  background: #A5D5DD
}

.sumius div.table table .lv2 {
  background: #D6ECF0 !important
}

.sumius div.table table .lv3 {
  background: #e7e7e7 !important
}

.sumius div.table table .lv4 {
  background: #f3f3f3 !important
}

.sumius div.table table th.pack1,
.sumius div.table table td.pack1 {
  background: #fff681 !important
}

.sumius div.table table th.pack2-1,
.sumius div.table table td.pack2-1 {
  background: #efcbff !important
}

.sumius .contentDivide .elem_button_list ul.col2 li,
.sumius .contentDivide .elem_button_list .elem_text_list ul.col3 li,
.elem_text_list .sumius .contentDivide .elem_button_list ul.col3 li {
  width: 30%
}

.sumius .elem_section_block.lv1,
.sumius .textListTerms>table th.elem_section_block.lv2,
.textListTerms>table .sumius th.elem_section_block.lv2,
.sumius .textListTerms>table th.elem_section_block.lv3,
.textListTerms>table .sumius th.elem_section_block.lv3 {
  background: #f5f5f5
}

.sumius .elem_section_block.lv2 {
  background: #f0f5e9
}

.sumius .elem_catch p strong strong {
  color: #048ca3
}

.sumius .elem_button_list ul li a {
  background: #048ca3
}

.sumius .elem_button_list ul li a:hover {
  background-color: #f4be17
}

.sumius figure figcaption a:before {
  background: url(../images/shared/arrow/sumius/right01.png) 0 0.05em no-repeat
}

.sumius figure figcaption a:hover {
  background: url(../images/shared/arrow/sumius/right02.png) 0 0.05em no-repeat
}

.sumius figure figcaption a:hover:before {
  background: url(../images/shared/arrow/sumius/right02.png) 0 0.05em no-repeat
}

.sumius .elem_table_set table tr th.lv1,
.sumius .elem_form_table_set table tr th.lv1,
.sumius .elem_table_set .textListTerms>table tr th.lv2,
.sumius .elem_form_table_set .textListTerms>table tr th.lv2,
.sumius .elem_table_set .textListTerms>table tr th.lv3,
.sumius .elem_form_table_set .textListTerms>table tr th.lv3,
.sumius .elem_table_set table tr td.lv1,
.sumius .elem_form_table_set table tr td.lv1 {
  background: #89B365
}

.sumius .elem_table_set table tr th.lv2,
.sumius .elem_form_table_set table tr th.lv2,
.sumius .elem_table_set table tr td.lv2,
.sumius .elem_form_table_set table tr td.lv2 {
  background: #AEC897
}

.sumius .elem_table_set table tr th,
.sumius .elem_form_table_set table tr th {
  background: #89B365
}

.sumius #area_pagination #pgn_previous {
  background: url(../images/shared/arrow/sumius/left01.png) no-repeat 0 0.1em
}

.sumius #area_pagination #pgn_previous:hover {
  background: url(../images/shared/arrow/sumius/left02.png) no-repeat 0 0.1em
}

.sumius #area_pagination #pgn_pagetop,
.sumius #area_pagination #pgn_previous {
  background: url(../images/shared/arrow/sumius/up01.png) no-repeat 0 0.1em;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPFJREFUeNpiZOlZzIAGmIE4BIi9gVgFiHmA+CkQ7wbiBUD8DlkxC5pmMyCeD8RaaOK6QOwBxKVAnAXE62ESTEiK7IH4ABbNyEACiNcBcS+6AdJQCU4G4kARECcgG9AIxEIMpIF2kIUgA9iAOByXqt/FMfi848oEDSAeXJpZe5fgM8QJZIAoPs0ggMcQsBde49MMA7gMYQQmJFDgvWUgD8QxQVPWDjI0fwelTlg01pNhQA0Qv4AZcAqIK0nQfBCI+9CTcgcQFwPxLwKapwOxD7a8wAA1VRuqCDnXgQzdCsTO0Mz0BTkW8NnGD8UvcLkMIMAAOck4YBlp1DsAAAAASUVORK5CYII=')
}

.sumius #area_pagination #pgn_pagetop:hover,
.sumius #area_pagination #pgn_previous:hover {
  background: url(../images/shared/arrow/sumius/up02.png) no-repeat 0 0.1em;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNpi/LJPnAENMANxCBB7A7EKEPMA8VMg3g3EC4D4HbJiRjQDzIB4PhBrMWAHL4A4C4jXwwSYkCTtgfgAHs0gIAHE64C4F90AaagEJwNxoAiIE5ANaARiIQbSQDvIQpABbEAcjksVt+MLfN5xBRmgCw1prJq/7pfAZ4gTyABRfJpBAI8hYC+8xqcZBnAZAkoHoMB7y0AeiGOCpqwdZGj+DkqdsGisJ8OAGlDKhBlwCogrSdB8EIj70JNyBxAXA/EvApqnA7EPtrzAADVVG6oIOdeBDN0KxM7QzPQFV25EB/xQ/AKXywACDACG4zq6JRjmSAAAAABJRU5ErkJggg==')
}

.sumius #area_pagination #footer_inquiry {
  display: table-cell;
  padding: 0 10px 0 0;
  vertical-align: middle
}

.sumius #area_pagination #footer_inquiry a {
  display: block;
  width: 42px;
  height: 26px;
  background: url(../images/shared/icon/inquiry01.png) no-repeat 50% 50%;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left
}

.sumius #area_pagination #footer_inquiry a:hover {
  background: url(../images/shared/icon/inquiry02.png) no-repeat 50% 50%
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-slider .slick-list figcaption,
.slick-track figcaption,
.slick-slide figcaption,
.slick-slide img figcaption {
  margin: 0 20px 0 0
}

.col3 .slick-slider .slick-list figcaption,
.col3 .slick-track figcaption,
.col3 .slick-slide figcaption,
.col3 .slick-slide img figcaption {
  margin-right: 50px
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  width: 20px;
  height: 80px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  color: transparent;
  top: 50%;
  margin-top: -60px;
  padding: 0;
  border: none;
  outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25
}

.slick-prev {
  left: -30px;
  background: #fff url(../images/shared/arrow/left03.png) left 50% no-repeat;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0
}

.col1 .slick-prev {
  left: 0
}

.col3 .slick-prev {
  left: -100px
}

.slick-next {
  right: -10px;
  background: #fff url(../images/shared/arrow/right03.png) right 50% no-repeat;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px
}

.col1 .slick-next {
  right: 0
}

.col3 .slick-next {
  right: -50px
}

.slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  position: absolute;
  left: 50%;
  bottom: -30px;
  display: block;
  width: 990px;
  margin-left: -501px;
  list-style: none;
  text-align: center;
  padding: 0
}

.slick-dots li {
  position: relative;
  display: inline-block;
  letter-spacing: normal;
  height: 12px;
  width: 62px;
  margin: 0 6px;
  padding: 0;
  cursor: pointer;
  background: #D8D8D8
}

* html .slick-dots li {
  display: inline;
  zoom: 1
}

*:first-child+html .slick-dots li {
  display: inline;
  zoom: 1
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 12px;
  width: 62px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer
}

.slick-dots li.slick-active {
  background: #E7C65C
}

.elem_section_block.js_slider .padder .padder .slick-dots {
  margin-left: -520px
}

.top-main-slider {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0
}

.top-main-slider.elem_section_block_slider {
  text-align: center;
  min-width: 990px;
  margin: 0 -30px;
  padding: 0 0 10px;
  background: #fff
}

.top-main-slider.elem_section_block_slider.js_slider {
  padding: 47px 0 0;
  height: 380px;
  margin: 0
}

.top-main-slider.elem_section_block_slider.js_slider .padder {
  width: 1280px;
  padding: 0
}

.top-main-slider.elem_section_block_slider.js_slider .padder .padder {
  width: 1280px;
  padding: 0 0 0 0
}

.top-main-slider.elem_section_block_slider.js_slider .padder .padder .slick-slider ul.slick-dots {
  bottom: 30px
}

.top-main-slider.elem_section_block_slider.js_slider .padder .padder .slick-slider ul.slick-dots li {
  width: 85px;
  height: 15px;
  background: #D8D8D8;
  cursor: pointer;
  vertical-align: middle
}

.top-main-slider.elem_section_block_slider.js_slider .padder .padder .slick-slider ul.slick-dots li.slick-active {
  width: 79px;
  height: 9px;
  background: #E7C65C;
  border: 3px solid #fff;
  line-height: 0
}

.top-main-slider.elem_section_block_slider.js_slider .padder .padder .slick-slider ul.slick-dots li button {
  width: 100%;
  height: 100%
}

.top-main-slider.elem_section_block_slider .padder {
  zoom: 1;
  margin: 0 auto;
  min-width: 1px;
  text-align: left;
  width: 990px
}

.js_slider .slick-slider-item {
  float: left
}

.elem_form_table_set table {
  border-collapse: collapse
}

.elem_form_table_set table tr th,
.elem_form_table_set table tr td {
  padding: 20px 0 19px;
  border-top: 1px solid #CBCBCB
}

.elem_form_table_set table tr:first-child th,
.elem_form_table_set table tr:first-child td {
  border-top: none
}

.elem_form_table_set table .elem_paragraph {
  margin: -2px 0 0 0;
  padding: 0 0 10px
}

.elem_form_table_set table .elem_table_element_pad {
  margin: 0 0 -15px 0
}

.elem_form_table_set table .elem_table_element_pad .elem_paragraph {
  margin-top: 0
}

.elem_form_table_set .form_confirm th.elem_table_set,
.elem_form_table_set .form_confirm th.elem_form_table_set {
  color: #00cc99;
  font-weight: bold
}

.elem_form_table_set .liner ul.col4 {
  width: 100%
}

.elem_form_table_set .liner ul.col4 li {
  width: 153px;
  margin-right: 10px;
  white-space: normal
}

.label_notice {
  float: left;
  margin: .3em 5px 0 0;
  height: 15px;
  line-height: 15px;
  padding: 0 5px;
  background: #ff0000;
  color: #fff;
  font-weight: normal;
  font-size: 10px;
  font-size: 1rem
}

input[type=radio] {
  padding-left: 5px
}

.form_pad_liner {
  margin: 0 0 0 -15px;
  letter-spacing: -0.4em
}

.form_pad_liner .form_pad_liner_box {
  vertical-align: middle;
  padding: 0 0 0 15px;
  display: inline-block;
  letter-spacing: normal
}

* html .form_pad_liner .form_pad_liner_box {
  display: inline;
  zoom: 1
}

*:first-child+html .form_pad_liner .form_pad_liner_box {
  display: inline;
  zoom: 1
}

.size_full {
  width: 100%
}

.size_full input,
.size_full textarea,
.size_full select {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

* html .size_full input,
* html .size_full textarea,
* html .size_full select {
  width: 96%
}

*:first-child+html .size_full input,
*:first-child+html .size_full textarea,
*:first-child+html .size_full select {
  width: 96%
}

.size_lv1 {
  width: 322px
}

.size_lv1 input,
.size_lv1 textarea,
.size_lv1 select {
  width: 310px
}

.size_lv2 {
  width: 182px
}

.size_lv2 input,
.size_lv2 textarea,
.size_lv2 select {
  width: 170px
}

.size_lv3 {
  width: 112px
}

.size_lv3 input,
.size_lv3 textarea,
.size_lv3 select {
  width: 100px
}

.size_lv4 {
  width: 76px
}

.size_lv4 input,
.size_lv4 textarea,
.size_lv4 select {
  width: 64px
}

.size_free_text_lv2 {
  width: 100%
}

.size_free_text_lv2 input,
.size_free_text_lv2 textarea,
.size_free_text_lv2 select {
  width: 170px
}

.size_name {
  width: 11em
}

.size_name input {
  width: 8em
}

.size_year {
  width: 8em
}

.size_year select {
  width: 6em
}

.size_month {
  width: 6em
}

.size_month select {
  width: 4em
}

.size_day {
  width: 6em
}

.size_day select {
  width: 4em
}

.form_text .input_text {
  height: 38px;
  padding: 0 8px;
  border: 1px solid #d5d5d5;
  background: #fff;
  color: #666;
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  font-size: 100%;
  line-height: 38px
}

.form_text .input_text:hover {
  border-color: #b2b2b2;
  background: #fff
}

.form_text .input_text:focus {
  border-color: #4285f4;
  background: #fff
}

* html .form_text .input_text {
  _hover:expression((function(el) {
        if(typeof(behavior_onMouseEnter)=='undefined') {
          behavior_onMouseEnter=function() {
            if(this.type=='text') this.className +=' input_hover';
          }

          ;

          behavior_onMouseLeave=function() {
            if(this.type=='text') this.className=this.className.replace(/input_hover/, '');
          }

          ;
        }

        el.runtimeStyle._hover='none';
        el.onmouseenter=behavior_onMouseEnter;
        el.onmouseleave=behavior_onMouseLeave;
      })(this));

  _focus:expression((function(el) {
        if(typeof(behavior_onFocusIn)=='undefined') {
          behavior_onFocusIn=function() {
            if(this.type=='text') this.className +=' input_focus';
          }

          ;

          behavior_onFocusOut=function() {
            if(this.type=='text') this.className=this.className.replace(/input_focus/, '');
          }

          ;
        }

        el.runtimeStyle._focus='none';
        el.onfocusin=behavior_onFocusIn;
        el.onfocusout=behavior_onFocusOut;
      })(this))
}

*:first-child+html .form_text .input_text {
  _focus:expression((function(el) {
        if(typeof(behavior_onFocusIn)=='undefined') {
          behavior_onFocusIn=function() {
            if(this.type=='text') this.className +=' input_focus';
          }

          ;

          behavior_onFocusOut=function() {
            if(this.type=='text') this.className=this.className.replace(/input_focus/, '');
          }

          ;
        }

        el.runtimeStyle._focus='none';
        el.onfocusin=behavior_onFocusIn;
        el.onfocusout=behavior_onFocusOut;
      })(this))
}

.form_text .input_hover {
  border-color: #b2b2b2;
  background: #fff
}

.form_text .input_focus {
  border-color: #4285f4;
  background: #fff
}

.form_text .input_focus:hover {
  border-color: #4285f4;
  background: #fff
}

.form_textarea textarea {
  height: 135px;
  padding: 5px;
  border: 1px solid #d5d5d5;
  color: #666;
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  font-size: 100%;
  line-height: 1.5;
  resize: vertical;
  overflow: auto
}

.form_textarea textarea:hover {
  border-color: #b2b2b2;
  background: #fff
}

.form_textarea textarea:focus {
  border-color: #4285f4;
  background: #fff
}

* html .form_textarea textarea {
  _hover:expression((function(el) {
        if(typeof(behavior_onMouseEnter)=='undefined') {
          behavior_onMouseEnter=function() {
            this.className +=' input_hover';
          }

          ;

          behavior_onMouseLeave=function() {
            this.className=this.className.replace(/input_hover/, '');
          }

          ;
        }

        el.runtimeStyle._hover='none';
        el.onmouseenter=behavior_onMouseEnter;
        el.onmouseleave=behavior_onMouseLeave;
      })(this));

  _focus:expression((function(el) {
        if(typeof(behavior_onFocusIn)=='undefined') {
          behavior_onFocusIn=function() {
            this.className +=' input_focus';
          }

          ;

          behavior_onFocusOut=function() {
            this.className=this.className.replace(/input_focus/, '');
          }

          ;
        }

        el.runtimeStyle._focus='none';
        el.onfocusin=behavior_onFocusIn;
        el.onfocusout=behavior_onFocusOut;
      })(this))
}

*:first-child+html .form_textarea textarea {
  _focus:expression((function(el) {
        if(typeof(behavior_onFocusIn)=='undefined') {
          behavior_onFocusIn=function() {
            this.className +=' input_focus';
          }

          ;

          behavior_onFocusOut=function() {
            this.className=this.className.replace(/input_focus/, '');
          }

          ;
        }

        el.runtimeStyle._focus='none';
        el.onfocusin=behavior_onFocusIn;
        el.onfocusout=behavior_onFocusOut;
      })(this))
}

.form_textarea .input_hover {
  border-color: #b2b2b2;
  background: #fff
}

.form_textarea .input_focus {
  border-color: #4285f4;
  background: #fff
}

.form_textarea .input_focus:hover {
  border-color: #4285f4;
  background: #fff
}

.form_option select {
  height: 38px;
  padding: 7px 5px;
  border: 1px solid #d5d5d5;
  color: #666;
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  font-size: 100%;
  line-height: 38px
}

.form_option select:hover {
  border-color: #b2b2b2;
  background: #fff
}

.form_option select:focus {
  border-color: #4285f4;
  background: #fff
}

.form_radio_list {
  margin: -5px 0 0 -15px
}

.form_radio_list .form_radio {
  padding: 5px 0 0 15px;
  white-space: nowrap;
  display: inline-block;
  letter-spacing: normal
}

* html .form_radio_list .form_radio {
  display: inline;
  zoom: 1
}

*:first-child+html .form_radio_list .form_radio {
  display: inline;
  zoom: 1
}

.form_radio_list .form_radio_button {
  padding: 0 5px 0 0
}

.form_radio_list .form_type_block .form_radio {
  display: block
}

* html .form_radio_list .form_type_block .form_radio {
  display: block
}

*:first-child+html .form_radio_list .form_type_block .form_radio {
  display: block
}

.form_checkbox_list {
  margin: -5px 0 0 -15px
}

.form_checkbox_list .form_checkbox_list_pad {
  letter-spacing: -0.4em
}

.form_checkbox_list .form_checkbox_list_pad .form_checkbox {
  padding: 5px 0 0 15px;
  white-space: nowrap;
  display: inline-block;
  letter-spacing: normal
}

* html .form_checkbox_list .form_checkbox_list_pad .form_checkbox {
  display: inline;
  zoom: 1
}

*:first-child+html .form_checkbox_list .form_checkbox_list_pad .form_checkbox {
  display: inline;
  zoom: 1
}

.form_checkbox_list .form_checkbox_list_pad .form_checkbox_button {
  padding: 0 5px 0 0
}

.form_checkbox_list .form_type_block .form_checkbox {
  display: block
}

* html .form_checkbox_list .form_type_block .form_checkbox {
  display: block
}

*:first-child+html .form_checkbox_list .form_type_block .form_checkbox {
  display: block
}

input.form_error {
  background: #ffe7e7 !important
}

textarea.form_error {
  background: #ffe7e7 !important
}

.form_checkbox_list .form_error {
  background: #ffe7e7 !important
}

.form_button {
  width: 300px;
  height: 60px;
  border: none;
  cursor: pointer
}

.form_button span {
  display: block;
  text-indent: -9999px;
  white-space: nowrap
}

#area_header form#search .search_keyword,
form.search .search_keyword {
  color: #333;
}

#area_header form#search .search_keyword::-moz-placeholder,
form.search .search_keyword::-moz-placeholder {
  color: #d9d9d9;
  opacity: 1;
}

#area_header form#search .search_keyword:-ms-input-placeholder,
form.search .search_keyword:-ms-input-placeholder {
  color: #d9d9d9;
  opacity: 1;
}

#area_header form#search .search_keyword::-webkit-input-placeholder,
form.search .search_keyword::-webkit-input-placeholder {
  color: #d9d9d9;
  opacity: 1;
}