@charset "utf-8";

@import "/Portals/0/css/contents.css";
@import "/Portals/0/css/contents02.css";

/* ======================================================================= */

/*  CMS_SkinDefault ----- skin */

/* ======================================================================= */
/* ===========================================================
 common
=========================================================== */
body,
img {
  margin: 0;
  padding: 0;
  border: none;
}
/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* clearfixEND */

html {
  height: 100%;
}
body {
  height: 100%;
  min-width: 1050px;
  font-family: "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "sans-serif";
  color: #333;
  background: #fff;
}

img {
  vertical-align: top;
}
img.alpha:hover {
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
}
ul:not(#mainBody ul),
li:not(#mainBody li),
ol:not(#mainBody ol) {
  margin: 0;
  /* padding: 0; */
  list-style-type: none; /* 2022.03.14 */
}
ul.disc,
ul.disc li {
  list-style-type: disc;
  margin-left: 0;
}
ul.disc li {
  margin-left: 20px;
}
#skinTypes p.floatRight {
  float: right;
  margin: 0 0 15px 15px;
}
#skinTypes p.floatLeft {
  float: left;
  margin: 0 15px 15px 0;
}

/* ===========================================================
 Link
=========================================================== */
a,
a:link,
a:visited,
a:active,
a:hover {
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

/* for each color*/
.lightGreen a,
.lightGreen a:link,
.lightGreen a:visited,
.lightGreen a:active,
.lightGreen a:hover {
  color: #748300;
}

.violet a,
.violet a:link,
.violet a:visited,
.violet a:active,
.violet a:hover {
  color: #333;
  text-decoration: none;
}

.violet #mainBody a,
.violet #mainBody a:link,
.violet #mainBody a:visited,
.violet #mainBody a:active {
  color: #604287;
  text-decoration: underline;
}

.violet #mainBody a:hover {
  text-decoration: none;
}

.carrot a,
.carrot a:link,
.carrot a:visited,
.carrot a:active,
.carrot a:hover {
  color: #93432b;
}

.blue a,
.blue a:link,
.blue a:visited,
.blue a:active,
.blue a:hover {
  color: #344a9d;
}

.green a,
.green a:link,
.green a:visited,
.green a:active,
.green a:hover {
  color: #333;
  text-decoration: none;
}


.green #mainBody a,
.green #mainBody a:link,
.green #mainBody a:visited,
.green #mainBody a:active {
  color: #006541;
  text-decoration: underline;
}

.green #mainBody a:hover {
  text-decoration: none;
}

.orange a,
.orange a:link,
.orange a:visited,
.orange a:active,
.orange a:hover {
  color: #333;
  text-decoration: none;
}

.navy a,
.navy a:link,
.navy a:visited,
.navy a:active,
.navy a:hover {
  color: #333;
  text-decoration: none;
}

.navy #mainBody a,
.navy #mainBody a:link,
.navy #mainBody a:visited,
.navy #mainBody a:active {
  color: #052659;
  text-decoration: underline;
}

.navy #mainBody a:hover {
  text-decoration: none;
}

.red a,
.red a:link,
.red a:visited,
.red a:active,
.red a:hover {
  color: #ba2636;
}

#skinTypes table.search_no td a {
  color: #333333;
  text-decoration: none;
}

.navy #mainBody .inner.ads_03 a:hover{
  text-decoration: none;
}

.orange .green a,
.orange .navy a,
.orange .violet a,
.orange .turq a,
.orange .blue a,
.orange .red a,
.orange .purple a,
.orange .pink a,
.orange .collab a,
.orange #geological a,
.orange a.otherred {
  color: #ba2636;
}

.orange a:hover{
  text-decoration: underline;
}

.orange .green p a,
.orange .navy p a,
.orange .violet p a,
.orange .turq p a,
.orange .blue p a,
.orange .red p a,
.orange .purple p a,
.orange .pink p a,
.orange .collab p a,
.orange #geological p a,
.orange .green .keypoint a,
.orange .navy .keypoint a,
.orange .violet .keypoint a,
.orange .turq .keypoint a,
.orange .red .keypoint a,
.orange .purple .keypoint a,
.orange .purple .keypoint a,
.orange .collab .collab_link a,
.orange .collab .disc li a
{
  text-decoration: underline;
}

.orange .green p a:hover,
.orange .navy p a:hover,
.orange .violet p a:hover,
.orange .turq p a:hover,
.orange .blue p a:hover,
.orange .red p a:hover,
.orange .purple p a:hover,
.orange .pink p a:hover,
.orange .collab p a:hover,
.orange #geological p a:hover,
.orange .green .keypoint a:hover,
.orange .navy .keypoint a:hover,
.orange .violet .keypoint a:hover,
.orange .turq .keypoint a:hover,
.orange .red .keypointa:hover,
.orange .purple .keypoint a:hover,
.orange .collab .collab_link a:hover,
.orange .collab .disc li a:hover
{
  text-decoration: none;
}

.orange #geological .webmagtop p a {
  text-decoration: none;
 }

 .orange #geological .webmagtop p a:hover {
  text-decoration: underline;
 }

/* ===========================================================
 skin
=========================================================== */
#skinTypes {
  color: #333;
  background: #efeff0;
  text-align: left;
}

/* blockskip -----------------------------------------------------------*/
div#blockskip {
  margin: 0;
  padding: 0;
  overflow: visible;
  height: 0;
}
div#blockskip a {
  cursor: default;
  font-size: 1%;
  height: 1px;
  line-height: 0;
  margin: -1px 0 0;
  color: #333;
}

/* ===========================================================
 headBody
=========================================================== */
#headWrap {
  background: #333;
  padding: 10px 0 0 0;
  min-height: 32px;
}
#headWrap #headBody {
  clear: both;
  width: 1000px;
  margin: -500px auto 0;
  text-align: left;
  padding: 100px 0 0 0;
}
#headWrap #headBody:after {
  content: "";
  clear: both;
  display: block;
}
/* clearfix */
/* HeadPane -----------------------------------------------------------*/
div[class*="HeadPane"] {
  width: 800px;
  float: left; /*height: 32px;*/
  color: #fff;
}

/* searchWrap -----------------------------------------------------------*/
/* .searchWrap {
  float: right;
  position: relative;
  width: 190px;
  height: 32px;
  background: none;
  color: #fff;
}
.searchWrap input[type="text"] {
  width: 164px;
  background: #6a6a6a;
  padding: 5px 0 3px 5px;
  border: none;
  color: #eee;
  height: 15px;
}
.searchWrap input[type="button"] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0 0 0 0;
  width: 26px;
  height: 23px;
  background: url(/Portals/0/Skins/AIS/images/btn_search.png) no-repeat #6a6a6a;
  border: none;
  text-indent: -9999em;
  overflow: hidden;
  cursor: pointer;
  color: #fff;
}
.searchWrap a,
.searchWrap a:link,
.searchWrap a:visited {
  position: absolute;
  top: 0;
  right: 0;
  width: 65px;
  height: 25px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  background: url(/Portals/0/Skins/CMS_SkinDefault/images/searchBtn.jpg)
    no-repeat 0 0;
}
.searchWrap a:hover,
.searchWrap a:active {
  background-position: 0 -25px;
} */

/*IE ハイコントラスト用の修正　2018/04/24---------------------------*/
@media all and (-ms-high-contrast: active) {
  .searchWrap input[type="button"] {
    background: url(/Portals/0/Skins/AIS/images/btn_search.png) no-repeat;
  }
}

/* Logo 
#headBody h1.Logo { margin:0; padding:0;}
#headBody p.Logo a{font-size:154%;line-height:24px;margin:0;display:block;}
-----------------------------------------------------------*/
#headLogoBody {
  background: #fff; /*min-height:80px; */
  position: relative;
  clear: both;
  padding: 15px 0 0 0;
}
#headLogoBody:after {
  content: "";
  clear: both;
  display: block;
} /* clearfix */
#headLogoBody div[class*="HeadLogoPane"] {
  width: 1000px;
  margin: 0 auto;
}
#headLogoBody #TypesHeadSubPane {
  position: absolute;
  width: 200px;
  left: 50%;
  top: 0;
  margin: 0 0 0 300px;
}
/*#headLogoBody .jp_logo{ padding:5px 0 15px 0;}*/

/*2017.4.26 h1修正用追加*/
#headLogoBody .jp_logo,
#headLogoBody .logo_en {
  margin: 0;
  padding: 5px 0 15px 0;
}

/* ===========================================================
 gNav
=========================================================== */
.globalMenu ul {
  margin: 0;
  padding: 0;
}
.globalMenu li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* ===========================================================
 mainBody
=========================================================== */
#mainBody {
  clear: both;
  width: 1000px;
  margin: 0 auto 30px;
  padding: 0;
  text-align: left;
}
#mainBody:after {
  content: "";
  clear: both;
  display: block;
} /* clearfix */

#contentWrap {
  float: left;
  width: 750px;
}
#sideWrap {
  width: 220px;
  float: right;
}

/* TopPane -----------------------------------------------------------*/
div.TopPane {
  clear: both;
  background: #fff;
}
div.TopPane {
  border-right: none !important;
  border-left: none !important;
} /*編集時の点線*/

div.TopPane ul,
div.TopPane li {
  list-style: none;
  border: none;
  padding: 0;
}
/* BreadCrumbPane -----------------------------------------------------------*/
#skinTypes .BreadCrumbPane {
  clear: both;
  min-height: 30px;
}
#skinTypes .breadcrumbs,
#skinTypes .breadcrumbs span {
  color: #666;
}
.orange #skinTypes .breadcrumbs {
  padding: 0 0 30px 0;
}
#skinTypes .breadcrumbs {
  width: 1000px;
  margin: 0 auto;
  padding: 5px 0 0 0;
  font-size: 93%;
  text-align: left;
}
#skinTypes .breadcrumbs a,
#skinTypes .breadcrumbs a:link,
#skinTypes .breadcrumbs a:visited,
#skinTypes .breadcrumbs a:active,
#skinTypes .breadcrumbs a:hover {
  color: #444;
  text-decoration: none;
}

/* ContentPane -----------------------------------------------------------*/
.violet #skinTypes .TypesPageTopPane,
.blue #skinTypes .TypesPageTopPane,
.green #skinTypes .TypesPageTopPane {
  padding: 0;
  margin: 0;
}

/* Side -----------------------------------------------------------*/
#sideWrap .TypesSideTopPane {
  padding: 0 0 20px 0;
}

/* PageTopPane -----------------------------------------------------------*/
#skinTypes .TypesPageTopPane {
  clear: both;
  text-align: right;
  width: 1000px;
  margin: -20px auto 5px;
  padding: 0;
}
#skinTypes .TypesPageTopPane a,
#skinTypes .TypesPageTopPane a:link,
#skinTypes .TypesPageTopPane a:visited {
  font-size: 85%;
  color: #666;
  width: 85px;
  height: 48px;
  text-decoration: none;
}
#skinTypes .TypesPageTopPane a:hover,
#skinTypes .TypesPageTopPane a:active {
  color: #ccc;
  text-decoration: none;
}

/* ===========================================================
 footBody
=========================================================== */
#footTopBody {
  clear: both;

}
#footTopBody ol,
#footTopBody li {
  list-style: none;
}
#footTopBody div[class*="FootTopPane"] {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
  padding: 20px 0;
}
#footTopBody ul li{
 padding: 0;
}
#footBody {
  background: #474747;
}
#footBody .footWrap {
  width: 1000px;
  margin: 0 auto;
  padding: 15px 0;
}
#footBody .footWrap:after {
  content: "";
  clear: both;
  display: block;
} /* clearfix */
#footBody div[class*="FootPane"] {
  /*   width: 480px; */
  float: left;
  padding: 0;
  text-align: left;
}
p.copyright {
  width: 510px;
  float: right;
  padding: 0;
  font-size: 77%;
  color: #c0c0c0;
  background: #474747;
  text-align: right;
}
#footTopBody .addres {
  margin: 0;
  padding: 0 0 40px 0;
}

