@charset "UTF-8";

/*INDEX
------------------*/

#index .index_ttl_01 {
  margin-bottom: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
  width: 100%;
  height: 40px;
}
#index .ttl_solution {
  background: url(../images/index/title/solution.png) no-repeat center;
}
#index .ttl_topics {
  background: url(../images/index/title/topics.png) no-repeat center;
}
#index .ttl_product {
  background: url(../images/index/title/product.png) no-repeat center;
}
#index .ttl_introduction {
  background: url(../images/index/title/introduction.png) no-repeat center;
}
#index .ttl_contact {
  background: url(../images/index/title/contact.png) no-repeat center;
}

#index #topicks .index_ttl_01 span {
  background: #f5f5f5;
}
#index #solution .inner {
  width: 1000px;
  margin: auto;
}
.index_ttl_02 {
  font-size: 12px;
  color: #333;
  text-align: center;
}
#index #solution {
  margin: 60px auto;
}
#index #solution .erement {
  background: #eadfd9;
  margin: 60px auto 0;
  border-bottom: 1px solid #ececec;
}
#index #solution .erement .inner_ttl {
  width: 100%;
  background: #927f79;
}
#index #solution .erement div ul {
  width: 1000px;
  margin: auto;
}
#index #solution .erement div ul li {
  width: 25%;
  float: left;
  text-align: center;
  font-size: 18px;
  color: #fff;
  line-height: 40px;
}
#index #solution .erement .inner_ttl ul li {
  border-right: 1px solid #82746f;
}
#index #solution .erement .inner_item ul li {
  border-right: 1px solid #ded2cb;
}
#index #solution .erement div ul li:last-child {
  border-right: none;
}
#index #solution .erement .inner_ttl {
  height: 40px;
}
#index #solution .erement .inner_item ul li {
  padding: 35px 0 30px;
}
#index #solution .erement .inner_item ul li a {
  display: block;
  width: 212px;
  height: 40px;
  margin: 40px auto 0;
}
/*TOPICKS
-------------------------------------*/
#index #topicks {
  background: #f5f5f5 url(../images/common/topicks_bg.png);
  padding: 60px 0 40px;
}
#index #topicks .inner {
  width: 1000px;
  margin: auto;
  position: relative;
}
#index #topicks .inner .topicks_list {
  margin: 40px auto 0;
}
#index #topicks .topicks_list li dl dt {
  width: 12%;
  padding: 5px 0;
  float: left;
  color: #fff;
  text-align: center;
  font-size: 12px;
  border-radius: 2px;
}
#index #topicks .topicks_list li dl dt.topick {
  background: #927f79;
}
#index #topicks .topicks_list li dl dt.event {
  background: #d98f26;
}
#index #topicks .topicks_list li dl dt.important {
  background: #a0354f;
}
#index #topicks .topicks_list li dl dd span {
  display: inline-block;
  float: left;
  width: 10%;
  color: #f88a01;
  font-size: 12px;
  line-height: 26px;
}
#index #topicks .topicks_list li dl dd {
  float: left;
  margin: 0 0 16px 2%;
  width: 86%;
  padding: 0;
}
#index #topicks .topicks_list li dl dd a {
  display: block;
  width: 90%;
  background: url(../images/common/arrow_r_bl.png) no-repeat right 6px;
  background-size: 8px 14px;
  padding: 0 3% 0 0;
  color: #333;
  font-size: 1.2em;
  float: left;
}
#index #topicks .news_more {
  position: absolute;
  right: 0;
}
#index #topicks .news_more a {
  display: block;
  width: 30px;
  height: 20px;
  background: #999;
  position: relative;
  vertical-align: middle;
  right: 0;
}
#index #topicks .news_more a::before,
#index #topicks .news_more a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
#index #topicks .news_more a::before,
#index #topicks .news_more a::after {
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#index #topicks .news_more a::before {
  left: 8px;
}
#index #topicks .news_more a::after {
  left: 12px;
}

/*PRODUCT
---------------------------------------*/
#index #product {
  width: 1000px;
  margin: auto;
  padding: 60px 0;
}
#index #product .erement {
  margin: 40px auto 0;
}
#index #product .erement > img {
  width: 460px;
  height: 280px;
  float: left;
  margin-right: 60px;
}
#index #product .erement .product_l {
  width: 480px;
  float: left;
  height: 280px;
  position: relative;
}
#index #product .erement .product_list {
  background: #fff;
  border: 10px solid #eae0da;
  height: 160px;
  padding: 10px;
}
#index #product .erement .product_list ul {
  margin: 8px auto;
  font-size: 16px;
  line-height: 20px;
  height: 65px;
}
#index #product .erement .product_list ul li {
  padding-left: 80px;
  background: url(../images/index/i_q.png) no-repeat 54px 3px;
  background-size: 15px 15px;
}
#index #product .erement .product_list + div {
  position: absolute;
  bottom: 0;
}
#index #product .erement .product_list + div a {
  display: block;
  margin: 10px auto 0;
}
/*INTRODUCTION
---------------------------------------------*/
#index #intro {
  width: 100%;
  height: 640px;
  background: url(../images/index/intro_bg.png) no-repeat center top;
  background-size: cover;
  padding: 60px 0;
}
#index #intro .inner {
  width: 1000px;
  margin: auto;
}
#index #intro .intro_glass {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 7px #999;
  margin: 40px auto;
  height: 400px;
}
#index #intro .intro_glass .item {
  width: 32%;
  margin: 35px 2% 0 0;
  background: #fff;
  border: 10px solid #aca2a0;
  float: left;
  text-align: center;
}
#index #intro .intro_glass .item:last-child {
  margin-right: 0;
}
#index #intro .intro_glass .item h4 {
  margin: 20px auto;
  font-size: 20px;
}
#index #intro .intro_glass .item img {
  margin-bottom: 20px;
}
#index #intro .intro_glass .item p {
  font-size: 14px;
  margin: 0 0 20px;
  padding: 0 12px;
  text-align: left;
}
/*CONTACT
------------------------------------------*/
#index #contact {
  width: 100%;
  padding: 60px 0 80px;
}
#index #contact .inner {
  width: 1000px;
  margin: 0 auto 30px;
}
#index #contact .erement {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
}
#index #contact .erement p {
  font-size: 12px;
}
#index #contact .erement .item {
  width: 50%;
  float: left;
  margin: 20px 0 40px 0;
}
#index #contact .erement .item:last-child {
  margin-right: 0;
}
#index #contact .erement .item img {
  margin-bottom: 40px;
}
#index #contact .erement .item a {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 305px;
  height: 50px;
  margin: auto;
}
#index #contact .erement .item a.contact_01 {
  background: url(../images/index/btn_dl.png) no-repeat;
}
#index #contact .erement .item a.contact_02 {
  background: url(../images/index/btn_contact.png) no-repeat;
}
#index #contact .erement .item p.contact_03 {
  width: 280px;
  height: 50px;
  background: url(../images/index/index_tel.png) no-repeat;
  margin: auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/*タイムスタンプの仕組み------------------------------------------------------------*/

