@charset "utf-8";
body {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-style: normal;
  line-height: 1.3;
  font-size: 10pt;
  background-color: #ffffff;
}
.text_center {
	text-align: center;
}
.text_right {
	text-align: right;
}
/* フォントサイズ調整 */
.font_s {
  font-size: 0.7rem;
}
/* マージン調整 */
.m_auto {
	margin: auto;
}
.m_top_5 {
  margin-top: 5px;
}
.m_top_10 {
  margin-top: 10px;
}
.m_top_20 {
  margin-top: 20px;
}
.m_top_30 {
  margin-top: 30px;
}
.m_top_u10 {
  margin-top: -10px;
}
.m_top_u20 {
  margin-top: -20px;
}
.m_bottom_10 {
  margin-bottom: 10px;
}
.m_bottom_20 {
  margin-bottom: 20px;
}
.m_bottom_30 {
  margin-bottom: 30px;
}
.m_bottom_50 {
  margin-bottom: 50px;
}
.m_bottom_u30 {
  margin-bottom: -30px;
}
.m_right_5 {
  margin-right: 5px;
}
.m_left_5 {
  margin-left: 5px;
}
.m_left_10 {
  margin-left: 10px;
}
.m_left_15 {
  margin-left: 15px;
}
.m_left_20 {
  margin-left: 20px;
}
.m_left_30 {
  margin-left: 30px;
}
.valign_top {
	vertical-align: top;
}
/* オンマウス画像半透明 */
img.css-hover {
  opacity: 1;
}
a:hover img.css-hover {
  opacity: 0.7;
}
/* リンク付きフォント */
a:link {
  color: #fff;
  text-decoration: none;
}
a:visited {
  color: #fff;
  text-decoration: none;
}
a:hover, a:active {
  color: #76afe6;
  text-decoration: underline;
}
/* テーブルの基本 */
table {
  width: 614px;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  margin-top: auto;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
}
th, td {
  border: 1px solid #C1DDFF;
  padding: 7px;
  text-align: center;
  vertical-align: middle;
}
th {
  background-color: #0091E0;
  color: #FFFFFF;
  font-weight: normal;
}
td a:link {
  color: #004aa3;
  text-decoration: underline;
}
td a:visited {
  color: #004aa3;
}
td a:hover {
  color: darkred
}
td:hover {
  background-color: #E8F6F9;
}
/*区切り線*/
hr {
  border-top: 1px solid #ECECEC;
  margin-top: 5px;
}
/* 様々な幅調整 */
.w30 {
  width: 30px;
}
.w55 {
  width: 55px;
}
.w60 {
  width: 60px;
}
.w65 {
  width: 65px;
}
.w70 {
  width: 70px;
}
.w75 {
  width: 75px;
}
.w80 {
  width: 80px;
}
.w85 {
  width: 85px;
}
.w90 {
  width: 90px;
}
.w100 {
  width: 100px;
}
.w110 {
  width: 110px;
}
.w120 {
  width: 120px;
}
.w130 {
  width: 130px;
}
.w140 {
  width: 140px;
}
.w180 {
  width: 180px;
}
.w220 {
  width: 220px;
}
.w290 {
  width: 290px;
}
.w310 {
  width: 310px;
}
/* div幅調整とセンタリング */
.w614 {
  width: 614px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.75;
}
.paddng_left_55 {
	padding-left: 55px;
}
/* header */
header {
  margin-left: auto;
  margin-right: auto;
}
#hdrh1 {
  height: 25px;
  background-image: url(../img/header_line.jpg);
  background-repeat: repeat-x;
}
#hdrh1 h1 {
  margin-left: auto;
  margin-right: auto;
  color: #ffffff;
  font-weight: lighter;
  font-size: 0.6rem;
  text-align: center;
  height: 25px;
  line-height: 25px;
}
/* 会社ロゴ　会社概要ナビ */
#hdrContents {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  height: 40px;
}
.logo {
  margin-top: 5px;
  float: left;
}
#hdrContents nav {
  width: 530px;
  height: 40px;
  top: 40px;
  margin-top: 5px;
  margin-left: 49px;
  float: left;
}
#hdrContents nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
}
#hdrContents nav li {
  line-height: 30px;
  float: left;
}
/* 地図上のナビ */
.hnavi {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  clear: left;
}
.hnavi li {
  float: left;
  list-style-type: none;
}
/* トップページ専用ここから */
/* トップページ地図 */
#main_img {
	margin-top: 24px;
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../home/img/main_img_bg_2025.jpg);
	height: 334px;
	position: relative;
}
.kangei {
  position: absolute;
  top: 15px;
  left: 572px;
}
.kakekomi {
  position: absolute;
  top: 286px;
  left: 310px;
}
.tieup {
  top: 285px;
  left: 470px;
  position: absolute;
}
.archive {
  top: 220px;
  left: 393px;
  position: absolute;
}
/* トップページサービス一覧 */
main {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}
main:after {
  display: block;
  clear: both;
  content: "";
}
main ul li {
  list-style-type: none;
  text-align: center;
}
main ul li img {
  margin-right: 5px;
}
main li a:link {
  color: #004AA3;
  text-decoration: underline;
}
main li a:visited {
  color: #004AA3;
  text-decoration: underline;
}
main li a:hover {
  color: #CC0033;
  text-decoration: underline;
}
main li a:active {
  color: #CC0033;
  text-decoration: underline;
}
/* トップページの各価格表背景　*/
.main_content_bg01 {
  background: url(../home/img/main_content_bg01.jpg) no-repeat 0 0;
  width: 300px;
  height: 25px;
  float: left;
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 15px;
  margin-right: 30px;
  padding-top: 115px;
  padding-bottom: 10px;
  margin-top: 5px;
}
.main_content_bg02 {
  background: url(../home/img/main_content_bg02.jpg) no-repeat 0 0;
  width: 300px;
  height: 25px;
  float: left;
  padding: 115px 0 10px;
  margin-bottom: 15px;
  margin-right: 30px;
  margin-top: 5px;
}
.main_content_bg03 {
  background: url(../home/img/main_content_bg03.jpg) no-repeat 0 0;
  width: 300px;
  height: 25px;
  float: left;
  padding: 115px 0 10px;
  margin-bottom: 15px;
  margin-top: 5px;
}
.main_content_bg04 {
  background: url(../home/img/main_content_bg04.jpg) no-repeat 0 0;
  width: 300px;
  height: 25px;
  float: left;
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 15px;
  margin-right: 30px;
  padding-top: 115px;
  padding-bottom: 10px;
}
.main_content_bg05 {
  background: url(../home/img/main_content_bg05.jpg) no-repeat 0 0;
  width: 300px;
  height: 25px;
  float: left;
  padding: 115px 0 10px;
  margin-bottom: 15px;
  margin-right: 30px;
}
.main_content_bg06 {
  background: url(../home/img/main_content_bg06.jpg) no-repeat 0 0;
  width: 300px;
  height: 25px;
  float: left;
  padding: 115px 0 10px;
  margin-bottom: 15px;
}
.main_content_bg07 {
  background: url(../home/img/main_content_bg073.jpg) no-repeat 0 0;
  width: 300px;
  height: 25px;
  float: left;
  padding: 115px 0 10px;
  margin-bottom: 15px;
  margin-right: 30px;
}
.main_content_bg08 {
  background: url(../home/img/main_content_bg08.jpg) no-repeat 0 0;
  width: 300px;
  height: 25px;
  float: left;
  padding: 115px 0 10px;
  margin-bottom: 15px;
  margin-right: 30px;
}
.main_content_bg09 {
  background: url(../home/img/main_content_bg09.jpg) no-repeat 0 0;
  width: 300px;
  height: 25px;
  float: left;
  padding: 115px 0 10px;
  margin-bottom: 15px;
  text-align: center;
}
/* トップページ トピックスとバナー */
#subMain {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
#subMain:after {
  display: block;
  clear: both;
  content: "";
}
/* トップページ トピックス */
article {
  width: 442px;
  float: left;
  margin-left: 5px;
}
#subMain dl {
  margin-top: 10px;
  margin-left: 5px;
  border-bottom: 1px solid #A8C4E6;
}
#subMain dd {
  margin-bottom: 5px;
  margin-left: 78px;
  padding-bottom: 5px;
}
#subMain dt {
  font-weight: bold;
  padding-bottom: 5px;
  margin-top: 10px;
}
#subMain article p {
  margin-left: 10px;
  margin-top: 10px;
  border-bottom: 1px solid #A8C4E6;
  padding-bottom: 5px;
}
#subMain dd a:link {
  color: #004AA3;
  text-decoration: underline;
}
#subMain dd a:visited {
  color: #004AA3;
  text-decoration: underline;
}
#subMain dd a:hover {
  color: #CC0033;
  text-decoration: underline;
}
#subMain dd a:active {
  color: #CC0033;
  text-decoration: underline;
}
/* トップページ バナー */
.web_benner {
display: flex;
width: 490px;
gap: 10px; /* 画像とテキストの間隔 */
margin: 0px auto 10px;
}

