@charset "UTF-8";

/*------------------
スタイルの初期化
--------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, img, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:12px;
	line-height:1.5;
	vertical-align:baseline;
	background: transparent;
	color:#4d4d4d;
	font-family:'ヒラギノ角ゴ ProN W3','Hiragino kaku Gothic ProN','メイリオ','Meiryo','MS Pゴシック','MS PGothic',sans-serif;
}

input, button, select {	font-size:12px; font-size:1.2rem;}

ol, ul { list-style:none;}
ol img,
ul img { vertical-align:top;}

blockquote, q {	quotes:none;}

blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}

:focus { outline: 0;}
ins {	text-decoration:none;}
del {	text-decoration:line-through;}

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin:0;
	padding:0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}

.OnFL { float:left;}
.OnFR { float:right;}

/*---------------
contact用
-----------------*/

h1 { width:880px; height:60px; margin:0 auto;}
.cointainner { width:880px; height:auto; margin:0 auto;}

.contents { background-color:#eff5f9; border:solid 1px #aad3ed; border-top:none; width:auto; height:auto; padding:15px 0 20px;}
.contentsIn {
	background-color:#fff;
	width:780px;
	height:auto;
	margin:0 auto;
	padding:20px 30px;
	box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
	-o-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
	-ms-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
}

.contentsIn p.lead { font-size:14px; line-height:1.5; margin-bottom:10px;}
.contentsIn p.lead img { vertical-align:text-bottom; margin-right:5px;}
.flowArea01 { display:table; background:url(../images/flowBg01.gif) no-repeat; width:840px; height:61px; margin:0 auto 20px;}
.flowArea02 { display:table; background:url(../images/flowBg02.gif) no-repeat; width:840px; height:61px; margin:0 auto 20px;}
.flowArea03 { display:table; background:url(../images/flowBg03.gif) no-repeat; width:840px; height:61px; margin:0 auto 20px;}
.flowArea01,
.flowArea02,
.flowArea03 {
 	box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
	-o-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
	-ms-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
} 
.flowArea01 li,
.flowArea02 li,
.flowArea03 li { display:table-cell; width:280px; height:61px; font-size:16px; vertical-align:middle; padding-left:20px;}
.flowAct { color:#fff;}

.tblArea { border:solid 1px #aad3ed; margin-bottom:20px;}
.tblArea select,
.tblArea input { font-size:14px;}
.tblArea textarea { width:520px; font-size:15px; resize:none;}
.tblArea .required {
    background-color: #ffffcd;
}

#recaptcha{
	margin:0 auto 15px;
}
#recaptcha div{
	margin:0 auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.tblArea select,
	.tblArea input {
		font-size:14px;
	}
}
.wFull{width:98%;}

.dotLine { border-bottom:dotted 1px #bfbfbf;}
.lftLine { border-left:solid 1px #aad3ed;}

table.tbl01 {
	width:100%;
	border-collapse:collapse;
}
	
table.tbl01 th {
	background-color:#eff5f9;
	border-right:solid 1px #aad3ed;
	padding:9px;
	font-weight:normal;
	vertical-align:middle;
	font-size:14px;
	text-align:left;
}
	
table.tbl01 th img {
	vertical-align:text-bottom;
	margin-left:5px;
}

table.tbl01 td {
	font-size:14px;
	padding:9px;
	vertical-align:middle;
}

table.tbl01 td span.px14 {
	font-size:14px;
}

table.tbl01 td span.px12 {
	font-size:12px;
}

.w148 { width:148px;}
.w214 { width:214px;}
.w254 { width:254px;}

.caution { margin-bottom:20px;}
.caution li { font-size:14px; color:#be0000; text-indent:-14px; padding-left:14px;}

.psnlInfo { margin-bottom:20px;}
.psnlInfo dt,
.psnlInfo dd { font-size:14px;}

.readMds { display:table; background-color:#eff5f9; width:768px; height:25px; padding:5px;}
.readTxt { font-size:14px; padding:5px 5px 5px 20px; text-indent:-10px;}
.tblArea p.readMdsTxt { display:table-cell; vertical-align:middle; font-size:14px; color:#be0000;}
.tblArea p.btnClick { display:table-cell; vertical-align:middle; text-align:right}
.tblArea p.btnClick img {}

.btnConfirm,
.btnSubmit { width:460px; height:60px; margin:0 auto;}
.btnConfirm input.btn_fm00{ width:460px; height:60px; background:url(../images/btnConfirm_off.gif) no-repeat; display:block;}
.btnConfirm input.btn_fm01{ width:460px; height:60px; background:url(../images/btnConfirm.gif) no-repeat; display:block;}

.btnBack { width:200px; height:35px; margin:15px auto 0;}

.contentsIn .transComp01 { font-size:18px; line-height:1.5; color:#c50000; font-weight:bold; margin-bottom:20px;}
.contentsIn .transComp02 { font-size:14px; line-height:1.5; margin-bottom:20px;}
.contentsIn .transComp03 { font-size:14px; line-height:1.5;}
#recaptcha div {
	margin: 0 auto;
}
