@charset "UTF-8";

/*
======== context ======================================

Last Updated:20180809
Summary:全ページ共有で利用する各要素デザイン

* contents area内で適用

- hn
- link
- list
- number list
- box
- table
- dl
- text
- form
=======================================================
*/

/*-----------------------------------------------------
hn
-------------------------------------------------------*/

h1 {
  clear: both;
  font-size: 1.3em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 0;
}

#mainContents h1 {
  margin: 0 -15px 20px -15px;
}

.h1Block {
  background:#ffffff url(/common3/img/title_image.png) no-repeat right bottom / contain;
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  margin-bottom: 20px;
}

.standard #mainContents h1 {
  margin: 0 0 20px -15px;
}

/*.standard h1.alert {
  background:url(/common3/img/bg_h1_alert.gif) no-repeat left bottom;
  color:#ffffff;
}*/

.contents h1.alert {
  background: #ffc0d0;
  border-left-color: #e6003a;
  color:#333333;
  margin-top:0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.contents h1.alert::before,
.contents h1.alert::after {
  content: none;
}

.h1Block h1 {
  margin-top: 10px;
  margin-bottom: 10px;
  border-left: solid 5px #005bac;
  background: none;
  border-top: none;
  border-bottom: none;
  padding-top: 0;
  padding-bottom: 0;
}

.h1Block h1::before,
.h1Block h1::after {
  content: none;
}

h1 {
  margin-top: 10px;
  margin-bottom: 30px;
  border-left: solid 5px #008856;
  background: none;
  border-top: none;
  border-bottom: none;
  padding-top: 1px;
  padding-bottom: 1px;
  position: relative;
}

h1::before {
  position: absolute;
  top: -10px;
  left: -15px;
  content: "";
  background: #c8c8c8;
  height: 1px;
  width: 1000px;
}

h1::after {
  content: "";
  background: #c8c8c8;
  height: 1px;
  width: 1000px;
  position: absolute;
  bottom: -10px;
  left: -15px;
}

h1 span.stxt {
  font-size:.8em;
  font-weight: normal;
  line-height:1em;
  display:block;
  margin-top: 5px;
  line-height: 1.5em;
}

h2 {
  border-left: 5px solid #007a60;
  padding: 0 0 0 15px;
  margin: 2em 0 1em 0;
  font-size: 1.2em;
  position: relative;
}

h2::after {
  content: "";
  background: #c8c8c8;
  height: 1px;
  width: calc(100% + 5px);
  position: absolute;
  bottom: -5px;
  left: -5px;
}

h2.none {
  margin: 2em 0 1em 0;
  font-size: 1.2em;
}

.standard h2{
  clear:both;
}

#mainContents h2:first-child {
  margin-top: 0;
}

.h2Block{
  clear:both;
  position:relative;
  width:100%;
  margin: 2em 0 1em 0;
}

.h2Block h2{
  margin:0;
  padding-right: 70px;
}

.h2Block .toList{
  position:absolute;
  right:8px;
  top:0;
  margin:0;
  color: #ffffff;
}

.h2Block .toList a{
  display: inline-block;
  padding: 3px 10px 3px 20px;
  color: #ffffff;
  font-size: 0.9em;
}

.h2Block .toList .bulletLink{
  background-color: #007a60;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2218%22%20viewBox%3D%220%200%2010%2018%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ebullet%3C%2Ftitle%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22logo%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%221%200%200%200%204%204.5%200%209%201%209%205%204.5%201%200%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: 7px 7px;
}

.h2Block:first-child { margin-top: 0; }

h2.tit_2cols {
  border-left: solid 4px #0B4199;
  padding: 0 0 0 10px;
  margin: 0 10px 15px 5px;
  font-size: 1.2em;
}

#subContentsBlock h2 {
  padding: 0;
  margin: 0 0 20px 0;
  border-left : 0;
  font-size:1em;
  width: 218px;
  border-left: solid 5px #004697;
  background: #ededed;
}

#subContentsBlock h2::after {
  display: none;
}

#subContentsBlock h2 span {
  display : block;
  margin : 0;
  padding: 15px 10px;
}

#subContentsBlock h2.sideTitle {
  background: none;
  padding : 0;
  margin: 0 0 5px 0;
  border-left : 0;
  font-size:1em;
  width:auto;
}

#subContentsBlock h2 a {
  background: none;
  position: relative;
}

#subContentsBlock h2 span a {
  display: block;
  margin: -15px -10px;
  padding: 15px 30px 15px 10px;
  width: 175px;
}

#subContentsBlock h2 span a::before {
  content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%229%22%20viewBox%3D%220%200%205%209%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ebullet%3C%2Ftitle%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22logo%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%221%200%200%200%204%204.5%200%209%201%209%205%204.5%201%200%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  margin-top: 6px;
  position: absolute;
  top: calc(50% - 10px);
  right: 10px;
  z-index: 1;
  width: 5px;
  height: 9px;
}