.web_benner img {
width: 200px; /* 画像の横幅固定 */
height: auto;
}

.web_benner_text {
flex: 1;
}

#subMain aside {
  width: 505px;
  float: left;
  margin-left: 15px;
}
#subMain aside img {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
}
#ranking {
  width: 504px;
  height: 176px;
  background-image: url(../home/img/ranking.jpg);
  position: relative;
  font-weight: bold;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3px;
}
aside #ranking #rank1 {
  position: absolute;
  top: 45px;
  left: 60px;
}
aside #ranking #rank2 {
  top: 90px;
  left: 60px;
  position: absolute;
}
aside #ranking #rank3 {
  top: 135px;
  left: 60px;
  position: absolute;
}
#ranking a:link, a:visited {
  color: red;
  text-decoration: underline;
}
#ranking a:visited {
  color: red;
  text-decoration: underline;
}
#ranking a:hover {
  color: blue;
  text-decoration: underline;
}
#ystop a:link, a:visited {
  color: red;
  text-decoration: underline;
}
#ystop a:visited {
  color: red;
  text-decoration: underline;
}
#ystop a:hover {
  color: blue;
  text-decoration: underline;
}
#ystop img {
  vertical-align: middle
}
/* トップページ専用ここまで */
/* フッターの上のリンク */
.footer_text {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  text-align: center;
}
.footer_text a:link, a:visited {
  color: #666;
  text-decoration: none;
}
.footer_text a:hover {
  color: #666;
  text-decoration: underline;
}
/* フッター */
#footer_bg {
  background-image: url(../img/footer_bgL.jpg);
  background-repeat: repeat-x;
  width: 100%;
  height: 200px;
  margin-top: 15px;
}
#footer_contents {
  width: 970px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
}
#footer_contents div ul {
  list-style-type: none;
  border-left: 1px solid #666666;
  padding-left: 11px;
  float: left;
  padding-right: 20px;
  margin-top: 20px;
}
#footer_logo {
  float: left;
  margin-top: 10px;
  margin-bottom: auto;
  width: 461px;
}
.footer_navi {
  width: auto;
  float: left;
  line-height: 1.5;
}
.footer_navi ul li img {
  padding-right: 8px;
  padding-left: 8px;
}
.footer_navi ul li a:link {
  color: #000;
  text-decoration: none;
}
.footer_navi ul li a:visited {
  color: #000;
  text-decoration: none;
}
.footer_navi ul li a:hover {
  color: #000;
  text-decoration: underline;
}
.small {
  margin-top: 5px;
  color: #555555;
  font-size: 0.7rem;
  text-align: center;
}
/* ページ先頭へ戻るボタン */
.page_top {
  position: fixed;
  bottom: 10px;
  padding: 10px;
  right: 10px;
  color: red;
  background-color: rgba(0, 51, 153, 0.70);
  border-radius: 30px;
  text-align: center;
  text-decoration: none;
  font-size: 0.6rem;
}
.page_top a:link {
  color: #FFFFFF;
  text-decoration: none;
}
.page_top a:visited {
  color: #FFFFFF;
  text-decoration: none;
}
.page_top a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
/* reCAPTCHA v3 バッジの位置調整 */
.grecaptcha-badge {
    /* デフォルトの bottom: 18px を上書きして、下から 50px の位置に移動 */
    bottom: 60px !important; 
    /* デフォルトの right: 18px はそのまま */
}
/*価格表ページのタブメニューとタイトル画像*/
#pagetitle {
  width: 964px;
  margin-left: auto;
  margin-right: auto;
  padding-top: -2px;
}
#pagetitle div img {
  width: 964px;
  margin-top: -5px;
  margin-left: auto;
  margin-right: auto;
}
#pagetitle nav ul {
  float: left;
  list-style-type: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  width: 964px;
}
#pagetitle nav ul li {
  float: left;
  margin-left: auto;
  margin-right: auto;
}
/*価格表ページの左側　メニュー部分*/
.menu_bg {
  border: 1px solid #ccc;
  width: 268px;
  padding: 14px;
  margin-bottom: 20px;
  background-image: -webkit-linear-gradient(270deg, rgba(236, 236, 236, 1.00) 0%, rgba(248, 248, 248, 1.00) 100%);
  background-image: -moz-linear-gradient(270deg, rgba(236, 236, 236, 1.00) 0%, rgba(248, 248, 248, 1.00) 100%);
  background-image: -o-linear-gradient(270deg, rgba(236, 236, 236, 1.00) 0%, rgba(248, 248, 248, 1.00) 100%);
  background-image: linear-gradient(180deg, rgba(236, 236, 236, 1.00) 0%, rgba(248, 248, 248, 1.00) 100%);
  margin-top: -15px;
}
#menu {
  width: 300px;
  float: left;
}
span.menulong {
  font-size: 0.75rem;
}
.m_bar_01 {
  background-repeat: no-repeat;
  background-image: url(../img/m_bar_01.jpg);
  height: 27px;
  line-height: 15px;
  margin-bottom: 10px;
  color: #FFF;
  text-align: left;
  padding-left: 20px;
  padding-top: 10px;
}
.m_bar_01 a:link {
  color: #fff;
  text-decoration: none;
}
.m_bar_01 a:visited {
  color: #fff;
}
.m_bar_01 a:hover {
  color: #76afe6;
}
.m_bar_02 {
  background: url(../img/ico01.gif) no-repeat 0 5px;
  height: 25px;
  line-height: 17px;
  margin-bottom: 8px;
  margin-left: 20px;
  color: #004AA3;
  text-align: left;
  padding-left: 12px;
}
.m_bar_02 a:hover {
  color: #76afe6;
}
.m_bar_03 {
  background: url(../img/m_bar_01.jpg) no-repeat 0 0;
  height: 32px;
  line-height: 12px;
  margin-bottom: 10px;
  color: #FFF;
  text-align: left;
  padding-left: 20px;
  padding-top: 5px;
}
/* ダウンロードはこちら */
#menu_download {
  width: 250px;
  height: 30px;
  margin: 10px;
  padding: 10px;
  background-color: #CCFF99;
  border: 2px solid #DDDDDD;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 7px rgba(187, 182, 182, 0.88);
  box-shadow: 0px 0px 7px rgba(187, 182, 182, 0.88);
  text-align: center;
  color: #000000;
}
#menu_download a:link {
  color: #000000;
  text-decoration: none;
}
#menu_download a:visited {
  color: #000000;
}
#menu_download a:hover {
  color: #76afe6;
}
/* お問い合わせはこちら */
#menu_toiawase {
  width: 250px;
  height: 19px;
  margin: 10px;
  padding-top: 12px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  background-color: pink;
  border: 2px solid #DDDDDD;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 7px rgba(187, 182, 182, 0.88);
  box-shadow: 0px 0px 7px rgba(187, 182, 182, 0.88);
  text-align: center;
  color: #000000;
}
#menu_toiawase a:link {
  color: #000000;
  text-decoration: none;
}
#menu_toiawase a:visited {
  color: #000000;
}
#menu_toiawase a:hover {
  color: #76afe6;
}
/* 競合他社との兼ね合い～ */
#menu_kyougou {
  width: 265px;
  font-size: 0.66rem;
  margin-left: 15px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  line-height: 1rem;
}
/* 全国県名 */
.zenkoku {
  width: 300px;
}
.zenkoku p {
  margin: 1px;
  font-size: 0.65rem;
  text-align: left;
  color: #444;
}
.zenkoku span {
  font-size: 0.8rem;
  font-weight: bold;
  color: #666;
}
/*価格表ページの右側　価格表部分*/
#main_contents {
  width: 650px;
  float: left;
  margin-left: 10px;
}
#main_contents h2 {
  font-size: 1rem;
  font-weight: normal;
  text-align: left;
  color: #FFFFFF;
}
#main_contents h2 span {
  font-size: 0.5rem;
  float: right;
}
#main_contents h3 {
  font-size: 0.9rem;
  font-weight: normal;
  text-align: left;
}
#main_contents h3 span {
  font-size: 0.7rem;
  margin-left: 7px
}
#main_contents .color_red {
  color: #FF0000;
  font-size: 0.9rem;
}
/* h2の背景 */
.bar_01 {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(../img/bar_01.jpg);
  width: 615px;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  padding-right: 10px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}
