@charset "UTF-8";


/*-------------------------------------------------------*/
div.main_contents p.chart{
	margin-bottom:35px;
}

div.main_contents p.plan_select{
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #CCC;
	color: #003F8E;
	font-size: 1.07em;
}

div.main_contents div.simulation{
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px #ccc solid;
}

div.main_contents div.simulation p.plan{
	padding:10px 0;
	color: #003F8E;
	font-size: 108%;
}

div.main_contents div.simulation table td p{
	padding:2px 0;
}

div.main_contents div.simulation table td p.corre{
	padding:0;
}

/* table
-------------------------------------------------------*/
table.formtable{
	width:100%;
	margin-bottom:15px;
	padding:0 0 5px;
}

table.formtable th{
	padding:10px 20px;
	border:1px #ccc solid;
	background:url(../images/follow/back_formtable_th.png);
	line-height:1.4;
}

table.formtable td{
	padding:10px 10px 5px 12px;
	border:1px #ccc solid;
	line-height:1.4;
}

table.formtable td table td{
	padding:0;
	border:0;
	padding:0 10px 0 0;
}

table.formtable td table td > label{
	display:inline-block;;
	margin-bottom:5px;
}

table.formtable td table.checktable td{
	line-height:1.3;
}

table.formtable td table.innertable th{
	padding:10px 8px;
}

table.formtable td table.innertable td{
	padding:10px 8px 5px;
	border:1px #ccc solid;
}

table.formtable td table.innertable td > table td{
	padding:5px;
	border:none;
}

table.formtable td p{
	padding:2px 0 7px;
}

table.formtable td table.stay p{
	padding:2px 0 12px;
}

table.formtable td p.confirm{
	padding:2px 0 12px;
}

table.formtable td > p.line{
	padding:10px 0 7px;
	border-top:1px #ccc dotted;
}

table.formtable td > p.bottomline{
	margin-bottom:10px;
	padding:2px 0 7px;
	border-bottom:1px #ccc dotted;
}


/* blue text
-------------------------------------------------------*/
table.formtable td p.remarks{
	padding:5px 0 2px;
	color:#3399ff;
	line-height:1.3;
}

span.paleblue{
	color:#3399ff;
}

/* kariire
-------------------------------------------------------*/
table.formtable td table.loan{
	margin-top:5px;
}

table.formtable td table.loan th{
	padding:3px 5px;
	background:#EAF4FC url(../images/follow/bg_th_grade.gif) left bottom repeat-x;
	border:1px #ccc solid;
	font-size:93%;
}

table.formtable td table.loan td{
	padding:2px 5px;
	border:1px #ccc solid;
}

table.formtable td table.loan td p.month{
	padding:2px 0 2px 2.3em;
}

table.formtable td table.confirm td{
	padding:10px 5px;
	border:1px #ccc solid;
}


/* select table
-------------------------------------------------------*/
table.selecttable{
	width:100%;
	margin-bottom:15px;
}

table.selecttable.confirm{
	margin-bottom:0;
}

table.selecttable tr > td{
	padding:5px;
	border:1px #ccc solid;
}

table.resulttable tr > td{
	padding:13px 10px;
	border:1px #ccc solid;
	line-height:1.3;
}

table.resulttable tr > td > p{
	padding:2px 0;
}

table.selecttable tr > td > p{
	padding:2px 0;
}

table.selecttable tr > td > dl {
	width:100%;
	padding:7px 7px 0;
}

table.selecttable tr > td > dl:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

/* IE6 */
* html table.selecttable tr > td > dl{
	zoom: 1;
}
/* IE7 */
*:first-child+html table.selecttable tr > td > dl{
	zoom: 1;
}

table.selecttable tr > td > dl dt{
	float:left;
	width:140px;
	padding:4px 0 0;
}

table.selecttable tr > td > dl dt.input{
	padding:10px 0 0;
}

table.selecttable tr > td > dl dd{
	padding:0 0 7px 150px;
}

table.selecttable tr > td > table {
	width:100%;
}

table.selecttable tr > td > table th{
	padding:8px 5px;
	background:#E8F5FA;
	border:1px #ccc solid;
	text-align:center;
}

table.selecttable tr > td > table td{
	padding:8px 5px;
	border:1px #ccc solid;
	text-align:center;
}

table.selecttable tr > td > table input.inputtxt{
	margin-bottom:0;
}

table.selecttable tr > td > table td > input.adsize{
	width:100%;
}

