@charset "utf-8";

html,
body {
  width: 100%;
}

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

* html body {
  background: url(null) fixed;
}

/* PKI/OneLogin Global Header */
#hd_global {
  height: 50px;
  width: 100%;
  background-color: #332288;
  /* #443184 */
  display: inline-block;
}

#hd_global .menu-list {
  text-align: center;
  font-size: 21px;
  margin: 0;
  padding-top: 10px;
}

#hd_global .menu-list a {
  color: white;
  font-style: normal;
  text-decoration: none;
  margin: 0px 20px 0px 20px;
  padding: 10px 20px 14px 20px;
}

/*
#hd_global .menu-list a:visited{
color:#000000;
text-decoration:none;
}
*/
#hd_global .menu-list a:hover {
  color: #00acca;
  font-style: normal;
  text-decoration: underline;
}

#hd_global .menu-list-pki {
  text-align: center;
  font-size: 21px;
  margin: 0;
  padding-top: 10px;
}

#hd_global .menu-list-pki a {
  color: white;
  font-style: normal;
  text-decoration: none;
  margin: 0px 20px 0px 20px;
  padding: 10px 20px 14px 20px;
}

/*
#hd_global .menu-list-pki a:visited{
color:#000000;
text-decoration:none;
}
*/
#hd_global .menu-list-pki a:hover {
  color: #00acca;
  font-style: normal;
  text-decoration: underline;
}

.pki-top {
  height: 7px;
}

.hd_onelogin {
  background-color: white;
  color: #1c1f2a !important;
  padding: 10px 20px 14px 20px;
}

.hd_sumologic {
  background-color: white;
  color: #1c1f2a !important;
  padding: 10px 20px 14px 20px;
}

.hd_pki {
  background-color: white;
  color: #332288 !important;
  padding: 10px 20px 14px 20px;
}

/*
#hd_global .menu-list ul{
padding: 0;
margin: 0;
}

#hd_global .menu-list li{
list-style-type:none;
padding-right: 20px;
float: left;
}

#hd_global .menu-list li a{
display: inline-block;
padding: 0px 0;
}
*/
/* /PKI/OneLogin Global Header */
#hd_fix {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

* html #hd_fix {
  position: absolute;
  top: expression(eval(document.documentElement.scrollTop + 0));
  z-index: 100;
}

img {
  border: none;
  margin: 0;
}

div {
  display: block;
  float: none;
  padding: 0;
  margin: 0;
}

a {
  color: #00759f;
  font-style: normal;
  text-decoration: underline;
}

/*a:visited {
  color: #00759f;
  text-decoration: underline;
}*/

a:hover {
  color: #00acca;
  font-style: normal;
  text-decoration: underline;
}

.clear {
  clear: both;
}

.youtube_button {
  position: relative;
  top: -180px;
  left: 270px;
  z-index: 80;
}

#pagetop {
  margin: 0;
  padding: 0;
}

#hd {
  width: 100%;
  height: 109px;
  /* 110px 下の青がはみ出すため1px削減 */
  background-image: url(../images/hd_bg.webp);
}

#hd_2 {
  width: 100%;
  height: 119px;
  /* 120px 下の青がはみ出すため1px削減 */
  background-image: url(../images/hd_bg_2.webp);
}

#hd .logo,
#hd_2 .logo {
  float: left;
  margin: 28px 0 0 30px;
  padding: 0;
}

#hd .menu,
#hd_2 .menu {
  float: right;
  font-size: 21px;
  margin: 30px 30px 0 0;
}

#hd a,
#hd_2 a {
  color: #000000;
  font-style: normal;
  text-decoration: none;
}

#hd a:visited,
#hd_2 a:visited {
  color: #000000;
  text-decoration: none;
}

#hd a:hover,
#hd_2 a:hover {
  color: #00acca;
  font-style: normal;
  text-decoration: underline;
}

#hd .menu ul,
#hd_2 .menu ul {
  padding: 0;
  margin: 0;
}

#hd .menu li,
#hd_2 .menu li {
  list-style-type: none;
  padding-right: 20px;
  float: left;
}

#hd .menu li a,
#hd_2 .menu li a {
  display: inline-block;
  padding: 10px 0;
}

#hd .menu li.trial a,
#hd_2 .menu li.trial a {
  background: #f1863f;
  border-radius: 5px;
  color: #fff;
  padding: 10px 25px;
}