/* h3の背景 */
.bar_02 {
  background: url(../img/bar_02.jpg) no-repeat bottom left;
  width: 584px;
  height: 32px;
  line-height: 28px;
  color: #004AA3;
  padding-left: 30px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
#main_contents p {
  text-align: left;
  margin: 0;
}
/*価格表テーブル縦列見出し 背景水色*/
#main_contents table .row {
  background-color: #c1ddff;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  color: #000000;
  font-weight: normal;
}
/*価格表テーブルのセル右側のボーダーを白にする*/
#main_contents table .border_right {
  border-right: 1px solid #FFFFFF;
}
/*価格表テーブルの一番下のボーダーを水色にする*/
#main_contents table .border_bottom {
  border-bottom: 1px solid #C1DDFF;
}
/* 価格表のホワイトレーベル部分色付け */
td.std {
  background-color: rgba(255, 239, 239, 1.00);
}
td:hover.std {
  background-color: #E8F6F9;
}
tbody tr .bg-white {
  background-color: #ffffff;
}
/* 価格表を見やすくするボーダー指定 */
.border_right_w3 {
  border-right-width: 3px;
}
.border_bottom_w2 {
  border-bottom-width: 2px;
}
/* マスター支給注意書き */
#caution {
  text-align: left;
  margin-top: 45px;
  margin-bottom: 30px;
}
#caution th {
  background-color: #ffdbdb;
  color: #000000;
  text-align: left;
  vertical-align: middle;
}
#caution img {
  vertical-align: middle;
}
/* コピーガード注意書き */
#caution_g {
  text-align: left;
  margin-top: 45px;
  margin-bottom: 30px;
}
#caution_g th {
  text-align: left;
  vertical-align: middle;
}
#caution_g img {
  vertical-align: middle;
}
/* 点滅 黄色丸感嘆符画像 */
.blinking {
  -webkit-animation: blink 1.5s ease-in-out infinite alternate;
  -moz-animation: blink 1.5s ease-in-out infinite alternate;
  animation: blink 1.5s ease-in-out infinite alternate;
  font-weight: normal;
  margin-right: 7px;
}
@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.blinking img {
  vertical-align: middle;
}
.blinking_usbpro {
  -webkit-animation: blink 1.5s ease-in-out infinite alternate;
  -moz-animation: blink 1.5s ease-in-out infinite alternate;
  animation: blink 1.5s ease-in-out infinite alternate;
  font-weight: normal;
  margin-right: 0px;
}
@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.blinking_usbpro img {
  vertical-align: middle;
}
/* オーサリング承りますのボーダー・背景など */
#main_contents .master {
  width: 590px;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  border-style: double;
  border-color: #0091E0;
  border-radius: 5px;
  text-align: center;
  line-height: 1.75;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 35px;
  background-color: #FFEFEF;
}
#main_contents .master hr {
  border: 0.3px solid #c1ddff;
}
/* 在庫限りの画像表示 */
.zaikokagiri {
  vertical-align: -5px;
  margin-left: 20px;
}
/* 範囲の囲い枠など */
.border_blue {
  border: 2px solid #C1DDFF;
  border-radius: 5px;
  width: 610px;
  padding: 7px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  line-height: 1.75;
}
.border_blue a:link {
  color: #004aa3;
  text-decoration: underline;
}
.border_blue a:visited {
  color: #004aa3;
}
.border_blue a:hover {
  color: darkred
}
.border_blue:after {
  display: block;
  clear: both;
  content: "";
}
.border_darkblue {
  border: 2px solid #4093F8;
  border-radius: 5px;
  width: 610px;
  padding: 5px;
  margin-top: 8px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  line-height: 1.75;
}
.border_darkblue a:link {
  color: #004aa3;
  text-decoration: underline;
}
.border_darkblue a:visited {
  color: #004aa3;
}
.border_darkblue a:hover {
  color: darkred
}
.border_darkblue:after {
  display: block;
  clear: both;
  content: "";
}
.border_darkblue p {
  padding-left: 15px;
}
/* オーサリングページのその他作業案内の項目表示部分 */
.koumoku {
  background-color: #c1ddff;
  width: 450px;
  padding-top: 6px;
  padding-right: 5px;
  padding-left: 10px;
  border-radius: 10px;
  padding-bottom: 3px;
  margin-bottom: 5px;
}
/* 会社概要の行の高さ */
.company {
  line-height: 1.75;
}
/* お問い合わせフォーム */
#formWrap {
  margin: 5px auto;
  color: #555;
  line-height: 120%;
}
table.formTable {
  width: 630px;
  margin: 0 auto;
  border-collapse: collapse;
}
table.formTable td, table.formTable th {
  border: 1px solid #ccc;
  padding: 10px;
}
table.formTable th {
  width: 150px;
  font-weight: normal;
  background: #efefef;
  text-align: left;
  color: #555;
}
table.formTable1 {
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
}
table.formTable1 td, table.formTable1 th {
  border: none;
  padding: 5px;
  text-align: left;
}
input[type="submit"] {
  width: 150px;
  height: 40px;
  margin: 10px;
  padding-top: 8px;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 8px;
  background-color: pink;
  border: 2px solid #F79A9B;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  color: #000;
}
input:hover {
  box-shadow: 1px 1px 0 #BCBDBD, 2px 2px #BCBDBD, 3px 3px #BCBDBD;
  transform: translateX(-3px);
  -webkit-box-shadow: 1px 1px 0 #BCBDBD, 2px 2px #BCBDBD, 3px 3px #BCBDBD;
}
/* カセットテープ画像 */
.c0main {
    margin-top: -15px;
    margin-right: 7px;
    margin-bottom: 10px;
    margin-left: 7px;
    border: 2px solid #0557FF;
    width: 271px;
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: auto;
    padding-right: auto;
    text-align: center;
    float: left;
    border-radius: 10px;
    height: 285px;
}
.c0main img {
  margin-top: 5px;
}
.c0sub {
  width: 189px;
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: auto;
  padding-right: auto;
  text-align: center;
  float: left;
  margin-top: -15px;
  margin-right: 5px;
  margin-bottom: 15px;
  margin-left: 5px;
  background-image: -webkit-linear-gradient(270deg, rgba(220, 236, 251, 1.00) 0%, rgba(255, 255, 255, 1.00) 100%);
  background-image: -moz-linear-gradient(270deg, rgba(220, 236, 251, 1.00) 0%, rgba(255, 255, 255, 1.00) 100%);
  background-image: -o-linear-gradient(270deg, rgba(220, 236, 251, 1.00) 0%, rgba(255, 255, 255, 1.00) 100%);
  background-image: linear-gradient(180deg, rgba(220, 236, 251, 1.00) 0%, rgba(255, 255, 255, 1.00) 100%);
  border-radius: 10px;
}
.c0sub img {
  margin-top: 5px;
}
.c0sub span {
  color: red;
  font-size: 10pt;
}
.cassette {
    width: 610px;
    padding: 7px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-top: 20px;
}
.cassette:after {
  display: block;
  clear: both;
  content: "";
}
.cassette hr {
  border-top: 1px solid #ECECEC;
  margin-top: 0px;
  margin-bottom: 2px;
}
.c0yajirushi {
  float: left;
  height: 260px;
  text-align: center;
  vertical-align: middle;
  width: 25px;
}
.c0yajirushi img {
  vertical-align: middle;
}
.c0title {
  width: 235px;
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  background-color: #FCE6FC;
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
}
.hc {
  margin-right: 10px;
}

