@charset "UTF-8";
/* ------------------------------------------------------

PC版用css … 基本は従来のstyle3.cssを利用しますが、
レスポンシブ化に伴ってhtmlを修正しているので、調整が必要な場合コチラに追記します

------------------------------------------------------　*/


/* ------------------------------- 汎用 */
.hid{
	display:none;
}
.red{
	color:#FF3300;
}
.sp{
	display: none;
}
img{
	max-width: 100%;
}
.font-bold {
	font-weight: bold;
}


input[type="text"].wide{
	width: 70% !important;
}
input[type="text"].short{
	width: 40px !important;
}
input[type="text"].medium{
	width: 50px !important;
}
input[type="text"].long{
	width: 60px !important;
}
input[type="text"].policyNumber{
	/* width: auto !important; */
	width: 83px;
}


/* ------------------------------
薄めの注意書き
------------------------------ */
.notice{
	font-size:12px;
	font-size:1.2rem;
	font-weight: normal;
}
.notice02{
	font-size:12px;
	font-size:1.2rem;
	font-weight: normal;
}

/* ------------------------------
赤字下げ キャプション
------------------------------ */
.cautionBox {
	border: 2px solid #ff0000;
	padding: 10px;
	margin: 10px auto 10px auto;
	text-align: left;
}

.caution{
	margin: 1em 0;
	font-size:12px;
	font-size:1.2rem;
	line-height: 1.4;
	color: #ff0000;
}
.indent1em{
	margin-left: 1em;
	text-indent: -1em;
}
.indent2em{
	margin-left: 2em;
	text-indent: -2em;
}
.indent3em{
	margin-left: 3em;
	text-indent: -3em;
}
.indent4em{
	margin-left: 4em;
	text-indent: -4em;
}
.indent5em{
	margin-left: 5em;
	text-indent: -5em;
}
.indent6em{
	margin-left: 6em;
	text-indent: -6em;
}

/* ------------------------------- メインコンテンツ※フォントサイズ調整修正対応 */
#maincontent{
	font-size: 14px;
	line-height: 1.4;
}
.L {
	font-size: 16px;
	line-height: 1.4;
}
.M {
	font-size: 14px;
	line-height: 1.4;
}
.S {
	font-size: 13px;
	line-height: 1.4;
}
.SS {
	font-size: 11px;
	line-height: 1.4;
}


/* ------------------------------- メインコンテンツ：ログイン画面 */
#loginBox3 {
	border: 2px solid #3a56e3;
	padding: 10px;
	width: 400px;
	border-radius: 10px;
	background-color: #399ee521;
	margin: 5px auto 0px auto;
	text-align: center;
	font-weight: bold;
}

#loginBox2 {
	margin: 15px auto 0px auto;
	color: red;
	text-align: center;
	font-weight: bold;
}

#loginBox{
	height: 123px;
	margin:5px auto 0px auto;
	text-align: center;
}
#loginBox input[type="text"].short{
	/* width: auto !important; */
	width: 28px;
}
#loginBoxLeft{
	height: 70px;
}
#loginBoxTable table td {
	padding: 3px 1px;
}
.logionCaution{
	clear:both;
	padding-left: 350px;
	color: #ff0000;
	font-size: 12px;
	font-size:1.2rem;
}

#explBox{
	margin-top: 50px;
	margin-bottom: 50px;
}

.loginButton{
	margin:10px 0;
	text-align: center;
}

/* ------------------------------- メインコンテンツ：入力画面 */
table.input{
	width: 700px;
	margin: 1em 0;
}
table.input th{
	width: 25%;
	padding: 1em ;
	background: #D5EAFF;
	border: solid 1px #000;
	font-weight: bold;
	text-align: left;
}
table.input .KAISU th{
	background: #FFD5AA;
}
table.input th p{
	font-weight: normal;
}
table.input td{
	padding: 1em ;
	background:#fff;
	border: solid 1px #000;
}
table.input td.blue{
	background: #D5EAFF;
}

/* ?マークの位置 */
.questionMark{
	float: right;
}