#hd .menu li.trial a:hover,
#hd_2 .menu li.trial a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  opacity: 0.75;
  text-decoration: none;
}

#submenu {
  width: 100%;
  height: 40px;
  background-image: url(../images/bg_sub_menu.webp);
}

#submenu .menu {
  text-align: center;
  font-size: 16px;
  padding: 3px 0 0 0;
}

#submenu .menu ul {
  margin: 0;
  padding: 0;
}

#submenu .menu li {
  display: inline-block;
  *display: inline;
  padding: 0 20px;
}

#submenu a {
  color: #000000;
  font-style: normal;
  text-decoration: none;
}

#submenu a:visited {
  color: #000000;
  text-decoration: none;
}

#submenu a:hover {
  color: #00acca;
  font-style: normal;
  text-decoration: underline;
}

/* ssi of onelogin */
#camp_link {
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 1;
}

#camp_link a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 260px;
  /* 35px */
  height: 160px;
  /* 35px */
  background-color: #f1863f;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  line-height: normal;
}

#camp_link a:hover {
  text-decoration: none;
  opacity: 0.7;
}

#close-btn {
  padding: 0;
  width: 25px;
  height: 25px;
  margin: 0;
  border: 0;
  border-radius: 0;
  color: white;
  float: right;
}

#ft_menu {
  width: 100%;
  clear: both;
  /*background-color: #00b5cb;20180105_takahashi*/
  background-color: #00a9e0;
  margin: 0;
  padding: 25px 0;
}

#ft_menu .base {
  width: 1080px;
  /* 1200px */
  margin: 0 auto;
  padding: 0;
}

#ft_menu_pki .sec_top {
  padding-top: 34px;
}

#ft_menu .ft_nav {
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0 5px;
  width: 230px;
}

#ft_menu .ft_nav_left {
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100px;
}

#ft_menu .ft_nav_right {
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 380px;
}

#ft_menu .ft_nav li a {
  display: inline-block;
  padding: 5px 10px;
}

.ft_nav li.trial.align a {
  width: 210px;
}

#ft_menu .ft_nav li.trial {
  padding: 2px 0;
}

#ft_menu .ft_nav li.trial a {
  background: #f1863f;
  border-radius: 5px;
  color: #fff;
}

#ft_menu .ft_nav li.trial a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  opacity: 0.75;
  text-decoration: none;
}

#ft_menu .ft_nav_right li a {
  display: inline-block;
  padding: 5px 10px;
}

#ft_menu .ft_nav_right li.trial a {
  background: #f1863f;
  border-radius: 5px;
  color: #fff;
  /*width: 80px;*/
}

#ft_menu .ft_nav_right li.trial a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  opacity: 0.75;
  text-decoration: none;
}

#ft_menu a {
  color: #ffffff;
  font-style: normal;
  text-decoration: none;
}

#ft_menu a:visited {
  color: #ffffff;
  text-decoration: none;
}

#ft_menu a:hover {
  color: #ffffff;
  font-style: normal;
  text-decoration: underline;
}

/* /ssi of onelogin */
/* ssi of sumologic */
#ft_menu_sm {
  width: 100%;
  clear: both;
  background-color: #000099;
  margin: 0;
  padding: 25px 0;
}

#ft_menu_sm .base {
  width: 1080px;
  /* 1200px */
  margin: 0 auto;
  padding: 0;
}

#ft_menu_sm .ft_nav {
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0 5px;
  width: 230px;
}

#ft_menu_sm .ft_nav_left {
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100px;
}

#ft_menu_sm .ft_nav_right {
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 380px;
}

#ft_menu_sm .ft_nav li a {
  display: inline-block;
  padding: 5px 10px;
}

#ft_menu_sm .ft_nav li.trial a {
  background: #f1863f;
  border-radius: 5px;
  color: #fff;
  /*width: 80px;*/
}

#ft_menu_sm .ft_nav li.trial a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  opacity: 0.75;
  text-decoration: none;
}

#ft_menu_sm .ft_nav_right li a {
  display: inline-block;
  padding: 5px 10px;
}

#ft_menu_sm .ft_nav_right li.trial a {
  background: #f1863f;
  border-radius: 5px;
  color: #fff;
  /*width: 80px;*/
}

#ft_menu_sm .ft_nav_right li.trial a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  opacity: 0.75;
  text-decoration: none;
}