#subContentsBlock h2 span a::after {
  background: #004697;
  border-radius: 50%;
  content: "";
  margin-top: 3px;
  position: absolute;
  top: calc(50% - 10px);
  right: 5px;
  height: 15px;
  width: 15px;
}

#subContentsBlock h3 {
  margin: .5em 0;
  font-size: 1em;
}

h3 {
  padding: 0 0 5px 0 ;
  margin: 1em 0 .5em 0;
  font-size: 1.2em;
  border-bottom: 2px solid #c8c8c8;;
}

h4 {
  padding:0;
  margin: 1em 0 .5em 0;
  font-size: 1em;
  border-bottom: 1px dotted #c8c8c8
}

h5,h6{
  margin: 1em 0 .5em 0;
}

/*-----------------------------------------------------
link
-------------------------------------------------------*/

.bulletLink {
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2212px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2012%2014%22%20style%3D%22enable-background%3Anew%200%200%206%207%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23005BAC%3B%7D%3C%2Fstyle%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%223%2C0%206%2C3.5%203%2C7%200%2C7%203%2C3.5%200%2C0%20%22%2F%3E%3C%2Fsvg%3E');
  background-position-y: 7px;
  background-repeat: no-repeat;
  padding:0 0 0 10px;
}

.switchLang .bulletLink {
  display: inline-block;
}

.pageTop a {
  background-repeat : no-repeat;
  background-position: right center;
  font-size: 1em;
  position: relative;
}

.pageTop a::after {
  content: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2215px%22%20height%3D%2215px%22%20viewBox%3D%220%200%2015%2015%22%20style%3D%22enable-background%3Anew%200%200%2015%2015%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23004697%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Crect%20class%3D%22st0%22%20width%3D%2215%22%20height%3D%2215%22%2F%3E%3Cpolygon%20class%3D%22st1%22%20points%3D%226%2C3%205%2C3%209%2C7.5%205%2C12%206%2C12%2010%2C7.5%20%22%2F%3E%3C%2Fsvg%3E');
  margin-left: 5px;
  display: inline-block;
  transform: rotate(-90deg);
}

h2 a,
h3 a,
h4 a {
  background-repeat : no-repeat;
  background-position: right center;
  padding: 3px 25px 3px 0;
  font-size: 1em;
  position: relative;
}

h2 a::after,
h3 a::after {
  content: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2215px%22%20height%3D%2215px%22%20viewBox%3D%220%200%2015%2015%22%20style%3D%22enable-background%3Anew%200%200%2015%2015%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23004697%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Crect%20class%3D%22st0%22%20width%3D%2215%22%20height%3D%2215%22%2F%3E%3Cpolygon%20class%3D%22st1%22%20points%3D%226%2C3%205%2C3%209%2C7.5%205%2C12%206%2C12%2010%2C7.5%20%22%2F%3E%3C%2Fsvg%3E');
  margin-left: 5px;
}

h4 a::after {
  content: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2213px%22%20height%3D%2213px%22%20viewBox%3D%220%200%2013%2013%22%20style%3D%22enable-background%3Anew%200%200%2013%2013%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23004697%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Crect%20x%3D%220%22%20class%3D%22st0%22%20width%3D%2213%22%20height%3D%2213%22%2F%3E%3Cpolygon%20class%3D%22st1%22%20points%3D%225%2C2%204%2C2%208%2C6.5%204%2C11%205%2C11%209%2C6.5%20%22%2F%3E%3C%2Fsvg%3E');
  margin-left: 5px;
}

/*-----------------------------------------------------
box
-------------------------------------------------------*/
.sectionBox{
  margin: 1em 0 ;
  clear:both;
}

.graySection{
  background-color : #ededed;
  padding : 10px;
  border : solid 1px #c8c8c8;
  margin: 0 0 30px 0;
}

.grayBox{
  background-color : #ededed;
  padding : 10px;
  border : 1px solid #c8c8c8;
  margin: 1em 0 2em 0 ;
}

.grayBox2{
  background-color : #ededed;
  padding : 7px;
  margin: 0 0 1em 0;
}

.grayLineBox{
  background-color : #ffffff;
  padding : 10px;
  border : 1px solid #c8c8c8;
  margin: 1em 0 2em 0;
}

.pageTop {
  text-align : right;
  padding : 10px 0 0 0;
  margin : 40px 0 40px 0 ;
  clear:both;
}

#mainContents .pageTop {
  padding-top: 0;
  margin : 15px 0 20px 0 ;
}

p.pageTop{
  padding : 0;
}

div.box_sidetitle{
  margin : 0 0 0 5px;
  padding : 15px 0 15px 5px;
  border-bottom : 1px dotted #cccccc;
}

#mainContentsBlock .section{
  margin: 0 0 30px 0;
  padding:0;
  width:auto;
  clear:both;
  overflow:hidden;
}