/* ===========================================================
 css for admin
=========================================================== */

/* css-for-adminModules */
.FileManager_LeftBox {
  width: 200px !important;
}
.FileManager_LeftBox img {
  height: 13px !important;
}
#dnn_ctr362_ModuleContent table {
  width: 100% !important;
}
#dnn_ctr362_ModuleContent table td {
  text-align: left !important;
}

/* ===========================================================
  css for each color
=========================================================== */

#skinTypes.red #headLogoBody {
  border-bottom: #ba2636 5px solid;
}
#skinTypes.lightGreen #headLogoBody {
  border-bottom: #c4d82d 5px solid;
}
#skinTypes.violet #headLogoBody {
  border-bottom: #6e4f83 5px solid;
}
#skinTypes.carrot #headLogoBody {
  border-bottom: #dd6540 5px solid;
}
#skinTypes.blue #headLogoBody {
  border-bottom: #65aadd 5px solid;
}
#skinTypes.green #headLogoBody {
  border-bottom: #009b63 5px solid;
}
/* #skinTypes.orange #headLogoBody{ border-bottom:#fac03d 5px solid;} */
#skinTypes.navy #headLogoBody {
  border-bottom: #083883 5px solid;
}

#skinTypes.violet .comLinkArea li a {
  color: #604287;
  background: #fff url("/Portals/0/images/common/icon49.png") no-repeat center
    bottom 9px / 12px;
  border: 1px solid #604287;
  text-decoration: none;
}
#skinTypes.violet .comLinkArea li a:hover {
  color: #fff;
  background: #604287 url("/Portals/0/images/common/icon50.png") no-repeat
    center bottom 9px / 12px;
}

#skinTypes.navy .comLinkArea li a {
  color: #115c9e;
  background: #fff url("/Portals/0/images/common/icon49_2.png") no-repeat center
    bottom 9px / 12px;
  border: 1px solid #115c9e;
  text-decoration: none;
}
#skinTypes.navy .comLinkArea li a:hover {
  color: #fff;
  background: #115c9e url("/Portals/0/images/common/icon50.png") no-repeat
    center bottom 9px / 12px;
}

#skinTypes.green .comLinkArea li a {
  color: #009b63;
  background: #fff url("/Portals/0/images/common/icon49_2.png") no-repeat center
    bottom 9px / 12px;
  border: 1px solid #009b63;
  text-decoration: none;
}
#skinTypes.green .comLinkArea li a:hover {
  color: #fff;
  background: #009b63 url("/Portals/0/images/common/icon50.png") no-repeat
    center bottom 9px / 12px;
}

/* listTable -----------------------------------------------------------*/
#skinTypes .listIcon li a,
#skinTypes .listArrow li a,
#skinTypes .listArrowHalf li a,
#skinTypes .listArrowLeft li a,
#skinTypes .listArrowRight li a {
  color: #333;
}

#skinTypes.lightGreen .listTable a.listTableArrow {
  background: url(/Portals/0/Skins/AIS_types/images/common/arrow_lightgreen.png)
    no-repeat 0 6px;
}
#skinTypes.red .listTable a.listTableArrow {
  background: url(/Portals/0/Skins/AIS_types/images/common/arrow_red.png)
    no-repeat 0 6px;
}

#skinTypes.lightGreen .listArrow li,
#skinTypes.lightGreen .listArrowHalf li,
#skinTypes.lightGreen .listArrowLeft li,
#skinTypes.lightGreen .listArrowRight li,
#skinTypes.lightGreen .listTable a.listTableArrow {
  background: url(/Portals/0/Skins/AIS_types/images/common/arrow_lightgreen.png)
    no-repeat 0 6px;
}
#skinTypes.lightGreen .grayLineBox h3 {
  border-left: 1px solid #c4d82d;
}

#skinTypes.violet .listArrow li,
#skinTypes.violet .listArrowHalf li,
#skinTypes.violet .listArrowLeft li,
#skinTypes.violet .listArrowRight li,
#skinTypes.violet .listTable a.listTableArrow {
  background: url(/Portals/0/Skins/AIS_types/images/common/arrow_violet.png)
    no-repeat 0 6px;
}
#skinTypes.violet .grayLineBox h3 {
  border-left: 1px solid #6e4f83;
}

#skinTypes.carrot .listArrow li,
#skinTypes.carrot .listArrowHalf li,
#skinTypes.carrot .listArrowLeft li,
#skinTypes.carrot .listArrowRight li,
#skinTypes.carrot .listTable a.listTableArrow {
  background: url(/Portals/0/Skins/AIS_types/images/common/arrow_carrot.png)
    no-repeat 0 6px;
}
#skinTypes.carrot .grayLineBox h3 {
  border-left: 1px solid #dd6540;
}

#skinTypes.blue .listArrow li,
#skinTypes.blue .listArrowHalf li,
#skinTypes.blue .listArrowLeft li,
#skinTypes.blue .listArrowRight li,
#skinTypes.blue .listTable a.listTableArrow {
  background: url(/Portals/0/Skins/AIS_types/images/common/arrow_blue.png)
    no-repeat 0 6px;
}
#skinTypes.blue .grayLineBox h3 {
  border-left: 1px solid #65aadd;
}

#skinTypes.green .listArrow li,
#skinTypes.green .listArrowHalf li,
#skinTypes.green .listArrowLeft li,
#skinTypes.green .listArrowRight li,
#skinTypes.green .listTable a.listTableArrow {
  background: url(/Portals/0/Skins/AIS_types/images/common/arrow_green.png)
    no-repeat 0 6px;
}
#skinTypes.green .grayLineBox h3 {
  border-left: 1px solid #009b63;
}

/* #skinTypes.orange .listArrow li,
#skinTypes.orange .listArrowHalf li,
#skinTypes.orange .listArrowLeft li,
#skinTypes.orange .listArrowRight li,
#skinTypes.orange .listTable a.listTableArrow {background: url(/Portals/0/Skins/AIS_types/images/common/arrow_orange.png) no-repeat 0 6px;}
#skinTypes.orange .grayLineBox h3{ border-left: 1px solid #fac03d;} */

#skinTypes.navy .listArrow li,
#skinTypes.navy .listArrowHalf li,
#skinTypes.navy .listArrowLeft li,
#skinTypes.navy .listArrowRight li,
#skinTypes.navy .listTable a.listTableArrow {
  background: url(/Portals/0/Skins/AIS_types/images/common/arrow_navy.png)
    no-repeat 0 6px;
}
#skinTypes.navy .grayLineBox h3 {
  border-left: 1px solid #083883;
}

#skinTypes.red .listArrow li,
#skinTypes.red .listArrowHalf li,
#skinTypes.red .listArrowLeft li,
#skinTypes.red .listArrowRight li,
#skinTypes.red .listTable a.listTableArrow {
  background: url(/Portals/0/Skins/AIS_types/images/common/arrow_red.png)
    no-repeat 0 6px;
}
#skinTypes.red .grayLineBox h3 {
  border-left: 1px solid #ba2636;
}

/* ===========================================================
  css for contents
=========================================================== */
/* -----------------------------------------------------------
 head
 -----------------------------------------------------------*/
div[class*="HeadPane"] .headNav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div[class*="HeadPane"] .headNav ul li {
  float: left;
  background: url(/Portals/0/Skins/AIS/images/border_header.gif) no-repeat left;
  padding: 0 9px 0 9px;
  color: #fff;
  background-color: #333333;
}
div[class*="HeadPane"] .headNav ul li a {
  color: #ffffff;
  background: url(/Portals/0/Skins/AIS/images/arrow_white.png) no-repeat left;
  padding: 0 0 0 9px;
  text-decoration: none;
}
div[class*="HeadPane"] .headNav ul li a:hover {
  text-decoration: underline;
}

/* p.btnEnglish -----------------------------------------------------------*/
div[class*="HeadPane"] .headNav p.btnEnglish {
  float: right;
  background: url(/Portals/0/Skins/AIS/images/border_header.gif) no-repeat left;
  padding: 0 0 0 9px;
}
div[class*="HeadPane"] .headNav p.btnEnglish a {
  color: #b0b0b0;
  background: #333333;
  text-decoration: none;
}
div[class*="HeadPane"] .headNav p.btnEnglish a:hover {
  text-decoration: underline;
}

/* p.btn_asitTop -----------------------------------------------------------*/
.btn_asitTop {
  float: right;
  margin: 10px 0 0 0;
  padding: 0;
}
/*.btn_asitTop a{ text-indent:-9999px; display:block; background:url(/Portals/0/Skins/AIS_types/images/common/btn_aist-top.png) no-repeat 0 0; width:116px; height:20px;}
*/
/* -----------------------------------------------------------
 side
 -----------------------------------------------------------*/
#skinTypes h2.menu_ttl {
  background: none;
  margin: 0 0 20px 0;
  padding: 0;
}
#skinTypes .bannerReport {
  background: #fff;
  padding: 10px;
  overflow: hidden;
}
#skinTypes .bannerReport img {
  float: left;
  margin-right: 5px;
}
#skinTypes .bannerReport a {
  display: table-cell;
  height: 141px;
  vertical-align: middle;
  color: #333;
}

/* -----------------------------------------------------------
 sNav (SEOMenu)
 -----------------------------------------------------------*/
/*--/Portals/0/css/navigation.css -----------------------------*/
#skinTypes .sNav > ul > li > ul > li > a {
  color: #fff;
}
#skinTypes .sNav ul li a {
  color: #333;
}

/*Type別arrow*/
#skinTypes.red .sNav > ul > li > ul > li > ul > li > a {
  background: url(images/common/arrow_red.png) no-repeat 8px 15px #fff;
}
#skinTypes.red .sNav > ul > li > ul > li > ul > li.CurrentItem > a,
#skinTypes.red .sNav > ul > li > ul > li > ul > li.ParentItem > a,
#skinTypes.red .sNav > ul > li > ul > li > ul > li > ul > li.CurrentItem > a,
#skinTypes.red
  .sNav
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li.CurrentItem
  > a {
  color: #a85057;
  background-color: #eee;
}

#skinTypes.lightGreen .sNav > ul > li > ul > li > ul > li > a {
  background: url(images/common/arrow_lightgreen.png) no-repeat 8px 15px #fff;
}
#skinTypes.lightGreen .sNav > ul > li > ul > li > ul > li.CurrentItem > a,
#skinTypes.lightGreen .sNav > ul > li > ul > li > ul > li.ParentItem > a,
#skinTypes.lightGreen
  .sNav
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li.CurrentItem
  > a,
#skinTypes.lightGreen
  .sNav
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li.CurrentItem
  > a {
  color: #748300;
  background-color: #eee;
}

#skinTypes.violet .sNav > ul > li > ul > li > ul > li > a {
  background: url(images/common/arrow_violet.png) no-repeat 8px 15px #fff;
}
#skinTypes.violet .sNav > ul > li > ul > li > ul > li.CurrentItem > a,
#skinTypes.violet .sNav > ul > li > ul > li > ul > li.ParentItem > a,
#skinTypes.violet .sNav > ul > li > ul > li > ul > li > ul > li.CurrentItem > a,
#skinTypes.violet
  .sNav
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li.CurrentItem
  > a {
  color: #6e4f83;
  background-color: #eee;
}

#skinTypes.blue .sNav > ul > li > ul > li > ul > li > a {
  background: url(images/common/arrow_blue.png) no-repeat 8px 15px #fff;
}
#skinTypes.blue .sNav > ul > li > ul > li > ul > li.CurrentItem > a,
#skinTypes.blue .sNav > ul > li > ul > li > ul > li.ParentItem > a,
#skinTypes.blue .sNav > ul > li > ul > li > ul > li > ul > li.CurrentItem > a,
#skinTypes.blue
  .sNav
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li.CurrentItem
  > a {
  color: #344a9d;
  background-color: #eee;
}