#ft_menu_sm a {
  color: #ffffff;
  font-style: normal;
  text-decoration: none;
}

#ft_menu_sm a:visited {
  color: #ffffff;
  text-decoration: none;
}

#ft_menu_sm a:hover {
  color: #ffffff;
  font-style: normal;
  text-decoration: underline;
}

#ft_menu_sm a.tooltips {
  position: relative;
  display: inline;
}

#ft_menu_sm a.tooltips span {
  position: absolute;
  width: 170px;
  color: #ffffff;
  background: #000000;
  height: auto;
  line-height: 32px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
  padding: 4px;
}

#ft_menu_sm a.tooltips span:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

#ft_menu_sm a:hover.tooltips span {
  visibility: visible;
  opacity: 0.9;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

/* /ssi of sumologic */
/* ssi of pki */
#ft_menu_pki {
  width: 100%;
  clear: both;
  background-color: #330066;
  margin: 0;
  padding: 25px 0;
}

#ft_menu_pki .base {
  width: 1080px;
  /* 1200px */
  margin: 0 auto;
  padding: 0;
}

#ft_menu_pki .ft_nav {
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0 5px;
  width: 230px;
}

#ft_menu_pki .ft_nav_left {
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100px;
}

#ft_menu_pki .ft_nav_right {
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 260px;
}

#ft_menu_pki .ft_nav li a {
  display: inline-block;
  padding: 5px 10px;
}

#ft_menu_pki .ft_nav li.trial a {
  background: #f1863f;
  border-radius: 5px;
  color: #fff;
  /*width: 80px;*/
}

#ft_menu_pki .ft_nav li.trial a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  opacity: 0.75;
  text-decoration: none;
}

#ft_menu_pki .ft_nav_right li a {
  display: inline-block;
  padding: 5px 10px;
}

#ft_menu_pki .ft_nav_right li.trial a {
  background: #f1863f;
  border-radius: 5px;
  color: #fff;
  /*width: 80px;*/
}

#ft_menu_pki .ft_nav_right li.trial a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  opacity: 0.75;
  text-decoration: none;
}

#ft_menu_pki a {
  color: #ffffff;
  font-style: normal;
  text-decoration: none;
}

#ft_menu_pki a:visited {
  color: #ffffff;
  text-decoration: none;
}

#ft_menu_pki a:hover {
  color: #ffffff;
  font-style: normal;
  text-decoration: underline;
}

/* /ssi of pki */
/* ssi of yubikey */
#ft_menu_yubikey {
  width: 100%;
  clear: both;
  background-color: #9aca3c;
  margin: 0;
  padding: 25px 0;
}

#ft_menu_yubikey .base {
  width: 1080px;
  /* 1200px */
  margin: 0 auto;
  padding: 0;
}

#ft_menu_yubikey .ft_nav {
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0 5px;
  width: 230px;
}

#ft_menu_yubikey .ft_nav_left {
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100px;
}

#ft_menu_yubikey .ft_nav_right {
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 380px;
}

#ft_menu_yubikey .ft_nav li a {
  display: inline-block;
  padding: 5px 10px;
}

#ft_menu_yubikey .ft_nav li.trial a {
  background: #f1863f;
  border-radius: 5px;
  color: #fff;
  /*width: 80px;*/
}

#ft_menu_yubikey .ft_nav li.trial a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  opacity: 0.75;
  text-decoration: none;
}

#ft_menu_yubikey .ft_nav_right li a {
  display: inline-block;
  padding: 5px 10px;
}

#ft_menu_yubikey .ft_nav_right li.trial a {
  background: #f1863f;
  border-radius: 5px;
  color: #fff;
  /*width: 80px;*/
}

#ft_menu_yubikey .ft_nav_right li.trial a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  opacity: 0.75;
  text-decoration: none;
}

#ft_menu_yubikey a {
  color: #ffffff;
  font-style: normal;
  text-decoration: none;
}

#ft_menu_yubikey a:visited {
  color: #ffffff;
  text-decoration: none;
}

#ft_menu_yubikey a:hover {
  color: #ffffff;
  font-style: normal;
  text-decoration: underline;
}

#ft_menu_yubikey a.tooltips {
  position: relative;
  display: inline;
}

#ft_menu_yubikey a.tooltips span {
  position: absolute;
  width: 170px;
  color: #ffffff;
  background: #000000;
  height: auto;
  line-height: 32px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
  padding: 4px;
}