/* CMプリント */
.cmp1 {
  width: 180px;
  height: 30px;
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 5px;
  float: left;
  font-weight: bold;
  font-size: medium;
  background-color: #e2dfef;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  -webkit-box-shadow: 0 1px 3px;
  box-shadow: 0 1px 3px;
}
.cmp1 span {
  font-size: 1.2em;
}
.cmp2 {
  width: 180px;
  height: 30px;
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 10px;
  padding: 5px;
  float: left;
  font-weight: bold;
  font-size: medium;
  background-color: #bce2ec;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  -webkit-box-shadow: 0 1px 3px;
  box-shadow: 0 1px 3px;
}
.cmp2 span {
  font-size: 1.1em;
}
.cmp3 {
  width: 180px;
  height: 30px;
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 10px;
  padding: 5px;
  float: left;
  font-weight: bold;
  font-size: medium;
  background-color: #fffbc4;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  -webkit-box-shadow: 0 1px 3px;
  box-shadow: 0 1px 3px;
}
.clearfix:after {
  content: '';
  display: block;
  clear: both;
}
/* USBコピープロテクト */
.usbpro {
  width: 614px;
  margin: auto;
  text-align: center;
}
.usbpro img {
  margin-bottom: 10px;
}
.usbpro span {
  font-weight: bold;
}
.usbpro1 {
    margin-top: 10px;
    margin-right: 5px;
    margin-left: 12px;
    margin-bottom: 20px;
    padding: 10px;
    width: 180px;
    height: 40px;
    float: left;
    border-radius: 10px;
    background-color: #AFF7C7;
    font-weight: bold;
    line-height: 20px;
}
.usbpro1 span {
  font-size: 0.95em;
}
.usbpro2 {
    margin-top: 10px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 20px;
    padding: 10px;
    width: 105px;
    height: 40px;
    float: left;
    border-radius: 10px;
    background-color: #AFF7C7;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 20px;
}
.usbpro3 {
    margin-top: 10px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 20px;
    padding: 10px;
    width: 170px;
    height: 40px;
    float: left;
    border-radius: 10px;
    background-color: #AFF7C7;
    font-weight: bold;
    line-height: 20px;
}
.usbpro4 {
    font-size: 1.05em;
    font-weight: bold;
    text-align: left;
    color: #12109E;
	margin-left: -5px;
}
.usbpro5 {
  width: 30px;
  height: 30px;
  float: left;
  text-align: center;
  margin-top: 25px;
}
/* カセットテープ製造工程 */
.video {
    width: 464px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    text-align: center;
    margin-top: 40px;
    padding: 20px;
}
.process1 {        
	margin-top: 20px;
	margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    width: 614px;
	text-align: center;
}
.process3 {
    width: 180px;
	float: left
 }