#skinTypes.green .sNav > ul > li > ul > li > ul > li > a {
  background: url(images/common/arrow_green.png) no-repeat 8px 15px #fff;
}
#skinTypes.green .sNav > ul > li > ul > li > ul > li.CurrentItem > a,
#skinTypes.green .sNav > ul > li > ul > li > ul > li.ParentItem > a,
#skinTypes.green .sNav > ul > li > ul > li > ul > li > ul > li.CurrentItem > a,
#skinTypes.green
  .sNav
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li.CurrentItem
  > a {
  color: #006541;
  background-color: #eee;
}

#skinTypes.carrot .sNav > ul > li > ul > li > ul > li > a {
  background: url(images/common/arrow_carrot.png) no-repeat 8px 15px #fff;
}
#skinTypes.carrot .sNav > ul > li > ul > li > ul > li.CurrentItem > a,
#skinTypes.carrot .sNav > ul > li > ul > li > ul > li.ParentItem > a,
#skinTypes.carrot .sNav > ul > li > ul > li > ul > li > ul > li.CurrentItem > a,
#skinTypes.carrot
  .sNav
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li.CurrentItem
  > a {
  color: #93432b;
  background-color: #eee;
}

/* #skinTypes.orange .sNav > ul > li > ul > li > ul > li > a{ background: url(images/common/arrow_orange.png) no-repeat 8px 15px #FFF;}
#skinTypes.orange .sNav > ul > li > ul > li > ul > li.CurrentItem > a,
#skinTypes.orange .sNav > ul > li > ul > li > ul > li.ParentItem > a,
#skinTypes.orange .sNav > ul > li > ul > li > ul > li > ul > li.CurrentItem > a,
#skinTypes.orange .sNav > ul > li > ul > li > ul > li > ul > li > ul > li.CurrentItem > a  {color:#9b7726;background-color:#EEE; } */

#skinTypes.navy .sNav > ul > li > ul > li > ul > li > a {
  background: url(images/common/arrow_navy.png) no-repeat 8px 15px #fff;
}
#skinTypes.navy .sNav > ul > li > ul > li > ul > li.CurrentItem > a,
#skinTypes.navy .sNav > ul > li > ul > li > ul > li.ParentItem > a,
#skinTypes.navy .sNav > ul > li > ul > li > ul > li > ul > li.CurrentItem > a,
#skinTypes.navy
  .sNav
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li.CurrentItem
  > a {
  color: #083883;
  background-color: #eee;
}

#skinTypes .sNav > ul > li > ul > li > ul > li > a:hover {
  background-color: #eee;
}

/* -----------------------------------------------------------
 sNav 下層(SEOMenu)
 -----------------------------------------------------------*/
#skinTypes .SEOMenuV2 .sNav li {
  display: block;
}
/*#skinTypes .sNav > ul > li > ul > li > ul > li > ul > li.CurrentItem > a,
#skinTypes .sNav > ul > li > ul > li > ul > li > ul > li > ul > li.CurrentItem > a {color: #a85057;}
*/
/* -----------------------------------------------------------
 sNav index (SEOMenu)
 -----------------------------------------------------------*/
#skinTypes .SEOMenuV2 .sNav.index > ul > li.CurrentItem > a,
#skinTypes .SEOMenuV2 .sNav.index > ul > li.ParentItem > a {
  display: block;
}
#skinTypes .SEOMenuV2 .sNav.index li {
  display: block;
}

#skinTypes .SEOMenuV2 .sNav.index > ul {
  background: #fff;
}
#skinTypes .SEOMenuV2 .sNav.index > ul > li {
  margin: 0;
  padding: 0;
  border-bottom: solid 1px #d7d7d7;
}
#skinTypes .SEOMenuV2 .sNav.index > ul > li > a {
  color: #333;
  border-left: none;
  font-size: 100%;
  padding: 10px 7px 10px 19px;
  margin: 0;
  line-height: 18px;
  background-color: #fff;
  background-position: 8px 15px;
  background-repeat: no-repeat;
}
/*Type別arrow*/
#skinTypes.red .SEOMenuV2 .sNav.index ul > li a {
  background-image: url(images/common/arrow_red.png);
}
#skinTypes.lightGreen .SEOMenuV2 .sNav.index ul > li a {
  background-image: url(images/common/arrow_lightgreen.png);
}
#skinTypes.violet .SEOMenuV2 .sNav.index ul > li a {
  background-image: url(images/common/arrow_violet.png);
}
#skinTypes.blue .SEOMenuV2 .sNav.index ul > li a {
  background-image: url(images/common/arrow_blue.png);
}
#skinTypes.green .SEOMenuV2 .sNav.index ul > li a {
  background-image: url(images/common/arrow_green.png);
}
#skinTypes.carrot .SEOMenuV2 .sNav.index ul > li a {
  background-image: url(images/common/arrow_carrot.png);
}
#skinTypes.orange .SEOMenuV2 .sNav.index ul > li a {
  background-image: url(images/common/arrow_orange.png);
}
#skinTypes.navy .SEOMenuV2 .sNav.index ul > li a {
  background-image: url(images/common/arrow_navy.png);
}
#skinTypes .SEOMenuV2 .sNav.index ul > li.CurrentItem a {
  background-color: #eeeeee;
}

/* -----------------------------------------------------------
 edit sNav
 -----------------------------------------------------------*/
#skinTypes .sNav.edit ul {
  margin: 0;
  padding: 0;
}
#skinTypes .sNav.edit li {
  list-style: none;
  line-height: 0;
  margin: 0;
  padding: 0;
  border-bottom: none;
}
#skinTypes .sNav.edit > ul > li {
  padding: 0;
  background: #474747;
}
#skinTypes .sNav.edit > ul > li a {
  font-size: 116%;
  color: #fff;
  line-height: 22px;
  margin: 10px;
  padding: 0 0 0 10px;
  border-left: 1px solid #a3a3a3;
  color: #fff;
}
#skinTypes .sNav.edit > ul > li a:hover {
  background-color: #6e6d6d;
}
#skinTypes .sNav.edit > ul > li > ul {
  background: #d7d7d7;
  padding: 0;
  text-align: left;
  border-top: 4px solid #d7d7d7;
}
#skinTypes .sNav.edit > ul > li > ul > li a {
  display: block;
  padding: 10px 7px 10px 19px;
  line-height: 18px;
  margin: 0;
  border-left: none;
  border-bottom: solid 1px #d7d7d7;
  color: #333;
  background-color: #fff;
  background-position: 8px 15px;
  background-repeat: no-repeat;
}

/*Type別arrow*/
#skinTypes.red .sNav.edit > ul > li > ul > li a {
  background-image: url(images/common/arrow_red.png);
}
#skinTypes.lightGreen .sNav.edit > ul > li > ul > li a {
  background-image: url(images/common/arrow_lightgreen.png);
}
#skinTypes.violet .sNav.edit > ul > li > ul > li a {
  background-image: url(images/common/arrow_violet.png);
}
#skinTypes.blue .sNav.edit > ul > li > ul > li a {
  background-image: url(images/common/arrow_blue.png);
}
#skinTypes.green .sNav.edit > ul > li > ul > li a {
  background-image: url(images/common/arrow_green.png);
}
#skinTypes.carrot .sNav.edit > ul > li > ul > li a {
  background-image: url(images/common/arrow_carrot.png);
}
#skinTypes.orange .sNav.edit > ul > li > ul > li a {
  background-image: url(images/common/arrow_orange.png);
}
#skinTypes.navy .sNav.edit > ul > li > ul > li a {
  background-image: url(images/common/arrow_navy.png);
}
#skinTypes .sNav.edit > ul > li > ul > li.CurrentItem a {
  background-color: #eeeeee;
}

/*index用*/
#skinTypes .sNav.edit.index > ul {
  background: #fff;
}
#skinTypes .sNav.edit.index > ul > li {
  margin: 0;
  padding: 0;
  border-bottom: solid 1px #d7d7d7;
}
#skinTypes .sNav.edit.index > ul > li > a {
  color: #333;
  border-left: none;
  font-size: 100%;
  padding: 10px 7px 10px 19px;
  margin: 0;
  line-height: 18px;
  background-color: #fff;
  background-position: 8px 15px;
  background-repeat: no-repeat;
}

#skinTypes.red .sNav.edit.index > ul > li > a {
  background-image: url(images/common/arrow_red.png);
}
#skinTypes.lightGreen .sNav.edit.index > ul > li > a {
  background-image: url(images/common/arrow_lightgreen.png);
}
#skinTypes.violet .sNav.edit.index > ul > li > a {
  background-image: url(images/common/arrow_violet.png);
}
#skinTypes.blue .sNav.edit.index > ul > li > a {
  background-image: url(images/common/arrow_blue.png);
}
#skinTypes.green .sNav.edit.index > ul > li > a {
  background-image: url(images/common/arrow_green.png);
}
#skinTypes.carrot .sNav.edit.index > ul > li > a {
  background-image: url(images/common/arrow_carrot.png);
}
#skinTypes.orange .sNav.edit.index > ul > li > a {
  background-image: url(images/common/arrow_orange.png);
}
#skinTypes.navy .sNav.edit.index > ul > li > a {
  background-image: url(images/common/arrow_navy.png);
}

/*hover設定*/
#skinTypes .sNav.edit > ul > li > ul > li a:hover {
  background-color: #eee;
}
#skinTypes .sNav.edit.index > ul > li > a:hover {
  background-color: #eee;
}

/* -----------------------------------------------------------
 Content Footer
 -----------------------------------------------------------*/
/**/
#skinTypes .researchTitle {
  padding: 0;
  heigh: 20px;
  margin: 0 0 15px 0;
}
#skinTypes .researchNav,
#skinTypes .researchNav li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#skinTypes .researchNav li {
  float: left;
}
#skinTypes .researchNav li a {
  color: #333;
  text-decoration: none;
}
#skinTypes .researchNav li:after {
  content: "|";
  display: inline-block;
  padding: 0 5px;
}
#skinTypes .researchNav li.last:after {
  display: none;
}

#skinTypes div[id*="FootPane"] ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#skinTypes div[id*="FootPane"] ul li {
  font-size: 85%;
  margin-right: 25px;
  float: left;
  padding: 0;
  color: #fff;
  background-color: #474747;
}
#skinTypes div[id*="FootPane"] ul li a {
  color: #fff;
  text-decoration: none;
}
#skinTypes div[id*="FootPane"] ul li a:hover {
  text-decoration: underline;
}

/*facilities*/
.facilitiesPht {
  overflow: hidden;
}
.facilitiesPht .pLeft {
  float: left;
  margin: -15px 15px 0 0;
  text-align: center;
}
.facilitiesPht .pLeft img {
  margin: 15px 0 0 0;
  display: block;
}
.facilitiesPht .listTable {
  width: auto;
}

.attPoint {
  text-indent: -15px;
  padding-left: 15px;
}

/*kv*/
.lof-slidecontent ul.navigator-wrap-inner li {
  background: url(/Portals/0/tsukuba/images/kv/img_line.gif) no-repeat 0 0;
  text-indent: -9999px;
}
.lof-slidecontent ul.navigator-wrap-inner li.active {
  background: url(/Portals/0/tsukuba/images/kv/img_line_active.gif) no-repeat 0
    0;
}
.lof-slidecontent .navigator-content {
  height: 5px;
  width: 490px;
  left: 50%;
  margin-left: -245px;
}
.lof-slidecontent {
  height: 315px;
}
.sliderWrapper {
  padding-top: 5px;
  margin-bottom: 0;
  overflow: hidden;
  background: none;
}
.lof-slidecontent .navigator-wrapper {
  color: #333333;
  float: right;
  margin: 15px 0;
}