#mainContentsBlock .section02{
  margin: 0 0 30px 0;
  padding:0 30px;
  width:auto;
}

#mainContentsBlock .itemBox{
  padding: 0;
  width: auto;
  overflow: hidden;
}

#mainContentsBlock .itemBox .innerBox{
  margin:0;
  padding: 0 0 10px 0;
  float:left;
  width:50%;
}

#mainContentsBlock .itemBox .innerBox.col1{
  width:99% !important;
  padding:0 25px 10px 5px;
  overflow:hidden;
}

#mainContentsBlock .itemBox .innerBoxR{
  margin:0;
  padding: 0 0 10px 15px;
  float:left;
  width:47%;
}

#contentsArea #subContentsBlock .sideSection {
  margin: 15px 0 20px 0;
  padding:0 0 10px 0;
}

/* h30 add */
#contentsArea #subContentsBlock .sideSection ul{
  margin: 0;
  border-top: 1px dotted #c8c8c8;
}

#contentsArea #subContentsBlock .signatureSection{
  margin: 15px 0 20px 0;
  border: 1px solid #c8c8c8;
  padding: 15px;
}

#contentsArea #subContentsBlock .signatureSection p{
  margin-top: 0;
  margin-bottom: 0;
}

#contentsArea #subContentsBlock .bannerSection{
  background: #ededed;
}

#contentsArea #subContentsBlock ul.bannerList,
#contentsArea #subContentsBlock ul.bannerList li{
  margin: 0;
  padding: 0;
}

#contentsArea #subContentsBlock ul.bannerList{
  text-align: center;
  width: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

#contentsArea #subContentsBlock ul.bannerList li{
  list-style-type: none;
  padding-top: 5px;
  padding-bottom: 5px;
}

/*-----------------------------------------------------
ul,ol
-------------------------------------------------------*/

#contentsArea ul {
  list-style-type:disc;
}

#contentsArea ul li {
  padding-left : 0;
  margin-left : 20px;
  line-height: 1.7em;
}

#contentsArea ol {
  list-style-type:decimal;
}

#contentsArea ol li {
  padding-left : 0;
  margin-left : 20px;
  line-height: 1.7em;
}

#contentsArea ul.linkMonthly{
}


#contentsArea ul.linkMember,
#contentsArea ul.linkAnchor{
  margin:0;
}


#contentsArea ul.linkMonthly li{
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding:0 3px 2px;
  margin-left: 0;
}

#contentsArea ul.linkMember li,
#contentsArea ul.linkAnchor li {
  display : inline;
  margin:0;
  padding:0 5px 3px 5px;
}

#contentsArea ul.linkMonthly li a{
  padding-left:20px;
  position: relative;
}

#contentsArea ul.linkMonthly li a::before {
  content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%229%22%20viewBox%3D%220%200%205%209%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ebullet%3C%2Ftitle%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22logo%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%221%200%200%200%204%204.5%200%209%201%209%205%204.5%201%200%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  z-index: 1;
}

#contentsArea ul.linkMonthly li a::after {
  background: #004697;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 15px;
  width: 15px;
}

#contentsArea ul.linkMember li a,
#contentsArea ul.linkAnchor li a{
  padding-left:10px;
  background: url(/common3/img/bullet_arrow.gif) no-repeat 0 3px;
}

#contentsArea .bulletListFloat {
  list-style-type:none;
  overflow:hidden;
}

#contentsArea .bulletListFloat li{
  background: url(/common3/img/bullet_arrow.gif) no-repeat left center ;
  margin-left:0;
  padding:0 13px 5px 13px;
  float:left;
  width:300px;
}

#contentsArea .bulletList {
  list-style-type:none;
}

#contentsArea .bulletList li {
  margin-left:0;
  padding:2px 10px 2px 25px;
  line-height: 1.7em;
  position: relative;
}

#contentsArea .bulletList li::before {
  content: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2215px%22%20height%3D%2215px%22%20viewBox%3D%220%200%2015%2015%22%20style%3D%22enable-background%3Anew%200%200%2015%2015%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23004697%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Crect%20class%3D%22st0%22%20width%3D%2215%22%20height%3D%2215%22%2F%3E%3Cpolygon%20class%3D%22st1%22%20points%3D%226%2C3%205%2C3%209%2C7.5%205%2C12%206%2C12%2010%2C7.5%20%22%2F%3E%3C%2Fsvg%3E');
  margin-right: 5px;
  margin-left: -25px;
}

#contentsArea #subContentsBlock .sideSection ul.bulletList li {
  margin-left: 0;
  padding:10px 0 10px 15px;
  line-height: 1.7em;
  border-bottom: dotted 1px #cccccc;
  position: relative;
}

