@charset "UTF-8";
/******** 共通 ********/
/* meta */
.error{ display:block; color:#C00000;}
input, select{ padding:0 3px; margin:3px 0;}
input::-webkit-input-placeholder { margin:0; padding:0; font-size:10pt; }
input:-moz-placeholder { margin:0; padding:0; font-size:10pt; }
/* header */
/* contentArea */
#main{ clear:both; display:block; width:95%; max-width:1072px; margin:0 auto; overflow:hidden; padding-top:50px; }
#main h1{ display:block; font-weight:bold; font-size:2em; color:#000; text-align:center; margin-bottom:50px;}
#main p.caption{ display:block; text-align:center; color:#474747; }
#main p.caption a{ color:#474747; font-weight:bold;padding:0 3px; }
#form{ clear:both; display:block; width:95%; max-width:980px; margin:0 auto 50px auto; overflow:hidden; }
div.form{  width:100%; overflow:hidden; }
#form dl{ display:block; margin-bottom:20px; overflow:hidden;}
#form dt{ position: relative; font-size:110%;}
#form dt span{ display:table-cell; height:100%; vertical-align:middle; }
#form dt:after {  content: '任意';  position: absolute;  display: block; top:50%; right: 0px; padding: 0px 15px; color: #A1A1A1; line-height: 1em;  font-size:12px;}
#form dt.required:after {  content: '必須';  color: #DD040D;}
#form dt.non:after {  content: '';  color: #cccccc;}
#form dd {  position: relative;  margin-bottom: 30px;}
#form textarea {   width: 100%;  padding: 0.5em;  height: 6em;  line-height: 1.5em;  box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  -ms-box-sizing: border-box;}
#form input[type='text']{ padding: 0.5em;  height: 3em;  line-height: 1.5em;  box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  -ms-box-sizing: border-box;}
#form input[type='tel']{ padding: 0.5em;  height: 3em;  line-height: 1.5em;  box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  -ms-box-sizing: border-box;}
#form input[type='zip']{ padding: 0.5em;  height: 3em;  line-height: 1.5em;  box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  -ms-box-sizing: border-box;}
#form input[type='checkbox']{width:24px; height:24px; border:1px solid #CCCCCC;}
#form select{ padding: 0.5em;  height: 3em;  line-height: 1.5em; }
.top{ text-align:center; padding:70px 0;}
.top a{ color:#474747; text-decoration:underline;}
input.button{ display:inline-block; border:1px #00A549 solid; background: url(../../images/common/button_arrow.png) 30px center no-repeat #00A549; color:#FFF; font-size:1.2em; text-align:center; }
input.button:hover{alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
input.back{ border:1px #999 solid; background:#999; }
input.button:hover{ cursor:pointer;}
.complete{ width:95%; text-align:center; border:1px #0953A0 solid; margin:0 auto; padding:70px 0; }
.privacy_frame{ width:auto; width:100%; padding:15px; text-align:center; border:1px solid #CCC; overflow-x:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.privacy_frame h3{ font-size:16px; font-weight:bold; color:#62717C; text-align:center; margin:10px auto 0px auto;}
.privacy_frame>div{ width:auto; height:200px; padding:15px; text-align:left; border:1px solid #CCC; margin:25px auto; overflow:scroll; overflow-x:hidden;}
.privacy_frame h4{ margin-bottom:10px; font-weight:bold;}
.privacy_frame p{ margin-bottom:30px; line-height:180%;}
.privacy_frame ul{ margin-bottom:30px; padding-left:1.5em;}
.privacy_frame ul li{ list-style-type:disc; line-height:180%; list-style-position:outside;}
/******** PC用 ********/
@media screen and (min-width:736px){
	 div.form dl dt{ float:left; clear:left; clear:right; display:table; width:20%; padding-bottom:19px; border-bottom:1px #F1F1F1 solid;}
	 div.form dt:after { margin-top:-15px; }
	 div.form dl dd{ float:right; width:78%; max-width:750px;  padding:0 0 19px 2%; border-bottom:1px #F1F1F1 solid;}
	 input.button{ width:328px;  padding:25px 0; margin:25px auto 0 auto;}
}
/******** スマホ、タブレット用 ********/
@media screen and (max-width:735px){
	 #main{ padding-top:45px; }
	 div.form{  width:96%; margin:0 auto; }
	 div.form dl{ border-top: 1px #DCE4EB solid; padding-top:30px; }
	 div.form dl dt{ display:block; width:180px; margin-bottom:10px; }
	 div.form dt:after { margin-top:-6px; }
	 div.form dl dd{ padding-bottom:30px; border-bottom: 1px #DCE4EB solid; }
	 input.button{ width:290px;  padding:25px 0; margin:25px auto;}
}



input[type="text"], input[type="password"] {min-height:45px;}
select {min-height:45px;}

[id='main']{
	min-width				: auto;
}

[id='loginChk']{
	text-align 				:center;
	width 					:auto;
	height 					:auto;
	margin-right			:10px;
	width					: 100%;
	width					: -moz-calc(100% - 70px);
	width					: -webkit-calc(100% - 70px);
	width					: -o-calc(100% - 70px);
	width					: calc(100% - 70px);
}

var,em {
font-size 					: 9pt !important;
font-weight 				: normal !important;
}

.tblData02 th {
	padding:6px 10px 2px 10px;
}
.tblData02 td {
	padding:8px 10px 2px 10px;
}


[id='post_reg_page']{
	margin-top				: 20px;
	margin-left				: 8px;
	width					: 98%;
	background				: url(../pic/userReg1.png) no-repeat;
	background-size			: 100%;
	background-position		: 0px;
}
[class='post_reg']{
	height 					: auto;
	padding					: 5px;
}

[class='post_reg']>var{
	padding					: 5px 0px 5px 10px;
	height					: 22px;
}
[class='post_reg']>div{
    width					: -moz-calc(100% - 10px);
    width					: -webkit-calc(100% - 10px);
    width					: -o-calc(100% - 10px);
    width					: calc(100% - 10px);
    border-bottom			: dotted 1px #cccccc;
	overflow				: hidden;
}
[class='post_reg']>div>span:nth-child(1){
	float					: left;
	width					: 180px;
	text-align				: left;
	color					: #333333;
}

[class='post_reg']>div>span:nth-child(1)>b{
	position				: relative;
	color					: #ff0000;
	font-weight				: normal;
}
[class='post_reg']>div>span:nth-child(2){
	float					: left;
	width					: 600px;
	color					: #333333;
}
[id='reg_mail']{
	height					: auto;
}
[id='reg_mail']>span:nth-child(1){
	padding-top				: 15px;
	height					: 50px;
}
[id='reg_mail']>span:nth-child(2){
	height					: auto;
}
[id='reg_mail']>span:nth-child(2) input{
    width					: -moz-calc(100% - 35px);
    width					: -webkit-calc(100% - 35px);
    width					: -o-calc(100% - 35px);
    width					: calc(100% - 35px);
}


[id='mail_1']{
	margin					: 10px 0px 0px 10px;
	padding-left			: 10px;
	width					: 500px;
	ime-mode				: disabled;
	text-align				: center;
	font-size				: 16px;
}
[id='mail_1'] + b{
	margin-top				: 5px;
	margin-left				: 15px;
}
[id='mail_2']{
	margin					: 3px 0px 0px 10px;
	padding-left			: 10px;
	width					: 500px;
	ime-mode				: disabled;
	text-align				: center;
	font-size				: 16px;
}
[id='mail_2'] + b{
	margin-top				: 5px;
	margin-left				: 15px;
	color					: rgb(255,0,0);
}
[id='reg_pass']{
	height					: auto;
}
[id='reg_pass']>span:nth-child(1){
	padding-top				: 15px;
	height					: 50px;
}
[id='reg_pass']>span:nth-child(2){
	height					: auto;
}

[id='reg_pass']>span:nth-child(2) input{
	text-align:center;
    width					: -moz-calc(100% - 35px);
    width					: -webkit-calc(100% - 35px);
    width					: -o-calc(100% - 35px);
    width					: calc(100% - 35px);
}
[id='pass_1']{
	margin					: 10px 0px 0px 10px;
    width 					: 500px;
	padding-left			: 10px;
	font-family				: Tahoma;
}
[id='pass_1'] + b{
	margin-top				: 5px;
	margin-left				: 15px;
}
[id='pass_2']{
	margin					: 3px 0px 0px 10px;
    width 					: 500px;
	padding-left			: 10px;
	font-family				: Tahoma;
}
[id='pass_2'] + b{
	margin-top				: 5px;
	margin-left				: 15px;
	color					: rgb(255,0,0);
}


[id='conf']{
	text-align              : center;
    width					: 100%;
}

@media screen and (max-width: 879px) {


	em{
		display					: none;
	}
	[class='post_reg']{
		width					: 98%;
		margin-left				: 0px;
	}
	[class='post_reg']>div>span:nth-child(1){
		padding-top				: 15px;
		width					: 100%;
		height					: 25px;
	}
	[class='post_reg']>div>span:nth-child(2){
		width					: 100%;
		height					: auto;
		min-height				: 35px;
		padding-bottom			: 10px;
	}


}