﻿@charset "utf-8";

input:hover{
filter:alpha(opacity= 80); /* IE */
-moz-opacity:0.80; /* Firefox CSS3以前 */
opacity:0.80; /* CSS3 */
}
div.hr{
	min-width:1020px;
	width:100%;
	height:2px;
	background-color:#0EBE86;
}
h3{
	width:845px;
	margin:0 auto;
}
#flow{
	margin:10px auto;
	width:750px;
}
#main{
	font-size:14px;
}
p{
	width:785px;
	margin:10px 0 0 90px;
	line-height:160%;
}
#telmes{
	height:81px;
	margin:20px auto;
	width:750px;
}
#telmes li{
	color:#FF0000;
	font-size:15px;
	font-weight:bold;
	float:left;
	margin-left:40px;
	margin-bottom:20px;
	padding-top:30px;
}
#telmes li img{
	margin-top:-30px;

}

#telmes2{
	height:200px;
	margin:20px auto;
	width:750px;
}
/*thanks*/
#thanks{
	margin:20px auto;
	width:850px;
}
p.thanks{
	margin:20px auto 80px;
	width:850px;

}


/*form*/
#form{

	margin:20px auto;
	width:800px;
}
#form table{
	margin-left:-30px;
	width:800px;
}
#form th,#form td{
	padding:10px 10px 10px 10px;
}
#form th{
	width:200px;
	font-weight:bold;
	border-top:1px dotted #666;
	background-color:#f1f1f1;
	line-height:140%;
}
#form td{
	width:600px;
	border-top:1px dotted #666;
}
#form tr+tr th,#form tr+tr td{
	border-bottom:1px dotted #666;

}
.float li{
	float:left;
	margin-right:30px;
}
.atte{
	clear:both;
	margin-top:5px;
	line-height:140%;
	color:#D00;
    padding-left: 1em;
    text-indent: -1em;
}
#form #plan{
	line-height:140%;
	white-space: nowrap;
}
/*
#form td li{
	float:left;
	width:185px;
}
#form #plan{
	line-height:140%;
}

#form #plan ul{
	clear:both;
	padding-top:5px;
}
*/
#form #plan2{
	margin:10px 0 ;
}
#form #plan3 li,#form #plan4 li{
	float:left;
	width:180px;
}
#form #plan4{
	clear:both;
	padding:10px 0 0;
}
.clear{
	clear:both;
}
div.clear{
	padding:10px 0 0;
}

input{
	margin-right:10px;
}
.x-small{
	font-size:small
}
#submit{
	width:300px;
	margin:10px auto 60px;
}
#submit2{
	width:650px;
	margin:10px auto 60px;
}
#submit2 img{
	margin-right:40px;
	margin-bottom:3px;
}
div.comment{
	margin-top:20px;
	margin-left:-30px;
	line-height:140%;
}

html.ua-ie-6 div.comment{
	margin-top:20px;
	margin-left:0px;
	line-height:140%;
}

div.comment p{
	width:800px;
	border:1px solid #999;
	padding:10px;
	margin-left:0px;
}
.memo {
width:800px
}
.memo span{
	color:#D00;
}
#form a{
	color:#D00000;
	text-decoration:underline;
}
div.def{
	margin-top:5px;
	font-weight:normal;
}
/*contact*/
#contactm{
	position:relative;
	width:1020px;
	height:345px;
	background-image:url("https://www.hiroo-prime.com/menu/menu/image/epi/contact.jpg");
	background-repeat:no-repeat;
	margin:0 auto 40px;
}
#contactm div{
	position:absolute;
	left:390px;
	top:45px;
	font-size:29px;
	line-height:100%;
}

#contactm span{
	font-size:13px;
	margin-left:10px;

}
#contactm div.button{
	position:absolute;
	left:390px;
	top:160px;
}
#contactm div.button img{
	margin-right:10px;
}
#contactm ul{
	position:absolute;
	left:280px;
	top:240px;
	font-size:16px;
}
#contactm li{

	margin-bottom:10px;
}
#contactm #contactmmes{
	position:absolute;
	left:385px;
	top:42px;
}
#contactm #contactmbanner{
	position:absolute;
	left:91px;
	top:237px;
}

#form td a{
	color:#996600;
	text-decoration:underline;
}
#form td a:hover{
	color:#CC9933;
}
#date1,#date2{
	margin:0 0 10px 0;
}
#contactm .contacttel{
	position:absolute;
	left:487px;
	top:86px;
}
.dateconfirm{
	line-height:140%;
}

.error {
	color:#DF0000;
	font-weight:bold;
}