#contentsArea #subContentsBlock .sideSection ul.bulletList li::before {
  content: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2212px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2012%2014%22%20style%3D%22enable-background%3Anew%200%200%206%207%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23005BAC%3B%7D%3C%2Fstyle%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%223%2C0%206%2C3.5%203%2C7%200%2C7%203%2C3.5%200%2C0%20%22%2F%3E%3C%2Fsvg%3E');;
  z-index: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: -15px;
}

#contentsArea #subContentsBlock .sideSection ul.bulletList li::after {
  display: none;
}

#contentsArea ul.bulletList li ul.bulletList li{
 background:url(/common3/img/bullet_arrow.gif) no-repeat left 0.75em ;
 margin-left:0;
 padding:2px 10px 2px 15px !important;
}

#contentsArea ul.bulletList li ul.bulletList li::before {
  content: none;
}

#contentsArea .markNone{
  list-style-type:none;
  margin-left:0;
  padding-left:0;
}

#contentsArea .markNone li{
  margin-left:0;
  padding-left:0;
}

#contentsArea .markNone li li{
  margin-left:15px;
}

div.section ul.infoList {
  margin-bottom:30px;
  list-style-type:none !important;
}

div.section ul.infoList li{
  margin-left:0 !important;
  margin-bottom:0px;
  padding-left:120px !important;
  position: relative;
}

div.section ul.infoList li div.date {
  position: absolute;
  top:0;
  left:0;
  font-size : 1.1em;
  font-weight : bold;
  margin : 0 0 10px 10px !important;
}

div.section ul.infoList li div.topics {
  margin : 0 0 10px 10px !important;
}

div.section ul.infoList li div.topics a{
  background:url(/common3/img/bullet_arrow.gif) no-repeat left center;
  padding-left : 10px;

}

/* h30 add list style */
/* new ol style */
#contentsArea .numList {
  counter-reset: my-counter;
  list-style-type: none;
  padding: 0;
}

#contentsArea .numList li {
  margin-bottom: 10px;
  margin-left: 20px;
  padding-left: 10px;
  position: relative;
}

#contentsArea .numList li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  display: block;
  float: left;
  font-size: .7em;
  line-height: 1.7em;
  margin: 3px 5px 0 -25px;
  text-align: center;
  height: 1.7em;
  width: 1.7em;
  border: 1px solid #333;
  border-radius: 50%;
}

#contentsArea .romanNumList01 li,
#contentsArea .romanNumList02 li {
  margin-left: 30px;
}

#contentsArea .romanNumList01 {
  list-style-type: upper-roman;
}

#contentsArea .romanNumList02 {
  list-style-type: lower-roman;
}

/* bullet01(bg-white) */
ul.bullet01 li,
p.bullet01 a {
  position: relative;
}

ul.bullet01 li::before,
p.bullet01 a::before {
  content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%229%22%20viewBox%3D%220%200%205%209%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23004697%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ebullet%3C%2Ftitle%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22logo%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%221%200%200%200%204%204.5%200%209%201%209%205%204.5%201%200%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  z-index: 1;
}

ul.bullet01 li::after,
p.bullet01 a::after {
  background: #fff;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 15px;
  width: 15px;
}

/* bullet02(bg-blue) */
ul.bullet02 li,
p.bullet02 a {
  position: relative;
}

ul.bullet02 li::before,
p.bullet02 a::before {
  content:'';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  z-index: 1;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2218%22%20viewBox%3D%220%200%2010%2018%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ebullet%3C%2Ftitle%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22logo%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%221%200%200%200%204%204.5%200%209%201%209%205%204.5%201%200%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  height: 10px;
  width: 5px;
}

ul.bullet02 li::after,
p.bullet02 a::after {
  background: #004697;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 15px;
  width: 15px;
}

/*-----------------------------------
 英語・日本語切り替え
-----------------------------------*/
#contentsArea ul.switchLang {
  list-style-type : none;
  width:202px;
  text-align:center;
  border: solid 1px #c8c8c8;
  padding: 10px;
  margin-top: 0;
  margin-bottom: 25px;
  float: right;
}

#contentsArea ul.switchLang li {
  margin-left:0;
  display : inline;
}
#contentsArea ul.switchLang li + li {
  border-left:1px solid #c8c8c8;
  padding-left: 5px;
  margin-left: 4px;
}

/*-----------------------------------------------------
dl
-------------------------------------------------------*/
/* topicsList */
.topicsList{
  margin:1em 0 1em 0;
}

.topicsList dt{
  float:left;
  clear:both;
  padding: 10px 0 10px 0;
  font-size:1em;
  font-weight:bold;
  margin:0;
  width: 10em;
}

.topicsList dd{
  padding: 10px 0 10px 11em;
  margin:0;
  display: block;
  line-height: 1.7em;
  border-bottom: 1px dotted #c8c8c8;
}

.topicsList dd a{
  padding : 0 0 0 10px;
  margin: 0 3px 0 0;
  display: inline-block;
  position: relative;
}