table.selecttable tr > td > table td:empty{
	background:#f1f1f1;
}

table.selecttable tr > td > table td > p{
	padding:0 3px;
	text-align:left;
}


/* result table
-------------------------------------------------------*/
table.resulttable{
	width:100%;
	margin-bottom:20px;
}

table.resulttable td > p.line{
	margin-top:12px;
	padding:12px 0 0;
	border-top:1px #ccc dotted;
}

/* table common
-------------------------------------------------------*/
table.formtable tr > th *,
table.selecttable *,
table.resulttable *{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

table.selecttable tr > th,
table.resulttable tr > th{
	padding:10px 15px;
	background:url(../images/follow/back_formtable_th.png);
	border:1px #ccc solid;
	line-height:1.3;
}

table.formtable tr > th span,
table.selecttable tr > th span{
	display:block;
	width:4em;
	margin-top:5px;
	padding:3px 8px;
	color:#fff;
	font-size:11px;
	text-align:center;
}

table.formtable tr > th span.required,
table.selecttable tr > th span.required{
	background:#ee0000;
}

table.entrytable td span.required{
	display:block;
	width:4em;
	margin-top:5px;
	padding:3px 8px;
	background:#ee0000;
	color:#fff;
	font-size:11px;
	text-align:center;
}

/* table
-------------------------------------------------------*/
table.simutable{
	margin-bottom:5px;
}

table.simutable th,
table.simutable td{
	padding:10px 10px 8px;
	border:1px #ccc solid;
	line-height: 1.4;
}

table.simutable th{
	background:#E8F5FA;
	text-align:center;
}

table.simutable td input.inputtxt{
	margin-bottom:0 !important;
}

table.simutable input[type="checkbox"]  {
	display: none;
	vertical-align:middle;
}

table.simutable input[type="checkbox"] + label{
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	width:16px;
	height:16px;
	cursor: pointer;
}

table.simutable input[type="checkbox"] + label::before{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width:16px;
	height:16px;
	background:#fff;
	border:1px #bbb solid;
	border-radius:2px;
	box-sizing:border-box;
	transition: 0.5s ease;
	z-index:2;
}

table.simutable input[type="checkbox"]:checked + label::before{
	border:1px #1686d4 solid;
	background:#1686d4;
}

table.simutable input[type="checkbox"]:checked + label::after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:16px;
	height:16px;
	background:url(../images/check-solid.png) center center/12px 9px no-repeat;
	z-index:5;
}

.select-items li{
	padding:3px 0;
	line-height:1.2;
}

.set-form-button{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:center;
	justify-content:center;
	list-style-type:none;
	text-align:center;
}

.set-form-button li{
	padding:0 20px;
	font-size:13px;
	text-align:center;
}

/* error
-------------------------------------------------------*/
table.entrytable tr.error,
table.selecttable tr.error,
table.formtable tr.error,
div.simulation table tr.error{
	background:#F3F3F3;
}

table.entrytable tr.error td:first-child,
table.selecttable tr.error th,
table.formtable tr.error th,
div.simulation table tr.error th{
	color:#EE0000;
}

table.entrytable td p.corre,
table.selecttable td p.corre,
table.formtable td p.corre,
div.simulation table td p.corre{
	padding:0;
	color:#EE0000;
	line-height:1.2;
}

table.entrytable td p.corre{
	padding:5px 0 0;
}

p.error {
	line-height:1.5;
}

/* *****************************************************
 *	5.button area
 * *****************************************************/
p.set{
	margin-bottom:35px;
	padding-top:10px;
	text-align:center;
}

/* *****************************************************
 *	6.form parts
 * *****************************************************/
