@CHARSET "UTF-8";


body,
.c-content-main h2,
.c-content-main h3,
.c-content-main h4,
.c-content-main strong {
	font-family: "游ゴシック体", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.c-header__body {
	position: relative;
}
.c-header__body .c-header__sub {
	position: absolute;
	right: 0;
	top: 0;
}

/* checkbox を横に並べる */
.checkbox-inline {
	padding-left: 0;
}
.checkbox-inline + .checkbox-inline {
	margin-left: 0px;
	margin-right: 10px;
	cursor: auto;
}
.checkbox-inline:first-child {
	margin-right: 10px;
}
.checkbox-inline label {
	font-weight: normal;
	margin-right: 15px;
}
.checkbox-inline input[type=checkbox] {
	margin-top: 8px;
}
/* 入力禁止の背景 */
input[type="text"][disabled] {
	background:#eee;
}
:not(.c-page-sub-fw) input[type="radio"][disabled]+label,
:not(.c-page-sub-fw) input[type="checkbox"][disabled]+label {
	color:#d3d3d3;
	background:#fff;
	cursor: not-allowed;
}
.c-page-sub-fw input[type="radio"][disabled]+label,
.c-page-sub-fw input[type="checkbox"][disabled]+label {
	color:#eee;
	cursor: not-allowed;
}

.c-content-main :not(.form-table).definition-table th,
.c-content-main :not(.form-table).definition-table td {
	padding: 10px 10px 10px;
}
.c-content-main :not(.form-table).definition-table .ico-req {
	background: none;
	color: #ff6a6a;
	top: 20px;
	font-weight: normal;
}
/* 管理側選択文字背景 */
.c-page-sub-fw ::selection {
	background: #53b300;
}
.c-page-sub-fw ::-moz-selection {
	background: #53b300;
}
/* 管理側カレンダー色 */
.c-page-sub-fw .ui-state-active {
	background: #53b300;
	border: 1px solid #254f00;
}
.c-page-sub-fw table.ui-datepicker-calendar tbody td:first-child a.ui-state-default,
.c-page-sub-fw table.ui-datepicker-calendar thead th:first-child span {
	color: #9d0712;
}
.c-page-sub-fw table.ui-datepicker-calendar tbody td:last-child a.ui-state-default,
.c-page-sub-fw table.ui-datepicker-calendar thead th:last-child span {
	color: #06529d;
}


/* テーブルヘッダのリンク色を白にする */
.c-page-sub .c-content-main thead th:first-child,
.c-page-sub-fw .c-content-main thead th:first-child {
	background: #444;
}
/* テーブルヘッダの1項目目だけ背景色を濃くする() */
.c-page-sub .c-content-main thead.row-head-first th:first-child {
	background: #222;
}
.c-content-main thead th a {
	color: #fff;
	text-decoration: underline;
}
.c-content-main thead th a:hover {
	color: #a9a9a9;
}

/* 下マージン上書き */
.form-group {
	margin-bottom: 0;
}
.row {
	margin-left: 0;
	margin-right: 0;
}

/* definition-tableでの表示位置
.cbox-group {
	margin-left: 15px;
}

/* モーダルヘッダ */
.modal-header {
	color: #fff;
	background-color: #000;
}

/* Chrome & Operaのみ */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	input[type='password'] {
		font-size: 2em;
	}
	::-webkit-input-placeholder {
		font-size: 15px;
	}
}

/* ラジオ間の間隔 */
.label-for-choice {
	margin-left: 5px;
	margin-right: 15px;
	font-weight: normal;
}

/* 時間と分の間のコロン追加 */
.add-colon:after {
	content: "：";
	position: absolute;
	float: right;
	top: 0;
	right: -5px;
}

/* 一覧テーブルサイズと位置 */
.table-responsive > table {
	table-layout: fixed;
}
.table>thead>tr>th {
	text-align: center;
}

/* ラジオ、チェックボックス装飾 */
input[type=radio], input[type=checkbox] {
  display: none;
}
.radio, .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 8px 4px 0;
  padding: 2px 8px 2px 32px;
  border-radius: 8px;
/*  background-color: #f6f7f8;*/
  vertical-align: middle;
  cursor: pointer;
}
.radio:hover, .checkbox:hover {
  background-color: #e2edd7;
}
.radio:hover:after, .checkbox:hover:after {
  border-color: #53b300;
}
.radio:after, .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 8px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}
.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 11px;
  display: block;
  margin-top: -7px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #53b300;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}