.topicsList dd a::before {
  content: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%226px%22%20height%3D%227px%22%20viewBox%3D%220%200%206%207%22%20style%3D%22enable-background%3Anew%200%200%206%207%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23005BAC%3B%7D%3C%2Fstyle%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%223%2C0%206%2C3.5%203%2C7%200%2C7%203%2C3.5%200%2C0%20%22%2F%3E%3C%2Fsvg%3E');
  position: absolute;
  top: 8px;
  left: 0;
  z-index: 1;
}

/* topicsList02 */
.topicsList02{
  margin: 1em 0 1em 0;
}

.topicsList02 dt{
  float:left;
  clear:both;
  padding: 0 0 4px 0;
  font-size:1.2em;
  font-weight:bold;
  margin:0;
}

.topicsList02 dd{
  padding: 3px 0 8px 11.5em;
  margin:0;
}

.topicsList02 dd a{
  background:url(/common3/img/bullet_arrow.gif) no-repeat left 5px;
  padding : 0 0 0 10px;
  margin:0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

#contentsArea .consumerDl{
  margin: 0 0 0 1em;
}
#contentsArea .consumerDl dt,
#contentsArea .consumerDl dd {
  float: left;
  margin: 0;
}
#contentsArea .consumerDl dt {
  margin-right: 5px;
}

/* iconList */
dl.dotline {
  background:url(/common3/img/dotline.gif) repeat-x scroll left top ;
}
dl.dotline dt ,
dl.dotline dd {
  padding: 8px 5px;
}
dl.dotline dd{
  background:url(/common3/img/dotline.gif) repeat-x scroll left bottom ;
  padding-left: 140px;
}


.iconListS dt ,
.iconListS dd {
  min-height: 33px;
  margin-left: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}
* html .iconListS dt ,
* html .iconListS dd {
  height: 33px;
}
.iconListS dt {
  width: 130px;
  position: absolute;
}
.iconListS dd {
  padding-left: 140px;
}

/*-----------------------------------------------------
table
-------------------------------------------------------*/

.baseTable{
  margin: .5em 0;
  border:1px solid #d5d4d4;
  background-color:#e8edf0;
  border-collapse: collapse;
}

.baseTable th{
  text-align:left;
  background-color:#e8edf0;
  border:1px solid #d5d4d4;
  padding:7px;
  font-size:1.2em;
}

.baseTable.thCenter th{
  text-align:center;
}

.baseTable td{
  padding:7px;
  background:url(/common3/img/dotline.gif) repeat-x left bottom;
  background-color:#ffffff;
  border:1px solid #d5d4d4;
  border-top:none;
  border-bottom:none;
}


.baseTable td.indent1{
  padding:7px 7px 7px 1.5em;
}

.baseTable td.indent2{
  padding:7px 7px 7px 2.5em;
}

.baseTable td.indent3{
  padding:7px 7px 7px 3.5em;
}

.baseTable td.indent4{
  padding:7px 7px 7px 4.5em;
}

.baseTable td.indent5{
  padding:7px 7px 7px 5.8em;
}

.baseTable .firstChild th,
.baseTable tr:first-child th{
  background:none;
}

.baseTable .lastChild td,
.baseTable tr:last-child td{
  background:none;
  background-color:#ffffff;
}

.tableBase{
  margin: .5em 0;
  border:1px solid #c8c8c8;
  background-color:#e8edf0;
  border-collapse: collapse;
}
.tableBase th,
.tableBase td {
  padding:7px;
  border:1px solid #c8c8c8;
}
.tableBase th{
  background-color:#e1f9f4;
}

.tableBase td{
  padding:7px;
  background-color:#ffffff;
}

.tableBase td.indent1{
  padding:7px 7px 7px 1.5em;
}

.tableBase td.indent2{
  padding:7px 7px 7px 2.5em;
}

.tableBase td.indent3{
  padding:7px 7px 7px 3.5em;
}

.tableBase td.indent4{
  padding:7px 7px 7px 4.5em;
}

.tableBase td.indent5{
  padding:7px 7px 7px 5.8em;
}
.baseTable .bg-yellow th {
  background-color: #ffffcc;
  text-align: center;
}

/* tableBase2 */
.tableBase2 th,
.tableBase2 td {
  padding: 2px 8px 2px 0;
}
.tableBase2 th {
  text-align: left;
}
/* table option */
.valignTop th,
.valignTop td {
  vertical-align: top;
}
.tableBase caption,
.tableBase2 caption{
  padding: .5em 0;
  font-weight: bold;
  text-align: left;
}

/*----------------------------
 seisaku
----------------------------*/
.seisakuBox{}