.lof-slidecontent .navigator-content {
  width: auto;
  height: auto;
  left: auto;
  margin-left: 0;
}
.lof-slidecontent .navigator-content {
  position: static;
}
.lof-slidecontent .navigator-content .button-next,
.lof-slidecontent .navigator-content .button-previous {
  position: absolute;
  margin: 0;
  height: 37px;
  width: 14px;
  border: #e7e7e7 solid 10px;
  top: 119px;
}
.lof-slidecontent .navigator-content .button-next {
  left: -17px;
  background: url(/Portals/0/images/index/kv/kv_arrow_prev.png) no-repeat center
    0 #e7e7e7;
}
.lof-slidecontent .navigator-content .button-previous {
  background: url(/Portals/0/images/index/kv/kv_arrow_next.png) no-repeat right
    0 #e7e7e7;
  right: -17px;
}
.lof-slidecontent .navigator-content .button-next:hover,
.lof-slidecontent .navigator-content .button-previous:hover {
  background-position: 0 0;
}
.sliderWrapper + br {
  display: none;
}

.en_kv {
  text-align: center;
  padding: 6px 0;
}

/*========================================================
 お知らせ
 ========================================================*/
#skinTypes .content_wrap {
  width: 730px;
}
#skinTypes .newsListIndex {
  margin: 0 0 0 -5px;
  padding: 0 15px 0 0;
}
#skinTypes h2.newsTitleIndex {
  background: none;
  padding: 0;
}
#skinTypes .newsListIndex.newest .newsBackLink {
  top: -18px;
}
#skinTypes .newsListIndex.newest.newsNext {
  margin: 0;
  padding: 0;
} /**/
#skinTypes.skin1Column .newsList .newsTitle {
  width: 850px;
}

/*========================================================
 お知らせ Types
 ========================================================*/
#skinTypes.red #tab li.tab01 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news01_red.gif)
    no-repeat 0 -30px;
  margin-left: 0;
}
#skinTypes.red #tab li.tab02 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news02_red.gif)
    no-repeat 0 -30px;
}
#skinTypes.red #tab li.tab03 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news03_red.gif)
    no-repeat 0 -30px;
}
#skinTypes.red #tab li.tab04 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news04_red.gif)
    no-repeat 0 -30px;
}
#skinTypes.red #tab li.tab05 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news05_red.gif)
    no-repeat 0 -30px;
}
#skinTypes.red h2.newsTitleIndex,
#skinTypes.red .researchTitle,
#skinTypes.red h2.menu_ttl {
  border-left: #d80011 1px solid;
}

/*IE ハイコントラスト用の修正　2018/04/23---------------------------*/
@media all and (-ms-high-contrast: active) {
  #skinTypes.red #tab li.tab01 {
    background: url(/Portals/0/Skins/AIS_types/images/common/tab_news01_red.gif)
      no-repeat 0 -30px;
  }
  #skinTypes.red #tab li.tab02 {
    background: url(/Portals/0/Skins/AIS_types/images/common/tab_news02_red.gif)
      no-repeat 0 -30px;
  }
  #skinTypes.red #tab li.tab03 {
    background: url(/Portals/0/Skins/AIS_types/images/common/tab_news03_red.gif)
      no-repeat 0 -30px;
  }
  #skinTypes.red #tab li.tab04 {
    background: url(/Portals/0/Skins/AIS_types/images/common/tab_news04_red.gif)
      no-repeat 0 -30px;
  }
  #skinTypes.red #tab li.tab05 {
    background: url(/Portals/0/Skins/AIS_types/images/common/tab_news05_red.gif)
      no-repeat 0 -30px;
  }
  #skinTypes.red #tab li:hover {
    background-position: 0 0;
  }
}

#skinTypes.lightGreen #tab li.tab01 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news01_lightgreen.gif)
    no-repeat 0 -30px;
  margin-left: 0;
}
#skinTypes.lightGreen #tab li.tab02 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news02_lightgreen.gif)
    no-repeat 0 -30px;
}
#skinTypes.lightGreen #tab li.tab03 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news03_lightgreen.gif)
    no-repeat 0 -30px;
}
#skinTypes.lightGreen #tab li.tab04 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news04_lightgreen.gif)
    no-repeat 0 -30px;
}
#skinTypes.lightGreen #tab li.tab05 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news05_lightgreen.gif)
    no-repeat 0 -30px;
}
#skinTypes.lightGreen .newsList .newsDate {
  color: #88961f;
}
#skinTypes.lightGreen .newsListIndex.newest .newsBackLink a,
#skinTypes.lightGreen .newsListIndex.newest .newsBackLink a:link,
#skinTypes.lightGreen .newsListIndex.newest .newsBackLink a:visited {
  background: url(/Portals/0/Skins/AIS_types/images/common/arrow_lightgreen.png)
    no-repeat 0 5px;
}
#skinTypes.lightGreen h2.newsTitleIndex,
#skinTypes.lightGreen .researchTitle,
#skinTypes.lightGreen h2.menu_ttl {
  border-left: #88961f 1px solid;
}

#skinTypes.violet #tab li.tab01 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news01_violet.gif)
    no-repeat 0 -30px;
  margin-left: 0;
}
#skinTypes.violet #tab li.tab02 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news02_violet.gif)
    no-repeat 0 -30px;
}
#skinTypes.violet #tab li.tab03 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news03_violet.gif)
    no-repeat 0 -30px;
}
#skinTypes.violet #tab li.tab04 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news04_violet.gif)
    no-repeat 0 -30px;
}
#skinTypes.violet #tab li.tab05 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news05_violet.gif)
    no-repeat 0 -30px;
}
#skinTypes.violet .newsList .newsDate {
  color: #6e4f83;
}
#skinTypes.violet .newsListIndex.newest .newsBackLink a,
#skinTypes.violet .newsListIndex.newest .newsBackLink a:link,
#skinTypes.violet .newsListIndex.newest .newsBackLink a:visited {
  background: url(/Portals/0/Skins/AIS_types/images/common/arrow_violet.png)
    no-repeat 0 5px;
}
#skinTypes.violet h2.newsTitleIndex,
#skinTypes.violet .researchTitle,
#skinTypes.violet h2.menu_ttl {
  border-left: #6e4f83 1px solid;
}

#skinTypes.blue #tab li.tab01 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news01_blue.gif)
    no-repeat 0 -30px;
  margin-left: 0;
}
#skinTypes.blue #tab li.tab02 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news02_blue.gif)
    no-repeat 0 -30px;
}
#skinTypes.blue #tab li.tab03 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news03_blue.gif)
    no-repeat 0 -30px;
}
#skinTypes.blue #tab li.tab04 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news04_blue.gif)
    no-repeat 0 -30px;
}
#skinTypes.blue #tab li.tab05 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news05_blue.gif)
    no-repeat 0 -30px;
}
#skinTypes.blue .newsList .newsDate {
  color: #39607d;
}
#skinTypes.blue .newsListIndex.newest .newsBackLink a,
#skinTypes.blue .newsListIndex.newest .newsBackLink a:link,
#skinTypes.blue .newsListIndex.newest .newsBackLink a:visited {
  background: url(/Portals/0/Skins/AIS_types/images/common/arrow_blue.png)
    no-repeat 0 5px;
}
#skinTypes.blue h2.newsTitleIndex,
#skinTypes.blue .researchTitle,
#skinTypes.blue h2.menu_ttl {
  border-left: #39607d 1px solid;
}

/*IE ハイコントラスト用の修正　2018/04/23---------------------------*/
@media all and (-ms-high-contrast: active) {
  #skinTypes.blue #tab li.tab01 {
    background: url(/Portals/0/Skins/AIS_types/images/common/tab_news01_blue.gif)
      no-repeat 0 -30px;
  }
  #skinTypes.blue #tab li.tab02 {
    background: url(/Portals/0/Skins/AIS_types/images/common/tab_news02_blue.gif)
      no-repeat 0 -30px;
  }
  #skinTypes.blue #tab li.tab03 {
    background: url(/Portals/0/Skins/AIS_types/images/common/tab_news03_blue.gif)
      no-repeat 0 -30px;
  }
  #skinTypes.blue #tab li.tab04 {
    background: url(/Portals/0/Skins/AIS_types/images/common/tab_news04_blue.gif)
      no-repeat 0 -30px;
  }
  #skinTypes.blue #tab li.tab05 {
    background: url(/Portals/0/Skins/AIS_types/images/common/tab_news05_blue.gif)
      no-repeat 0 -30px;
  }
  #skinTypes.blue #tab li:hover {
    background-position: 0 0;
  }
}

#skinTypes.green #tab li.tab01 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news01_green.gif)
    no-repeat 0 -30px;
  margin-left: 0;
}
#skinTypes.green #tab li.tab02 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news02_green.gif)
    no-repeat 0 -30px;
}
#skinTypes.green #tab li.tab03 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news03_green.gif)
    no-repeat 0 -30px;
}
#skinTypes.green #tab li.tab04 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news04_green.gif)
    no-repeat 0 -30px;
}
#skinTypes.green #tab li.tab05 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news05_green.gif)
    no-repeat 0 -30px;
}
#skinTypes.green .newsList .newsDate {
  color: #009b63;
}
#skinTypes.green .newsListIndex.newest .newsBackLink a,
#skinTypes.green .newsListIndex.newest .newsBackLink a:link,
#skinTypes.green .newsListIndex.newest .newsBackLink a:visited {
  background: url(/Portals/0/Skins/AIS_types/images/common/arrow_green.png)
    no-repeat 0 5px;
}
#skinTypes.green h2.newsTitleIndex,
#skinTypes.green .researchTitle,
#skinTypes.green h2.menu_ttl {
  border-left: #009b63 1px solid;
}

#skinTypes.carrot #tab li.tab01 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news01_carrot.gif)
    no-repeat 0 -30px;
  margin-left: 0;
}
#skinTypes.carrot #tab li.tab02 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news02_carrot.gif)
    no-repeat 0 -30px;
}
#skinTypes.carrot #tab li.tab03 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news03_carrot.gif)
    no-repeat 0 -30px;
}
#skinTypes.carrot #tab li.tab04 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news04_carrot.gif)
    no-repeat 0 -30px;
}
#skinTypes.carrot #tab li.tab05 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news05_carrot.gif)
    no-repeat 0 -30px;
}
#skinTypes.carrot .newsList .newsDate {
  color: #dd6540;
}
#skinTypes.carrot .newsListIndex.newest .newsBackLink a,
#skinTypes.carrot .newsListIndex.newest .newsBackLink a:link,
#skinTypes.carrot .newsListIndex.newest .newsBackLink a:visited {
  background: url(/Portals/0/Skins/AIS_types/images/common/arrow_carrot.png)
    no-repeat 0 5px;
}
#skinTypes.carrot h2.newsTitleIndex,
#skinTypes.carrot .researchTitle,
#skinTypes.carrot h2.menu_ttl {
  border-left: #dd6540 1px solid;
}

#skinTypes.orange #tab li.tab01 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news01_orange.gif)
    no-repeat 0 -30px;
  margin-left: 0;
}
#skinTypes.orange #tab li.tab02 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news02_orange.gif)
    no-repeat 0 -30px;
}
#skinTypes.orange #tab li.tab03 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news03_orange.gif)
    no-repeat 0 -30px;
}
#skinTypes.orange #tab li.tab04 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news04_orange.gif)
    no-repeat 0 -30px;
}
#skinTypes.orange #tab li.tab05 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news05_orange.gif)
    no-repeat 0 -30px;
}
#skinTypes.orange .newsList .newsDate {
  color: #e39d00;
}
#skinTypes.orange .newsListIndex.newest .newsBackLink a,
#skinTypes.orange .newsListIndex.newest .newsBackLink a:link,
#skinTypes.orange .newsListIndex.newest .newsBackLink a:visited {
  background: url(/Portals/0/Skins/AIS_types/images/common/arrow_orange.png)
    no-repeat 0 5px;
}
#skinTypes.orange h2.newsTitleIndex,
#skinTypes.orange .researchTitle,
#skinTypes.orange h2.menu_ttl {
  border-left: #e39d00 1px solid;
}