.process4 {
	margin-top: 10px;
	float: left
}
.process2 {
    margin-left: auto;
    margin-bottom: 20px;
    text-align: center;
    margin-right: auto;
    margin-top: 0px;
}
.process5 {
	margin: auto;
	width: 300px;
	text-align: center;
}
.font_line {
    border-bottom: solid 3px #fff;
    padding: 5px;
    background-color: #3F2F0D;
    color: #FFFFFF;
    font-weight: bold;
}
#main_contents .cassette .c0main {
}
.font_bold {
	font-weight: bold
}
p.std {
  background-color: rgba(255, 239, 239, 1.00);
}
table.vhs {
  width: 614px;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  margin-top: auto;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
}
.vhs th {
  border: 1px solid #C1DDFF;
  padding: 2px;
  text-align: center;
  vertical-align: middle;
}
.vhs td {
  border: 1px solid #C1DDFF;
  padding: 4px;
  text-align: center;
  vertical-align: middle;
}

.btn_img :hover {
transform: translateY(-3px);
}

/* ヤフーの商品ページ検索一覧 */
.store {
	text-align: center;
}
.store h1 {
 	padding: 5px;
    font-size: 1em;
}
.store h2 {
    margin: 20px auto;
	padding: 10px;
    text-align: center;
    font-size: 1.4em;
}
.ylist_a {
    text-align: center;
    color: #000000;
    margin-top: 20px;
    margin-bottom: 100px;
}
.ylist_a h2 {
    margin: 20px auto;
	padding: 10px;
    text-align: center;
    font-size: 1.4em;
}
.ylist_a a:hover {
	color: red;
}
.ylist_a a:link {
  color: #000000;
  	text-decoration: underline;
}
.ylist_a a:visited {
  color: #000000;
  text-decoration: none;
}