.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 14px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #53b300;
  border-bottom: 3px solid #53b300;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

/* アコーディオンのタイトル内の解説文字列 */
.accordion-block-ttl-commentary {
	font-size: 15px;
}
/* ツールダウンロード */
.c-content-main .tool-table th {
	vertical-align: top;
	padding: 0;
}
.c-content-main .tool-table td {
	padding: 0;
}
.tool-table .img_box {
	text-align:center;
	padding: 10px;
}
.tool-table .accordion-block-contents {
	padding:5px;
}

/* ナビ・サブメニュー */
.c-content-main .local-nav {
	margin-top: 10px;
	margin-bottom: 0;
}
.c-content-main .local-nav li ul {
	list-style: none;
	list-style-type: none;
	position: absolute;
	overflow: visible;
	z-index:10;
}
.c-content-main .local-nav li ul>li {
	position: initial;
	float: none;
	width: 200%;
	overflow: hidden;
	height: 0;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.c-content-main .local-nav li:hover ul li {
/* 中カテゴリメニュー マウスオーバ不要
	overflow: visible;
	height: 27px;
*/
}
.c-content-main .local-nav .local-nav-parent {
	position: static;
}
.c-content-main .local-nav-smaller li>a {
	padding: 0 0;
}
.c-title-page {
/*	margin-bottom: 5px;*/
}
.c-content-main .local-nav-normal {
	margin-top: 40px;
}
.c-content-main .local-nav-normal li:hover ul li {
	height: 45px;
}

.c-content-main .btn-download {
	color: #fff;
	padding: .9em 2em;
}
.c-content-main .btn-download-min {
	color: #fff;
	font-size: 12px;
	padding: 8px 8px;
}
.c-content-main .btn-download:before,
.c-content-main .btn-download-min:before {
	width: 0;
	height: 0;
}
.c-content-main .btn-download:after {
	content: "";
	background: url(/img/ic_download01.png) no-repeat;
	background-size: contain;
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	transform: none;
	left: 10px;
}
.c-content-main .btn-download-min:after {
	border-top: 0;
	border-right: 0;
}
/* 青、赤ボタン */
.btn.btn-primary,
.btn.btn-danger {
	color: #fff;
	padding: .9em 4em .9em 2em;
}
.btn.btn-back {
	padding: .9em 2em .9em 4em;
}
.form-table caption {
  color: #000;
}
.c-content-main .form-table th,
.c-content-main .form-table td {
	padding-top: 10px;
	padding-bottom: 10px;
}

.cp-btn {
	color: #fff;
	background-color: #000;
	border: inherit;
}
/* キーワード検索 */
.c-header__search {
	float: none;
	width: 100%;
}
.c-header__search.search-keyword {
	width: 80%;
	margin: 10px 0 20px 50px;
}
.c-header__search input[type=text] {
	width: 100%;
}
/* メニュー選択中 */
.c-nav-global__list .parent-nav .curr-menu {
	color: #fff;
	border: 1px dotted #eee;
	box-shadow: 0 0 1px 3px #222;
}
/* メニュー改行ありのリンク(下線非表示対応) */
.c-nav-global__list ul a.br {
	letter-spacing: -0.021em;
}
/* メニュー改行ありのリンク(下線位置対応) */
.c-nav-global__list ul a.br:before {
	top: 78px
}
/* シリアルキーヘッダ */
.c-content-main th.sk-head {
	width: 370px;
}
.tool-title {
	padding: 0 0 0 5px;
}
.c-content-main p a {
	background: inherit;
	color: #337ab7;
	text-decoration: inherit;
}
.c-content-main p a:hover {
	color: #23527c;
}
.c-content-main .payment-table img {
	width: 300px;
}

.c-content-main .form-table.contract tbody td::before {
	content: '';
	margin-left: -60px;
	position: absolute;
	border-top: 0px solid #000;
	border-bottom: 0px solid #000;
	margin-top: -10px;
	padding-top: 10px;
}
.c-content-main .form-table.payment-receipt tbody td::before {
	margin-left: -85px;
}
.c-content-main .form-table.payment-receipt th {
	text-align: center;
}
.c-content-main .txt-advisory {
	margin-left: 5px;
	color: #ff6a6a;
	font-weight: bold;
}

/* 3.6 style.cssの変更に伴い表示が乱れた */

/* ダウンロードボタン */
.c-card-article__body {
	padding: 0;
}
/* メニューのプルダウン */
.c-content-main .local-nav li ul>li {
	margin-top: -5px;
}

.c-fixed-nav:not(.nav-fw) .c-fixed-nav__mypage,
.c-fixed-nav__fontworks a {
	height: 145px;
}
.c-header__title h1 {
	position: relative;
	display: inline-block;
	z-index: 1;
}
/* モーダル画像表示 */
.modal-body img {
	width: 100%;
}
.panel-body .table>tbody>tr>th {
	width: 60%;
}
.panel-body .table>tbody>tr>td {
	width: 40%;
}
.static-table.no-border td {
	border-width: 0;
}
.c-content-main th .ico-req {
	top: 12px;
}

/* フローバー */
.c-content-main .flow-parent {
	display: table;
	border-collapse: separate;
	border-spacing: 2px 0;
	letter-spacing: -1em;
	position: relative;
	top: -15px;
}
.c-content-main .flow-parent .flow-child {
	height: 40px;
	width: 194px;
	text-align: center;
	margin-bottom: 2px;
	display: inline-block;
	line-height: 40px;
	vertical-align: middle;
	margin-right: 3px;
	letter-spacing: normal;
}
.c-content-main .flow-parent .flow-child p {
	position:relative;
	top: -42px;
	left: 10px;
}
.c-content-main .flow-parent .flow-child:before {
	content: "";
	border:20px solid transparent;
	border-width: 20px 5px 20px 20px;
	position:relative;
	top: -6.5px;
	left: -85px;
	font-size: 0;
}
/* safari 10.1 対応 */
_::-webkit-full-page-media, _:future, :root .c-content-main .flow-parent .flow-child:before {
	top: -6px;
	left: -85px;
}
.c-content-main .flow-parent .flow-child:after {
	content: "";
	border:20px solid transparent;
	z-index: 3;
	position: relative;
	top: -92.8px;
	left: 117px;
	font-size: 0;
}
/* safari 10.1 対応 */
_::-webkit-full-page-media, _:future, :root .c-content-main .flow-parent .flow-child:after {
	border-width:20px;
	top: -92px;
	left: 117px;
}
/* Chrome & Operaのみ */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	.c-content-main .flow-parent .flow-child:after {
		top: -92.8px;
	}
}
.c-content-main .flow-parent .flow-current {
  color: #222;
  background: #fff94d;
}
.c-content-main .flow-parent .flow-current:before {
	border-left-color:#fff;
}
.c-content-main .flow-parent .flow-current:after {
  border-left-color:#fff94d;
}
.c-content-main .flow-parent .flow-normal {
  color: #fff;
  background: #222;
}
.c-content-main .flow-parent .flow-normal:before {
  border-left-color:#fff;
}
.c-content-main .flow-parent .flow-normal:after {
  border-left-color:#222;
}