#skinTypes.navy #tab li.tab01 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news01_navy.gif)
    no-repeat 0 -30px;
  margin-left: 0;
}
#skinTypes.navy #tab li.tab02 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news02_navy.gif)
    no-repeat 0 -30px;
}
#skinTypes.navy #tab li.tab03 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news03_navy.gif)
    no-repeat 0 -30px;
}
#skinTypes.navy #tab li.tab04 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news04_navy.gif)
    no-repeat 0 -30px;
}
#skinTypes.navy #tab li.tab05 {
  background: url(/Portals/0/Skins/AIS_types/images/common/tab_news05_navy.gif)
    no-repeat 0 -30px;
}
#skinTypes.navy .newsList .newsDate {
  color: #083883;
}
#skinTypes.navy .newsListIndex.newest .newsBackLink a,
#skinTypes.navy .newsListIndex.newest .newsBackLink a:link,
#skinTypes.navy .newsListIndex.newest .newsBackLink a:visited {
  background: url(/Portals/0/Skins/AIS_types/images/common/arrow_navy.png)
    no-repeat 0 5px;
}
#skinTypes.navy h2.newsTitleIndex,
#skinTypes.navy .researchTitle,
#skinTypes.navy h2.menu_ttl {
  border-left: #083883 1px solid;
}

/*英語-----------------------------*/
#skinTypes #tab.en li.tab01 {
  margin-left: 0;
  width: 180px;
}
#skinTypes #tab.en li.tab02 {
  width: 182px;
}
#skinTypes #tab.en li.tab03 {
  width: 176px;
}
#skinTypes #tab.en li.tab04 {
  width: 180px;
}

#skinTypes.red #tab.en li.tab01 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news01_red.gif)
    no-repeat 0 -30px;
}
#skinTypes.red #tab.en li.tab02 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news02_red.gif)
    no-repeat 0 -30px;
}
#skinTypes.red #tab.en li.tab03 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news03_red.gif)
    no-repeat 0 -30px;
}
#skinTypes.red #tab.en li.tab04 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news04_red.gif)
    no-repeat 0 -30px;
}

/*IE ハイコントラスト用の修正　2018/04/23---------------------------*/
@media all and (-ms-high-contrast: active) {
  #skinTypes.red #tab.en li.tab01 {
    background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news01_red.gif)
      no-repeat 0 -30px;
  }
  #skinTypes.red #tab.en li.tab02 {
    background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news02_red.gif)
      no-repeat 0 -30px;
  }
  #skinTypes.red #tab.en li.tab03 {
    background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news03_red.gif)
      no-repeat 0 -30px;
  }
  #skinTypes.red #tab.en li.tab04 {
    background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news04_red.gif)
      no-repeat 0 -30px;
  }
  #skinTypes.red #tab.en li:hover {
    background-position: 0 0;
  }
}

#skinTypes.lightGreen #tab.en li.tab01 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news01_lightgreen.gif)
    no-repeat 0 -30px;
}
#skinTypes.lightGreen #tab.en li.tab02 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news02_lightgreen.gif)
    no-repeat 0 -30px;
}
#skinTypes.lightGreen #tab.en li.tab03 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news03_lightgreen.gif)
    no-repeat 0 -30px;
}
#skinTypes.lightGreen #tab.en li.tab04 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news04_lightgreen.gif)
    no-repeat 0 -30px;
}

#skinTypes.violet #tab.en li.tab01 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news01_violet.gif)
    no-repeat 0 -30px;
}
#skinTypes.violet #tab.en li.tab02 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news02_violet.gif)
    no-repeat 0 -30px;
}
#skinTypes.violet #tab.en li.tab03 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news03_violet.gif)
    no-repeat 0 -30px;
}
#skinTypes.violet #tab.en li.tab04 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news04_violet.gif)
    no-repeat 0 -30px;
}

#skinTypes.blue #tab.en li.tab01 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news01_blue.gif)
    no-repeat 0 -30px;
}
#skinTypes.blue #tab.en li.tab02 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news02_blue.gif)
    no-repeat 0 -30px;
}
#skinTypes.blue #tab.en li.tab03 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news03_blue.gif)
    no-repeat 0 -30px;
}
#skinTypes.blue #tab.en li.tab04 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news04_blue.gif)
    no-repeat 0 -30px;
}

/*IE ハイコントラスト用の修正　2018/04/23---------------------------*/
@media all and (-ms-high-contrast: active) {
  #skinTypes.blue #tab.en li.tab01 {
    background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news01_blue.gif)
      no-repeat 0 -30px;
  }
  #skinTypes.blue #tab.en li.tab02 {
    background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news02_blue.gif)
      no-repeat 0 -30px;
  }
  #skinTypes.blue #tab.en li.tab03 {
    background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news03_blue.gif)
      no-repeat 0 -30px;
  }
  #skinTypes.blue #tab.en li.tab04 {
    background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news04_blue.gif)
      no-repeat 0 -30px;
  }
  #skinTypes.blue #tab.en li:hover {
    background-position: 0 0;
  }
}

#skinTypes.green #tab.en li.tab01 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news01_green.gif)
    no-repeat 0 -30px;
}
#skinTypes.green #tab.en li.tab02 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news02_green.gif)
    no-repeat 0 -30px;
}
#skinTypes.green #tab.en li.tab03 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news03_green.gif)
    no-repeat 0 -30px;
}
#skinTypes.green #tab.en li.tab04 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news04_green.gif)
    no-repeat 0 -30px;
}

#skinTypes.carrot #tab.en li.tab01 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news01_carrot.gif)
    no-repeat 0 -30px;
}
#skinTypes.carrot #tab.en li.tab02 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news02_carrot.gif)
    no-repeat 0 -30px;
}
#skinTypes.carrot #tab.en li.tab03 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news03_carrot.gif)
    no-repeat 0 -30px;
}
#skinTypes.carrot #tab.en li.tab04 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news04_carrot.gif)
    no-repeat 0 -30px;
}

#skinTypes.orange #tab.en li.tab01 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news01_orange.gif)
    no-repeat 0 -30px;
}
#skinTypes.orange #tab.en li.tab02 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news02_orange.gif)
    no-repeat 0 -30px;
}
#skinTypes.orange #tab.en li.tab03 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news03_orange.gif)
    no-repeat 0 -30px;
}
#skinTypes.orange #tab.en li.tab04 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news04_orange.gif)
    no-repeat 0 -30px;
}

#skinTypes.navy #tab.en li.tab01 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news01_navy.gif)
    no-repeat 0 -30px;
}
#skinTypes.navy #tab.en li.tab02 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news02_navy.gif)
    no-repeat 0 -30px;
}
#skinTypes.navy #tab.en li.tab03 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news03_navy.gif)
    no-repeat 0 -30px;
}
#skinTypes.navy #tab.en li.tab04 {
  background: url(/Portals/0/Skins/AIS_types/images/common/en/tab_news04_navy.gif)
    no-repeat 0 -30px;
}

/* ===========================================================
 フッター正式名称テキスト追加　2018/09/21
=========================================================== */
/*#footBody .footWrap div.infoCMSAlignNULL:before,
#footBody .footWrap div.infoCMSAlignNot_Specified:before {
content: "\56FD\7ACB\7814\7A76\958B\767A\6CD5\4EBA\7523\696D\6280\8853\7DCF\5408\7814\7A76\6240";
font-size: 110%;
color: #ffffff;
}*/

/*========================================================
 SiteMap
 ========================================================*/
#skinTypes .SitemapList li a {
  color: #333;
}
#skinTypes .SitemapList > li {
  margin: 0 0 20px;
  padding: 10px 0px 10px 0;
  font-size: 169%;
}
#skinTypes .SitemapList > li > ul,
#skinTypes .SitemapList > li > ul > li > ul,
#skinTypes .SitemapList > li > ul > li > ul > li > ul {
  margin: 0;
  padding: 0;
}
/*1k*/
#skinTypes .SitemapList > li > ul > li > ul > li {
  padding: 10px 0 0 0;
}
#skinTypes .SitemapList > li > ul > li > ul > li > ul {
  margin: 10px 0 0 0;
  padding: 0;
}
#skinTypes .SitemapList > li > ul > li > ul > li > ul > li {
  margin: 0;
  padding: 10px 0px 10px 5px;
}
/*2k*/
#skinTypes .SitemapList > li > ul > li > ul > li > ul > li > ul li a {
  border-bottom: solid 1px #d7d7d7;
  font-size: 70%;
}
#skinTypes .SitemapList > li > ul > li > ul > li > ul > li > ul {
  margin: 0 0 0 1em;
  padding: 10px 0;
}
#skinTypes .SitemapList > li > ul > li > ul > li > ul > li > ul > li > a {
  display: block;
  padding: 10px 7px 10px 19px;
}
/*3-4k*/
#skinTypes .SitemapList > li > ul > li > ul > li > ul > li > ul > li > ul li a {
  font-size: 55%;
  line-height: 15px;
}
#skinTypes .SitemapList > li > ul > li > ul > li > ul > li > ul > li > ul {
  margin: 0 0 0 2em;
  padding: 0;
  background: #eee;
}
#skinTypes
  .SitemapList
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > a {
  display: block;
  background: url(/Portals/0/images/common/bg_snav03.png) no-repeat 14px 14px;
  padding: 10px 0 10px 25px;
  background-color: #eee;
}
#skinTypes
  .SitemapList
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul {
  margin: 0;
  padding: 0;
  background: #eee;
}
#skinTypes
  .SitemapList
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  li
  a {
  display: block;
  background: url(/Portals/0/images/common/bg_snav04.png) no-repeat 24px 9px;
  padding: 5px 0 5px 35px;
}
#skinTypes
  .SitemapList
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  li
  ul {
  margin: 0 0 0 1em;
  padding: 0;
}
/*color*/
#skinTypes.red .SitemapList > li > ul > li,
#skinTypes.red .SitemapList > li > ul > li > ul > li > ul > li {
  background: url(images/common/bg_h2_red.gif) repeat-x 0 40px;
}
#skinTypes.red .SitemapList > li > ul > li > ul > li > ul > li > ul > li > a {
  background: url(images/common/arrow_red.png) no-repeat 8px 17px #fff;
}
#skinTypes.lightGreen .SitemapList > li > ul > li,
#skinTypes.lightGreen .SitemapList > li > ul > li > ul > li > ul > li {
  background: url(images/common/bg_h2_lightgreen.gif) repeat-x 0 40px;
}
#skinTypes.lightGreen
  .SitemapList
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > a {
  background: url(images/common/arrow_lightgreen.png) no-repeat 8px 17px #fff;
}
#skinTypes.violet .SitemapList > li > ul > li,
#skinTypes.violet .SitemapList > li > ul > li > ul > li > ul > li {
  background: url(images/common/bg_h2_violet.gif) repeat-x 0 40px;
}
#skinTypes.violet
  .SitemapList
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > a {
  background: url(images/common/arrow_violet.png) no-repeat 8px 17px #fff;
}
#skinTypes.blue .SitemapList > li > ul > li,
#skinTypes.blue .SitemapList > li > ul > li > ul > li > ul > li {
  background: url(images/common/bg_h2_blue.gif) repeat-x 0 40px;
}
#skinTypes.blue .SitemapList > li > ul > li > ul > li > ul > li > ul > li > a {
  background: url(images/common/arrow_blue.png) no-repeat 8px 17px #fff;
}
#skinTypes.green .SitemapList > li > ul > li,
#skinTypes.green .SitemapList > li > ul > li > ul > li > ul > li {
  background: url(images/common/bg_h2_green.gif) repeat-x 0 40px;
}
#skinTypes.green .SitemapList > li > ul > li > ul > li > ul > li > ul > li a {
  background: url(images/common/arrow_green.png) no-repeat 8px 17px #fff;
}
#skinTypes.carrot .SitemapList > li > ul > li,
#skinTypes.carrot .SitemapList > li > ul > li > ul > li > ul > li {
  background: url(images/common/bg_h2_carrot.gif) repeat-x 0 40px;
}
#skinTypes.carrot
  .SitemapList
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > a {
  background: url(images/common/arrow_carrot.png) no-repeat 8px 17px #fff;
}
#skinTypes.orange .SitemapList > li > ul > li,
#skinTypes.orange .SitemapList > li > ul > li > ul > li > ul > li {
  background: url(images/common/bg_h2_orange.gif) repeat-x 0 40px;
}
#skinTypes.orange
  .SitemapList
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > a {
  background: url(images/common/arrow_orange.png) no-repeat 8px 17px #fff;
}
#skinTypes.navy .SitemapList > li > ul > li,
#skinTypes.navy .SitemapList > li > ul > li > ul > li > ul > li {
  background: url(images/common/bg_h2_navy.gif) repeat-x 0 40px;
}
#skinTypes.navy .SitemapList > li > ul > li > ul > li > ul > li > ul > li > a {
  background: url(images/common/arrow_navy.png) no-repeat 8px 17px #fff;
}