.p_wrap .area section .inner #system_sample {
  margin: 20px auto;
}
.p_wrap .area section .inner #system_sample ul li {
  width: 49%;
  float: left;
  text-align: center;
  background: #777;
  border-radius: 4px;
  padding: 8px;
}
.p_wrap .area section .inner #system_sample ul li:first-child {
  margin-right: 2%;
}
.p_wrap .area section .inner #system_sample ul li a {
  display: block;
  position: relative;
}
.p_wrap .area section .inner #system_sample ul li a img {
  width: 100%;
}
.p_wrap .area section .inner #system_sample ul li h4 {
  color: #fff;
  padding: 2px 0 8px;
  font-size: 1.2em;
  letter-spacing: 1px;
  text-shadow: 0 0 3px #555;
}
.p_wrap .area section .inner #system_sample ul li a::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(../images/page/popup.png) no-repeat center;
  background-size: 24px 24px;
  position: absolute;
  z-index: 3;
  bottom: 0;
  right: 0;
}
/*タイムスタンプの利用目的------------------------------------------------------------*/
#how_to_use .p_wrap .area section .inner .use_list {
  margin: 20px 0 0;
}
#how_to_use .p_wrap .area section .inner .use_list li {
  width: 223px;
  height: 118px;
  float: left;
}
#how_to_use .p_wrap .area section .inner .use_list li a {
  display: block;
  width: 223px;
  height: 118px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#how_to_use .p_wrap .area section .inner .use_list li a:hover {
  opacity: 0.7;
}
#how_to_use .p_wrap .area section .inner .use_list li:not(:last-child) {
  margin: 0 10px 0 0;
}
#how_to_use .p_wrap .area section .inner .use_list li:first-child a {
  background: url(../images/info/use_list_01.png) no-repeat;
}
#how_to_use .p_wrap .area section .inner .use_list li:nth-child(2) a {
  background: url(../images/info/use_list_02.png) no-repeat;
}
#how_to_use .p_wrap .area section .inner .use_list li:nth-child(3) a {
  background: url(../images/info/use_list_03.png) no-repeat;
}
#how_to_use .p_wrap .area main .content .inner {
  margin: 0 0 50px;
}
#how_to_use .p_wrap .area main .content .inner p {
  margin: 20px 0 30px;
  padding: 0 10px;
}
#how_to_use .p_wrap .area main .content .inner .btn {
  display: block;
  margin: 0 0 0 510px;
}
/*知的財産------------------------------------------------------------*/
#intellectual_property .p_wrap .area section .inner .erement {
  margin: 20px 0 0;
}
#intellectual_property .p_wrap .area section .inner .erement a {
  display: block;
  margin: 30px 0;
}
/*170302追加*/
#intellectual_property .p_wrap .intellectual_property_01 {
  margin: 30px 0;
  border: 4px dashed #b62232;
  padding: 20px;
  text-align: center;
}
#intellectual_property .p_wrap .intellectual_property_01:after {
  content: " ";
  display: block;
  clear: both;
}
#intellectual_property .p_wrap .intellectual_property_01 .ttl {
  font-size: 20px;
  color: #b62232;
  font-weight: bold;
  margin-bottom: 15px;
}
#intellectual_property .p_wrap .intellectual_property_01 .block {
  width: 49%;
  float: left;
  margin: 0;
}
#intellectual_property .p_wrap .intellectual_property_01 .block dt {
  background: #999;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  font-size: 14px;
}
#intellectual_property .p_wrap .intellectual_property_01 .block dd {
  background: #999;
  padding: 0 10px 10px;
  margin: 0;
}
#intellectual_property .p_wrap .intellectual_property_01 .block dd > div {
  background: #fff;
  padding: 20px 5px;
}
#intellectual_property
  .p_wrap
  .intellectual_property_01
  .block
  dd
  > div
  .txt01 {
  font-size: 12px;
}
#intellectual_property .p_wrap .intellectual_property_01 .block dd > div img {
  display: inline-block;
  margin: 10px 0;
}
#intellectual_property
  .p_wrap
  .intellectual_property_01
  .block
  dd
  > div
  .txt02 {
  font-size: 12px;
  color: #b62232;
  font-weight: bold;
}
#intellectual_property
  .p_wrap
  .intellectual_property_01
  .block
  dd
  > div
  .txt02
  span {
  font-size: 14px;
}
#intellectual_property .p_wrap .intellectual_property_01 .block:first-of-type {
  margin-right: 2%;
}

#intellectual_property .p_wrap .intellectual_property_02 {
  margin: 30px 0;
  border: 4px dashed #b62232;
  padding: 20px;
  text-align: center;
}
#intellectual_property .p_wrap .intellectual_property_02 > .ttl {
  font-size: 20px;
  color: #b62232;
  font-weight: bold;
  margin-bottom: 15px;
}
#intellectual_property .p_wrap .intellectual_property_02 > .ttl + ul:after {
  content: " ";
  display: block;
  clear: both;
}
#intellectual_property .p_wrap .intellectual_property_02 > .ttl + ul li {
  width: 22%;
  float: left;
  border: 8px solid #ccc;
  padding: 110px 0 10px;
  font-size: 12px;
  letter-spacing: -0.5px;
}
#intellectual_property
  .p_wrap
  .intellectual_property_02
  > .ttl
  + ul
  li:first-of-type {
  background: url(../images/info/intellectual/icon01.png) no-repeat center 10px;
}
#intellectual_property
  .p_wrap
  .intellectual_property_02
  > .ttl
  + ul
  li:nth-of-type(2) {
  background: url(../images/info/intellectual/icon02.png) no-repeat center 10px;
}
#intellectual_property
  .p_wrap
  .intellectual_property_02
  > .ttl
  + ul
  li:nth-of-type(3) {
  background: url(../images/info/intellectual/icon03.png) no-repeat center 10px;
}
#intellectual_property
  .p_wrap
  .intellectual_property_02
  > .ttl
  + ul
  li:nth-of-type(4) {
  background: url(../images/info/intellectual/icon04.png) no-repeat center 10px;
}
#intellectual_property .p_wrap .intellectual_property_02 > .ttl + ul li + li {
  margin-left: 4%;
}
#intellectual_property .p_wrap .intellectual_property_02 .key {
  margin: 20px 0 0;
  text-align: center;
}
#intellectual_property .p_wrap .intellectual_property_02 .key > .ttl {
  display: inline-block;
  background: #b62232;
  padding: 10px 20px;
  font-size: 18px;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
}
#intellectual_property .p_wrap .intellectual_property_02 .key ul {
  border: 4px solid #be2332;
  border-radius: 3px;
  padding: 30px 10px 20px;
  margin-top: -25px;
}
#intellectual_property .p_wrap .intellectual_property_02 .key ul:after {
  content: " ";
  display: block;
  clear: both;
}
#intellectual_property .p_wrap .intellectual_property_02 .key ul li {
  background: #313131;
  border-radius: 5px;
  width: 32%;
  color: #fff;
  padding: 10px 0;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  float: left;
}
#intellectual_property .p_wrap .intellectual_property_02 .key ul li + li {
  margin-left: 2%;
}

