@charset "utf-8";

/*----------------------------------------------------*/ 
/* common
------------------------------------------------------*/ 
#mv {
	background:#FFFFFF url(/lib/img/uniq/mail/mv.jpg) center bottom no-repeat;
}

#contents p {
	font-size:108%;
	margin-top:10px;
}

#contents section {
	margin-top:40px;
}

#footer {
	border-top: solid 1px #eee;
}

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

#mail #footer footer {
	display:none;
}

}

/*----------------------------------------------------*/ 
/* common
------------------------------------------------------*/ 

#contents table.t_type01 {
	width:100%;
	border-top:1px solid #EEE;
	margin-bottom:20px;
	opacity:0.7;
}


#contents table.t_type01 th,
#contents table.t_type01 td {
	padding: 5px 8px;
	border-bottom:1px solid #EEE;
	vertical-align:top;
	font-weight:normal;
}

#contents table.t_type01 th { 
	border-right:1px solid #EEE;
	width:30%; 
}


#contents input.w30{ width:30px;	border:solid 1px #999;}
#contents input.w40{ width:40px;	border:solid 1px #999;}
#contents input.w50{ width:50px;	border:solid 1px #999;}
#contents input.w100{ width:100px;	border:solid 1px #999;}
#contents input.w150{ width:150px;	border:solid 1px #999;}
#contents input.w200{ width:200px;	border:solid 1px #999;}
#contents input.w250{ width:250px;	border:solid 1px #999;}
#contents input.w300{ width:300px;	border:solid 1px #999;}
#contents input.w350{ width:350px;	border:solid 1px #999;}
#contents input.w400{ width:400px;	border:solid 1px #999;}

#contents textarea{	background:#f2f7f6;	border:solid 1px #999; padding:2px; font-size: 14px;}
#contents textarea.w300{ width:300px;}
#contents textarea.w350{ width:350px;}
#contents textarea.w400{ width:400px;}

#contents div.submit {	text-align:center;	margin-top:20px;}
#contents div.submit li {	display:inline-block; margin:0 20px; position: relative;}
#contents div.submit input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 36px;
	opacity: .0;
	cursor: pointer;
}

#contents input[type="text"] {
	padding:5px;
}

#contents em.error {
	font-style:normal;
	color:#CC0000;
	padding-left:5px;
	display:none;
}

#contents p.error {
	color:#CC0000;
	font-size: 12px;
	margin-top: 0;
}

input[type=text].error,textarea.error,select.error {
	background: #FBEEF4;
}

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

#mv {
	background:#FFFFFF url(/lib/img/uniq/mail/mv.jpg) center bottom no-repeat;
	background-size:contain;
}

#contents input,
	#contents textarea {
		width: 100% !important;
		box-sizing: border-box;
	}

#contents table.t_type01 {
	border: none;
}
#contents table.t_type01 th,
#contents table.t_type01 td {
	display: block;
	width: auto;
	border-left: none;
	border-right: none;
}

#contents table.t_type01 th {
	border-bottom: none;
	font-weight: bold;
}
	
#contents table.t_type01 td {
	padding-bottom: 10px;
}

#contents div.submit {
	position: relative;
	padding-bottom: 50px;
}

#contents div.submit li {
	display:block; margin:0;
}

#contents div.submit li.back {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
}

}