#skinTypes .SitemapList > li > ul > li > ul > li > ul > li > ul > li > a:hover {
  background-color: #eee;
  text-decoration: none;
}

/*お知らせ*/
#skinTypes .newsList .newsTitle p {
  padding: 0;
}

/* ===========================================================
 column for eath
=========================================================== */
.skin1Column #contentWrap {
  float: none;
  width: 100%;
}

/* ===========================================================
 css for print
=========================================================== */
@media print {
  body {
    font-family: "ヒラギノ角ゴ Pro W3", "HiraginoKaku Gothic Pro","ＭＳ Ｐゴシック", "sans-serif";
  }
}

.orange .green div.mainImg dl dt {
  font-size: 3.7rem !important;
}
.orange .green div.mainImg dl dd {
  font-size: 2.1rem !important;
}
.orange .green div.mainImg .mainResearcherName {
  font-size: 2.3rem !important;
}

/* .orange .bb a {
  color: #006bc4;
  text-decoration: underline;
} */

/* .orange #mainBody div.contentsImg { margin: 20px 0; }
.orange #mainBody div.contentsImg img { max-width:auto; 92vw; height: auto; }
.orange #mainBody div.contentsImg.w400 img { max-width: none; height: auto; }
.orange #mainBody div.contentsImg.w700 img { max-width: none; height: auto; }
.orange #mainBody div.contentsImg.w900 img { max-width: none; height: auto; }
.orange #mainBody div.contentsImg p { color:#333; font-size: 1.2rem; max-width: none; margin: auto; padding: 12px 0 15px; }
.orange #mainBody div.contentsImg.w400 p { max-width: none; }
.orange #mainBody div.contentsImg.w700 p { max-width: none; }
.orange #mainBody div.contentsImg.w900 p { max-width: none;}
.orange #mainBody div.contentsImg p.text_center { text-align: justify; } */

/* -----ブルーバックス--------------------------------------------------------- */

/* ---------------------------------------------------------
 ページタイトル
--------------------------------------------------------- */
div.contents div.bluebacksTitle,
div.contents div.bluebacksSubtitle,
div.contents div.notes div.date,
div.contents div.notes div.author { font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

div.contents div.bluebacksTitle { color: #0076BE; }
div.contents div.bluebacksSubtitle { font-weight: 500; }
div.contents div.notes span { padding: 0 5px; }

.pcView div.contents div.bluebacksTitle {  font-weight: 600; font-size: 270%;  line-height: 150%; padding-bottom: 8px; text-align: center; }
.pcView div.contents div.bluebacksSubtitle { font-size: 193%; line-height: 150%; padding-bottom: 20px; text-align: center; }

.spView div.contents div.bluebacksTitle {  font-weight: 500; font-size: 231%; line-height: 140%; padding-bottom: 10px; }
.spView div.contents div.bluebacksSubtitle { font-size: 154%; line-height: 140%; padding-bottom: 13px; }

.pcView div.contents div.date { font-size: 116%; color: #666; margin-bottom: 18px; }
.pcView div.contents div.author { font-size: 116%; text-align: right; padding-bottom: 30px;}

.spView div.contents div.date { font-size: 108%; margin-bottom: 7px; }
.spView div.contents div.author { font-size: 108%; text-align: right; }

/*.spView div.contents h2 { font-size: 108%; margin-bottom: 7px; }*/

/* ---------------------------------------------------------
 イントロ背景
--------------------------------------------------------- */
div.contents div.bluebacksIntro {background:#F5F5F5; padding:1.2em;}


/* ---------------------------------------------------------
 強調文字
--------------------------------------------------------- */
.pcView div.contents .bluebacksCenterText { font-size: 154%; line-height: 130%; text-align: center; }
.spView div.contents .bluebacksCenterText { font-size: 124%; line-height: 120%; }

div.contents .bluebacksIntroText { color: #ba2636; }
.pcView div.contents .bluebacksIntroText { font-size: 154%; line-height: 130%; padding: 10px 0 15px;}
.spView div.contents .bluebacksIntroText { font-size: 124%; line-height: 120%; }

.pcView div.contents div.indent-4 { padding-left: 4.2em; text-indent: -4.2em; padding-bottom: 0.5em;}
.spView div.contents div.indent-4 { padding: 5px 3px;}
div.contents .radius-20 { color: #fff; font-weight:bold; padding: 5px 5px 3px 5px; border-radius: 20px; background-color: #ba2636; margin-right: 10px;}


/* ---------------------------------------------------------
 横向きの場合のスタイル
--------------------------------------------------------- */
@media screen and (orientation: landscape) {
	.spView div.contents div.bluebacksTitle,
	.spView div.contents div.bluebacksSubtitle { text-align: center; }
}
/* ---------------------------------------------------------
 縦向きの場合のスタイル
--------------------------------------------------------- */
@media screen and (orientation: portrait) {
	.spView div.contents div.bluebacksTitle,
	.spView div.contents div.bluebacksSubtitle { text-align: left; }
}
/* ---------------------------------------------------------
 改行指定
--------------------------------------------------------- */
.pcView span.pc-br::before { content: "\A" ; white-space: pre; }

/* ---------------------------------------------------------
 イメージのコピーライト
--------------------------------------------------------- */
div.h1-copyright { color: #FFFFFF; background-color: rgba(0,0,0,0.5); font-size: 80%; padding: 3px 5px; }
.pcView div.h1-copyright { position: absolute; top: 353px; right: 0; margin: 0 auto; }
.spView div.h1-copyright { position: absolute; top: 228px; right: 0; margin: 0 auto; }

/* ---------------------------------------------------------
 本文中のイメージ、キャプション
--------------------------------------------------------- */
div.contentsCenter { text-align: center; }
.pcView div.contentsImg { position: relative; }
.pcView div.contentsImg img { max-width: 600px; height: auto; }
.pcView div.contentsImg div { width: 590px; position: absolute; bottom: 0; left: 50%; color: #FFFFFF; background-color: rgba(0,0,0,0.5); padding: 5px 5px 3px; transform: translateX(-50%); -webkit- transform: translateX(-50%); font-size: 97%; }
.spView div.contentsImg img { width: 92vw; height: auto; }
.spView div.contentsImg div { width: 92vw; padding: 5px 0; }
.pcView div.contentsImg .w400 { width: 390px!important; }
.pcView div.contentsImg .w500 { width: 490px!important; }
.pcView div.contentsImg div.credit {text-align: right; }
.spView div.contentsImg div.credit {text-align: right; }

.pcView span.pc-cap-br::before { content: "\A" ; white-space: pre; }
.spView span.sp-cap-br::before { content: "\A" ; white-space: pre; }

.pcView div.cap-m-01 {margin-bottom: 28px;}
.pcView div.cap-m-02 {margin-bottom: 48px;}
.pcView div.cap-m-03 {margin-bottom: 68px;}
.pcView div.contentsImg div.caption-01 {bottom: -28px;}
.pcView div.contentsImg div.caption-02 {bottom: -48px}
.pcView div.contentsImg div.caption-03 {bottom: -68px}


/* ---------------------------------------------------------
 研究者のプロフィール
--------------------------------------------------------- */
.pcView td.imgProf img { max-width: 300px; }
.spView td.imgProf { text-align: center; }
.spView td.imgProf img { width: 200px; }
.spView img.imgRight {float: none!important; margin: 10px 0 0!important;}
/* ---------------------------------------------------------
 モバイルモーダルウィンドウ非表示
--------------------------------------------------------- */
.spView div.contentsCenter div.contentsImg a.spModal {pointer-events: none; cursor: default;}

/* ---------------------------------------------------------
 画像の横並び
--------------------------------------------------------- */
.pcView .imgpr10  {padding-right: 10px;}
.pcView .imgpl10  {padding-left: 10px;}

/* ---------------------------------------------------------
 研究推進組織・テンプレート
--------------------------------------------------------- */
/*---研究領域ごとのアイコン付き見出し---*/
#skinTypes #PagetitlePane h1.ico_researchArea{
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding-left: 70px;
  margin-top: 0;
  min-height: 70px;
  line-height: 1.6;
  vertical-align: baseline;
  border-bottom: 3px solid #CF0027;
  background-size: 70px !important;
  background-repeat: no-repeat !important;
  background-position: left top !important;
}

#skinTypes.violet #PagetitlePane h1.ico_researchArea{
  border-color: var(--color-category-researcher);
}

#skinTypes.navy #PagetitlePane h1.ico_researchArea{
  border-color: var(--color-category-business);
}

/*エネルギー・環境*/
#skinTypes #PagetitlePane h1.ico_researchArea.denvene{
  background-image: url(/Portals/0/images/common/department_icon/ee_F.png) !important;
}
/*生命工学*/
#skinTypes #PagetitlePane h1.ico_researchArea.dlsbt {
  background-image: url(/Portals/0/images/common/department_icon/bt_F.png) !important;
}
/*情報･人間工学*/
#skinTypes #PagetitlePane h1.ico_researchArea.dith {
  background-image: url(/Portals/0/images/common/department_icon/ih_F.png) !important;
}
/*材料・化学*/
#skinTypes #PagetitlePane h1.ico_researchArea.dmc {
  background-image: url(/Portals/0/images/common/department_icon/mc_F.png) !important;
}
/*エレクトロニクス・製造*/
#skinTypes #PagetitlePane h1.ico_researchArea.eleman {
  background-image: url(/Portals/0/images/common/department_icon/em_F.png) !important;
}
/*地質調査*/
#skinTypes #PagetitlePane h1.ico_researchArea.gsj {
  background-image: url(/Portals/0/images/common/department_icon/gsj_F.png) !important;
}
/*計量標準*/
#skinTypes #PagetitlePane h1.ico_researchArea.nmij {
  background-image: url(/Portals/0/images/common/department_icon/nmij_F.png) !important;
}
/*G-QuAT*/
#skinTypes #PagetitlePane h1.ico_researchArea.g-quat {
  background-image: url(/Portals/0/images/common/department_icon/qa_F.png) !important;
}
/*実装研究センター*/
#skinTypes #PagetitlePane h1.ico_researchArea.irc {
  background-image: url(/Portals/0/images/common/department_icon/irc_F.png) !important;
}