#ft_menu_yubikey a.tooltips span:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

#ft_menu_yubikey a:hover.tooltips span {
  visibility: visible;
  opacity: 0.9;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

/* /ssi of yubikey */
/* ssi of aboutus */
#ft_menu_aboutus {
  width: 100%;
  clear: both;
  background-color: #e3e3ea;
  margin: 0;
  padding: 25px 0;
}

#ft_menu_aboutus .base {
  width: 1080px;
  /* 1200px */
  margin: 0 auto;
  padding: 0;
}

#ft_menu_aboutus .ft_nav {
  font-size: 16px;
  font-weight: normal;
  color: #68687b;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0 5px;
  width: 230px;
}

#ft_menu_aboutus .ft_nav_left {
  font-size: 16px;
  font-weight: normal;
  color: #68687b;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100px;
}

#ft_menu_aboutus .ft_nav_right {
  font-size: 16px;
  font-weight: normal;
  color: #68687b;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 380px;
}

#ft_menu_aboutus .ft_nav li a {
  display: inline-block;
  padding: 5px 10px;
}

#ft_menu_aboutus .ft_nav li.trial a {
  background: #f1863f;
  border-radius: 5px;
  color: #fff;
  /*width: 80px;*/
}

#ft_menu_aboutus .ft_nav li.trial a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  opacity: 0.75;
  text-decoration: none;
}

#ft_menu_aboutus .ft_nav_right li a {
  display: inline-block;
  padding: 5px 10px;
}

#ft_menu_aboutus .ft_nav_right li.trial a {
  background: #f1863f;
  border-radius: 5px;
  color: #fff;
  /*width: 80px;*/
}

#ft_menu_aboutus .ft_nav_right li.trial a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  opacity: 0.75;
  text-decoration: none;
}

#ft_menu_aboutus a {
  color: #68687b;
  font-style: normal;
  text-decoration: none;
}

#ft_menu_aboutus a:visited {
  color: #68687b;
  text-decoration: none;
}

#ft_menu_aboutus a:hover {
  color: #68687b;
  font-style: normal;
  text-decoration: underline;
}

#ft_menu_aboutus a.tooltips {
  position: relative;
  display: inline;
}

#ft_menu_aboutus a.tooltips span {
  position: absolute;
  width: 170px;
  color: #68687b;
  background: #000000;
  height: auto;
  line-height: 32px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
  padding: 4px;
}

#ft_menu_aboutus a.tooltips span:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

#ft_menu_aboutus a:hover.tooltips span {
  visibility: visible;
  opacity: 0.9;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

/* /ssi of aboutus */

#ft {
  width: 100%;
  clear: both;
  margin: 0;
  padding: 30px 0;
}

#ft .base {
  width: 1200px;
  margin: 0 auto;
  padding: 0;
}

#ft .ft_nav2 {
  float: left;
  font-size: 16px;
  color: #000;
}

#ft .ft_nav2 ul {
  margin: 20px 0 0 0;
  padding: 0;
  list-style-type: none;
}

#ft .ft_nav2 li {
  float: left;
  padding: 0 20px 0 0;
}

#ft a {
  color: #000000;
  font-style: normal;
  text-decoration: none;
}

#ft a:visited {
  color: #000000;
  text-decoration: none;
}

#ft a:hover {
  color: #000000;
  font-style: normal;
  text-decoration: underline;
}

#ft .copyright {
  float: right;
  margin: 0;
  padding: 0;
}

#contents {
  padding-bottom: 50px;
}

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

#paragraph_glay {
  width: 100%;
  background-color: #f6f6f6;
  clear: both;
}

#contents h2 {
  font-size: 50px;
  line-height: 120%;
  text-align: center;
  padding: 80px 0;
  margin: 0;
}

#contents .hr {
  background-image: url(../images/bg_block_white.webp);
  background-position: center 0;
  background-repeat: no-repeat;
  height: 1px;
  width: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  clear: both;
}

#contents .base {
  width: 1200px;
  margin: 0 auto;
  padding: 0;
}

#contents .base .text {
  padding: 80px 0;
  width: 580px;
  float: left;
}

#contents .base .text_wide {
  padding: 80px 0;
  float: left;
}

#contents .base h3 {
  text-align: left;
  font-size: 32px;
  line-height: 120%;
  margin: 0;
  padding: 0 0 20px 0;
}