.seisakuBox div{
  border-bottom: solid 1px #cccccc;
  display: block;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.seisakuBox ul li{
  list-style-type: none;
  display: inline-block;
  margin-left: 0!important;
  margin-right: 15px!important;
  padding-top: 5px;
  padding-bottom: 5px;
}

.seisakuBox ul.seisakuList{
  background: #eeeeee;
  margin:0;
  padding:10px;
}

.seisakuBox ul.seisakuList li{
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 17%;
  vertical-align: top;
  padding-top: 5px;
  padding-bottom: 5px;
  list-style-type: none;
  margin-left: 15px!important;
  margin-right:0!important;
}

.seisakuBox ul li a,
.seisakuBox ul.seisakuList li a{
  padding-left: 25px;
  background: url(/common3/img/icon_arrow_rwbs.gif) left center no-repeat;
}

table.seisaku{
  width: 100%;
  margin-bottom: 15px;
}

table.seisaku th{
  text-align: left;
}

table.seisaku th a{
  padding-left: 25px;
  background: url(/common3/img/icon_arrow_rwbs.gif) left center no-repeat;
}

table.seisaku td{
  padding: 10px 10px 0 10px;
}

table.seisaku td.description {
  background-color: #fcfbea;
  padding: 7px 20px;
}

table.seisaku td p,
table.seisaku td ul{
  margin-top: 0!important;
}

table.seisaku td ul,
table.seisaku td ul li{
  margin: 0;
  padding: 0;
}


table.seisaku td ul li{
  display: inline-block;
  margin-left: 0!important;
  margin-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}

table.seisaku td ul li a{
  padding-left: 10px;
  background: url(/common3/img/bullet_arrow.gif) left center no-repeat;
}

.noPad th p,
.noPad th ul,
.noPad th ol,
.noPad th dl,
.noPad td p,
.noPad td ul,
.noPad td ol,
.noPad td dl {
  margin-top: 0 !important;
  margin-bottom: 0 !important;;
}

.topicsTable{
  margin:0 0 1.5em 0;
}

.topicsTable th,
.topicsTable td{
  padding:5px;
}

.topicsTable th{
  white-space:nowrap;
  text-align:left;
  font-size:1.2em;
  line-height:1.2em;
  vertical-align:top;
  width:22%;
}

.topicsTable td span.noLink,
.topicsTable td a{
  background:url(/common3/img/bullet_arrow.gif) no-repeat scroll left 5px transparent;
  display:inline-block;
  margin:0;
  padding:0 0 0 10px;
}

.green{
  background-color:#adff2f !important;
}

.enTopics th{
  font-weight:normal;
  font-size:1em;
  white-space:nowrap;
  width:10%;
}


/*-----------------------------------------------------
icon
-------------------------------------------------------*/
.ico{
  vertical-align:baseline;
  padding: 0 5px;
}

.icoM{
  vertical-align:middle;
  padding: 0 2px;
}
.icoL{
  vertical-align:middle;
  padding: 0 2px 2px;
}


/*-----------------------------------------------------
font
-------------------------------------------------------*/

.textS{
  font-size:.8em;
  line-height:1.2;
}

.textL{
  font-size:1.2em;
}
.textNormal,
h2 span.textNormal{
  font-weight: normal;
  font-size:.8em;
}

.caption{
  font-size:.8em;
  padding:0;
  margin:0.5em 0 !important;
}

.textRed{
  color:#c00202;
}

.indent p{
  text-indent:1em;
}

#contentsArea .indentMg0 p {
  margin:0 0 1em 1em;
}

/*-----------------------------------------------------
span
-------------------------------------------------------*/
span.txtNote {
  padding-left : 15px;
}

.photoLine{
  border:1px solid #dad1d2;
}

/*-----------------------------------------------------
alert
-------------------------------------------------------*/

.alertBox{
  background-color:#f7efeb;
  border:2px solid #e3531c;
  margin: 0 0 25px 0 ;
  padding: 12px;
}

.alertBoxblue{
  background-color:#ffffff;
  border:2px solid #598de4;
  margin: 0 0 25px 0 ;
  padding: 12px;
}


#contentsArea .alertBox p,
#contentsArea .alertBoxblue p{
  margin:0 ;
}

.alertBox p.txt,
.alertBoxblue p.txt{
  margin:0  !important;
  padding:0;

}

/*-----------------------------------------------------
noguchisho
-------------------------------------------------------*/

#mainContentsBlock .hukusimaContents .itemBox .innerBox {
  width: 400px;
}
#mainContentsBlock .hukusimaContents .itemBox .innerBoxR {
  width: 500px;
}

#contentsArea .hukusimaContents .innerBoxR li {
  list-style: none;
  float: left ;
  width: 193px;
  margin: 0 10px 0 0;
}
#contentsArea .jusyou-videoList {
  clear: both;
  width: 840px;
}
#contentsArea .jusyou-videoList li {
  float: left;
  list-style: none;
  width: 148px;
  margin: 0 20px 0 0;
  padding-bottom: 20px;
}