#skinTypes #PagetitlePane h1.ico_researchArea .ttl {
  margin-right: 10px;
  font-size: 1.8rem;
}

#skinTypes.violet .imgCenterBox h3,
#skinTypes.navy .imgCenterBox h3{
  background: none;
  padding: 5px 10px;
  border-left: 1px solid var(--color-category-researcher);
}

#skinTypes.navy .imgCenterBox h3 {
  border-left-color:var(--color-category-business);
}

#skinTypes .photo {
  margin: auto;
  text-align: center;
}
#mainBody .imgBox.dep .photo span {
  margin-top: 10px;
  display: block;
  font-size: 1.2rem;
}
div#a01,
div#a02,
div#a03 {
  display: none;
}
#mainBody .inner.units #a01,
#mainBody .inner.units #a02,
#mainBody .inner.units #a03,
#mainBody .inner.units #a04,
#mainBody .inner.units #a05,
#mainBody .inner.units #a06,
#mainBody .inner.units #a07,
#mainBody .inner.units #a08 {
  display: block;
}
/* ---------------------------------------------------------
 研究情報公開データベース一覧
--------------------------------------------------------- */
.imgList.repository {
position: relative;
margin: -20px 0 50px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style-type: none;
}
.imgList.repository > li {
background-color: #f2f2f2;
margin-left: 0;
margin-top: 20px;
width: 310px;
}
.imgList.repository:after{
content:"";
display: block;
width:30%;
}
.imgList.repository li .photoBox {
position: relative;
height: 213px;
}
.imgList.repository li .textBox .title{
text-align:center;
}
.imgList.repository li .textBox .title a{
margin-bottom: 10px;
color: #ba2636;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.5;
}
.imgList.repository li .textBox {
padding: 20px;
background-color: #f2f2f2;
}
.imgList.repository li .textBox .txt{
text-align:left;
}
#mainBody .aboutus-title {
border: none !important;
font-size: 2.8rem! important;
font-weight: bold;
line-height: 1.5 !important;
margin-bottom: 20px !important;
}
#mainBody .pTop.alliance {
margin-bottom: 50px;
color: #115c9e;
font-size: 3rem;
font-weight: bold;
line-height: 45px;
text-align: center;
}

#skinTypes.navy .imgList,
#skinTypes.violet .imgList,
#skinTypes.blue .imgList {
  margin: 0 auto 50px;
}

#skinTypes.navy .imgList > li,
#skinTypes.violet .imgList > li,
#skinTypes.blue .imgList > li {
  width: 310px;
}

#mainBody .imgList li .textBox .title {
  font-size: 1.6rem;
}
#mainBody .imgList li .textBox .title a {
  color: #111;
  text-decoration: none;
}
#mainBody .imgList li .textBox .title a:hover {
  opacity: 1;
}
#mainBody .imgList li .textBox .txtList ul li {
  font-size: 1.2rem;
  padding: 0;
}
#mainBody .imgList li .textBox .txtList ul li::after {
  display: none;
  padding: 0;
}
#mainBody .ahm_list {
  display: flex;
  width: 100%;
  margin: 0 auto 50px;
  list-style-type: none;
}
#mainBody .ahm_img {
  display: block;
  margin: 0 auto 40px;
}
#mainBody .inner p.ahm_txt {
  color: #604287;
  font-size: 2.2rem;
  text-align: center;
  margin-bottom: 27px;
}
#skinTypes.violet #mainBody .textInner h4 {
  color: #604287;
}
#skinTypes.violet #mainBody .ahm_list li {
  background-color: #604287;
  padding: 0 25px 0 25px;
  text-align: center;
  margin-right: 20px;
  width: 100%;
  min-height: 181px;
  position: relative;
}
#skinTypes.violet #mainBody .ahm_list li::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 90.5px 0 90.5px 10px;
  border-color: transparent transparent transparent #604287;
  position: absolute;
  right: -10px;
}
#skinTypes.navy #mainBody .ahm_list li {
  background-color: #115c9e;
  padding: 0 25px 0 25px;
  text-align: center;
  margin-right: 20px;
  width: 100%;
  min-height: 181px;
  position: relative;
}
#skinTypes.navy #mainBody .ahm_list li::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 90.5px 0 90.5px 10px;
  border-color: transparent transparent transparent #115c9e;
  position: absolute;
  right: -10px;
}
#skinTypes.green #mainBody .ahm_list li {
  background-color: #12826c;
  padding: 0 25px 0 25px;
  text-align: center;
  margin-right: 20px;
  width: 100%;
  min-height: 181px;
  position: relative;
}
#skinTypes.green #mainBody .ahm_list li::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 90.5px 0 90.5px 10px;
  border-color: transparent transparent transparent #12826c;
  position: absolute;
  right: -10px;
}
#mainBody .ahm_list li:last-child {
  margin-right: 0 !important;
}
#mainBody .ahm_list li:last-child::after {
  content: none !important;
}

#mainBody .ahm_list li img {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  justify-content: center;
  top: 25%;
}
#mainBody .ahm_list li:nth-child(2) img,
#mainBody .ahm_list li:nth-child(4) img {
  top: 22%;
}
#mainBody .ahm_list li:nth-child(3) img {
  top: 18%;
}
#mainBody .ahm_list li p {
  color: #fff;
  font-size: 2rem;
  padding: 0 0 0;
  margin-bottom: 0px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
}
#mainBody .ahm_list02 {
  margin: 0 auto 50px;
}
#mainBody .ahm_list02 li {
  width: 32%;
}
#mainBody .ahm_list02 li a {
  text-align: left;
justify-content: inherit;
}
#mainBody .ahm_list02 li span {
  color: #115c9e;
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
  text-align: center;
}
#mainBody .ahm_list02 li span:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -15px;
  display: inline-block;
  width: 100px;
  height: 1px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ccc;
}
.ahm_txtBox {
  margin: 0 auto 50px;
}
#mainBody .textInner > .comBtnList {
  margin: 0;
}
#mainBody .ahm_col4 li {
  width: 24%;
}
#mainBody .ahm_col4 li a {
 text-decoration: none;
 justify-content: inherit;
  padding: 20px 19px;
}
#mainBody .ahm_col4 li:last-child a {
  padding: 20px 10px;
}
#mainBody .ahm_col4 li .ahm_txt {
  font-size: 1.4rem;
  color: #e50016;
  margin-bottom: 0px;
  text-align: left;
  margin-top: 10px;
}
#mainBody .ahm_col4 li .ahm_txt:before {
  content: none;
}

.style05 {
  padding-bottom: 50px;
}
.style05 p {
  margin-bottom: 20px;
}
.style05 .comLinkArea li a::after {
  display: none;
}
.style05 .comLinkArea li a .sub {
  margin: 0 auto;
  max-width: 350px;
  padding: 10px 0;
  display: block;
  background: url("/Portals/0/images/business/alliance/photo09.png") no-repeat right bottom /
    50px;
  width: 100%;
}
.style05 .headLine03 {
  background: url("/Portals/0/images/common/line02.png") repeat-x left bottom / 20px;
}
.style05 .photo {
  margin-bottom: 20px;
}
.style05 .photo img {
  width: auto;
}
.style05 .comLink {
  width: 100%;
  max-width: 350px;
}
.style05 .comLink a {
  text-align: center;
  text-decoration: none;
}

#mainBody .inner .ahm_list04 li p:nth-child(1) {
  top: 30px;
  font-size: 1.6rem;
  font-weight: bold;
  position: relative;
  display: inline-block;
  margin-bottom: 8px;
}
#mainBody .inner .ahm_list04 li p:nth-child(1):before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -9px;
  display: inline-block;
  width: 30px;
  height: 5px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
}
#mainBody .inner .ahm_list04 li p:nth-child(2) {
  bottom: 0;
  top: 50%;
}
#mainBody .inner .ahm_list04 li:nth-child(2) p:nth-child(2),
#mainBody .inner .ahm_list04 li:nth-child(3) p:nth-child(2) {
  top: 56%;
}

#mainBody .inner .ahm_img02 {
  margin: 30px 0 30px 25px;
}
#mainBody .inner p.ahm_txt02 {
  color: #115c9e;
  font-size: 2.2rem;
  text-align: center;
  margin-bottom: 27px;
}
#mainBody .inner p.ahm_txt03 {
  font-size: 3rem;
  text-align: center;
  color: #115c9e;
  line-height: 45px;
  margin: 0 auto 28px;
  font-weight: bold;
}
#mainBody .inner p.ahm_txt03 + img {
  margin: 0 auto 57px;
  display: block;
}
#mainBody .inner p.ahm_txt04 {
  color: #222;
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 0;
}
#mainBody .inner.ahm_box {
  margin: 30px auto 0;
  padding: 0 0 50px;
}

.col .grayLineBox {
  display: flex;
}
.col .grayLineBox div{
  display:block; 
  width: 100% !important;
}
.col .grayLineBox .photoBox {
  text-align: center;
}
.col .grayLineBox .textBox {
  margin: 0;
}
.inner.style02 .col .grayLineBox .photoBox  {
  width: 40% !important;
}

#mainBody .inner.res_recruit .comSmlList {
  margin-top: 20px;
}

#mainBody .inner.res_recruit .photoList {
  margin: -15px 0 20px;
  display: flex !important;
  justify-content: space-between;
  flex-wrap: wrap;
  list-style-type: none;
}
#mainBody .inner.res_recruit .photoList li {
  margin: 0 auto 15px;
  padding: 0;
  width: 310px;
}
#mainBody .inner.res_recruit .imgBox {
  margin-bottom: 20px !important;
  display: flex;
  justify-content: space-between;
  background-color: #f5f5f5;
}
#mainBody .inner.res_recruit .imgBox .photoBox {
  margin: 0 !important;
  padding: 20px;
  width: 310px;
}
#mainBody .inner.res_recruit .imgBox .textBox {
  box-sizing: border-box;
  padding: 20px 20px 20px 0;
  width: calc(100% - 310px);
}
#mainBody .inner.res_recruit .imgBox .textBox h4 {
    margin: 0 0 7px 0;
    font-size: 2rem;
    font-weight: bold;
    padding: 0;
    line-height: 1.6;
    border: none;
}
#mainBody .inner.res_recruit .imgBox .textBox .name {
  margin-bottom: 12px;
}
#mainBody .inner.res_recruit .imgBox .textBox p {
  margin-bottom: 0;
  font-size: 1.4rem;
  line-height: 1.71;
}

#mainBody .inner .p_aboutus .imgList {
  margin-top: -29px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  list-style-type: none;
  margin-left: 0;
}
#mainBody .inner .p_aboutus .imgList li {
  margin-top: 29px;
  width: 470px;
}
#mainBody .inner .p_aboutus .imgList li .title {
  margin-bottom: 0;
  padding: 9px 20px 8px;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  background-color: #12826c;
}
#mainBody .inner .p_aboutus .imgList li .pho {
  margin-bottom: 9px;
}
#mainBody .inner .p_aboutus .imgList li .ttl {
  margin: 0 -10px 3px 0;
  padding:0;
  font-size: 2rem;
  font-weight: bold;
}
#mainBody .inner .p_aboutus .imgList li .ttl a{
  color: #333;
}
#mainBody .inner .p_aboutus .imgList li p {
  margin-bottom: 0;
}

#mainBody .d_lectures .textArea {
  margin-bottom: 46px;
  padding: 23px 0 24px;
  text-align: center;
  border: 5px solid #ba2636 !important;
}
#mainBody .d_lectures .textArea .title {
  margin-bottom: 18px;
  color: #ba2636;
  font-size: 2.2rem;
  padding: 0;
}
#mainBody .d_lectures .textArea p {
  margin-bottom: 0;
  font-weight: bold;
  padding: 0;
}
#mainBody .d_lectures .txtList li {
  font-weight: bold;
}
#mainBody .d_lectures .movie {
  margin: 20px 0 50px;
  text-align: center;
}