#contents .base .text p {
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 30px;
}

#contents .base .text ul {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 18px;
}

#contents .base .text_wide ul {
  margin: 10px 0 0 100px;
  padding: 0;
  font-size: 21px;
}

#contents .base .text_wide li,
#contents .base .text li {
  margin: 0 0 0 18px;
  padding: 0;
  list-style-image: url(../images/pt_li.webp);
  list-style-position: -5 5;
}

#contents .base .text dl {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 18px;
}

#contents .base .text dt {
  margin: 0 0 0 18px;
  padding: 0;
  display: list-item;
  font-weight: bold;
  list-style-image: url(../images/pt_li.webp);
  list-style-position: -5 5;
}

#contents .base .text dd {
  margin: 0 0 0 18px;
  padding: 0;
  list-style: none;
}

#contents .base .img {
  padding: 50px 0;
  width: 580px;
  float: right;
}

#contents .base .img_appstore {
  padding: 10px 0;
  width: 390px;
  float: right;
}

#contents .function_base {
  width: 1200px;
  margin: 0 auto;
  padding: 0;
}

#contents .function_base h3 {
  text-align: left;
  font-size: 32px;
  line-height: 120%;
  margin: 0;
  padding: 50px 0 20px 0;
}

#contents .function_base table {
  width: 100%;
  border-collapse: collapse;
  font-size: 18px;
  margin: 0 0 80px 0;
}

#contents .function_base th {
  font-weight: normal;
  padding: 15px 30px;
  text-align: left;
  color: #333;
  background-color: #f6f6f6;
  border: 1px solid #aaa;
}

#contents .function_base td {
  padding: 15px 30px;
  background-color: #fff;
  border: 1px solid #aaa;
}

#contents .function_base sub {
  font-family: "MS ゴシック", "MS PGothic", sans-serif;
  position: relative;
  top: -3px;
}

/*ボタン*/
#contents ul.btn {
  padding: 10px 0;
  margin: 0;
}

#contents .btn li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  font-size: 21px;
  text-align: center;
}

#contents .btn li a {
  display: inline-block;
  text-decoration: none;
}

#contents .btn li.trial a {
  background: #f1863f;
  border-radius: 5px;
  color: #fff;
  padding: 10px 25px;
  width: 250px;
  text-align: center;
}

#contents .btn li.basic a {
  background: #00b5cb;
  border-radius: 5px;
  color: #fff;
  padding: 10px 25px;
  width: 250px;
  text-align: center;
}

#contents .btn li.btn_free a {
  background: #525960;
  border-radius: 5px;
  color: #fff;
  padding: 10px 25px;
  width: 300px;
  text-align: center;
}

#contents .btn li.btn_etc a {
  background: #f1863f;
  border-radius: 5px;
  color: #fff;
  padding: 10px 25px;
  width: 300px;
  text-align: center;
}

#contents .btn li.basic a:hover,
#contents .btn li.trial a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  opacity: 0.75;
  text-decoration: none;
}

/********      福島追加 : 規格化案       *********/
/* オリジナルのレイアウトを含むページはbodyのidで振り分ける */
/* ヘッダー > タイトル */
/*現在 ○○_main となっている箇所を全ページ共通*/
#pagetitle {
  margin: 0;
  background-image: url(/onelogin/common/images/main_img.webp);
  background-position: center 0;
  background-repeat: repeat-x;
  background-color: #eee;
  width: 100%;
  height: 160px;
  padding: 0;
}

#pagetitle .base {
  width: 1200px;
  height: 160px;
  margin: 0 auto;
  padding: 0;
}

#pagetitle .copy {
  padding: 30px 0 0 0;
  /* top 30px */
}

#pagetitle h1 {
  font-size: 72px;
  padding: 0;
  margin: 0;
}

#pagetitle h1 small {
  font-size: 24px;
}

/* 本文 */
/* 現在 div#paragraph となっているが div.section に置き換える */
#contents div.section {
  padding: 20px 0;
}

#contents div.section > p {
  padding: 10px 0;
  width: 1200px;
  margin: 80px auto;
  font-size: 18px;
  line-height: 30px;
}

#contents div.section p.small {
  margin: 0;
  padding: 0 140px 20px 140px;
  font-size: 14px;
  line-height: 22px;
}

#contents div.section p.recruit-high {
  margin: 0;
  padding: 0 140px 20px 140px;
  font-size: 110%;
  line-height: 40px;
}

