@charset "shift_jis";

h2#title_msg img	{
	width:	300px;
	height:	auto;
	margin:	20px 0px 5px 0px;
}

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


#msg_area	{
	width:	100%;
	font-size:	14px;
}

p.jme	{
	font-size:	18px;
	border-bottom:	2px solid #999999;
}

p.jme span	{
	margin:	0px 0px 0px 20px;
	font-size:	12px;
}


#msg_area dl	{
	width:	100%;
	margin:	0px auto 30px auto;
	overflow:auto;
}


#msg_area dt	{
	font-size:	16px;
	margin:	0px 0px 6px 0px;
	padding:	0px 0px 0px 10px;
	border-left:	6px solid #145e0c;
	font-weight:	bold;
}


#msg_area dd{
	clear:both;
	margin:	0px auto 1.4em auto;
	padding:	4px 4px 4px 2px;
	border-bottom:	none;
}


.form_style1{
	width:	30px;
}

.form_style2{
	width:	150px;
}

.form_style3{
	width:	300px;
}

.form_style4{
	width:	400px;
}

.form_style5{
	width:	500px;
}

.form_style6{
	width:	100%;
	height:	100px;
}

textarea.form_style5{
	width:	100%;
	height:	10em;
}


#msg_area select	{
	font-size:	16px;
}


input#formbtn1	{
	padding:	20px;
	font-size:20px;
	letter-spacing:	16px;
	border-style: none;
	background:	#80b559;
}

input#formbtn1:hover	{
	color:	#737171;
	background:	#afce74;
}

input#formbtn2	{
	margin-left:	40px;
	padding:	4px;
	font-size:14px;
	letter-spacing:	2px;
	border-style: none;
	background:	#939491;
}

input#formbtn2:hover	{
	color:	#737171;
	background:	#abacaa;
}

input[type="submit"], input[type="reset"], input[type="button"], button{
	cursor: pointer;
}



/********** media queries **********/

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

#msg_area	{
	width:	95%;
}

textarea.form_style5{
	width:	95%;
}

}



/* for smart phone*/
@media only screen and (max-width : 655px){

#okada_photo_sp	{
	display:	none;
}

.bnr_area_sp	{
	display:	none;
}

#msg_area	{
	width:	90%;
	margin:	0px auto;
}

h2#title_msg	{
	margin:	20px auto 0px auto;
	text-align:	center;
}

h2#title_msg img	{
	width:	90%;
	height:	auto;
}

input.form_style2,input.form_style3,input.form_style4,input.form_style5{
	width:	95%;
}

input#formbtn1	{
	background:	#afce74;
}

input#formbtn1:hover	{
	background:	#afce74;
}

input#formbtn2	{
	margin:	50px 0px 0px 0px;
}

input#formbtn2:hover	{
	color:	#737171;
	background:	#939491;
}


}