#intellectual_property .bnr {
  display: block;
  margin: 30px 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#intellectual_property .bnr:hover {
  opacity: 0.8;
}
.about-storage > li {
  margin: 20px 0 30px;
}
.about-storage > li .inner > .ttl {
  color: #be2332;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
  padding-left: 30px;
  position: relative;
}
.about-storage > li .inner > .ttl > span {
  display: block;
  font-size: 14px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background: #be2332;
  position: absolute;
  left: 0;
  top: 2px;
}
.about-storage > li .inner .content_ttl_03 + img {
  margin-top: 0;
}
.about-storage .merit dt {
  font-size: 14px;
  font-weight: bold;
  padding-left: 25px;
  position: relative;
}
.about-storage .merit dt::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: #333;
  position: absolute;
  left: 1px;
  top: 2px;
}
.about-storage .list-ttl {
  font-weight: bold;
}
.about-storage .merit dd {
  margin: 10px 0 20px;
}
.about-storage .link dt {
  width: 120px;
  float: left;
  background: url(../images/info/intellectual/arrow.jpg) no-repeat right center;
}
.about-storage .link dd {
  padding-left: 120px;
}
.about-storage .link-list > li a {
  display: inline-block;
  padding-right: 15px;
  position: relative;
}
.about-storage .link-list > li a::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: 1px solid #be2332;
  border-top: 1px solid #be2332;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 0;
  top: 6px;
}
.scene .scene-list > dt {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
.scene .scene-list > dt span {
  display: inline-block;
  border: 1px solid #333;
  width: 28px;
  height: 24px;
  text-align: center;
  margin-right: 10px;
}
.scene .scene-list > dd {
  margin: 0 0 30px;
}
.scene .scene-list > dd > .user {
  padding-left: 34px;
  margin-bottom: 20px;
}
.scene .scene-list > dd:first-of-type > .user {
  background: url(../images/info/intellectual/user01.jpg) no-repeat;
}
.scene .scene-list > dd:nth-of-type(2) > .user {
  background: url(../images/info/intellectual/user02.jpg) no-repeat;
}
.scene .scene-list > dd:nth-of-type(3) > .user {
  background: url(../images/info/intellectual/user03.jpg) no-repeat;
}
.scene .scene-list > dd > .cooperation {
  border: 2px solid #be2332;
}
.scene .scene-list > dd > .cooperation > .ttl {
  font-size: 18px;
  padding: 5px 10px 7px;
  background: #be2332;
  color: #fff;
}
.scene .scene-list > dd > .cooperation > .inner {
  padding: 15px 15px 25px;
  text-align: center;
  margin-bottom: 0;
}
.scene .scene-list > dd > .cooperation > .inner > .intro {
  text-align: left;
}
.scene .scene-list > dd > .cooperation > .inner > .intro + img {
  display: inline-block;
  margin: 20px;
}
.scene .scene-list > dd > .cooperation > .inner > .sup {
  font-size: 12px;
}
.scene .scene-list > dd > .cooperation > .inner > .sup > span {
  color: #be2332;
}
.scene .scene-list > dd > .cooperation > .inner > .description {
  position: relative;
}
.scene .scene-list > dd > .cooperation > .inner > .description .sup-ttl {
  margin: 20px 0;
  font-weight: bold;
  margin-bottom: 10px;
}
.scene .scene-list > dd > .cooperation > .inner > .description img {
  display: inline-block;
}
.scene .scene-list > dd > .cooperation > .inner > .description .txt {
  position: absolute;
  background: #fffdda;
  font-size: 11px;
  padding: 10px 15px;
  width: 280px;
  border-radius: 3px;
  text-align: left;
  right: 10px;
  bottom: 30px;
}
.scene .scene-list > dd > .cooperation > .inner > .list > li {
  text-align: left;
}

/*電子帳簿保存-----------------------------------------------------------/*/
#e_document .p_wrap .area section .inner .e_doc_list {
  border: 1px solid #aaa;
  width: 100%;
}
#e_document .p_wrap .area section .inner .e_doc_list td {
  padding: 10px;
  text-align: center;
}

#e_document .p_wrap .area section .inner .e_doc_list,
#e_document .p_wrap .area section .inner .e_doc_list td,
#e_document .p_wrap .area section .inner .e_doc_list th {
  border: 1px solid #aaa;
  border-collapse: collapse;
}
#e_document .p_wrap .area section .inner .e_doc_list .cel_01 {
  width: 312px;
}
#e_document .p_wrap .area section .inner .e_doc_list .cel_02 {
  width: 190px;
}
#e_document .p_wrap .area section .inner .e_doc_list .cel_03 {
  width: 190px;
}
#e_document .p_wrap .area section .inner .e_doc_list .cel_herf {
  width: 92px;
}
#e_document .p_wrap .area section .inner .e_doc_list .cel_b {
  font-size: 12px;
  padding: 6px;
  background: #7d3038;
  color: #fff;
  border: 1px solid #481016;
  border-right: 1px solid #a05e65;
}
#e_document .p_wrap .area section .inner .e_doc_list .cel_g {
  background: #e5e5e5;
}
#e_document .p_wrap .area section .inner .e_doc_list .cel_y {
  background: #fffdda;
}
body.use .p_wrap .area .page_bnav li {
  font-size: 12px;
  line-height: 26px;
}

/*170302追加*/
#e_document .e_doc_block01 {
}
#e_document .e_doc_block01 .ttl {
  font-size: 18px;
  color: #111;
  font-weight: bold;
  margin-bottom: 10px;
}
#e_document .e_doc_block01 .sup {
  font-size: 12px;
}
#e_document .e_doc_block01 .detail-box {
  margin: 5px 0 20px;
}

#e_document .e_doc_block01 .detail-box + .ttl + img + .sup {
  font-size: 12px;
  font-size: 1.2rem;
  color: #888;
  margin-top: 10px;
  text-align: right;
}
#e_document .e_doc_block01 .detail-box > h3 {
  padding: 0 0 0 20px;
  background: url(../images/info/e-document/check.png) no-repeat;
  font-weight: bold;
  color: #111;
  margin-bottom: 5px;
}
#e_document .e_doc_block01 .detail-box ul {
  border: 10px solid #ccc;
  padding: 10px 20px;
  position: relative;
}
#e_document .e_doc_block01 .detail-box ul:before {
  content: "";
  display: block;
  width: 100px;
  height: 63px;
  background: url(../images/info/e-document/arrow.png) no-repeat;
  position: absolute;
  left: 280px;
  top: -70px;
}
#e_document .e_doc_block01 .detail-box ul li {
  font-size: 12px;
  margin-bottom: 5px;
  padding-left: 12px;
  position: relative;
}
#e_document .e_doc_block01 .detail-box ul li:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: #555;
  position: absolute;
  top: 5px;
  left: 0;
}

