@charset "UTF-8";

.message_area .j-me_area_member	{
	margin:	50px 0 100px 0;
	padding:	15px;
	background:	#e0ecf1;
	-moz-border-radius:	6px;
	-webkit-border-radius:	6px;
	border-radius:	6px;
}

.message_area .j-me_area	{
	margin:	0 0 30px 0;
	text-align:	left;
}

.message_area h3	{
	margin:	0 0 1.4rem 0;
	font-size:	2.0rem;
	font-weight:	bold;
}

.message_area h3 span	{
	margin:	0 0 0 2.2rem;
	font-size:	1.4rem;
	font-weight:	normal;
}


.message_area	{
	width:	640px;
	margin:	0 auto;
}

.message_area .present_info	{
	margin:	0 auto 40px auto;
	font-size:	1.6rem
}

.message_area .present	{
	margin:	0 0 100px 0;
	text-align:	center !important;
}

.message_area .present img	{
	width:	200px;
	height:	auto;
	margin:	0 auto;
}

.message_area dl	{
	width:	100%;
	margin:	0 auto 40px auto;
	text-align:	left;
	font-size:	1.6rem
}

.message_area dt	{
	padding:	3px 5px;
	border-bottom:	dashed #00a0e9 2px;
	font-weight:	bold;
}

.message_area dd	{
	padding:	15px 15px 0 10px;
	line-height:	2.2;
}



input[type='text'],input[type='password'],textarea{
	padding:	5px;
	border-radius:	5px;
	border:	1px solid #ccc;
	appearance:	none;
	-webkit-appearance:	none;
	-moz-appearance:	none;
}

input:focus {
	 border:	solid 1px #cc0000;
}

input[type='submit']{
	border:	none;
	display:	block;
	width:	100%;
	xmax-width:	500px;
	padding:	10px;
	-moz-border-radius:	6px;
	-webkit-border-radius:	6px;
	border-radius:	6px;
	background-color:	#00a0e9;
	color:	#fff;
	font-size:	2.2rem;
	appearance:	none;
	-webkit-appearance:	none;
	-moz-appearance:	none;
	cursor:	pointer;
	margin:	70px auto 0 auto;
}


input[type='RESET']{
	border:	none;
	display:	block;
	width:	30%;
	padding:	10px;
	-moz-border-radius:	6px;
	-webkit-border-radius:	6px;
	border-radius:	6px;
	background-color:	#a5bbc5;
	color:	#fff;
	font-size:	1.4rem;
	appearance:	none;
	-webkit-appearance:	none;
	-moz-appearance:	none;
	cursor:	pointer;
	margin:	0 auto;
}

label, input[type='checkbox'] {
	cursor:	pointer;
}


select	{
	margin:	1.4rem 0 0 0;
	font-size:	1.4rem;
}

.message_area table	{
	margin:	50px 0 0 0;
}


i	{
	margin:	0 5px 0 0;
}

i.fa-dot-circle	{
	color:	#00a0e9;
}


.fs1	{
	width:	10%;
	}
	
.fs2	{
	width:	20%;
	}

.fs3	{
	width:	30%;
	}

.fs4	{
	width:	40%;
	}

.fs5	{
	width:	50%;
	}

.fs6	{
	width:	60%;
	}

.fs7	{
	width:	70%;
	}

.fs8	{
	width:	80%;
	}

.fs9	{
	width:	90%;
	}

.fs10	{
	width:	100%;
	}


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

.message_area h3	{
	margin:	0 0 1.2rem 0;
	font-size:	1.6rem;
	font-weight:	bold;
}

.message_area h3 span	{
	margin:	0 0 0 2.2rem;
	font-size:	1.2rem;
	font-weight:	normal;
}

.message_area	{
	width:	100%;
	margin:	0 auto;
}

.message_area .present_info	{
	margin:	0 auto 20px auto;
	font-size:	1.4rem
}

.message_area .present	{
	margin:	0 0 50px 0;;
}

.message_area .present img	{
	width:	100%;
}

.message_area dl	{
	font-size:	1.4rem
}

.fs1	{
	width:	90%;
	}
	
.fs2	{
	width:	20%;
	}

.fs3	{
	width:	90%;
	}

.fs4	{
	width:	90%;
	}

.fs5	{
	width:	90%;
	}

.fs6	{
	width:	90%;
	}

.fs7	{
	width:	90%;
	}

.fs8	{
	width:	90%;
	}

.fs9	{
	width:	90%;
	}

.fs10	{
	width:	90%;
	}
}