#contents div.section ol.recruit-high {
  margin: 0;
  padding: 0 140px 20px 180px;
  font-size: 110%;
  line-height: 40px;
}

#entry_link {
  text-align: center;
  margin: 30px;
  background-color: #332288;
  /* #F1863F */
  color: white;
  font-size: 120%;
}

#contents div.section h2 {
  margin: 10px;
  padding: 10px;
  text-align: left;
  font-size: 24px;
}

.gray {
  background-color: #f6f6f6;
}

/* こまごまとした要素 */
hr {
  background-image: url(../images/bg_block_white.webp);
  background-position: center 0;
  background-repeat: no-repeat;
  height: 1px;
  width: 100%;
  border: 0;
  margin: 0;
  padding: 0;
}

#contents a.button {
  display: block;
  width: 300px;
  padding: 8px 45px;
  margin: 10px auto;
  background-color: #eee;
  border-radius: 4px;
  border: 1px solid #ccc;
  text-align: center;
}

#contents a.button:hover {
  background-color: #e8e8e8;
}

#contents a.button-dl {
  display: block;
  font-size: 18px;
  width: 340px;
  padding: 8px 45px;
  margin: 10px auto;
  background-color: #eee;
  border-radius: 4px;
  border: 1px solid #ccc;
  text-align: center;
}

#contents a.button-dl:hover {
  background-color: #e8e8e8;
}

/* table要素 */
table {
  width: 850px;
  margin: 40px auto;
}

table tr {
  margin: 0;
  padding: 0;
}

table th {
  font-weight: bold;
  padding: 6px 12px;
}

table td {
  background-color: #fff;
  padding: 6px 12px;
}

table.gray th {
  background-color: #eee;
}

/*aaのtable要素 */
.aa {
  padding: 0 !important;
  width: 80% !important;
}

/* alert on form start */
.form-alt {
  text-align: left;
  margin: 20px;
}

.form-alt span {
  font-weight: bold;
  text-decoration: underline;
  margin: 0.3em;
}

/* alert on form end */
/* form 周り  */
#form-container {
  width: 1200px;
  margin: 10px auto;
  font-size: 18px;
}

form {
  border: none;
  margin: 30px 250px;
  padding: 20px 0;
}

fieldset {
  margin: 0 10px;
  padding: 15px;
  border: none;
}

label {
  display: block;
  float: left;
  width: 160px;
  padding: 16px 30px;
}

input {
  font-size: 25px;
  padding: 16px;
  width: 383px;
  margin: 0;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #888;
}

.input-container input {
  width: 171px;
  margin: 0 1px 0 0;
}

input.signup {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px 25px;
  width: 346px;
  text-align: center;
  font-weight: bold;
}

.free {
  background-color: #00b5cb !important;
  color: #fff !important;
}

.starter {
  background-color: #214a7b !important;
  color: #fff !important;
}

.go_trial {
  background-color: #f1863f !important;
  color: #fff !important;
}

.go_trial_questetra {
  background-color: #009900 !important;
  color: #fff !important;
}

.go_trial_office365 {
  background-color: #00a9e0 !important;
  color: #fff !important;
}

.demo {
  background-color: #ddd !important;
  color: #000 !important;
}

.enterprise {
  background: #f1863f !important;
  color: #fff;
}

.unlim {
  background: #006e95 !important;
  color: #fff;
}

select {
  font-size: 25px;
  padding: 15px 12px;
  width: 417px;
  margin: 0;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #888;
}

textarea {
  font-size: 25px;
  padding: 16px;
  width: 383px;
  margin: 0;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #888;
}

#checkbox_terms {
  border: 1px solid #f1863f;
}

fieldset.checkbox {
  font-size: 14px;
  margin: 10px 39px;
}

fieldset.checkbox .cell.head {
  width: 480px;
  padding: 0;
}

fieldset.checkbox .cell.head label {
  width: 100%;
  padding: 0;
}

fieldset.checkbox .cell.body {
  width: 100px;
  padding: 0;
}

fieldset.checkbox .cell.body input {
  width: 100%;
  padding: 0;
}

.req {
  color: #f1863f;
}

.or {
  background-color: #ffddc7;
  border: 1px solid #ccc;
}

.cell {
  display: table-cell;
  vertical-align: middle;
}

#client-alert {
  border: 1px solid #f1863f;
}