input.inputtxt,
textarea.inputarea{
	vertical-align:middle;
	margin-bottom:5px;
	padding:6px 4px;
	border:1px #ccc solid;
	font-family:'Meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

select.selectbtn{
	vertical-align:middle;
	margin-bottom:5px;
	padding:4px;
	border:1px #ccc solid;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo','メイリオ','ＭＳ Ｐゴシック',sans-serif;
}

select.period{
	width:5em;
	vertical-align:middle;
	margin-bottom:5px;
	padding:3px;
	border:1px #ccc solid;
	font-family:'Meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

input.choicebtn{
	vertical-align:middle;
	position:relative;
	top:0;
	margin:0 6px 3px 0;
}

input.choicebtn label{
	line-height:1.4;
}

input.planchoice{
	display: none;
	vertical-align:middle;
}

input.planchoice + label{
	position: relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-justify-content:center;
	justify-content:center;
	vertical-align:middle;
	width:100%;
	height:100%;
	padding:8px 0 8px 35px;
	text-align:left;
	line-height:1.4;
	cursor:pointer;
}

input.planchoice:checked + label{
	background:#f0f0f0 url(../images/back_shading.png) left top;
}

input.planchoice + label::before{
	position: absolute;
	content: "";
	top: 50%;
	left:10px;
	width: 16px;
	height: 16px;
	margin-top:-8px;
	background:#fff;
	border:1px #b4b4b4 solid;
	border-radius: 50%;
	z-index:2;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

input.planchoice:checked + label::after{
	position: absolute;
	content: "";
	top: 50%;
	left:13px;
	width: 10px;
	height: 10px;
	margin-top:-5px;
	background:#003F8E;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	z-index:3;
}

input.setbtn{
	vertical-align:middle;
	padding:12px 6px;
	background:#0E3D86;
	border:1px #0E3D86 solid;
	color:#FFF;
	font-size:1.07em;
	font-family:'Meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	cursor:pointer;
}

input.inputtxt.sizeM + input.setbtn{
	position:relative;
	top:-2px;
	padding:5px 6px;
	font-size:0.93em;
}

input.submitbtn{
	width:180px;
	padding:12px 6px;
	background:#0E3D86;
	border:1px #0E3D86 solid;
	color:#FFF;
	font-size:1.07em;
	font-family:'Meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	cursor:pointer;
}

input.refusebtn{
	width:180px;
	padding:12px 6px;
	background:#999;
	border:1px #999 solid;
	color:#FFF;
	font-size:1.07em;
	font-family:'Meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	cursor:pointer;
}

input.changebtn{
	width:280px;
	margin-top:25px;
	padding:12px 25px 12px 6px;
	background:#1686d4 url(../images/point_btn_arrow.png) 95% center no-repeat;
	border:1px #1686d4 solid;
	color:#FFF;
	font-size:1.0em;
	font-family:'Meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	cursor:pointer;
}

div.main_contents ul.sendsetbtn > li input.submitbtn{
	width:200px;
	padding:12px 6px;
	background:#0E3D86;
	border:1px #0E3D86 solid;
	color:#FFF;
	font-size:1.07em;
	font-family:'Meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	cursor:pointer;
}

div.main_contents ul.sendsetbtn > li input.refusebtn{
	width:200px;
	padding:12px 6px;
	background:#999;
	border:1px #999 solid;
	color:#FFF;
	font-size:1.07em;
	font-family:'Meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	cursor:pointer;
}

input[type="text"]:focus,
textarea.inputarea:focus{
	background:#F4F4F4;
	border:1px solid #C2C1C1;
}

input.douibtn{
	width:180px;
	padding:12px 6px;
	background:#0E3D86;
	border:1px #0E3D86 solid;
	color:#FFF;
	font-size:1.07em;
	font-family:'Meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	cursor:pointer;
}

input.douibtn:disabled{
	background:#eee;
	border:1px #ccc solid;
	color:#333;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	cursor:default;
}

input#douisubmit{
	width:160px;
	padding:8px 6px;
	background:#0E3D86;
	border:1px #0E3D86 solid;
	color:#FFF;
	font-size:1.07em;
	font-family:'Meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	cursor:pointer;
}

input#douisubmit:disabled{
	background:#eee;
	border:1px #ccc solid;
	color:#333;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	cursor:default;
}

input#nextsubmit{
	width:250px;
	padding:18px;
	background:#0E3D86;
	border:1px #0E3D86 solid;
	color:#FFF;
	font-size:1.07em;
	font-family:'Meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	cursor:pointer;
}

input#nextsubmit:disabled{
	background:#ddd;
	border:1px #ddd solid;
	color:#222;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	cursor:default;
}

input.btn_on {
	background:#0E3D86;
	color:#FFF;
}

/* size
-------------------------------------------------------*/
.sizemax{
	width:500px;
}

.sizeFL{
	width:400px;
}

.size4L{
	width:305px;
}

.size3L{
	width:275px;
}

.sizeLM{
	width:215px;
}

.sizeLL{
	width:175px;
}

.sizeL{
	width:150px;
}

.sizeML{
	width:125px;
}

.sizeM{
	width:100px;
}

.sizeSM{
	width:80px;
}

.sizeS{
	width:70px;
}

.sizeS2{
	width:60px;
}

.sizeSS{
	width:45px;
}