BODY{margin:0px 20px 0px 20px;}
P {font-size:20px;}
#image_file{width:0; height:0; }
#wrap{width:100%; max-width:570px; height:auto; margin:0 auto;}
#top{width:100%; max-width:570px; height:45px;}
#middle{width:100%; max-width:570px; height:305px; margin:0 0 20px 0;}
#bottom{width:100%; max-width:570px; height:auto; margin:20px 0 20px 0;}
.button {
	width:100%;
	max-width:570px;
	height:50px;
	border: 1px solid #0a3c59;
	background: #3e779d;
	background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
	background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
	background: -moz-linear-gradient(top, #65a9d7, #3e779d);
	background: -ms-linear-gradient(top, #65a9d7, #3e779d);
	background: -o-linear-gradient(top, #65a9d7, #3e779d);
	background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
	padding: 10.5px 21px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
	box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
	text-shadow: #386480 0 1px 0;
	color: #ffffff;
	font-size: 18px;
	font-weight:bold;
	text-decoration: none;
	vertical-align: middle;
}
.button:hover {
	border: 1px solid #0a3c59;
	text-shadow: #1e4158 0 1px 0;
	background: #3e779d;
	background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
	background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
	background: -moz-linear-gradient(top, #65a9d7, #3e779d);
	background: -ms-linear-gradient(top, #65a9d7, #3e779d);
	background: -o-linear-gradient(top, #65a9d7, #3e779d);
	background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
	color: #fff;
}
.button:active {
	text-shadow: #1e4158 0 1px 0;
	border: 1px solid #0a3c59;
	background: #65a9d7;
	background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));
	background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
	background: -moz-linear-gradient(top, #3e779d, #65a9d7);
	background: -ms-linear-gradient(top, #3e779d, #65a9d7);
	background: -o-linear-gradient(top, #3e779d, #65a9d7);
	background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
	color: #fff;
}


/* popup css */
#wrap .screen {
	display: none;
	position: fixed;
	left: -1000px;
	top: -1000px;
	width: 5000px;
	height: 5000px;
	background: #373737;
	opacity: 0.8;
	-ms-filter:alpha(opacity=80);
	filter:alpha(opacity=80);
	z-index: 1000;
}
#wrap .insert_pop {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width:300px;
	height:auto;
	border: 3px solid #3e9bd2;
	background: #fff;
	z-index: 1500;
}
#wrap .upload_msg_pop {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	align:center;
	width:300px;
	height:auto;
	z-index: 2500;
	text-align:center;
}
#uploadmsg{
	color:#ffffff;
	font-size:25px;
	font-weight:bold;
}

#pophead{
	height:auto;
	padding:10px;
	background-color:#3e9bd2;
}
#pophead span{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	vertical-align:middle;
}
#popmiddle{
	text-align:left;
	height:450px;
}
#popmiddle select{
	font-size:18px;
}
#popmiddle input[type="tel"]{
	height:22px;
	width:45px;
	font-size:18px;
}
#popmiddle .custom{
	vertical-align:bottom;
	font-size:18px;
	margin:0;
	padding:0;
}
#memo{
	width:100%;
	height:40px;
	text-align:center;
	font-size:18px;
	box-sizing: border-box;
}
#room_num_name{
	width:100%;
	height:40px;
	text-align:center;
	font-size:18px;
	box-sizing: border-box;
}
#name_p{
	width:100%;
	height:40px;
	text-align:center;
	font-size:18px;
	box-sizing: border-box;
}
#ask{
	width:100%;
	height:80px;
	text-align:center;
	font-size:18px;
	box-sizing: border-box;
	resize:none;
	
}
#popmiddle hr{
	width:100%;
	margin:0;
	padding:0;
}
/*
#popmiddle textarea{
	width:230px;
	height:70px;
	font-size:18px;
	vertical-align:top;
}
*/
#popmiddle .middlediv{
	margin-left:20px;
	margin-right:20px;
}
#popmiddle .null{
	height:10px;
}
#popbottom{
	height:60px;
	text-align:center;
}
#popbottom input[type="button"]{
	width:110px;
}
#popbottom .button1{
	border: 1px solid #cacaca;
   background: #e6e6e6;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
   background: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
   background: -moz-linear-gradient(top, #ffffff, #e6e6e6);
   background: -ms-linear-gradient(top, #ffffff, #e6e6e6);
   background: -o-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: -ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
   padding: 10.5px 21px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #ffffff 0 1px 0;
   color: #5f5f5f;
   font-size: 16px;
   text-decoration: none;
   vertical-align: middle;
/*
	border: 1px solid #65a9d7;
   background: #3e7ea8;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e9bd2));
   background: -webkit-linear-gradient(top, #65a9d7, #3e9bd2);
   background: -moz-linear-gradient(top, #65a9d7, #3e9bd2);
   background: -ms-linear-gradient(top, #65a9d7, #3e9bd2);
   background: -o-linear-gradient(top, #65a9d7, #3e9bd2);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e7ea8 100%);
   padding: 10.5px 21px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #b3b3b3 0 1px 0;
   color: #ffffff;
   font-size: 16px;
   text-decoration: none;
   vertical-align: middle;
   */
}
#popbottom .button2{
	border: 1px solid #cacaca;
   background: #e6e6e6;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
   background: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
   background: -moz-linear-gradient(top, #ffffff, #e6e6e6);
   background: -ms-linear-gradient(top, #ffffff, #e6e6e6);
   background: -o-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: -ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
   padding: 10.5px 21px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #ffffff 0 1px 0;
   color: #5f5f5f;
   font-size: 16px;
   text-decoration: none;
   vertical-align: middle;
}