.change-area {
    background: #C1DDFF;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
}

.store img {
  width: 100%; /*bodyの幅に対する割合 */
  max-width: 960px;
}
.store_vhs_img {
  width: 100%; /*bodyの幅に対する割合 */
  max-width: 600px;
	margin: 10px auto;
}
.y_list_title {
	width: 350px;
	margin: auto;
}
.y_list_title img {
	max-width: 200px;
}

.yshop_comment {
    width: 95%;
    max-width: 610px;
    margin: auto;
	padding: 10px;
    border: #EF5A6F 2px solid;
    border-radius: 5px;
}

.yshop_comment ul {
	padding-top: 5px;
	padding-left: 20px;
	line-height: 1.6em;
	  list-style: none;
  margin-left: -20px;
}

.yshop_comment ul li {
  position: relative;
  padding: 5px 0 5px 25px;
 }

.yshop_comment ul li::before {
  content: '\f06a';
  font-family: "Font Awesome 6 Free";
  font-weight: 700;
  font-size: 1.3em;
  position: absolute;
  color: #EF5A6F;
  top: 4px;
  left: 0;
}
.yshop_case {
    width: 310px;
    height: 30px;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-radius: 20px;
    background-color: #8fc31f;
    color: #000000;
    font-size: 1em;
    line-height: 30px;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
}
.yshop_case a {
    color: #000000;
}
.yshop_case a:hover {
    color: #3A3A3A;
}