/* style.cssで設定されているWebフォント名ではIEでデフォルトになるので対応 */
.c-nav-global__list a,
.c-nav-global__list ul a,
.c-content-main table th,
.c-fixed-nav a,
.c-content-main .form-table td,
.c-content-main .form-table .checkbox,
.c-content-main .form-table .radio,
.c-content-main .pagination-link li a,
.c-content-main .pagination-link li.link-prev a,
.c-content-main .pagination-link li.link-next a,
.c-content-main .local-nav li a,
.c-content-main .accordion-block-ttl,
.c-title-page h1,
button[type=submit].btn-black,
button[type=submit].btn-em,
button[type=submit].btn-back,
button[type=submit].btn-primary,
button[type=button].btn-primary,
button.btn-back,
.btn.btn-black,
.btn.btn-primary,
.btn.btn-info,
.btn.btn-danger,
.btn.btn-success,
.btn.btn-warning,
.btn.btn-back,
.btn.btn-download-min
{
	font-family: inherit;
}

/* firefox対応 */
@-moz-document url-prefix(){
	.c-content-main .table {
		border-collapse: separate;
	}
	.c-content-main .table th,
	.c-content-main .table td {
		border: 1px solid #ddd;
	}
}

/* safari 10.1 対応 */
.c-content-main h5.safari-recover {
	font-family: inherit;
	color: #777;
	border-left:3px solid #d4dae0;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 0px;
	font-weight: 700;
	font-size: 15px !important;
	line-height: 1.7;
}