/*タイムスタンプサービスの必要性----------------------------------------------------*/
#time_delibary_ts .p_wrap .area .content .inner .inTxtbox_center {
  background: #777;
  border-radius: 4px;
  margin: 20px auto;
  padding: 0 10px 10px;
}
#time_delibary_ts .p_wrap .area .content .inner .inTxtbox_center h3 {
  color: #fff;
  font-size: 16px;
  padding: 10px 0;
}
#time_delibary_ts .p_wrap .area .content .inner .inTxtbox_center div {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
}
#time_delibary_ts .p_wrap .area .content .inner .inTxtbox_center ul {
  margin: 20px auto;
  width: 80%;
}
#time_delibary_ts .p_wrap .area .content .inner .inTxtbox_center ul li {
  float: left;
  width: 32%;
  margin: 0 0 10px 0;
  padding: 0 0 0 25px;
  background: url(../images/info/i_check.png) no-repeat 2px center;
}
#time_delibary_ts
  .p_wrap
  .area
  .content
  .inner
  .inTxtbox_center
  ul
  li:not(:nth-child(3n + 1)) {
  margin-right: 2%;
}

/*製品サービスについて---------------------------------------------------*/
#timestamp .area main .content .inner .erement .inTxtbox_02 a {
  display: block;
  margin: 20px auto 0;
}

/*商品フローチャート--------------------------------------------*/

/*アプリケーション----------------------------------------------------------------*/

/*----メール詳細(左にメールアイコン付き)部分----*/
.mail_detail {
  position: relative;
  width: 510px;
  margin: 20px auto;
  padding: 0 10px 10px;
  border-radius: 4px;
  background: #c16c75;
}
.mail_detail::after {
  content: "";
  width: 80px;
  height: 70px;
  display: block;
  background: url(../images/product/mail_detail_icon.png) no-repeat;
  position: absolute;
  z-index: 20;
  top: -5px;
  right: -10px;
}
.mail_detail h3 {
  color: #fff;
  padding: 10px;
}
.mail_detail div {
  background: #fff;
  padding: 15px;
}
.mail_detail .erement {
  width: 80%;
  margin: auto;
}
.mail_detail dt,
.mail_detail dd {
  float: left;
  color: #b62332;
  margin: 0;
}
.mail_detail dt {
  width: 30%;
}
.mail_detail dd {
  width: 70%;
}

/*ライブラリ------------------------------------------*/
.library_user {
  background: #edc8cc;
  padding: 20px;
  margin: 30px auto;
}
.library_user ul li {
  position: relative;
  margin-bottom: 10px;
}
.library_user ul li:first-child,
.library_user ul li:nth-child(7) {
  background: url(../images/product/library_user_01.png) no-repeat left center;
}
.library_user ul li:nth-child(2),
.library_user ul li:nth-child(9) {
  background: url(../images/product/library_user_02.png) no-repeat left center;
}
.library_user ul li:nth-child(3) {
  background: url(../images/product/library_user_03.png) no-repeat left center;
}
.library_user ul li:nth-child(4),
.library_user ul li:nth-child(8) {
  background: url(../images/product/library_user_04.png) no-repeat left center;
}
.library_user ul li:nth-child(5) {
  background: url(../images/product/library_user_05.png) no-repeat left center;
}
.library_user ul li:nth-child(6) {
  background: url(../images/product/library_user_06.png) no-repeat left center;
}
.library_user ul li span {
  display: block;
  width: 100%;
  height: 80px;
  background: url(../images/product/library_bubble.png) no-repeat right center;
  padding: 16px 20px 10px 170px;
  position: relative;
}
.library_user ul li:nth-child(5) span {
  height: 95px;
  padding: 13px 20px 10px 170px;
  background: url(../images/product/library_bubble_big.png) no-repeat right
    center;
}
.library_user ul li.dan03 span {
  height: 100px;
  padding: 13px 20px 10px 170px;
  background: url(../images/product/case_bubble03.png) no-repeat right center;
}
.library_user ul li.dan04 span {
  height: 120px;
  padding: 13px 20px 10px 170px;
  background: url(../images/product/case_bubble04.png) no-repeat right center;
}
.mitumori {
  display: block;
  background: #b62332;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding: 16px 0;
  border-radius: 2px;
  box-shadow: inset 1px 1px 0px #c76b74, inset 0 -3px 2px #940f1d;
}
.mitumori:hover {
  color: #fff;
}
.mitumori span {
  display: inline-block;
  width: 24px;
  height: 16px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../images/page/i_dl_w.png) no-repeat;
  vertical-align: middle;
  margin: 0 0 0 10px;
}
.case_point {
  font-size: 18px;
  font-weight: bold;
  color: #b62332;
  margin: 30px 0;
}
#case_operation .inner .in {
  margin: 10px;
}
#case_operation .case_btn {
  width: 690px;
  margin: 0 auto 30px;
}
#case_operation .case_btn a {
  display: inline-block;
  width: 48%;
  border-radius: 4px;
  text-align: center;
  padding: 15px 0;
  color: #fff;
  text-decoration: none;
}
#case_operation .case_btn .jiturei {
  background: rgb(204, 143, 0);
  box-shadow: inset 0 1px 2px #fff, inset 0 -2px 2px #865300;
}
#case_operation .case_btn .mitumori_link {
  background: #4f7dc3;
  box-shadow: inset 0 1px 2px #fff, inset 0 -2px 2px #2539ad;
}
/*法律ガイドライン------------------------------------------------------------*/
body.page_law .content .inner {
  margin-bottom: 30px;
}
#index_law .p_wrap .area main .content .inner a,
#product_timestamp .p_wrap .area main .content .inner a,
#characteristic .p_wrap .area main .content .inner a {
  display: block;
  margin: 30px 0 0 510px;
}
body.page_info .p_wrap .area main .content .inner .law_name {
  font-size: 1.2em;
  color: #b62332;
  margin-bottom: 10px;
}
body.page_law .p_wrap .area .main_ttl_01 span {
  display: block;
}

/*Type-T------------------------------------------------------------*/
body.page_product .type_gaiyou .erement p {
  float: left;
  width: 490px;
  margin-right: 20px;
}
.type_gaiyou .erement img {
  display: block;
  margin: auto;
  float: left;
}
/*旧サービス---------------------------------------------*/
#old_service .p_wrap .area main .content .inner #system_sample ul li img {
  display: block;
  width: 100%;
}

/*製品・サービスについて---------------------------------------------------------------*/
#product_timestamp .p_wrap .area main .content .inner h2 {
  margin: 20px auto;
}
#product_timestamp .p_wrap .area main .content .inner a {
  margin-bottom: 50px;
}
/*パートナー製品紹介------------------------------------------------------------*/
#partner .p_wrap .area main .inner .erement {
  margin: 20px 0 0;
}

/*ダウンロード------------------------------------------------------------*/
#download .p_wrap .area main .content .inner .note_y li h2 {
  margin-bottom: 20px;
}

/*ご利用規約-------------------------------*/
body.page_book .p_wrap .area main .content .inner h2 {
  margin-top: 30px;
}
body.page_book .p_wrap .area main .content .inner p {
  /*
margin: 0 10px 10px;
*/
}
body.page_book .p_wrap .area main .content .inner ul {
  margin: 10px 0;
}
body.page_book .p_wrap .area main .content .inner ul li span {
  margin-right: 5px;
}
body.page_book .p_wrap .area main .content .inner .name {
  border: 8px solid #459e9a;
  padding: 10px 10px 0;
  display: inline-block;
  margin: 20px 0 10px;
}
body.page_book .p_wrap .area main .content .inner #backBtn {
  width: 600px;
  margin: 50px auto;
}
/*--- 利用規約 ---*/
.inner_rule h3:not(:first-child) {
  margin: 20px 0;
}
.inner_rule ol {
  list-style-type: decimal;
  padding: 0 0 0 20px;
}
.inner_rule li,
.inner_rule p {
  margin: 0 10px 10px;
}

