@charset "utf-8";
/**************************************************
 * Reset CSS
 *    2019.03.28
 **************************************************/

/****** 共通 ***************************************/
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,dl,dt,dd,pre,form,fieldset,figure,input,textarea,th,td,time
{ box-sizing:border-box; margin:0; padding:0; }

/****** テキスト ************************************/
html, body{ width:100%; }
html{ font-size:62.5%; }
body{ overflow-y:scroll; text-align:center; -webkit-text-size-adjust:100%; }
body,input,textarea,select{
  color:#333;
  font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, sans-serif;
  font-size:1.6rem;
}
h1,h2,h3,h4,h5,h6,div,p,blockquote,dl,dt,dd,pre,form,fieldset,input,textarea,select,th,td{ font-style:normal; font-weight:normal; line-height:100%; }
h1,h2,h3,h4,h5,h6,caption,th{ letter-spacing:.16rem; }
div,p,blockquote,li,dt,dd,pre,figcaption,input,textarea,td{ letter-spacing:.08rem; }
address,caption,cite,code,dfn,th,var{ font-style:normal; font-weight:normal; }
p,li,dt,dd,th,td,address,blockquote,figcaption{ line-height:150%; }

/****** リンク ************************************/
a{ color:#333; outline:none; text-decoration:none; }
@media screen and (min-width:960px){ a:hover{ color:#f33; text-decoration:none; } }

/****** list **************************************/
ol,ul{ list-style-type:none; margin:0; padding:0; }
li{ padding:0; text-align:left; }

/****** 画像・fieldset ******************************/
fieldset, img{ border:0; }
li img, div img{ vertical-align:bottom; }

/****** table *************************************/
table{ border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:inherit; table-layout:fixed; width:100%; }
caption{ padding:6px; }
th, td{ padding:6px; text-align:left; vertical-align:top; }
td ul{ margin:0; padding:0; }

/****** blockquote ********************************/
blockquote{ margin:2rem; }

/****** input *************************************/
button, input, select, textarea{ margin:0; padding:0; }
button:disabled, input:disabled, select:disabled, textarea:disabled{
	background:#e8e8e8 !important;
	color:#666 !important;
}
input[type='checkbox'], input[type='radio']{ margin-right:3px; }
input[type='email'],
input[type='file'],
input[type='number'],
input[type='password'],
input[type='tel'],
input[type='text'],
select,
textarea{ border:1px solid #ccc; box-sizing:border-box; padding:6px; width:100%; }
input[type='number'].inputNumber{ width:calc( 100% - 3em ); }
input[type='email']:placeholder-shown,
input[type='tel']:placeholder-shown,
input[type='text']:placeholder-shown,
textarea:placeholder-shown{ color:#aaa; }
input[type='email']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='text']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{ color:#aaa; }
input[type='email']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='text']:-moz-placeholder,
textarea:-moz-placeholder{ color:#aaa; opacity:1; }
input[type='email']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='text']::-moz-placeholder,
textarea::-moz-placeholder{ color:#aaa; opacity:1; }
input[type='email']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='text']:-ms-input-placeholder,
textarea:-ms-input-placeholder{ color:#aaa; }
/* input[type='number']{ text-align:right; } */
input[type='submit']{ cursor:pointer; }
input.wdS{ width:60%; }
input.wdSS{ width:36%; }
input.wdXS{ width:21%; }

/****** clearfix **********************************/
.clearfix:after{
  clear:both;
  content:'';
  display:block;
  height:0;
  visibility:hidden;
 background:#c00;
}
.clearfix{ min-height:1px; }
* html .clearfix{
  height:1px;
  /*¥*//*/
  height:auto;
  overflow:hidden;
  /**/
}

/****** マーカー ***********************************/
.markerYellow{ background:linear-gradient( transparent 0%, #ff6 0% ); margin:0 !important; padding:0 !important; }

/****** テキストカラー ******************************/
.txtRed { color:#c00; }
.txtBlue{ color:#00c; }
.txtPink{ color:#f3f; }

/****** フォーマット ********************************/
.txtBold{ font-weight:bold; }
.txtAlgCr{ text-align:center; }
.txtAlgLt{ text-align:left; }
.txtAlgRt{ text-align:right; }
.txt2moji{ letter-spacing:.6em; }
.kome{ text-indent:-1em; padding-left:1em; font-size:1.4rem; }
.komeList{ margin:1em 0 0; padding:0; }
.komeList li{ font-size:1.4rem; margin-bottom:.6em; padding-left:1em; text-indent:-1em; }
.komeList li:last-child{ margin-bottom:0; }
.point{ text-indent:-1em; margin-top:1em; padding-left:1em; }

/****** margin ************************************/
.mrTp06em{ margin-top:.6em !important; }
.mrTp10em{ margin-top:1em !important; }
.mrTp16em{ margin-top:1.6em !important; }
.mrTp26em{ margin-top:2.6em !important; }

/****** width ************************************/
.wd02em{ width:2em !important; }
.wd03em{ width:3em !important; }
.wd04em{ width:4em !important; }
.wd05em{ width:5em !important; }
.wd06em{ width:6em !important; }
.wd07em{ width:7em !important; }
.wd08em{ width:8em !important; }
.wd09em{ width:9em !important; }
.wd10em{ width:10em !important; }
.wd11em{ width:11em !important; }
.wd12em{ width:12em !important; }
.wd13em{ width:13em !important; }
.wd14em{ width:14em !important; }
.wd15em{ width:15em !important; }
.wd16em{ width:16em !important; }
.wd17em{ width:17em !important; }
.wd18em{ width:18em !important; }
.wd21em{ width:21em !important; }
.wd22em{ width:22em !important; }
.wd23em{ width:23em !important; }
.wd24em{ width:24em !important; }
.wd25em{ width:25em !important; }
.wd27em{ width:27em !important; }
.wd32em{ width:32em !important; }
.wd33em{ width:33em !important; }
.wd34em{ width:34em !important; }
.wd35em{ width:35em !important; }
.wd36em{ width:36em !important; }
.wd42em{ width:42em !important; }


/**************************************************
 * レイアウト
 **************************************************/

/*** 共通 ******************************************/
#page{ min-height:calc(100vh - 68px); }
.fix{
	margin-left:auto;
	margin-right:auto;
	max-width:1840px;
	min-width:1228px;
	text-align:left;
	width:96%;
}
section{ box-sizing:border-box; }
article section{ text-align:left; }
article > section{ margin:0; padding:0 0 6.8rem; }
article > section:last-of-type{ padding-bottom:0; }
article > section > section{ margin:0; padding:0 0 4.2rem; }
article > section > section:last-of-type{ padding-bottom:0; }
.olNum{ margin-left:2em; list-style-type:decimal; }
.olNum > li{ margin-bottom:1em; }
.olNum > li:last-child{ margin-bottom:0; }
.olNum > li > ol > li{ margin-bottom:.6em; padding-left:1.5em; text-indent:-1.5em; }
.olNum > li > ol > li:last-child{ margin-bottom:0; }
.olNum dd{ margin-bottom:.6em; padding-left:1em; }

/*** 下層 ******************************************/
article h2{
	background:#33f;
	color:#fff;
	font-size:2rem;
	font-weight:bold;
	height:2em;
	line-height:2em;
	margin-bottom:1em;
	padding:0 .6em;
}
article h3{
	background:#f9f;
	font-size:1.8rem;
	font-weight:bold;
	height:2em;
	line-height:2em;
	margin-bottom:.6em;
	padding:0 .6em;
}
article h4{
	background:#ccc;
	font-size:1.6rem;
	font-weight:bold;
	height:1.8em;
	line-height:1.8em;
	margin-bottom:.6em;
	padding:0 .6em;
}
article thead th{ background:#cfc; text-align:center; }
.attList li{ margin-bottom:.6em; padding-left:1em; text-indent:-1em; }
.attList li:last-child{ margin-bottom:0; }
.dscList{ list-style-type:disc; margin-left:2em; }
.dscList li{ margin-bottom:.6em; }
.dscList li:last-child{ margin-bottom:0; }


/**************************************************
 * ヘッダー
 **************************************************/

/*** レイアウト *************************************/
header{
	background:-moz-linear-gradient( top, #cff, #39f );
	background:-webkit-linear-gradient( top, #cff, #39f );
	background:linear-gradient( to bottom, #cff, #39f );
	padding:6px 0;
}
#headerLt{ float:left; height:210px; width:42%; }
header nav{ float:left; margin-left:2%; width:12%; }
header section{
	background:#fff;
	border:1px solid #33f;
	float:left;
	margin-left:1%;
	min-height:210px;
	width:21%;
}
header section h2{
	border-bottom:1px solid #33f;
	font-size:1.6rem;
	font-weight:bold;
	height:1.8em;
	line-height:1.8em;
	text-align:center;
}
header section > div{ padding:6px 10px; }

/*** ロゴ部分 **************************************/
#headerLt{ position:relative; }
#headerLt h1{ position:absolute; top:1.8em; left:calc( 50% - 236px ); }
#headerLt #h1Btm{ position:absolute; bottom:0; width:100%; }
#headerLt p span{ font-size:1.1em; font-weight:bold; }
@media screen and (max-width:1520px){
	#headerLt p span{ display:block; }
	#headerLt p span:last-of-type{ text-align:right; }
}

/*** ナビゲーション *********************************/
header nav li a{
	background:#093;
	border-top:1px solid #cff;
	border-left:1px solid #cff;
	border-right:1px solid #cff;
	box-sizing:border-box;
	color:#fff;
	display:block;
	height:42px;
	line-height:42px;
	padding:0 .5em;
	width:100%;
}
header nav li a:hover{ background:#c00; color:#fff; }
/* header nav li:first-child a{ height:40px; line-height:40px; } */
header nav li:last-child a{ border-bottom:1px solid #cff; }

/*** 体験版部分 ************************************/
#headerExp h2, #headerExp2020 h2{ background:#f93; }
#headerExp ul{
	border:1px solid #333;
	margin-top:.6em;
	padding:6px;
}
#headerExp ul span{ display:block; font-size:1.4rem; text-align:center; }
#headerExp ul span:last-of-type{ color:#f93; }
#headerExp2020 a{ display:block; box-sizing:border-box; padding:6px 10px; }
#headerExp2020 li{ font-size:.875em; }
#headerExp2020 li:last-child
{
	background:#f93;
	color:#fff;
	text-align:center;
}
#headerExp2020 a:hover li:last-child{ background:#c00; }

/*** 会員ログイン部分 *******************************/
#headerMem h2{ background:#33f; color:#fff; }
#headerMem th, #headerMem td, #headerMem input, #headerMem li, #headerMem p{ font-size:1.4rem; }
#headerMem th, #headerMem td{ padding:0 0 2px; vertical-align:middle; }
#headerMem th{ width:7em; }
#headerMem input[type="submit"]{
	background:#c00;
	border:none;
	color:#fff;
	cursor:pointer;
	display:block;
	height:1.8em;
	line-height:1.8em;
	margin:0 auto 6px;
	width:60%;
}
#headerMem input[type="submit"]:hover{ background:#f00; }
#headerMem p a{ color:#f93; }
#headerInLogin li{ font-size:1.8rem; text-align:center; }
#headerInLogin li:nth-child(2){ font-size:2rem; }
#headerInLogin li:last-child{ margin-top:1em; }
#headerInLogin li:last-child a{
	background:#c00;
	border:none;
	color:#fff;
	cursor:pointer;
	display:block;
	height:1.8em;
	line-height:1.8em;
	margin:0 auto 6px;
	width:60%;
}
#headerInLogin li:last-child a:hover{	background:#f00; }
#maintenanceDate{ margin-top:1em; }
#maintenanceDate li:last-child{ text-align:right; }
#registered{ display:flex; justify-content:center; margin-top:.6em; }
#registered li{ margin:0 6px; text-align:center; }


/**************************************************
 * フッター
 **************************************************/

/*** 先頭へ戻るボタン ********************************/
.btnPageTop{ bottom:35px; position:fixed; right:10px; }
.btnPageTop a{ color:rgba(0,0,0,.7); display:block; }
.btnPageTop a:hover{ color:#c00; }
.btnPageTop a i{ font-size:4.2rem; }

/*** フッター ***************************************/
footer{ background:#000; box-sizing:border-box; height:26px; line-height:26px; margin-top:42px; padding:0; }
footer li, footer a, footer p{ color:#fff; }

/*** フッター左 *************************************/
footer ul{ float:left; text-align:left; width:49%; }
footer ul li{ display:inline; margin-right:1em; }
footer ul li a{ font-size:1.4rem; }

/*** フッター右 *************************************/
footer p{ float:right; text-align:right; width:49%; }


/**************************************************
 * フォーム
 **************************************************/

/*** レイアウト *************************************/
.formTable{ margin:1em auto; width:70%; }
.formTable th, .formTable td{ border:1px solid #fff; }
.formTable th{ background:#33c !important; color:#fff !important; }
.formTable > tbody > tr > th{ width:14.6em; }
.formTable td{ background:#9c9 !important; }
.formTable td.editTd{ text-align:center; vertical-align:middle; }
.formTable td .planName{ font-size:1.6em; font-weight:bold; }
.formTable td ul li{ display:inline-block; }
.formTable td ul.membersList li{ display:block; margin-bottom:6px; }
.formTable td ul.membersList li:last-child{ margin-bottom:0; }
.formTable td table{ margin:0 !important; width:100% !important; }
.formTable td table td{ background:#fff !important; vertical-align:middle !important; }
.formTable td table.nwPlnTbl tbody tr td:first-of-type{ text-align:center; width:30%; }
.formTable td table.nwPlnTbl tbody tr td:nth-of-type(2){ text-align:center; }
.formTable td table.nwPlnTbl tbody tr td:last-of-type{ text-align:right; width:30%; }
.formTable td table.chPlnTbl tbody tr td:first-of-type{ text-align:center; width:20%; }
.formTable td table.chPlnTbl tbody tr td:nth-of-type(2){ text-align:center; width:20%; }
.formTable td table.chPlnTbl tbody tr td:nth-of-type(3){ text-align:center; }
.formTable td table.chPlnTbl tbody tr td:last-of-type{ text-align:right; width:30%; }
.formTable td.editTd a,
.formTable td ul.membersList li a.editMember{
	background:#33c;
	border-radius:6px;
	box-sizing:border-box;
	color:#fff;
	display:inline-block;
	min-width:5em;
	padding:2px 4px;
	text-align:center;
}
.formTable td ul.membersList li a.editMember{ margin-right:.6em; }
.formTable td.editTd a:hover,
.formTable td ul.membersList li a.editMember:hover{ background:#c00; }

/*** ハニーポット ***********************************/
.hypt{ display:none; }

/*** エラー ****************************************/
.errMsg{ color:#c00; }           /* 入力エラーメッセージ */
.errList{}
.errList li{ color:#c00; }       /* 入力エラーの一覧 */
.errItem{ background:#fcc; }     /* エラー時の入力欄 */

/*** 入力必須・任意 **********************************/
.req, .opt{
	border-radius:6px;
	color:#fff;
	font-size:.82em;
	font-weight:normal;
	margin-right:.5em;
	padding:2px 3px;
}
.req{ background:#c00; }
.opt{ background:#093; }

/*** フロー ****************************************/
.formFlow{ margin:1em auto; width:70%; }
.formFlow li{
	float:left;
	height:3em;
	line-height:3em;
	text-align:center;
}
.formFlow li:nth-child(odd){
	background:#33f;
	border:1px solid #33f;
	box-sizing:border-box;
	color:#fff;
	width:20.5%;
}
.formFlow li:nth-child(odd).act{ background:#fff; color:#33f; }
.formFlow li:nth-child(even){ color:#33f; width:6%; }

/*** 規約確認 **************************************/
.formBox{
	background:#cfc;
	box-sizing:border-box;
	margin:1em auto;
	padding:1em;
	width:48%;
}
form .agree{
	background:#fff;
	border-radius:6px;
	height:3em;
	line-height:3em;
	margin:1em auto;
	text-align:center;
	width:84%;
}

/*** ボタン ****************************************/
.btnSubmit{ margin-top:1em; }
.btnListSearch{ display:flex; justify-content:center; }
.btnListSearch li:first-child{ margin-right:2%; width:78%; }
.btnListSearch li:last-child{ width:20%; }
.btnListSearch li input{
	border:1px solid #fff;
	box-sizing:border-box;
	color:#fff;
	cursor:pointer;
	height:3em;
	line-height:3em;
	text-align:center;
	width:100%;	
}
.btnListSearch li:first-child input{ background:#33f; }
.btnListSearch li:last-child input{ background:#999; }
.btnList01 input{
	background:#33f;
	border:1px solid #fff;
	box-sizing:border-box;
	color:#fff;
	height:3em;
	line-height:3em;
	text-align:center;
	width:100%;	
}
.btnList02{ margin-left:auto; margin-right:auto; width:70%; }
.btnList02 li{ float:right; margin-left:6%; width:30%; }
.btnList02 .btnSbmt{
	background:#33f;
	box-sizing:border-box;
	color:#fff;
	height:3em;
	line-height:3em;
	text-align:center;
	width:100%;	
}
.btnList02 .btnBack{
	background:#666;
	box-sizing:border-box;
	color:#fff;
	height:3em;
	line-height:3em;
	text-align:center;
	width:100%;	
}
.btnList01 input:hover,
.btnList02 input:hover,
.btnListSearch li:first-child input:hover,
.btnListSearch li:last-child input:hover
{ background:#c00; }
.btnList01 input:disabled{
	background:#e8e8e8 !important;
	color:#666 !important;
}
.btnOutLink, .btnOutLink02
{
	border:1px solid #333;
	border-radius:.3em;
	box-sizing:border-box;
	color:#fff !important;
	display:block;
	height:1.6em;
	line-height:1.6em;
	text-align:center;
}
.btnOutLink{ background:#f60; }
.btnOutLink02{ background:#09c; }
.btnBackLink{ margin:1em auto 0; width:84%; }
.btnBackLink a{
	background:#009;
	border:none;
	border-radius:6px;
	box-sizing:border-box;
	color:#fff;
	display:block;
	height:2.6em;
	line-height:2.6em;
	padding:2px 3px;
	text-align:center;
	width:100%;
}
.btnCenterLink{ margin:1.6em auto 0; width:42%; }
.btnCenterLink a
{
	background:#33f;
	border-radius:1em;
	color:#fff;
	display:block;
	height:2em;
	line-height:2em;
	text-align:center;
}
.btnOutLink:hover,.btnOutLink02:hover,.btnCenterLink a:hover{ background:#c03; }


/**************************************************
 * index
 **************************************************/

/*** indexTopSection ******************************/
#indexTopSection h2, #indexTopSection h3, #indexTopSection h4{ margin:0; }
#indexTopSection h2{ background:transparent; color:#333; }
#indexTopSectionBox{ border:3px solid #33f; }
#indexTopSectionBox h3{ background:#33f !important; color:#fff; font-size:1.75em; text-align:center; }
#indexTopSectionBox #paragraph01{ background:#cff; font-size:1.25em; line-height:2.6em; text-align:center; }
#indexTopSectionBox #paragraph01 span{ color:#f00; font-size:1.5em; }
#targetContent{ border-top:1px solid #33f; }
#targetContent h4{ background:transparent; color:#33f; float:left; font-size:1.25em; line-height:114px; text-align:center; width:180px; }
#targetContent #targetContentRt{ border-left:1px solid #33f; float:right; width:1042px; }
#targetContentRt p{ padding:.6em 0; text-align:center; }
#targetContentRt p:first-of-type{ border-bottom:1px solid #33f; }
#targetContentRt .blue{ color:#33f; }
#targetContentRt .red{ color:#f00; font-size:1.5em; font-weight:bold; }
#indexTopSectionBox #paragraph02, #indexTopSectionBox #paragraph03{ border-top:1px solid #33f; font-size:1.125em; line-height:2.6em; text-align:center; }
#indexTopSectionBox #paragraph02{ background:#cff; }
#indexTopSectionBox #paragraph02 .blue{ color:#33f; }
#indexTopSectionBox #paragraph02 .red{ color:#f00; font-size:1.5em; font-weight:bold; }
#indexTopSectionBox #paragraph03{ background:#ffc; }
#indexTopSectionBox #paragraph03 span{ color:#f00; }
#indexTopSectionBox #paragraph04{ background:#c00; color:#fff; padding:.6em 0; text-align:center; }
#indexTopSectionBox #paragraph04 h5{ font-size:1.75em; font-weight:bold; }
#indexTopSectionBox #paragraph04 h5 span{ font-size:.875em; font-weight:normal; }
#indexTopSectionBox #paragraph04 p{ font-size:1.25em; }

/*** indexTopSection2021 **************************/
#row002
{
	border-top:3px solid #33f;
	padding:1em;
}
#row002 h4
{
	background:#c00 !important;
	border-radius:.6em;
	color:#fff;
	font-size:1.125em;
	height:2em;
	line-height:2em;
	width:18em;
}
#indexTopTable th, #indexTopTable td{border:3px solid #33f;}
#indexTopTable .noneBorder th, #indexTopTable .noneBorder td{border-right:3px solid #fff;}
#indexTopTable .noneBorder td:last-of-type{border-right:3px solid #33f;}
#indexTopTable #rowDetail td{border-bottom:0; padding-bottom:0; vertical-align:middle;}
#indexTopTable #rowLast td{border-top:0; padding-top:0;}
#indexTopTable th{font-weight:bold;}
#indexTopTable thead th
{
	background:#00c;
	border-top:0;
	color:#fff;
}
#indexTopTable thead th.var
{
	background:#ff9;
	color:#333;
}
#indexTopTable tbody th{text-align:center;vertical-align:middle;}
#indexTopTable tbody th span{display:block;line-height:1.5em;}
#indexTopTable .rowS th{background:#6ff;}
#indexTopTable .rowY th{background:#ff9;}
#indexTopTable .rowS td{background:#cff;}
#indexTopTable .rowY td{background:#ffc;}
#indexTopTable .startDateCell, #indexTopTable .verCell{text-align:center;vertical-align:middle;}
#indexTopTable .txtIndent{text-indent:-1em;padding-left:1em;}
#indexTopTable #rowOneStop td{vertical-align:middle;}
#indexTopTable #arrowDownBlueCell{padding-right:18px; text-align:right;}
#indexTopTable #arrowDownBlue{height:auto; width:120px;}
#indexTopTable #rowOneStop td span{font-weight:bold;}
#indexTopTable #rowOneStop td .txtBlue{font-size:1.5em; margin-right:1em;}
#indexTopTable #rowOneStop td .txtRed{font-size:1.75em;}
#indexTopTable #rowDetail td{font-size:1.5em; font-weight:bold; text-align:center;}
#indexTopTable #arrowTopRed{height:auto; width:120px;}
#indexTopTable #rowLastCopy
{
	background:#c30;
	color:#fff;
	font-weight:bold;
	height:4em;
	line-height:4em;
	text-align:center;
}
#indexTopTable #rowLastCopy .txtSizeReg{font-size:1.5em;}
#indexTopTable #rowLastCopy .txtSizeBig{font-size:2em;}
#indexTopTable #rowLastCopy .note
{
	color:#ff0;
	font-size:1.5em;
}


/*** section01 ************************************/
.bannerList{ margin:1em 0 !important; }
.bannerList li{ margin-bottom:10px; text-align:center; }
.bannerList li:last-child{ margin-bottom:0; }
#index article > section#indexGaiyo{ background:#fff2d0; margin-bottom:6.8rem; padding:1rem 1.6rem; }
#indexSaiteki{ margin-left:2em; }
#indexSaiteki li
{
	font-size:2rem;
	font-weight:bold;
	margin-bottom:1em;
	padding-left:1em;
	text-indent:-1em;
}
#indexInformation li
{
	font-size:2rem;
	font-weight:bold;
	margin-bottom:1em;
	padding-left:1.6em;
	text-indent:-1.6em;
}
#indexInformation li:last-child{ margin-bottom:0; }
#indexInformation li span{ margin-right:.6em; }
#indexInformation li ul{ margin-top:.6em; }
#indexInformation li ul li{ margin-bottom:.6em; }
#indexInformation a{ color:#06c; }
#indexInformation a:hover{ color:#c00; }

/*** お知らせ **************************************/
#indexNews h3{ background:transparent; }
.newsList{ margin-left:1.8em; }
.newsList li{ margin-bottom:.6em; }
.newsList li:last-child{ margin-bottom:0; }

/*** 利用例 ****************************************/
#exampleUse .expImg{ border:1px solid #999; margin:1em auto 0; padding:1em; position:relative; text-align:center; width:1200px; }
#exampleUse .expImg img{ display:block; height:auto; margin:auto; width:100%; }
#exp02Txt{
	background:#cfc;
	border:1px solid #999;
	padding:1em;
	text-align:left;
	position:absolute;
	left:20px;
	top:440px;
	width:380px;
}
.btnPdfLink a
{
	background:#c00;
	border-radius:.3em;
	box-sizing:border-box;
	color:#fff;
	display:block;
	width:7.2em;
}
.btnPdfLink a:hover{ background:#f00; }
#infoAdmin .expImg{ min-height:290px; position:relative; }
#infoAdmin .expImg #btnKeiyaku{ position:absolute; left:730px; top:240px; }
#infoAdmin .expImg #btnKanrisya{ position:absolute; left:880px; top:240px; }
#infoUser .expImg{ min-height:290px; position:relative; }
#infoUser .expImg #btnUserToroku{ position:absolute; left:840px; top:240px; }
#lawUseInfo
{
	display:flex;
	justify-content:space-between;
	margin:1em auto 0;
	width:1200px;
}
#lawUseInfo .item:first-of-type{width:70%;}
#lawUseInfo .item:last-of-type{width:30%;}
#lawUseInfoTxt li{padding-left:1em;text-indent:-1em;}
#btnPdfSyousaijyouhou li a
{
	background:#c00;
	border-radius:.3em;
	box-sizing:border-box;
	color:#fff;
	display:block;
	text-align:center;
	width:100%;
}
#btnPdfSyousaijyouhou li a:hover{background:#f00;}


/**************************************************
 * 外部リンク
 **************************************************/

/*** レイアウト *************************************/
#outlinkTable th, #outlinkTable td{ border:1px solid #ccc; vertical-align:middle; }
#outlinkTable .bkOn{ background:#f8f8f8; }


/**************************************************
 * 「法改正ナビ」利用の申込み
 **************************************************/

/*** レイアウト *************************************/
#app article section table{ margin-left:auto; margin-right:auto; width:82%; }
#app article section table th, #app article section table td{ border:1px solid #ccc; }
#app article section table.tblUpdate th, #app article section table.tblUpdate td{ vertical-align:middle; }
#app article section table th{ background:#cfc; }
#app article section table#priceTable{ margin-bottom:1em; }
#priceTable thead tr th:first-of-type{ width:8em; }
#priceTable thead tr th:nth-of-type(2){ width:9em; }
#priceTable thead tr th:nth-of-type(3){ width:11em; }
#priceTable tbody tr td:first-of-type{ text-align:center; }
#priceTable tbody tr td:nth-of-type(2){ text-align:center; }
#priceTable tbody tr td:nth-of-type(3){ text-align:right; }
#appGuide01,#appGuide02{ position:relative; }
#appGuide01 #btnGuide01,#appGuide02 #btnGuide02{ position:absolute; right:0; top:0; text-indent:0 !important; }
#appGuide01 #btnGuide01 a,#appGuide02 #btnGuide02 a
{
	background:#c00;
	border-radius:.3em;
	color:#fff;
	display:block;
	text-align:center;
	width:6em;
}
#appGuide01 #btnGuide01 a:hover,#appGuide02 #btnGuide02 a:hover{ background:#f00; }


/**************************************************
 * 「法改正ナビ」ご利用について
 **************************************************/

/*** レイアウト *************************************/
#about article section table{ margin-left:auto; margin-right:auto; width:78%; }
#about article section table th, #about article section table td{ border:1px solid #ccc; vertical-align:middle; }
#about article section table th{ background:#cfc; }
#about article section table#priceTable{ margin-bottom:1em; }


/**************************************************
 * 会員規約
 **************************************************/

/*** レイアウト *************************************/
#terms article h3{
	background:transparent;
	height:auto;
	line-height:auto;
	margin-bottom:6px;
	padding:0;
}
#terms article section p{ margin-top:1em; }
#terms article section p:first-of-type{ margin-top:0; text-indent:1em; }
#terms article section p:nth-of-type(n+2){ padding-left:1.5em; text-indent:-1.5em; }
#terms article section ul{ margin:.6em 0; }
#terms article section ul li{ margin-bottom:.6em; padding-left:2em; text-indent:-2em; }
#terms article section ul li:last-child{ margin-bottom:0; }


/**************************************************
 * 個人情報保護方針
 **************************************************/

/*** レイアウト *************************************/
#policy article h3{
	background:transparent;
	height:auto;
	line-height:auto;
	margin-bottom:6px;
	padding:0;
}
#policy article section p{ margin-top:1em; }
#policy article section p:first-of-type{ margin-top:0; text-indent:1em; }
#policy article section p:nth-of-type(n+2){ padding-left:1.5em; text-indent:-1.5em; }
#policy article section ul{ margin:.6em 0; }
#policy article section ul li{ margin-bottom:.6em; padding-left:2em; text-indent:-2em; }
#policy article section ul li:last-child{ margin-bottom:0; }
#policy article section ul#policyInformation{ margin-left:3em; }
#policy article section p.openClass{ padding-left:0; text-align:right; text-indent:0; }


/**************************************************
 * 法令・通知・未掲載の告知
 **************************************************/

/*** レイアウト *************************************/
#dbsNav{ background:#f93; padding:3px 6px; }
#dbsNav li{ float:left; margin-right:1em; }
#dbsNav li a{
	background:#fff;
	border-radius:6px;
	box-sizing:border-box;
	display:block;
	padding:3px 6px;
}
#dbsNav li a:hover{ background:#c00; color:#fff; }
#membersNav{ background:#33f; margin-bottom:1em; padding:3px 0; }
#membersNav li{ float:left; margin-right:1em; }
#membersNav li a{
	background:#fff;
	border-radius:6px;
	box-sizing:border-box;
	display:block;
	padding:3px 6px;
	text-align:center;	
}
#membersNav li a:hover{ background:#c00; color:#fff; }
#dbsHead{ background:#f93; margin:.6em 0 1em; padding:.6em; }
#dbsHead h2{
	background:transparent;
	color:#333;
	font-size:2.6rem;
	margin:0;
	padding:0;
}
#dbsHead h3{
	background:#fff;
	border-radius:6px;
	box-sizing:border-box;
	height:76px;
	line-height:76px;
	text-align:center;	
}
#dbsHead h3 span{ font-size:2em; margin-left:.2em; }
#dbsHeadLt{ float:left; height:76px; width:40%; }
#dbsHeadRt{ float:right; height:76px; width:60%; }
#membersHead{ background:#33f; margin:.6em 0 1em; padding:.6em; }
#membersHead h2{
	background:transparent;
	font-size:2.6rem;
	margin:0;
	padding:0;
}
#membersHead p{ color:#fff; }
#membersHead h3{
	background:#fff;
	border-radius:6px;
	box-sizing:border-box;
	height:76px;
	line-height:76px;
	text-align:center;	
}
#membersHead h3 span{ font-size:2em; margin-left:.2em; }
#membersHeadLt{ float:left; height:76px; width:40%; }
#membersHeadRt{ float:right; height:76px; width:60%; }
#searchBox .item{ float:left; margin-right:10px; }
/* #searchBox .item:last-of-type{ margin-right:0; width:calc(100% - 794px); } */
#searchBox .item:last-of-type{ margin-right:0; width:calc(100% - 844px); }
#searchBox .item h4:nth-of-type(n+2){ margin-top:1em; }
#searchJrsList ul{ float:left; margin-right:1em; }
#searchJrsList ul.lawinfoJrsList{ float:none; margin-right:0; }
#searchAbbList ul{ float:left; margin-right:1em; }
#searchJrsList ul:last-of-type,#searchAbbList ul:last-of-type{ margin-right:0; }
.checkAll{ text-align:left; margin-bottom:.6em; }
.listTable{}
.listTable th, .listTable td{ font-size:1.4rem; }
.listTable tr:nth-of-type(even){ background:#f8f8f8; }
.listTable tr.bkc1{background:#fff !important;}
.listTable tr.bkc2{background:#f8f8f8 !important;}
.listTable tr.bkc3{background:#fef8f8 !important;}
.listTable tr.bkc4{background:#f8fef8 !important;}
.listTable tr.bkc5{background:#f8f8fe !important;}
.listTable th, .listTable td{ border:1px solid #ccc;}
.listTable thead th{ background:#000; color:#fff; text-align:center; vertical-align:middle; }
.listTable thead th a{ color:#fff; }
.listTable thead th a:hover{ color:#f33; }
.listTable thead tr th:last-of-type{ width:6em; }
a.icnPdf{ color:#f00; }
a.icnPdf:hover{ color:#f33; }
a.icnPdf i{ font-size:1.6em; }
#searchBox .quickSearchBox{ width:calc( ( 100% - 440px ) / 2 ) !important; }
#btnSearchInfoBox{ margin:1em 0 0; }
#btnSearchInfo{
	background:#c00;
	color:#fff;
	cursor:pointer;
	display:block;
	height:2em;
	line-height:2em;
	text-align:center;
}
#btnSearchInfo:hover{ background:#f00; }
#quickSearchInfo{
	border:1px solid #ccc;
	border-radius:1em;
	box-sizing:border-box;
	display:none;
	margin:1.6em auto;
	padding:1.6em;
	width:82%;
}
#quickSearchInfo p{ margin:1em 0 0; padding-left:1em; text-indent:-1em; }
#quickSearchInfo p:first-of-type{ margin-top:0; }
#quickSearchInfo ul{ list-style-type:disc; margin:0; padding-left:2em; }
#quickSearchInfo ul li{ margin-top:.6em; }
.ymdSelect
{
	display:flex;
	justify-content:space-between;
}
.ymdSelect li{font-size:.75em; white-space:nowrap; width:32%;}
.ymdSelect li select{width:calc(100% - 1em);}


/*** ページャー *************************************/
.pageNav{ display:flex; justify-content:center; margin:1em auto; }
.pageNav li{ margin:0 3px; }
.pageNav li a, .pageNav li span{
	box-sizing:border-box;
	border:1px solid #ccc;
	display:block;
	text-align:center;
	width:2em;
}
.pageNav li a:hover{ background:#f33; color:#fff; }
.pageNav li span{ background:#33f; color:#fff; }


/**************************************************
 * 訂正等のお知らせ
 **************************************************/

/*** レイアウト *************************************/
#membersNews{ margin:0 auto; width:82%; }
#membersNews dt{ color:#c93; font-size:1.2em; }
#membersNews dt a{ color:#f66; }
#membersNews dt a:hover{ color:#c00; }
#membersNews dd{ border-bottom:1px dashed #ccc; margin-bottom:1em; padding-bottom:1em; }


/**************************************************
 * 会社概要
 **************************************************/

/*** レイアウト *************************************/
#infoTable tr:nth-of-type(even){ background:#f8f8f8; }
#infoTable th, #infoTable td{ border:1px solid #ccc; vertical-align:middle; }
#infoTable th{ background:#33c; color:#fff; }
#infoTable td ul{ list-style-type:disc; margin-left:1.6em; }

.historyTable tr:nth-of-type(even){ background:#f8f8f8; }
.historyTable th, .historyTable td{ border:1px solid #ccc; vertical-align:middle; }
.historyTable th{ background:#33c; color:#fff; }
.historyTable td ul{ list-style-type:disc; margin-left:1.6em; }


/**************************************************
 * ユーザー管理画面
 **************************************************/

/*** ユーザー一覧 ***********************************/
#memberSearch{ margin:2em auto; width:62%; }
#memberSearch input[type='text']{ width:calc( 100% - 10em - 6px ); }
#memberSearch input[type='submit']{
	background:#33f;
	border:none;
	box-sizing:border-box;
	color:#fff;
	height:38px;
	line-height:38px;
	margin-left:6px;
	text-align:center;
	width:calc( 10em - 6px );
}
#memberSearch input[type='submit']:hover{ background:#c00; }
.listTable tbody .editTd{ text-align:center; }
.listTable tbody .editTd a{
	background:#33c;
	border-radius:6px;
	box-sizing:border-box;
	color:#fff;
	display:inline-block;
	min-width:5em;
	padding:2px 4px;
	text-align:center;
}
.listTable tbody .editTd a:hover{ background:#c00; }