/* ------------------------------- メインコンテンツ：確認画面 */

#maincontent h3{
	margin: 1em 0;
	color: #002d88;
	font-size: 18px;
	font-size:1.8rem;
	font-weight: bold;
	line-height: 1;
}


/* 契約内容table */
table.payment {
	min-width: 600px;
	margin: 1em 0;
}
table.payment th{
	width: 254px;
	padding: 0.3em ;
	background: #FFD5AA;
	border: solid 1px #CCCCCC;
	text-align: left;
}
table.payment_width th{
	width: 242px;
}
table.contract th{
/*	width: 252px;	*/
	width: 242px;
}
table.payment th.title{
	width: 35px;
	text-align: center;
}
table.payment td{
	padding: 0.3em ;
	background:#fff;
	border: solid 1px #CCCCCC;
}


/* 契約内容table：カード内容 */
table.card {
	width: 700px;
}
table.card th{
/*	width: 289px;	*/
	width: 279px;
	padding: 0.8em ;
}
table.card td{
	padding: 0.8em ;
}

/* 契約内容table：EntryDetailページのみ */
table.EntryDetail {
	min-width: 484px;
	margin-left: 40px;
}
table.EntryDetail th{
/* 	width: 194px; */
	width: 214px;
}
p.EntryDetail {
	margin-left: 40px;
}

/* ------------------------------- メインコンテンツ：完了画面 */
.redTitle12{
	margin:0 0 2em 0;
}

#subcontent_blue{
	padding:5px 5px 5px 10px;
	font-size:14px;
	font-size:1.4rem;
	line-height: 1.4;
}
table.date{
	margin: 2.5em 0;
	border:solid 1px #666;
	background-color: #fff;
	font-size:14px;
	font-size:1.4rem;
}
table.date th{
	padding: 1em 1em;
	background-color: #FFD5AA;
	font-weight: normal;
	text-align: left;
	color: #000;
	white-space: nowrap;
}
table.date td{
	padding: 1em 1em;
}

/* 契約内容 完了確認 table */
table.complete {
	width: 100%;
	font-size:14px;
	font-size:1.4rem;
}
table.complete th{
	width: 20%;
	padding: 0em ;
	color: #000;
	font-weight: normal;
	text-align: left;
	line-height: 1.6;
	white-space: nowrap;
}
table.complete td{
	padding: 0em ;
	line-height: 1.6;
}
table.complete td.colon{
	padding: 0em ;
}
table.complete .alignTop{
	vertical-align: top;
}



/* ------------------------------- メインコンテンツ：hidden_M table */
table.hidden_M {
	width: auto;
}
table.hidden_M th{
	padding: 0.3em ;
	background: #fff;
	border: solid 0 #ddd;
	line-height: 1;
	text-align: left;
}
table.hidden_M td{
	margin-bottom: 0em;
	padding: 0.3em 0.3em;
	border: solid 0 #ddd;
	font-size:14px;
	font-size:1.4rem;
	line-height: 1;
}
table.hidden_M tr:last-child th,
table.hidden_M tr:last-child td{
	border-top: solid 1px #666;
}


#subcontent_yellow{
	width: 100%;
	margin: 0;
	padding: 10px;
}
.waring{
	font-weight: bold;
	text-align: center;
	color: #ff0000;
}
h3.waring{
	font-size:20px;
	font-size:2.0rem;
	line-height: 1.4;
}


/* ------------------------------- フッター */
#footer{
	clear: both;
}

/* ------------------------------- メインコンテンツ：オーソリNG画面 */
#maincontent > #authori_ng_center {
	color:#FF0000;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 130px;
	box-sizing:border-box;
	display:block;
	text-align:Left;
}

#maincontent > #authori_ng_center > #info_main {
	font-size:20px;
}

#maincontent > #authori_ng_center > #info_sub {
	font-size:16px;
}

#maincontent > #authori_ng_left_blk {
	color:#000000;
	font-size:16px;
	box-sizing:border-box;
	display:block;
	text-align:Left;
}