/*ダウンロード前ページ個人情報-------------------------------*/
/*ダウンロード前ページ個人情報-------------------------------*/
.inner_read {
  width: 100%;
  height: 500px;
  margin: 20px auto;
  padding: 20px;
  overflow: auto;
  border: 1px solid #aaa;
}
.inner_read h2 {
  text-align: center;
  margin: 0 0 30px;
}
.inner_read li span {
  display: block;
  margin: 20px 0;
}
.inner_read .read_name {
  width: 310px;
  margin: 20px 0 20px 340px;
}
/*-----------------------------------------------*/

#price .area .content .inner .contact_area {
  border: 10px solid #777;
  margin: 70px auto;
  padding: 20px 0;
  text-align: center;
}
#price .area .content .inner .contact_area h2 {
  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
  margin-bottom: 15px;
}
#price .area .content .inner .contact_area h2 span {
  color: #b62332;
}
#price .area .content .inner .contact_area a {
  display: block;
  margin: 15px auto 0;
}

/*公開サーバー------------------------------------------*/

#open_server .table_parts {
  margin-bottom: 5px;
}
#open_server .table_parts td {
  vertical-align: middle;
}
#open_server .table_parts td a {
  position: relative;
}
#open_server .table_parts td:first-child {
  width: 300px;
}
#open_server .table_parts td:nth-child(2) {
  text-align: center;
}
#open_server .table_parts td a::after {
  content: "";
  display: block;
  width: 24px;
  height: 16px;
  background: url(../images/product/i_dl.png) no-repeat center;
  position: absolute;
  z-index: 30;
  top: 0;
  right: -30px;
}

/*FAQ-----------------------------------------------------------*/

#faq .p_wrap .area .content .inner .faq_list li {
  margin-bottom: 10px;
}
#faq .p_wrap .area .content .inner .faq_list li a {
  color: #333;
  text-decoration: none;
  display: inline-block;
}
#faq .p_wrap .area .content .inner .faq_list li a span:first-child {
  display: block;
  width: 35px;
  color: #b62332;
  float: left;
}
#faq .p_wrap .area .content .inner .faq_list li a span:nth-child(2) {
  display: block;
  padding: 0 0 0 40px;
}
#faq .p_wrap .area .content .inner .faq_erement dt {
  font-weight: bold;
  margin-bottom: 10px;
}
#faq .p_wrap .area .content .inner .faq_erement dt span {
  display: inline-block;
  font-size: 16px;
  margin: 0 5px 0 0;
  float: left;
}
#faq .p_wrap .area .content .inner .faq_erement dd {
  margin: 0 0 20px 20px;
  padding-left: 25px;
  border-left: 2px solid #d8a3a8;
}
#faq .p_wrap .area .content .inner .faq_erement dd .faq_top {
  display: block;
  font-size: 10px;
  margin: 5px 0 5px 550px;
  text-decoration: none;
  text-align: right;
  padding: 0 12px 0 0;
  background: url(../images/page/i_faqtop.png) no-repeat right 3px;
  background-size: 8px 8px;
  color: #555;
}
#faq .p_wrap .area .content .inner .faq_erement dd .table_faq {
  width: 100%;
  margin: 10px 0;
}
#faq .p_wrap .area .content .inner .faq_erement dd .table_faq td {
  border: 1px solid #aaa;
  padding: 10px;
}
#faq .p_wrap .area .content .inner .faq_erement dd .table_faq .cel_g td {
  background: #999;
  color: #fff;
}
#faq .p_wrap .area .content .inner .faq_erement dd .table_faq td:nth-child(2) {
  width: 300px;
}
#faq .p_wrap .area .content .inner .faq_erement dd .table_faq td ul li {
  padding: 0 0 0 15px;
  background: url(../images/page/i_faq.png) no-repeat 0 center;
  background-size: 8px 8px;
}
/*リポジトリ-----------------------------------------------------------*/
#repository .p_wrap .area .content .inner .table_rep_00 {
  width: 100%;
  margin: 20px auto;
  border: 1px solid #aaa;
}
#repository .p_wrap .area .content .inner .table_rep_00 td {
  vertical-align: text-top;
  padding: 10px 10px 0;
}
#repository .p_wrap .area .content .inner .table_rep_00 .label {
  width: 200px;
  border: 1px solid #aaa;
  background: #999;
  color: #fff;
}
#repository .p_wrap .area .content .inner .table_rep_00 td h3 {
  padding: 0 0 0 15px;
  background: url(../images/page/i_faq.png) no-repeat 0 6px;
  background-size: 8px 8px;
  margin-bottom: 10px;
}
#repository .p_wrap .area .content .inner .table_rep_00 td h3 span {
  display: block;
  font-size: 12px;
}
#repository .p_wrap .area .content .inner .table_rep_00 td ul li a {
  display: block;
  padding: 10px;
  text-align: center;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  margin: 0 auto 20px;
  box-shadow: 1px 0 1px #fff inset, 0 -2px 2px #692b32 inset;
}
#repository .p_wrap .area .content .inner .table_rep_00 td ul li .btn_rep_01 {
  background: #9e2331 url(../images/page/i_rep.png) no-repeat 98% center;
  background-size: 12px 12px;
}
#repository .p_wrap .area .content .inner .table_rep_00 td ul li .btn_rep_02 {
  background: #6d222b url(../images/page/i_rep.png) no-repeat 98% center;
  background-size: 12px 12px;
}
/*リポジトリ 詳細-----------------------------------------------------------*/
/*表組*/
.table_rep_02,
.table_rep_03 {
  width: 100%;
  margin: 20px auto;
}
.table_rep_02 td,
.table_rep_03 td {
  border: 1px solid #aaa;
  padding: 20px 10px;
}
.table_rep_02 .label td,
.table_rep_03 .label td {
  background: #999;
  color: #fff;
  font-size: 12px;
  padding: 10px;
}
.table_rep_02 td:nth-child(2),
.table_rep_03 td:nth-child(3) {
  width: 150px;
}
.table_rep_02 td a,
.table_rep_03 td a {
  display: block;
  width: 100%;
  padding: 0 10px 0 40px;
  text-decoration: none;
  background: url(../images/product/i_dl.png) no-repeat 10px center;
}
/*リポジトリ 稼働状況-----------------------------------------------------------*/
/*稼働状況-グレー枠-----------*/
.operation {
  border: 4px solid #999;
  padding: 10px;
  border-radius: 4px;
  margin: 30px auto;
}
.operation div {
  border: 2px solid #ccc;
  padding: 20px;
  border-radius: 4px;
}
.operation div h3 {
  font-size: 16px;
  margin-bottom: 5px;
}
.operation div p {
  padding: 0 0 0 15px;
  color: #b62332;
}
.table_rep_04 {
  width: 100%;
  margin: 10px auto;
}
.table_rep_04 td {
  border: 1px solid #aaa;
  padding: 10px;
}
.table_rep_04 .cel_g td {
  background: #999;
  color: #fff;
}
.table_rep_04 td span {
  display: block;
}
.rep_redlist li {
  color: #b62332;
  font-size: 12px;
}