.topicsList.noguchishoKeii dd {
  padding:3px 0 8px 8em;
}
.topicsList.noguchishoKeii.eng dd {
  padding:3px 0 8px 10em;
}
.topicsList.noguchishoKeii dd a {
  background: none;
  padding: 0;
  display: inline;
}

.celemony-imgList {
  clear: both;
  width: 890px;
}
#contentsArea .celemony-imgList li {
  float: left;
  list-style: none;
  width: 193px;
  margin: 0 20px 0 0;
  padding-bottom: 20px;
}

/* 追加 */
#mainContentsBlock .jushoushaContents .winnerBox .winnerName {
  margin-top: 0;
  font-size: .9em;
  background-color: #e8eeee;
  border: 3px solid #d8dcdf;
  padding: 10px;
}

#mainContentsBlock .jushoushaContents .winnerBox .winnerDesc ul {
	list-style-type:none;
	margin-left: 0;
}

#mainContentsBlock .jushoushaContents .winnerBox .winnerDesc li {
	background: url(/common3/img/bullet_arrow.gif) no-repeat 0 .7em ;
	margin-left: 0;
	padding: 2px 13px !important;
}
#mainContentsBlock .jushoushaContents .winnerBox .winnerDesc li::before {
	content: '';
	margin: 0;
}
#mainContentsBlock .jushoushaContents .winnerBox .winnerDesc2 {
  clear: both;
}
#mainContentsBlock .jushoushaContents .eventBox {
  overflow: hidden;
  padding: 15px 0 0;
  border-bottom: 1px dotted #cccccc;
}
#mainContentsBlock .jushoushaContents .eventBox .eventList {
  margin-top: 0;
}
#mainContentsBlock .jushoushaContents .eventBox .eventList dt {
  margin-bottom: 10px;
  font-weight: bold;
}
#mainContentsBlock .jushoushaContents .eventBox .eventList .date {
  display: block;
  font-size: .9em;
  margin-bottom: 5px;
}
#mainContentsBlock .jushoushaContents .eventBox .eventList dd {
  margin-left: 0;
}

/* 2018/09/20 add */
#mainContentsBlock .jushoushaContents .itemBox {
	display: flex;
	justify-content: space-between;
}

#mainContentsBlock .jushoushaContents .itemBox .innerBox,
#mainContentsBlock .jushoushaContents .itemBox .innerBoxR {
	padding: 0 0 10px 0;
	width: calc(50% - 15px);
}

#mainContentsBlock .jushoushaContents .itemBox .bulletLink {
  background-position: left .25em;
}

/* textO */
.textO {
  font-style: oblique !important;
}

/* listBase */
ul.listBase {
  list-style-type:none !important;
}
ul.listBase li {
  margin-left: 0 !important;
}
#contentsArea ul.listBase li.indent1 {margin-left: 1.5em !important;}
#contentsArea ul.listBase li.indent2 {margin-left: 3em !important;}
#contentsArea ul.listBase li.indent3 {margin-left: 4.5em !important;}
#contentsArea ul.listBase li.indent4 {margin-left: 6em !important;}
#contentsArea ul.listBase li.indent5 {margin-left: 7.5em !important;}

/* boxBase (top) */
.topBoxBase01 {
  background: #ffffff url("/common3/img/bg_topboxbase01.gif") no-repeat left top;
  margin-bottom: 20px;
}
.topBoxBase01 .inner {
  background: transparent url("/common3/img/bg_topboxbase01_b.gif") no-repeat left bottom;
  padding: 10px 10px;
  position: relative;
  zoom: 1;
}
.topBoxBase01 h2 ,
.topBoxBase01 h2 a{
  background: none;
  margin: 0 0 5px 0;
  padding: 0;
}
.topBoxBase01 h2 {
  text-align: center;
}

.topBoxBase01 ul.horizontal,
.topBoxBase01 ul.horizontal li {
  list-style-type: none;
}
.topBoxBase01 ul.horizontal li {
  display: inline;
  margin: 0 3px !important;
  word-break: keep-all;
}
.topBoxBase01 ul.horizontal li a {
  background: transparent url("/common3/img/bullet_arrow.gif") no-repeat scroll 0 0.35em;
  padding: 2px 0 2px 10px !important;
}
.topBoxBase01 ul.horizontal {
  width: 700px;
  margin: 0 auto !important;
  text-align: center;
}
.topBoxBase01 .btnMore ,
.topBoxBase01 .btnMore li {
  list-style-type: none !important;
  line-height: 1;
}
.topBoxBase01 .btnMore li {
  margin: 1px 0 !important;
  padding: 0 !important;
}
.topBoxBase01 .btnRight {
  position: absolute;
  margin: 0 !important;
  top: 4px;
  right: 3px;
  width: 150px;
}
.topBoxBase01 .btnLeft {
  position: absolute;
  margin: 0 !important;
  top: 4px;
  left: 3px;
  width: 150px;
}
.topBoxBase01 ul,
.topBoxBase01 ol,
.topBoxBase01 dl,
.topBoxBase01 p {
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
}
.topBoxBase01 ul.bulletList {
  padding-left: 0;
}