/* スマホ対応 */
@media (max-width: 767px) and (min-width: 0px) {
	/* LETS ID表示 */
	.c-header__sub {
		display:block;
		margin-right: 40px;
	}
	.c-nav-global__sp-btn.active {
		position: fixed;
		right: 20px;
		top: 20px;
	}
	.c-content-main .pagination-link li.link-prev a {
		color: rgba(255,255,255,0);
	}
	.contents-border h3 {
		margin-top: 0;
	}
	.contents-border table td {
		padding-top: 0;
		padding-bottom: 0;
	}
	.c-content-main .material-detail div {
		margin-top: 10px;
	}
	.c-content-main .local-nav li ul>li {
		margin-top: -6px;
	}
	.input-group {
		display: inherit;
		padding-bottom: 40px;
	}
	.c-content-main th.sk-head {
		width: auto;
	}
	.panel-body .table>tbody>tr>th,
	.panel-body .table>tbody>tr>td {
		width: auto;
	}
	.cp-btn {
		width: 100%;
		height: 40px;
		margin-bottom: 20px;
	}
	.c-fixed-nav:not(.nav-fw) .c-fixed-nav__mypage {
		height: auto;
	}
	.c-content-main .payment-table img {
		width: 100%;
	}
	.modal-dialog {
		width: 100% !important;
	}
}
/* IE対応 */
@media all and (-ms-high-contrast: none){
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		z-index: 1;
	}
	.c-page-sub-fw table:not(.definition-table) th {
		position: static;
	}
}
/* MAC Chrome対応 */
.mac.chrome .c-content-main .flow-parent .flow-child:before {
	top: -5.8px;
}
.mac.chrome .c-content-main .flow-parent .flow-child:after {
	top: -92.8px;
}
/* MAC Chrome対応 */
@-moz-document url-prefix(){
	.mac .c-content-main .flow-parent .flow-child:before {
		top: -5.8px;
	}
	.mac .c-content-main .flow-parent .flow-child:after {
		top: -92.8px;
	}
}

/*
@media (max-width: 1099px) and (min-width: 768px) {
	body {
		min-width: 768px;
	}
}
*/

/* mojimo対応 */
.add_title .c-title-page{
	background: #222;
}

/* はてなアイコン */
.question-ico::after{
	content: "\f059";
	font-family: FontAwesome;
	font-style: normal;
	font-size: 1.2em;
}

/* 一覧のヘッダに配置するはてなアイコン */
.question-ico.th-ico {
	display:inline;
	cursor: pointer;
}

/* TOPライセンスキーテーブル */
.l-key-table > tbody > tr> th:first-child{
	padding:0;
	border:none;
}

/* TOPライセンスキーテーブル */
.l-key-table > tbody > tr> th > img{
	padding:1px;
	background-color:white;
}

/* TOPユーザー情報テーブル */
#u-info-table{
	margin:0;
}

#u-info-table > tbody > tr> td{
	border:none;
	padding:5px 0px;
}

#u-info-table > tbody > tr> td:first-child{
	width: 100px;
}

/* TOPフォント情報テーブル */
.f-info-table > caption div{
	display:inline;
}
.f-info-table > caption .checkbox-inline + .checkbox-inline{
	margin:0px;
}
.f-info-table > caption > div:first-child{
	display:inline-block;
	margin-right:5px;
	margin-left:5px;
}
.f-info-table > caption label{
	margin:0px;
	padding-right:2px;
}

img.payment-logo{
	height:50px;
	width: auto !important;
}

img.payment-logo-oblong{
	width:100px !important;
}

