@charset "UTF-8";

/* main contents
--------------------------------------------------------- */
#msg_area_all	{
	clear:	both;
	margin:	100px auto 0 auto;
	width:	100%;
	}

#msg_area_all h4	{
	float:	left;
	margin:	0;
	padding:	0;
	color:	#333333;
	font-size:	3.0rem;
}

.msg_area	{
	float:	left;
	overflow:	hidden;
	margin:	0 auto 100px auto;
	width:	100%;
	}

.msg_area h5	{
	margin:	0 0 5px 0;
	padding-left:	4px;
	font-size:	2.2rem;
	color:	#333333;
	border-bottom:	2px solid #333333;
}


/*-----------------------------------------------------------
	present
------------------------------------------------------------*/
.present_img_area	{
	margin:	100px auto 0 auto;
	text-align:	center;
}

.present_img_area h3	{
	font-size:	2.6rem;
	margin:	0 0 20px 0;
}

ul.present_img	{
	overflow:	hidden;
	margin:	0 auto 30px auto;
}

ul.present_img.part1	{
	width:	750px;
}

ul.present_img.part2	{
	width:	500px;
}

ul.present_img li	{
	float:	left;
	margin:	0 0 30px 0;
}

ul.present_img.part1 li	{
	width:	33.33333%;
}

ul.present_img.part2 li	{
	float:	left;
	width:	50%;
}

ul.present_img li img	{
	width:	100%;
	height:	auto;
}


/*-----------------------------------------------------------
	form
------------------------------------------------------------*/
p.jme	{
	padding:	0;
}

dl, dt, dd {
	margin:	0;
	padding:	0;
	font-size:	1.4rem;
}

dl	{
	width:	100%;
	margin:	10px auto;
	border-top:	0;
	line-height:	2;
	overflow: hidden;
}

dt	{
	float:	left;
	padding:	5px 10px;
	width:	170px;
	border-right:	1px solid #cccccc;
	text-align:	right;
	font-weight:	bold;
}

dd	{
	vertical-align: middle;
	padding:	5px 10px;
	margin:	0px;
	margin-left:	195px;
}

dl.msg1	{
	margin-bottom:	5px;
}

dt.msg1	{
	float:	left;
	margin-bottom:	10px;
	padding:	5px;
	width:	100%;
	text-align:	left;
}

dd.msg1	{
	margin:	0px 0px;
	padding:	20px 0px;
	width:	100%;
	border-bottom:	none;
}

#msg_select li	{
	padding-bottom:	10px;
}

input	{
	margin:	0px 5px;
	height: 20px;
	line-height: 20px;
	display: inline;
	vertical-align: middle;
}

input,textarea,select{
	color :		#000000;
	border-width:	1px;
	border-color:	#999999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	vertical-align:middle\9; /* IE8 */
				}

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

.filedsize1,.filedsize2,.filedsize3,.filedsize4,.filedsize5	{
	font-size:	1.6rem;
	}

.filedsize1	{
	width:	20%;
	}
	
.filedsize2	{
	width:	60%;
	}
	
.filedsize3	{
	width:	70%;
	}

.filedsize5	{
	width:	95%;
	}

.filedsize6	{
	width:	10%;
	}

.notice	{
	clear:	both;
	width:	95%;
	margin:	0px auto 50px auto;
	text-align:	left;
}

.notice p	{
	font-size:	1.2rem;
	font-weight:	normal;
}

#input_area	{
	margin:0px auto;
	text-align:center
}

#input_area input	{
	font-size:	1.4rem;
	height: 30px;
}

#input_area input#inputsend	{
	font-size:	2.0rem;
	height: 50px;
	background:	#fcd709;
	padding:	10px;
}



/* =========================================================
	media queries for tablet
========================================================= */
@media only screen and (max-width : 900px){

/*-----------------------------------------------------------
	present
------------------------------------------------------------*/
.present_img_area	{
	margin:	60px auto 0 auto;
	text-align:	center;
}

.present_img_area h3	{
	font-size:	2.2rem;
	margin:	0 0 20px 0;
}

ul.present_img.part1	{
	width:	100%;
}

ul.present_img.part2	{
	width:	66.6666%;
}

ul.present_img.part1 li	{
	width:	33.33333%;
}

ul.present_img.part2 li	{
	float:	left;
	width:	50%;
}

}


/* =========================================================
	media queries for smartphone
========================================================= */
@media only screen and (max-width : 640px){
body{
	background:	none;
	}

header	{
	position:	static;
	height:	auto;
	}

h1 img	{
	margin:	0;
	width:	100%;
	height:	auto;
}

h4 img	{
	width:	100%;
	height:	auto;
}

.msg_area	{
	float:	left;
	overflow:	hidden;
	margin:	0 auto 40px auto;
	width:	100%;
	}

#msg_area_all h4	{
	font-size:	2.2rem;
}

/*-----------------------------------------------------------
	present
------------------------------------------------------------*/
.present_img_area	{
	margin:	60px auto 0 auto;
	text-align:	left;
}

.present_img_area h3	{
	font-size:	1.6rem;
	margin:	0 0 20px 0;
}

ul.present_img li	{
	margin:	0 0 0 0;
	text-align:	center;
}

ul.present_img li span	{
	display:	inline-block;
	margin:	0 0 20px 0;
}

ul.present_img.part1	{
	width:	100%;
}

ul.present_img.part2	{
	width:	100%;
}

ul.present_img.part1 li	{
	width:	50%;
	text-align:	center;
}

ul.present_img.part2 li	{
	float:	left;
	width:	50%;
}

}

/*-----------------------------------------------------------
	form
------------------------------------------------------------*/
dl	{
	overflow: hidden;
	margin:	0 auto 20px auto;
}


dt	{
	clear:	both;
	margin:	0;
	padding:	0;
	width:	100%;
	border-right:	none;
	text-align:	left;
	font-size:	1.6rem;
}

dd	{
	padding:	0;
	margin:	0;
	font-size:	1.8rem;
}


dl.msg1	{
	margin-bottom:	5px;
}

dt.msg1	{
	float:	left;
	margin-bottom:	4px;
	padding:	0;
	width:	100%;
}

#msg_select li	{
	font-size:	1.6rem;
}


select{
	font-size:	1.8rem;
	}

.notice p	{
	font-size:	14rem;
	font-weight:	normal;
}

input_area{
	margin:	0 0 70px 0;
}


.filedsize1	{
	width:	30%;
	}
	
.filedsize2	{
	width:	90%;
	}
	
.filedsize3	{
	width:	90%;
	}

.filedsize5	{
	width:	90%;
	}

.filedsize6	{
	width:	30px;;
	}

}