table.store {
  width: 600px;
  margin: 0 auto;
  border-collapse: collapse;
}
table.store td, table.store th {
  border: 1px solid #ccc;
  padding: 10px;
}
table.store th {
  font-weight: normal;
  background: #efefef;
  text-align: left;
  color: #555;
}
table.store {
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
}
table.store td, table.store th {
  border: none;
  padding: 5px;
  text-align: left;
}

/* ヤフーロゴ掲出 */
.yshop {
display: flex;
flex-flow: row wrap;
justify-content:space-around;
	align-items: center;
	font-size: 0.8em;
    margin: 20px auto;
	    width: 90%;
    max-width: 610px;
}
.yshop img {
  vertical-align: middle;
}
.yshop p {
  vertical-align: middle;
}
.yshop a:link {
  color: #004aa3;
  text-decoration: underline;
}
.yshop a:visited {
  color: #004aa3;
}
.yshop a:hover {
  color: darkred
}

.yshop_ys {
	display:flex;
	flex-direction: column;
	align-items: center;
	padding: 0px 0px 10px;
}

.yshop_au {
	display:flex;
	flex-direction: column;
	align-items: center;
	padding: 0px 0px 10px;
}
.yau_link {
    width: 310px;
    height: 30px;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-radius: 20px;
    background-color: #F99F09;
    color: #000000;
    font-size: 1em;
    line-height: 30px;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
}
.yau_link a {
    color: #000000;
}
.yau_link a:hover {
    color: #3A3A3A;
}
.yshop_link {
    width: 310px;
    height: 30px;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-radius: 20px;
    background-color: #F90826;
    color: #FFFFFF;
    font-size: 1em;
    line-height: 30px;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
}
.yshop_link a {
    color: #FFFFFF;
}
.yshop_link a:hover {
    color: #3A3A3A;
}
.yahoo_list_flex-box {
display: flex;
justify-content:space-around;
    margin: 20px auto;
	    width: 95%;
    max-width: 610px;
	align-items:flex-start;        /* 縦の位置指定 */
}

