* {
	margin: 0;
	padding: 0; }

body {
	background: #fff;
	font-family: sans-serif;
	font-size: 18px;
	line-height: 1.35;
	color: #333333; }

a {
	color: #333333;
	text-decoration: none; }

table {
	border: 0;
	border-collapse: collapse; }
th {
	font-weight: bold;
	text-align: center; }
td {
	font-weight: normal;
	text-align: left; }

img {
	border: 0; }

input[type='text'],
input[type='number'],
textarea,
select,
input[type='button'],
input[type='cansel'],
input[type='submit'] {
	font-size: 1em;
	font-family: sans-serif; }
input[type='text'],
input[type='number'],
textarea,
select {
	width: 300px;
	padding: 5px;
	margin-left: 3px;
	border: solid 2px #ccc; }

hr {
	margin-bottom: 1px;
	border: 0 none; }



#container {
	width: 320px;
	margin: 0 auto; }

#header_top {
	position: relative;
	width: 100%;
	height: 205px;
	padding-top: ;
	background: url('../images/header_top_bg1.jpg') 0 23px no-repeat;
	background-size: contain; }
#header_top h1 {
	position: ;
	top: 0;
	left: 0;
	width: 100%;
	height: 75px;
	margin-bottom: 10px;
	background: url('../images/header.png') 0 5px no-repeat #696969;
	background-size: contain;
	text-indent: -9999px; }
#header_top p {
	margin-top: 5px;
	line-height: 1.4em;
	font-family: 'CI',Meiryo;
	color: #333333;
	font-size: 0.9em;
	text-align: center;
	text-shadow: 1px 0 0 rgba(255,255,255,0.5),1px 1px 0 rgba(255,255,255,0.5),0 1px 0 rgba(255,255,255,0.5),-1px 1px 0 rgba(255,255,255,0.5),-1px 0 0 rgba(255,255,255,0.5),-1px -1px 0 rgba(255,255,255,0.5),0 -1px 0 rgba(255,255,255,0.5),1px -1px 0 rgba(255,255,255,0.5);
 }
#header_top p.h_tel {
	width: 280px;
	margin: 0 auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-top: 5px;
	font-size: 1.1em;
	background: #229933;
	color: #fff;
	text-shadow: none;
}
#header_top p.h_tel span {
	font-size: 1.4em;
	font-weight: bold;
}
#header {
	position: relative;
	width: 100%;
	height: 60px;
	margin-bottom: 2px;
	background: #696969;
	background-size: contain; }
#header h1 {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 220px;
	height: 50px;
	background: url('../images/header.png') 0 0 no-repeat;
	background-size: contain;
	text-indent: -9999px; }
#header span {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px; }
#header span button.return_btn {
	padding: 5px 10px;
	border: solid 2px #666;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%);
	font-size: 1em;
	font-weight: bold;
	color: #321; }


#footer {
	width: 100%;
	margin-top: 15px;
	padding-top: 4px;
	background: #696969; }
#footer address {
	display: block;
	padding: 10px 0 20px;
	border-top: solid 2px #ffffff;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	text-align: center; }
#footer p {
	text-align: center; }
#footer p a {
	color: #fff; }





#main {
	width: 100%;
	background: #fff; }
#main h2 {
	margin-bottom: 2px;
	padding: 6px 0;
	background-image: url('../images/h2bg.png');
	background-color: #1061B3;
	background-repeat: no-repeat;
	background-size: 25px 25px; 
	background-position: 10px center;
	font-size: 1.2em;
	font-weight: normal;
	color: #fff;
	text-indent: 40px; }
#main h2.titlec {
	margin-bottom: 5px;
	background-image: url('../images/h2bg.png');
	padding: 6px 0;
	background-color: #1061B3;
	background-repeat: no-repeat;
	font-size: 1.2em;
	font-weight: normal;
	color: #fff;
	text-indent: 40px; }
#main h2.titleb{
	margin-bottom: 5px;
	background-image: url('../images/h2bg.png');
	padding: 6px 0;
	background-color: #1061B3;
	background-repeat: no-repeat;
	font-size: 1.2em;
	font-weight: normal;
	color: #fff;
	text-indent: 40px; }
#main h2.common {
	background-image: url('../images/h2bg.png');
 }
#main h3 {
	padding: 5px 0;
	background-color: #2b64bf;
	font-size: 1em;
	font-weight: normal;
	color: #fff;
	text-indent: 0.5em; }

#main button.common,
#main button.top_c1,
#main button.top_c2,
#main button.top_c3,
#main button.top_c4,
#main button.top_c5,
#main button.top_b1,
#main button.top_b2,
#main button.top_b3 {
	border: none;
	width: 90%;
	padding: 20px 0;
	font-size: 1.2em;
	font-weight: normal;
	color: #333333; }
#main button.common {
	border-bottom: solid 4px #145a1e;
	color: #fff;
	text-align: center; 
	background: #229933;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px; 
}
#main button.top_c1,
#main button.top_c2,
#main button.top_c3,
#main button.top_b1,
#main button.top_b2,
#main button.top_b3 {
	margin-bottom: 7px;
	height: 75px;
	padding: 0 0 0 45px;
	background-position: 0px center;
	background-repeat: no-repeat;
	text-align: left;
	line-height: 25px; 
	color: #000;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px; 
	border: solid 3px #D6D6D6;
	background: url('../images/menu_libg.png') 20px center no-repeat #fff;}
}