/* その他ページ切り替えナビ */
#contentsArea dl.switchPage {
  width: auto;
  text-align: right;
}

#contentsArea dl.switchPage dt,
#contentsArea dl.switchPage dd {
  margin-left: 8px;
  display: inline;
}
#contentsArea dl.switchPage dt {
  font-weight: bold;
}
#contentsArea dl.switchPage ul,
#contentsArea dl.switchPage li{
  list-style-type : none;
  display: inline;
}
#contentsArea dl.switchPage li{
  margin-left: 8px;
}
#contentsArea dl.switchPage li a{
  background: url(/common3/img/bullet_arrow.gif) no-repeat scroll left center transparent;
  padding: 0 0 0 10px;
}
#contentsArea #mainContents dl.switchPage {
  margin-left:-15px;
  margin-right:-15px;
}

/*-----------------------------------------------------
20180530 move from search.css
共通検索ヘルプページ用 notice-search.html
-------------------------------------------------------*/
.searchHelpScreenshot,
.searchHelpGuide {
  float: left;
  margin-bottom: 15px;
}
.searchHelpScreenshot {
  margin-right: 20px;
}

/*-----------------------------------------------------
20180921
ページ内リンク用
-------------------------------------------------------*/
#contentsArea .linkBox {
  background: #ededed;
  margin-bottom: 30px;
  padding: 19px 20px;
}

#contentsArea .linkBox ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

#contentsArea .linkBox li {
  margin-right: 10px;
  padding-left: 15px;
}

#contentsArea .linkBox li::before {
  display: inline-block;
  transform: rotate(90deg);
  margin-right: 10px;
  margin-bottom: 0;
}

/*-----------------------------------------------------
20180920
サイトリスト用
-------------------------------------------------------*/
.linkListBlock {
	box-sizing: border-box;
	margin: 0 0 0 -15px;
}
.linkListBlock .siteList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 4px;
}
.linkListBlock .siteList::before {
	content: "";
	display: block;
	width: calc(25% - 30px / 4);
	order: 1;
}
.linkListBlock .siteList::after{
	content: "";
	display: block;
	width: calc(25% - 30px / 4);
}
#contentsArea .linkListBlock .siteList li {
	background: #004697;
	border: 1px solid #004697;
	box-sizing: border-box;
	list-style-type: none;
	margin: 0 0 10px 0 !important;
	padding: 0 20px 0 0;
	position: relative;
	width: calc(25% - 30px / 4);
}
#contentsArea .linkListBlock .siteList li:hover {
	border: 1px solid #ffffff;
}
#contentsArea .linkListBlock .siteList li:hover:before {
	border: 4px solid #004697;
	content: "";
	height: calc(100% + 2px);
	left: -5px;
	position: absolute;
	top: -5px;
	width:  calc(100% + 2px);
	z-index: 1;
}
.linkListBlock .siteList li::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
/*.linkListBlock .siteList li.samewin::after {
  right: 5px;
  width: 6px;
  height: 11px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%229%22%20viewBox%3D%220%200%2010%2018%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ebullet%3C%2Ftitle%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22logo%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%221%200%200%200%204%204.5%200%209%201%209%205%204.5%201%200%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-size: 10px 18px;
}
.linkListBlock .siteList li.newwin::after {
  right: 4px;
  width: 10px;
  height: 10px;
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22enable-background%3Anew%200%200%2010%2010%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Ctitle%3Enewwin0%3C%2Ftitle%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2_1_%22%3E%20%3Cg%20id%3D%22%E3%83%90%E3%83%8A%E3%83%BC%22%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%229.3%2C9.3%200.7%2C9.3%200.7%2C0.7%203.6%2C0.7%203.6%2C0%200%2C0%200%2C10%2010%2C10%2010%2C6.4%209.3%2C6.4%20%22%2F%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%225%2C0%205%2C0.7%208.8%2C0.7%204%2C5.5%204.5%2C6%209.3%2C1.2%209.3%2C5%2010%2C5%2010%2C0%20%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-size: 20px 20px;
}
*/
#contentsArea .linkListBlock .siteList li a {
	display: block;
	position: relative;
	z-index: 3;
}

#contentsArea .linkListBlock .siteList li a img {
	height: auto;
	width: 100%;
}
.linkListBlock .siteList li::after {
    content: '';
    position: absolute;
    left: auto;
    right: 0px !important;
    width: 20px !important;
    height: 100% !important;
    background-color: #004697;
    z-index: 1;
}
.linkListBlock .siteList li .banner_icon{
    position: absolute;
    top: 0 ;
    bottom: 0;
    left: 104%;
    right: 0px ;
    width: auto !important;
    height: auto !important;
    margin: auto!important;
    z-index: 2;
}