.p_wrap .area .content .inner .table_rep_02,
.p_wrap .area .content .inner .table_rep_03 {
  margin: 10px 0 20px;
}

.p_wrap .area .content .inner .table_rep_02 td,
.p_wrap .area .content .inner .table_rep_03 td,
.p_wrap .area .content .inner .table_rep_04 td {
  padding: 5px 10px 5px 10px;
  font-size: 12px;
}
body.page_repository .p_wrap .area .content .inner .rep_list td:first-child {
  width: 100px;
}
body.page_repository .p_wrap .area .content .inner .ent {
  margin-bottom: 20px;
}
.repo_entry {
  border: 1px solid #999;
  border-radius: 2px;
  margin: 20px 0;
}
.repo_entry .data {
  background: #999;
  padding: 10px;
  color: #fff;
  margin-bottom: 10px;
}
.repo_entry .data span {
  background: #ffffff;
  padding: 1px 3px;
  border-radius: 2px;
  letter-spacing: 1px;
  font-size: 14px;
  color: #b62332;
}
.repo_entry p {
  margin: 10px;
}
.repo_entry table {
  margin: 10px auto;
}

#repo_timedistribution .table_rep_04,
#repo_3161_operation .table_rep_04,
#repo_time_oparation .table_rep_04,
#control .table_rep_04 {
  width: 96%;
  margin: 10px auto;
}
/*サイトポリシー---------------------------------------------------*/
#conditions .p_wrap .area .content .inner h3,
#conditions .p_wrap .area .content .inner h4 {
  margin: 20px 0 10px;
}
#conditions .p_wrap .area .content .inner ul li {
  padding: 0 0 0 20px;
  background: url(../images/page/i_faq.png) no-repeat 10px 6px;
  background-size: 6px 6px;
  margin-bottom: 10px;
}
/*パートナー---------------------------------------------------*/
#partner_company .p_wrap .area .content .inner .erement {
  width: 100%;
}
#partner_company .p_wrap .area .content .inner .erement td {
  border-bottom: 1px solid #aaa;
  padding: 20px 30px;
}
#partner_company .p_wrap .area .content .inner .erement td:first-child {
  width: 110px;
}
#partner_company .p_wrap .area .content .inner .erement td:nth-child(2) {
  padding: 20px 0;
}
#partner_company .p_wrap .area .content .inner .erement td img {
  display: block;
  margin: auto;
}
#partner_company .p_wrap .area .content .inner .erement td h3 {
  background: #999;
  border-radius: 2px;
  margin-bottom: 10px;
  padding: 5px 10px;
}
#partner_company .p_wrap .area .content .inner .erement td h3 a {
  font-size: 16px;
  color: #fff;
  text-decoration: none;
}

/*サイトマップ------------------------------------------*/
#sitemap .p_wrap .area .content .inner .map {
  width: 49%;
  float: left;
  margin: 0 2% 30px 0;
}
#sitemap .p_wrap .area .content .inner .map:nth-child(2n) {
  margin-right: 0;
}
#sitemap .p_wrap .area .content .inner .map h3 {
  border-left: 5px solid #777;
  background: #efefef;
  padding: 5px 10px;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 16px;
}
#sitemap .p_wrap .area .content .inner .map ul {
  margin: 10px;
}
#sitemap .p_wrap .area .content .inner .map ul li {
  margin-bottom: 10px;
}
#sitemap .p_wrap .area .content .inner .map ul li a {
  display: block;
  color: #333;
  padding: 0 0 0 10px;
  background: url(../images/page/i_map.png) no-repeat 0 center;
  background-size: 6px 6px;
}
#sitemap .p_wrap .area .content .inner .map ul li ul li a {
  padding: 0 0 0 30px;
  background: url(../images/page/i_map_l.png) no-repeat 10px 7px;
  background-size: 6px 6px;
}

/*ニュース-一覧--------------------------------------*/
#news_index .topicks_list {
  width: 100%;
}
#news_index .topicks_list li {
  border-bottom: 1px dotted #aaa;
  padding: 0 0 20px;
  margin: 0 0 20px 0;
}
#news_index .topicks_list li dl {
  margin: 0;
}
#news_index .topicks_list li dl dt {
  margin-bottom: 10px;
  font-weight: bold;
}
#news_index .topicks_list li dl dt span {
  display: inline-block;
  color: #fff;
  width: 130px;
  text-align: center;
  padding: 1px 0;
  margin: 0 0 0 10px;
  font-size: 10px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
#news_index .topicks_list li dl .topick {
  background: #927f79;
}
#news_index .topicks_list li dl .event {
  background: #d98f26;
}
#news_index .topicks_list li dl .important {
  background: #a0354f;
}
#news_index .topicks_list li dl dd {
  margin: 0;
}
#news_index .topicks_list li dl dd a {
  padding: 0 0 0 15px;
  background: url(../images/page/i_map_l.png) no-repeat 2px 5px;
  background-size: 8px 8px;
  display: inline-block;
}
#news_index nav.pagenation {
  position: relative;
}
#news_index .old,
.new {
  position: absolute;
}
#news_index .old {
  right: 0;
}
#news_index .new {
  left: 0;
}
/*ニュース詳細--------------------------------------*/
body.page_news .p_wrap .area .content .inner {
  margin: 10px 0 50px;
}
body.page_news .p_wrap .area .content .inner .news_ttl {
  font-size: 18px;
  color: #b62332;
  border-bottom: 1px solid #bbb;
}
body.page_news .p_wrap .area .content .inner .news_ttl + p {
  text-align: right;
  margin-bottom: 20px;
  font-weight: bold;
}
body.page_news .p_wrap .area .content .inner .txt {
  margin: 30px 0 10px;
  padding: 0 0 30px;
  border-bottom: 1px solid #bbb;
}
body.page_news .p_wrap .area .content .inner .txt p {
  margin-bottom: 20px;
}
body.page_news .p_wrap .area .content .inner .back {
  text-align: center;
}
body.page_news .p_wrap .area .content .inner .back a {
  text-decoration: none;
}
/*導入事例--------------------------------------*/
#case .p_wrap .area .content .inner .sup,
#partner_company .p_wrap .area .content .inner .sup {
  text-align: right;
  color: #b62332;
}
#case .content .inner .erement {
  border-bottom: 1px dotted #aaa;
  padding: 20px 0;
}
#case .content .inner .erement .item_l,
#case .content .inner .erement .item_r {
  float: left;
}
#case .content .inner .erement .item_l .pdf {
  display: block;
  width: 110px;
  margin-right: 20px;
  margin-top: 0;
}
#case .content .inner .erement .item_l .pdf img {
  width: 100%;
}
#case .content .inner .erement .item_r {
  width: 560px;
}
#case .content .inner .erement .item_r .cover {
  background: #b62332;
  color: #fff;
  display: inline-block;
  padding: 3px 5px;
  letter-spacing: 1px;
  font-size: 12px;
  margin-bottom: 10px;
}
#case .content .inner .erement .item_l .detail {
  display: block;
  padding: 0 0 0 20px;
  background: url(../images/product/inline_icon.png) no-repeat 0 center;
  background-size: 14px 14px;
  margin: 5px 0 0;
  text-decoration: none;
}
/*カタログ------------------------------------------------------------*/
#catalog .p_wrap .area .content .inner .erement {
  padding: 20px 0;
  border-bottom: 1px dotted #aaa;
}
#catalog .p_wrap .area .content .inner .erement .box_l {
  width: 160px;
  float: left;
  margin-right: 20px;
  border: 1px solid #aaa;
}
#catalog .p_wrap .area .content .inner .erement .box_r {
  float: left;
  width: 510px;
  min-height: 226px;
  position: relative;
}
#catalog .p_wrap .area .content .inner .erement .box_r h3 {
  font-size: 16px;
  font-weight: bold;
}
#catalog .p_wrap .area .content .inner .erement .dl_catalog {
  position: absolute;
  bottom: 0;
  right: 0;
}
#catalog .p_wrap .area .content .inner .sup_txt {
  color: #b62332;
  margin: 20px auto;
}