/* フォントファイル表示・非表示初期設定テーブル */
.visinit {
	margin-top: 20px;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 2px solid #222;
}
.visinit > .form-table {
	margin-bottom: 15px;
}
.visinit > .form-table td.h-middle {
	vertical-align: middle;
}
.toggle-checkbox {
	border-radius: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.toggle-checkbox > label {
	margin-bottom: 0;
	margin-right: 0;
	font-weight: normal;
}
:not(.c-page-sub-fw) .toggle-checkbox {
	background-color: #eee;
}
.c-page-sub-fw .toggle-checkbox {
	background-color: inherit;
}
:not(.c-page-sub-fw) .toggle-checkbox[mod="1"] {
	background-color: #fff94d;
}
.c-page-sub-fw .c-content-main .form-table input[type=checkbox].deactivate_flg+label{
	background-color: inherit;
	padding-top: 4px;
	padding-bottom: 4px;
}
/* .mod-effect + org または .toggle-checkbox[mod="1"] でcheckbox変更箇所のみ色をつける */
.c-page-sub-fw .c-content-main .form-table .mod-effect[org="0"]:checked+label,
.c-page-sub-fw .c-content-main .form-table .mod-effect[org="1"]:not(:checked)+label,
.c-page-sub-fw .toggle-checkbox[mod="1"] {
	background-color: #e2edd7;
}
.c-page-sub-fw .c-content-main .form-table .mod-effect[org="0"]:checked+label:before,
.c-page-sub-fw .c-content-main .form-table .mod-effect[org="1"]:not(:checked)+label:before,
.c-page-sub-fw .toggle-checkbox[mod="1"] .checkbox:before {
	border-right: 3px solid #53b300;
	border-bottom: 3px solid #53b300;
}
.c-page-sub-fw .c-content-main .form-table .mod-effect[org="0"]:checked+label:hover:after,
.c-page-sub-fw .c-content-main .form-table .mod-effect[org="1"]:not(:checked)+label:hover:after,
.c-page-sub-fw .toggle-checkbox[mod="1"] .checkbox:hover:after {
	border-color: #53b300;
}
.c-page-sub-fw .c-content-main .form-table .mod-effect[org="0"]:checked+label:after,
.c-page-sub-fw .c-content-main .form-table .mod-effect[org="1"]:not(:checked)+label:after,
.c-page-sub-fw .toggle-checkbox input[type=checkbox]:checked+label:after {
	border-color: #bbb;
}

/* ボーダーなしテーブル */
table.border-none-table td{
	border:none !important;
}

/* 支払説明 */
table.payment-description-table{
	margin-bottom:60px;
}

table.payment-description-table td.wide{
	white-space: nowrap;
}

table.description-detail-table{
	margin-top: -30px;
}

table.description-detail-table td{
	border:solid 1px #222222;
}

table.description-detail-table tr:first-child {
	background-color:#eee;
}

table.payment-description-table .payment-description-online-detail table {
	margin-bottom: 0;
}

/* 自動更新説明 */
div.guide h5{
	font-size: 18px;
	text-indent: -1em;
	margin-left: 24px;
	padding-top: 5px;
	padding-bottom: 5px;
}
div.guide em{
	color: red;
	font-style: normal;
}

div.guide div{
	padding: 10px 20px;
}

div.guide p{
	margin-left: 15px;
}

h4.guide-title{
	border: none;
	background-color: #fff94d;
	font-size: 24px;
	padding:10px 25px;
	margin-top: 20px;
	margin-bottom: 20px;
}


/* 決済方法 */
div.table-title-caption{
    padding-left: 10px;
    margin-bottom: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
	font-weight: 700;
    text-align: left;
    border-left: 3px solid #d4dae0;
    padding-right: 150px;
}

/* サイドメニューのはみ出し対応 */
.c-fixed-nav a
{
	padding-top: 33px !important;
	padding-bottom:: 33px !important;
}

/* safari 対応 */
.c-content-main h5.safari-form-title {
 	color: #000;
}

/* safari 対応 */
.f-info-table > h5.safari-recover > div:first-child {
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
}

.c-content-main .han-req {
	color: #ff6a6a;
	font-weight: bold;
	vertical-align: super;
}

/* 不可視データ */
.non-disp {
	display: none;
}

/* 注意書き */
.small-note {
	font-size:0.8em;
	margin: 3px 0 0 0;
}

.intable-note{
	padding: 6px 12px;
	margin: 0;
}

.ios-select-notice{
	padding: 15px;
	border-width: 3px;
	border-color: red;
}

.inline-bold{
	font-weight: bold;
}
.f-tsukumin {
    font-family: "TsukuMinPr6-R",serif;
    line-height: 2;
}
.f-tsukumin a {
    font-family: "TsukuGoPro-B",sans-serif;
    color: #d70c19;
    text-decoration: underline;
}