#mainBody .ahm_list04 li a:link,
#mainBody .ahm_list04 li a:active,
#mainBody .ahm_list04 li a:visited {
  color: #fff;
}
#mainBody .d_lectures .ahm_list {
  display: flex;
  width: 100%;
  margin: 0 auto 50px;
  list-style-type: none;
}
#mainBody .d_lectures .ahm_img {
  display: block;
  margin: 0 auto 40px;
}
#mainBody .d_lectures .ahm_list li {
  background-color: #12826c;
  padding: 0 25px 0 25px;
  text-align: center;
  margin-right: 30px;
  width: 100%;
  min-height: 181px;
  position: relative;
}
#mainBody .d_lectures .ahm_list li::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 90.5px 0 90.5px 20px;
  border-color: transparent transparent transparent #12826c;
  position: absolute;
  right: -20px;
}
#mainBody .d_lectures .ahm_list li:last-child {
  margin-right: 0;
}
#mainBody .d_lectures .ahm_list li:last-child::after {
  content: none;
}
#mainBody .d_lectures .ahm_list li img {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  justify-content: center;
  top: 25%;
}
#mainBody .d_lectures .ahm_list li:nth-child(2) img,
#mainBody .d_lectures .ahm_list li:nth-child(4) img {
  top: 22%;
}
#mainBody .d_lectures .ahm_list li:nth-child(3) img {
  top: 18%;
}
#mainBody .d_lectures .ahm_list li p {
  color: #fff;
  font-size: 1.6rem;
  padding: 0 0 0;
  margin-bottom: 0px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
}
#mainBody .d_lectures .ahm_list04 li p:last-of-type {
  top: 50% !important;
}
#mainBody .tagList {
  display: flex;
  justify-content: space-between;
  padding: 0;
  list-style-type: none;
  margin-left: 0;
}
#mainBody .tagList li {
  width: 315px;
  padding: 0;
}
#mainBody .tagList li a {
  padding: 15px 0 10px;
  display: block;
  color: #474747;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  background-color: #f5f5f5;
}
#mainBody .tagList li.on a {
  color: #fff;
  background-color: #12826c;
  border-color: #12826c;
}
#mainBody .tabBox {
  margin-bottom: 50px;
  padding: 28px 18px;
  border: 2px solid #12826c;
}
#mainBody .tabBox h2 {
  margin: 0 0 20px;
}
#mainBody .tabBox p {
  margin-bottom: 28px;
}
#mainBody .tabBox .title {
  margin-bottom: 13px;
  font-size: 2rem;
  font-weight: bold;
}
#mainBody .tabBox .txtUl:not(:last-of-type) {
  margin-bottom: 28px;
  margin-left: 0;
  list-style-type: none;
}
#mainBody .tabBox .txtUl:last-of-type {
  margin-left: 0;
  list-style-type: none;
}
#mainBody .tabBox .txtUl li {
  padding-left: 43px;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.625;
}
#mainBody .tabBox .txtUl li a {
  color: #ba2636;
  text-decoration: underline;
}
#mainBody .tabBox .txtUl li:not(:last-of-type) {
  margin-bottom: 8px;
}
#mainBody .tabBox .txtUl li::after {
  width: 13px;
  height: 13px;
  position: absolute;
  top: 7px;
  left: 20px;
  background-color: #333;
  border-radius: 50%;
  content: "";
}
#mainBody .tabBox .txtUl .subList li::after {
  top: 10px;
  left: -5px;
}
#mainBody .tabBox .subList {
  margin-top: 8px;
  margin-left: 0;
  list-style-type: none;
}
#mainBody .tabBox .subList li {
  border: none;
  padding-left: 20px;
}
#mainBody .tabBox .subList li::after
#mainBody .tabBox .subList li::after {
  top: 10px;
  left: -3px;
}

#mainBody .inner.event .photoList li {
  margin: 30px auto 0;
  max-width: 310px !important;
  padding: 0 !important;
  width: 100% !important;
}
#mainBody .inner.event .imgBox {
  margin-bottom: 20px !important;
}
#mainBody .inner.event .imgBox .photo {
  width: 260px;
}
#mainBody .inner.event .imgBox p {
  padding-left: 20px;
  width: calc(100% - 260px);
  box-sizing: border-box;
}

.inner.style02 .pictrure {
  margin: 0 auto 20px;
  text-align: center;
}

.inner.style02 .pictrure > img {
  margin: auto;
}
.ads_01 p:first-child{
 font-size: 2.2rem;
 font-weight: bold;
}
#ads_02 .imgList.repository li .textBox .title a{
 color: #333;
}
.inner.spcontents .comLinkList {
    margin: 0 auto;
}

.inner.spcontents .comLinkList li {
    margin-bottom: 50px;
    margin-top: 0;
}

#mainBody .inner.pub_recruit .imgList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: 0;
  list-style-type: none;
}
#mainBody .inner.pub_recruit .imgList li {
  width: 230px;
}
#mainBody .inner.pub_recruit .imgList01 {
  margin-bottom: 46px;
}
#mainBody .inner.pub_recruit .title {
  margin: 27px auto 29px;
  color: #12826C;
  font-size: 4rem;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-align: center;
}
#mainBody .inner.pub_recruit .title span {
  margin-top: 7px;
  display: block;
  color: #666;
  font-size: 1.4rem;
  font-weight: normal;
  letter-spacing: 0.05em;
}
#mainBody .inner.pub_recruit .imgUl {
  display: flex;
  justify-content: space-between;
  margin-left: 0;
  list-style-type: none;
}
#mainBody .inner.pub_recruit .imgUl li {
  padding-bottom: 31px;
  width: 48.96%;
  background-color: #f5f5f5;
}
#mainBody .inner.pub_recruit .imgUl li .pho {
  margin-bottom: 19px;
}
#mainBody .inner.pub_recruit .imgUl li .ttl {
  margin-bottom: 7px;
  color: #117964;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
#mainBody .inner.pub_recruit .imgUl li p {
font-size:1.6rem;
  margin: 0 20px 20px;
}
#mainBody .inner.pub_recruit .imgUl li .comLink a {
  flex-direction: column;
}
#mainBody .inner.pub_recruit .imgUl li .comLink .sml {
  display: block;
  font-size: 1.5rem;
}
.inner.ads_03 .pdfLink a:link,
.inner.ads_03 .pdfLink a:active,
.inner.ads_03 .pdfLink a:link:hover,
.inner.ads_03 .pdfLink a:visited {
  color: #ba2636;
  text-decoration: underline;
}
.ads_04{
 color: #ba2636!important;
 text-decoration: underline!important;
}
.ads_05{
 margin: 0 auto 50px;
}
.ads_07 .color_text {
     color: #115C9E;
    text-align: center;
    font-size: 2.2rem;
    font-weight: bold;
}
.ads08{
 margin: 0 0 30px!important;
}
#mainBody .ads_11 .comLinkArea li:last-of-type a:hover{
 color: #fff;
}
.ads_12 .comLinkArea li:last-child a{
 background-image: url(/Portals/0/images/common/icon55.png)!important;
 background-position: right 88px top 53px!important;
 background-size: 20px!important;
 background-repeat: no-repeat!important;
}
.ads_12 .comLinkArea li:last-child a:hover{
 background-image: url(/Portals/0/images/common/icon56.png)!important;
}
div.directorContent table tr td:first-child {
  width: 100px;
}
ul.notice {
  font-size: 1.3rem;
}
.ads_11 .comLinkArea li:last-child a .sub{
 margin: 0 0 0 10px;
 background-position: right 10px center;
 width: 100%;
}
#gHeader .menuBox .subBox .naviList .link .en{
 padding: 15px 0 5px;
 display: block;
}
#gHeader .menuBox .subBox .naviList .link .en span{
 background-position: left bottom 6px;
}
#gHeader .menuBox .subBox .naviList .link .en span img{
 width: 45%;
}
.charter div.txt_center {
  text-align: center;
}
.ui-tabs-nav li.ui-state-active a {
  background: #474747;
  color: #fff !important;
}

#mainBody .inner.howto.ads_11 .comLinkArea li a .sub {
  margin: 0 auto;
  max-width: 350px;
  padding: 10px 0;
  display: block;
  background: url("/Portals/0/images/howto02/photo01.png") no-repeat right bottom / 50px;
}
#mainBody .inner.howto .comTextArea {
  margin-top: 30px;
  width: 100%;
}
#mainBody .inner.howto .photo.photo01 {
  margin-bottom: 20px;
}
#mainBody .inner.howto .photo.photo01 img {
  width: 100%;
}
#mainBody .inner .linkList {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  margin-left: 0;
  list-style-type: none;
}
#mainBody .inner .linkList li {
  max-width: 229px;
  border: 1px solid #ccc;
  width: 100%;
  height: 200px;
  padding: 0;
}
#mainBody .inner .linkList li span{
display: block;
}
#mainBody .inner .linkList li a {
  color: #333 !important;
  padding: 25px 18px 21px;
  display: block;
  position: relative;
  border-right: 24px solid #f2f2f2;
    text-decoration: none;
  height: 200px;
  box-sizing: border-box;
}
#skinTypes.violet #mainBody .inner .linkList li a .title {
  margin-bottom: 19px;
  padding-bottom: 13px;
  position: relative;
  color: #604287;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
#skinTypes.violet #mainBody .inner .linkList li:hover {
  border-color: #604287;
}
#skinTypes.violet #mainBody .inner p.ahm_txt02 {
  color: #604287;
  font-size: 2.2rem;
  text-align: center;
  margin-bottom: 27px;
}
#skinTypes.navy #mainBody .inner .linkList li a .title {
  margin-bottom: 19px;
  padding-bottom: 13px;
  position: relative;
  color: #115c9e;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
#skinTypes.navy #mainBody .inner .linkList li:hover {
  border-color: #115c9e;
}
#skinTypes.green #mainBody .inner .linkList li a .title {
  margin-bottom: 19px;
  padding-bottom: 13px;
  position: relative;
  color: #12826c;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
#skinTypes.green #mainBody .inner .linkList li:hover {
  border-color: #12826c;
}
#mainBody .inner .linkList li a .title::after {
  width: 100px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: calc(50% - 50px);
  background-color: #cccccc;
  content: "";
}
#mainBody .inner .linkList li a p {
  margin-bottom: 2px;
}
#mainBody .inner .linkList li a .txt {
  margin-bottom: 0;
  color: #e50016;
  font-size: 1.4rem;
}
#mainBody .inner .linkList li a::after {
  width: 14px;
  height: 100%;
  right: -15px;
  top: 0;
  position: absolute;
  content: "";
  background: url(/Portals/0/images/common/icon44.png) no-repeat right center / 7px auto;
}
#mainBody .inner .linkList li a:hover::after {
  background: url(/Portals/0/images/common/icon46.png) no-repeat right center / 7px auto;
}
.accordion.accordion2Columns div.title.min {
  margin: 0 0 0 auto;
  width: calc(100% - 218px);
}
.infoCMSactions ul li a {
  text-decoration: none !important;
}

.textArea .imgUl li .textBox p a:link,
.textArea .imgUl li .textBox p a:active,
.textArea .imgUl li .textBox p a:visited{
  color: #333 !important;
  text-decoration: none;
}

.textArea .imgUl li .textBox .ttl {
  font-size: 1.3rem !important;
  font-weight: bold;
}

.textArea .imgUl li .textBox .txt{
  color: #888888;
  font-size: 1.2rem !important;
  text-overflow: ellipsis;
  word-break: keep-all;
  overflow: hidden;
  white-space: nowrap;
}