/*フォーム(コンタクト・ダウンロード)-------------------------------*/

#formBtn {
  text-align: center;
  margin: 50px auto 0;
}
#formBtn > button {
  border: none;
  background: none;
  padding: 0;
}
.btn_back {
  display: inline-block;
  width: 210px;
  height: 50px;
  margin-right: 15px;
}
.btn_next {
  display: inline-block;
  width: 460px;
  height: 50px;
}
.btn_read {
  display: inline-block;
}
.table_inq {
  width: 100%;
  margin: 0 0 5px;
}

.table_inq td:first-child {
  width: 30%;
  background: #b9515c;
  color: #fff;
  padding: 10px;
  vertical-align: top;
  position: relative;
}
.table_inq td:nth-child(2) {
  width: 70%;
  position: relative;
  left: -1px;
}

.table_inq td:nth-child(2) select,
.table_inq td:nth-child(2) p {
  display: block;
  width: 100%;
  font-size: 16px;
  min-height: 42px;
  height: 42px;
  background: #f7f7f7;
  border: 1px solid #aaa;
  padding: 8px 5px 8px 20px;
  box-shadow: inset 0 0 3px #ccc;
  -webkit-appearance: none;
  border-radius: 0 !important;
  background: transparent url(../images/doc_download/form/form_arrow.svg)
    no-repeat center right 8px/16px 16px;
}

.table_inq td:nth-child(2) input,
.table_inq td:nth-child(2) p {
  display: block;
  width: 100%;
  font-size: 16px;
  min-height: 42px;
  background: #f7f7f7;
  border: 1px solid #aaa;
  padding: 8px 5px 8px 20px;
  box-shadow: inset 0 0 3px #ccc;
}

.table_inq td.postal input,
.table_inq td.postal p {
  display: inline-block;
  width: 30%;
  margin-right: 10px;
}
#technical_form td.postal p {
  width: 40%;
}
.table_inq td.postal input:nth-child(2),
.table_inq td.postal p:nth-child(2) {
  margin: 0 10px;
}
.table_inq td:nth-child(2) textarea,
.table_inq td:nth-child(2) .txt_area {
  width: 100%;
  display: block;
  min-height: 180px;
  border: 1px solid #aaa;
  padding: 8px 5px 8px 20px;
  box-shadow: inset 0 0 3px #ccc;
  font-size: 16px;
  background: #f7f7f7;
}

.table_inq tr:nth-child(odd) td:first-child::after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: #b9515c;
  border-radius: 3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 10px;
  right: -10px;
  z-index: 33;
}
.table_inq tr:nth-child(odd) td span {
  display: inline-block;
  background: #fff;
  color: #b9515c;
  font-size: 10px;
  padding: 0 5px;
  border-radius: 3px;
  margin: 0 0 0 5px;
}
.table_inq tr:nth-child(even) td {
  height: 20px;
  background: #fff;
}
.error {
  font-size: 12px;
  color: #b62332;
  padding: 0 0 0 240px;
  background: url(../images/page/alert.png) no-repeat 220px 1px;
  min-height: 18px;
}
.error-w {
  padding: 0 20px;
}
form .suptxt {
  font-size: 12px;
  color: #333;
}
/*お問い合わせ------------------------------------------*/
.table_contact {
  width: 100%;
  margin-bottom: 20px;
}
.table_contact td {
  padding: 30px 20px;
  border: 1px solid #aaa;
}
.table_contact .label {
  padding: 10px;
  background: #ececec;
  color: #222;
}
.table_contact td p {
  margin-bottom: 10px;
}
.table_contact td a {
  display: block;
  padding: 20px 10px;
  text-align: center;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  margin: 0 auto;
  box-shadow: 1px 0 1px #fff inset, 0 -2px 2px #692b32 inset;
}
.table_contact td .btn_rep_01 {
  background: #9e2331 url(../images/page/i_rep.png) no-repeat 98% center;
  background-size: 12px 12px;
}
#caution {
  border: 1px dotted #b62332;
  margin-bottom: 20px;
  padding: 10px 20px;
}
/*---ラジオボタン部分---*/
.reason {
  border: 1px solid #aaa;
  margin-bottom: 20px;
  background: #f7f7f7;
}
.reason h3 {
  padding: 10px;
  background: #b9515c;
  color: #fff;
  margin-bottom: 20px;
}
.reason h3 span,
body.page_contact .text_cover span {
  display: inline-block;
  background: #fff;
  color: #b9515c;
  font-size: 10px;
  padding: 2px 5px;
  border-radius: 3px;
  margin: 0 0 0 5px;
}
.reason .erement {
  padding: 0 10px 10px;
}
.reason .txt_in p {
  padding: 0 15px;
  margin-bottom: 5px;
}
.reason input {
  display: none;
}
.reason input#q_two_other {
  display: inline;
}
.reason label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-left: 20px;
  padding: 10px 10px 10px 20px;
  border-radius: 2px;
  color: #3e4956;
  font-size: 14px;
  text-align: center;
  line-height: 1;
}
.reason label::before {
  position: absolute;
  content: "";
  top: 50%;
  left: -10px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #ccc;
  border-radius: 50%;
}
.reason input[type="radio"]:checked + label::after {
  position: absolute;
  content: "";
  top: 50%;
  left: -6px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  border-radius: 50%;
  background: #b9515c;
}
.reason textarea {
  display: block;
  width: 98%;
  margin: 0 auto 10px;
}
.reason_a h3 {
  margin-bottom: 0;
}
.reason_a p {
  background: #f7f7f7;
  padding: 10px 0;
  text-align: center;
}
/*---  ---*/
#auto_processing .table_red_detail {
  margin-top: 10px;
}

.gw_txt {
  border: 1px solid #ca7d7d;
  border-radius: 2px;
  padding: 10px;
}

/*--- アンカー用ずれ修正用 ---*/
#link_tra,
#mitumori_list,
#page_proxy,
#page_Lib,
#page_Lib_J,
#link_forpdf_w,
#link_forpdf_j,
#price_top,
#link_forpdf_auto {
  margin-top: -80px;
  padding-top: 80px;
}