#main p.condition {
	margin: 10px 0;
	font-size: 1.4em; }
#main p.condition select {
	width: 100%; }
#main p.bnum {
	padding: 5px 0;
	background: #464646;
	color: #fff;
	text-align: center; }
#main p.nofind {
	margin: 20px 0 100px 0; }

#main .order_button {
	display: table;
	width: 100%; }
#main .order_button .button_box {
	display: table-cell;
	width: 33%;
	padding: 5px 0;
	text-align: center; }
#main .order_button button {
	width: 99%;
	padding: 6px 0;
	border: solid 2px #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: -moz-linear-gradient(top,  #ffffff 0%, #bbbbbb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#bbbbbb));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#bbbbbb 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#bbbbbb 100%);
	color: #022252;
	font-size: 0.85em;
	font-weight: bold;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff; }

#main div.bnavi {
	display: table;
	width: 100%;
	padding: 10px 0; }
#main div.bnavi_prev {
	display: table-cell;
	width: 50%;
	padding: 0 10px;
	text-align: left; }
#main div.bnavi_next {
	display: table-cell;
	width: 50%;
	padding: 0 10px;
	text-align: right; }
#main div.bnavi_prev button,
#main div.bnavi_next button {
	display: inline-block;
	padding: 3px 12px;
	border: solid 2px #666;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%);
	font-size: 0.9em;
	font-weight: bold;
	color: #022252; }

#main ul.blist {
	margin-top: 10px;
	list-style-type: none;}
#main ul.blist li {
	display: table;
	width: 96%;
	border: solid 2px #1061B3; 
	background: #D7E9FD;
	margin: 0 auto 5px auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px; 
	}
#main ul.blist li div.bimg {
	display: table-cell;
	width: 50%;
	text-align: center;
	vertical-align: middle; }
#main ul.blist li div.bword {
	display: table-cell;
	width: 50%;
	padding: 10px;
	font-size: 0.9em;
	vertical-align: middle; }
#main ul.blist li div.bimg img {
	width: 120px;
	height: 90px; }

#main #box {
	margin-top: 10px; }
#main #box p {
	width: 280px;
	margin: 0 auto 10px; }
#main #box #photobox {
	width: 280px;
	height: 220px;
	margin: 0 auto; }
#main #box #photobox img {
	width: 280px;
	height: 210px; }
#main #box #gmap {
	width: 280px;
	height: 300px;
	margin: 0 auto; }

#main #box table.meisai {
	width: 280px;
	margin: 0 auto; }
#main #box table.meisai th,
#main #box table.meisai td {
	padding: 5px;
	border: solid 1px #999;
	font-size: 0.9em; }
#main #box table.meisai th {
	width: 30%;
	background: #eee; }
#main #box table.meisai td {
	width: 70%; }
#main #box table.meisai td button {
	padding: 3px;
	border: solid 2px #666;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%);
	font-size: 0.9em; }

#qform h3 {
	margin: 10px 0; }
#qform>div {
	margin-bottom: 10px; }
#qform textarea {
	height: 4.5em; }
#qform input[type='checkbox'] {
	display: none; }
#qform label {
	display: block;
	width: 100%;
	margin-bottom: 4px;
	padding: 8px 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e3e3e3));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e3e3e3 100%);
	background: linear-gradient(to bottom,  #f8f8f8 0%,#e3e3e3 100%);
	-webkit-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.3);
	border: none;
	color: #434343;
	text-shadow: 1px 1px #fff;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center; }
#qform label.checkedlabel {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffefef), color-stop(100%,#ffb5b6));
	background: -webkit-linear-gradient(top, #ffefef 0%,#ffb5b6 100%);
	background: linear-gradient(to bottom, #ffefef 0%,#ffb5b6 100%); }



#area_exp {
	padding: 5px;
	border: solid 1px #ccc;
	font-size: 0.7em; }
#area_exp span {
	color: #009;
	font-weight: bold; }




.bold {
	font-weight: bold; }
.small {
	font-size: 0.8em; }
.center {
	text-align: center; }
.red{
	color: #ff0000;}
.big{
	font-size: 1.6em;}
.big2{
	font-size: 1.4em;}
.telnum{
	display: block;
	width: 100%;
	margin: 5px 0;
	padding: 5px;
	text-align: center;
	font-weight:bold;
	font-size: clamp(18px,7.5vw,23px);
	color:#fff;
	background: #229933;
	border-radius: 6px;
}
.cost{
	font-size: 18px;
	color: #c00;
	font-weight: bold;}
	
	
#main #box table.rform {
	width: 100%;
	margin-bottom: 10px; }
#main #box table.rform th,
#main #box table.rform td {
	padding: 5px;
	border-bottom: solid 5px #fff;
	font-size: 0.9em; }
#main #box table.rform th {
	width: 35%;
	color: #fff;
	border-left: solid 5px #F06414;
	background: #393939; }
#main #box table.rform td {
	background: #F7F7F7;
	border-right: solid 3px #BFBDBD;
	line-height: 35px;
	width: 65%; }
#main #box table.rform td input[type='text'],
#main #box table.rform td input[type='number'],
#main #box table.rform td textarea {
	padding: 2px;
	border: solid 1px #999; }
#main #box table.rform td input[type='text'],
#main #box table.rform td input[type='number'] {
	width: 120px; }
#main #box table.rform td input[type='text'].short{
	width: 80px;
}

#main #box table.rform td textarea {
	width: 95%;
	height: 6em; }