.yahoo_list_flex-item {
    padding: 10px;
    color:  #000;               /* 文字色 */
    margin:  5px;              /* 外側の余白 */
    border-radius:  5px;        /* 角丸指定 */
}

.yahoo_list_flex-item:nth-child(1) {
    background-color:  #fff; /* 背景色指定 */
	flex-basis:  250px;         /* 幅指定 */
	text-align: center;
}

.yahoo_list_flex-item:nth-child(2) {
    background-color:  #fff; /* 背景色指定 */
 }
.yahoo_list_flex-box a:link {
  color: #004aa3;
  text-decoration: underline;
}
.yahoo_list_flex-box a:visited {
  color: #004aa3;
}
.yahoo_list_flex-box a:hover {
  color: darkred
}
.yahoo_list_banner {
	margin: 30px auto;
	text-align: center;
}
.yahoo_list_footer {
    border-top: thick dotted #666F85;
}
.yahoo_list_footer_flex-box {
display: flex;
justify-content:space-around;
    margin: 20px auto;
	    width: 95%;
    max-width: 610px;
	align-items:flex-start;        /* 縦の位置指定 */
}

.yahoo_list_footer_flex-item {
    padding: 10px;
    color:  #000;               /* 文字色 */
    margin:  5px;              /* 外側の余白 */
    border-radius:  5px;        /* 角丸指定 */
}

.yahoo_list_footer_flex-item {
    background-color:  #fff; /* 背景色指定 */
}
.yshop_products img {
  vertical-align: middle;
}
.yshop_products p {
  vertical-align: middle;
}

i {
	margin-right: 0.3em;
}

.as_website {
    width: 310px;
    height: 30px;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-radius: 20px;
    background-color: #2c338f;
    color: #FFFFFF;
    font-size: 1em;
    line-height: 30px;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
}
.as_website a:visited {
  color: #fff;
  text-decoration: none;
}
.as_website a:hover, a:active {
  color: #76afe6;
  text-decoration: underline;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	

}

/*960px以下*/
@media screen and (max-width: 960px){
.yshop {
display: flex;
flex-flow: column wrap;
justify-content:space-around;
	align-items: center;
	padding: 15px;
	font-size: 0.8em;
}
.yshop_au {
margin-top: 15px;
margin-bottom: 3px;
}	
}	

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.point img {
		max-width: 200px;
	}

	.store table {
		width: 95%;
		margin: 10px auto;
	}
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.yahoo_list_flex-box {
		flex-wrap: wrap; 
}

	}