/*---　ダウンロードサンクスページ　---*/
.dl_detail {
  width: 100%;
}
.dl_detail tr,
.dl_detail th,
.dl_detail td {
  border: 1px solid #ccc;
  padding: 10px;
  font-weight: normal;
}
.dl_detail th {
  text-align: left;
  width: 200px;
}
.dl_detail tr:first-child th {
  text-align: center;
  background: #7d3038;
  color: #fff;
}
.dl_detail td {
  padding: 10px 20px;
}
.dl_detail td a {
  display: block;
  width: 90%;
  background: #ec9b00;
  margin: 10px auto;
  padding: 20px 0 22px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  font-size: 16px;
  border-radius: 4px;
  box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6) inset,
    0 -3px 3px #a04d00 inset;
  text-shadow: 0 1px 1px #dc7000;
}
.dl_detail + .sup {
  color: #b62332;
  margin-bottom: 30px;
}
.box_sup {
  border: 1px solid #b62332;
  padding: 20px;
  background: #fff6f6;
  margin-bottom: 20px;
}
.box_sup h3 {
  margin-bottom: 20px;
}
.box_sup p {
  margin-bottom: 10px;
}
.box_sup .inblock {
  background: #fff;
  border: 1px solid #ccc;
  margin: 20px auto 0;
  padding: 10px;
}
.box_sup .inblock ol {
  list-style-type: decimal;
  padding: 0 20px 0 30px;
  margin-bottom: 10px;
}
.box_sup .inblock dl {
  margin: 0 20px;
}
.box_sup .inblock dl dd {
  margin: 0 15px 10px 15px;
}

#eze_dl .dl_detail .forbtn {
  width: 90%;
  margin: 10px auto;
}
#eze_dl .dl_detail .forbtn p {
  float: left;
  width: 243px;
  padding: 20px 0px;
}
#eze_dl .dl_detail .forbtn a {
  display: inline-block;
  width: 340px;
  padding: 8px 0;
  background: #4566a5;
  text-shadow: 0 1px 1px #0025dc;
  box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6) inset,
    0 -3px 3px #011f56 inset;
}
/*----------eze-tip index---------------*/
.table_eze {
  width: 100%;
  margin: 0 auto 20px;
}
.table_eze th,
.table_eze td {
  border: 1px solid #ccc;
  text-align: center;
}
.table_eze th {
  background: #999;
  color: #fff;
  font-weight: normal;
  padding: 10px;
}
.table_eze td a {
  display: block;
  padding: 10px;
  text-align: center;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  margin: 20px auto;
  box-shadow: 1px 0 1px #fff inset, 0 -2px 2px #692b32 inset;
  background: #9e2331 url(../images/page/i_rep.png) no-repeat 98% center;
  background-size: 12px 12px;
  width: 80%;
}
.page_repository .table_rep_02 .label td,
.page_repository .table_rep_03 .label td,
.page_repository .table_rep_04 .cel_g td {
  text-align: center !important;
}
#technical_form .table_inq td:first-child,
#timestamp_form_conf .table_inq td:first-child {
  width: 45%;
}
#technical_form .error {
  padding: 0 0 0 320px;
  background: url(../images/page/alert.png) no-repeat 300px 1px;
}
#infomation .newsdata {
  text-align: right;
}

/*-----------------------------amanotimestamp page------------------------*/
#ats h3 {
  font-size: 1.2em;
  color: #b62332;
  font-weight: bold;
}
#ats .em_txt {
  font-weight: bold;
  text-decoration: underline;
}
#ats .tss_img {
  margin: 20px 0 0;
  text-align: center;
}
#ats .tss_img img {
  vertical-align: middle;
}
#ats .amt_list {
  padding: 10px 10px 10px 30px;
  margin: 20px 0;
  background: #fff4f4;
}
#ats .amt_list li {
  position: relative;
}
#ats .amt_list li::before {
  display: block;
  content: "";
  position: absolute;
  top: 0.5em;
  left: -1em;
  width: 4px;
  height: 4px;
  background-color: #666;
  border-radius: 100%;
}
#ats .ats_btn {
  display: block;
  width: 90%;
  background: #b62332;
  margin: 20px auto 0;
  padding: 14px 0;
  border-radius: 3px;
  box-shadow: 0px 4px 0 #77141e;
  text-align: center;
  color: #fff;
  font-size: 1.2em;
  text-decoration: none;
}
#ats .ats_btn:hover {
  background: #d05965;
  color: #fff;
}
#ats .stamplist {
  margin: 10px 0 20px;
}
#ats .stamplist li {
  width: 31%;
  margin-right: 2%;
  float: left;
  text-align: center;
}
#ats .stamplist li:last-child {
  margin-right: 0;
}
#ats .stamplist li img {
  display: block;
  margin: auto;
}
#ats .timestamp02,
#ats .timestamp03 {
  margin-bottom: 30px;
}
#ats .timestamp02 dt,
#ats .timestamp03 dt {
  margin: 0 0 10px;
}
#ats .timestamp02 dd,
#ats .timestamp03 dd {
  margin: 0 0 20px;
}
#ats .timestamp02 dd a,
#ats .timestamp03 dd a {
  width: 557px;
  position: relative;
  display: block;
  margin: 0 auto;
}
#ats .timestamp03 dd a {
  width: 434px;
}
#ats .timestamp02 dd a::after,
#ats .timestamp03 dd a::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(../images/page/popup.png) no-repeat center;
  background-size: 24px 24px;
  position: absolute;
  z-index: 3;
  bottom: 0;
  right: 0;
}

/*Dialog*/
#agreement_privacy .dia {
  display: inline-block;
  width: 335px;
  height: 50px;
  margin-right: 15px;
  vertical-align: bottom;
  border: none;
  background: url(../images/page/confirm_no.png) no-repeat;
  text-indent: 105%;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
}
#agreement_privacy .btn_bottom {
  vertical-align: bottom;
}

/*----------privacy ---------------*/

#privacy dl {
}
#privacy dt {
}
#privacy dd.indent1 {
  text-indent: -1em;
  padding-left: 1em;
}

#privacy dd.indent2 {
  text-indent: -2em;
  padding-left: 2em;
}

/*ライセンスファイルのパスワード変更ツール*/
.soft-dl-block::after {
  content: " ";
  display: block;
  clear: both;
}
.soft-dl-block p {
  float: left;
  width: 50%;
}
#change-pw-order .content a {
  transition: 0.3s;
}
#change-pw-order .content a:hover {
  opacity: 0.8;
}
.soft-dl-block .dl-btn {
  display: block;
  float: left;
  width: 50%;
  padding: 15px 0;
  text-decoration: none;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  background: #b62232;
  box-shadow: 0 2px 0 #7d3038, inset 1px 2px 3px rgba(255, 255, 255, 0.3);
}
#change-pw-order .back-btn {
  display: block;
  width: 50%;
  padding: 15px 0;
  margin: 40px auto 0;
  text-decoration: none;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  background: #aaa;
  box-shadow: 0 2px 0 #777;
}