@charset "utf-8";

/*-------------------------------------------------------------------
basic style
--------------------------------------------------------------------*/
* {
	padding:0;
	margin:0;
	border:0;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:focus{
	outline:none;
}

div#header a {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}
div#main a {
	text-decoration: none;
	font-weight: bold;
	color: #941d1f;
} div#main a:hover {
	color:#CC4400;
}

/*-------------------------------------------------------------------
body
--------------------------------------------------------------------*/
body,html {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	font-size:16px;
	color: #404040;
	text-align:center;
	background:#ccc;

}
html {
	overflow-y:scroll;
}
div#container {
	width:800px;
	/*height:870px;*/
	margin:0 auto;
	text-align:left;
	/*border-left:#1a254c solid 1px;
	border-right:#1a254c solid 1px;*/
}
div#header {
	width: 800px;
	height: 48px;
	background:#232323 url(../img/header_bg.png) left center repeat-x;
	border-bottom:#111 solid 1px;
} div#header h1 {
	width: 800px;
	height: 48px;
	margin:0;
	padding:0;
} div#header h1 a {
	width: 800px;
	margin:0;
	padding:10px 0;
	color:#999;
	line-height:28px;
	text-align:center;
	font-size:16px;
	/*text-shadow:;*/
	text-shadow: -2px -2px 0 #222;
	display:block;
} div#header h1 a:hover {
	color:#f93;
	text-shadow: -2px -2px 0 #222,0 0 10px #fb5;
}
div#contents {
	width: 800px;
	height:870px;
}
div#header_img {
	width: 800px;
	height: 270px;
	background:url(../img/header.png) no-repeat;
}
div#header_img h2 {
	padding:75px 40px;;
	color:#fff;
	font-size:24px;
	text-shadow: 3px 3px 2px #222;
}
div#main {
	width: 798x;
	height:868px;
	border-top:#666 solid 1px;
	border-right:#aaa solid 1px;
	border-bottom:#aaa solid 1px;
	border-left:#666 solid 1px;
}

div#googlemap {
	left:0;
	top:0;
	width: 798px;
	height:868px;
	visibility:hidden;
}
div.innershadow {
	-moz-box-shadow: 0px 0px 10px #000000 inset;
	-webkit-box-shadow: 0px 0px 10px #000000 inset;
	-o-box-shadow: 0px 0px 10px #000000 inset;
	-ms-box-shadow: 0px 0px 10px #000000 inset;
}

div#main #wrapper {
	padding:20px 30px;
	width:740px;
	height:560px;
}
div#contents_left {
	float:left;
	width:480px;
	padding-top:60px;
}


div#contents_left div#maintextbox {
	font-weight:bold;
	font-size:18px;
	margin-bottom:20px;
}
#maintextbox dl {
	width:480px;
}
#maintextbox dt {
  float:left;
  width:75px;
  clear:both;
  padding:5px 0 5px 5px;
  border-top: #93BBCD solid 1px;
}
#maintextbox dd {
  float:right;
  width:395px;
  padding:5px 5px 5px 0;
  border-top: #93BBCD solid 1px;
 /*float:none;*/
 /*margin-left:90px;*/
 /*width:auto;*/
}
table#sankahi {
width:395px;
}
table#sankahi tr td {
margin:0;
padding: 0 0 0 0;
font-size:16px;
}
table#sankahi tr td.num {
text-align:right;
}
div#contents_right {
	float:left;
	width:230px;
	margin-left:18px;
}
div#contents_right div#notice {
	width:230px;
	height:40px;
	height:40px;
	line-height:40px;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	background:#f9bf66;
	-moz-border-radius: 0.5em 0.5em 0 0;
	-webkit-border-radius:  0.5em 0.5em 0 0;
	-o-border-radius:  0.5em 0.5em 0 0;
	-ms-border-radius:  0.5em 0.5em 0 0;
	/*-moz-box-shadow: 1px 1px 0 #d78933 inset;
	-webkit-box-shadow: 1px 1px 0 #d78933 inset;
	-o-box-shadow: 1px 1px 0 #d78933 inset;
	-ms-box-shadow: 1px 1px 0 #d78933 inset;*/
	text-shadow: 1px 1px 0 #fae2c8;
}

div#notice_text {
	padding:10px 10px 30px 10px;
	font-size:14px;
	background:#fbf0de;
	-moz-border-radius: 0 0 0.5em 0.5em;
	-webkit-border-radius: 0 0 0.5em 0.5em;
	-o-border-radius: 0 0 0.5em 0.5em;
	-ms-border-radius: 0 0 0.5em 0.5em;
	border:#f9bf66 solid 1px;
}

div#contents_right div#contact {
	width:230px;
	height:40px;
	height:40px;
	margin-top:20px;
	line-height:40px;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	background:#ccc;
	-moz-border-radius: 0.5em 0.5em 0 0;
	-webkit-border-radius:  0.5em 0.5em 0 0;
	-o-border-radius:  0.5em 0.5em 0 0;
	-ms-border-radius:  0.5em 0.5em 0 0;
	/*-moz-box-shadow: 1px 1px 0 #d78933 inset;
	-webkit-box-shadow: 1px 1px 0 #d78933 inset;
	-o-box-shadow: 1px 1px 0 #d78933 inset;
	-ms-box-shadow: 1px 1px 0 #d78933 inset;*/
	text-shadow: 1px 1px 0 #fff;
}

div#contact_text {
	padding:10px 10px 30px 10px;
	font-size:14px;
	background:#efefef;
	-moz-border-radius: 0 0 0.5em 0.5em;
	-webkit-border-radius: 0 0 0.5em 0.5em;
	-o-border-radius: 0 0 0.5em 0.5em;
	-ms-border-radius: 0 0 0.5em 0.5em;
	border:#ccc solid 1px;
}

div#menubox {
	left:30px;
	top:20px;
	width:480px;
	height:40px;
}
ul#menu {
	height:40px;
	text-align:center;
	background:#93bbcd;
	padding-left:15px;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-moz-box-shadow: 1px 1px 3px #587d8f inset;
	-webkit-box-shadow: 1px 1px 3px #587d8f inset;
	-o-box-shadow: 1px 1px 3px #587d8f inset;
	-ms-box-shadow: 1px 1px 3px #587d8f inset;
	color:#fff;
	text-shadow: 1px 1px 0 #587d8f;
}
ul#menu li {
	height:40px;
	list-style:none;
	float:left;
	margin-right:15px;
	font-size:16px;
	color:#fff;
	text-shadow: 1px 1px 0 #587d8f;
}
ul#menu li a {
	display:block;
	height:40px;
	line-height:40px;
	font-weight:bold;
	color:#fff;
	text-shadow: 1px 1px 0 #587d8f;
}
ul#menu li a:hover {
	color:#587d8f;
	text-shadow: 1px 1px 0 #fff;
}

div#googlemap div#map_canvas {
	left:0;
	top:0;
	width: 798x;
	height:868px;
}
div#mappic {
	left:150px;
	top:80px;
	width:480px;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-moz-box-shadow: 1px 1px 5px #404040 inset;
	-webkit-box-shadow: 1px 1px 5px #404040 inset;
	-o-box-shadow: 1px 1px 5px #404040 inset;
	-ms-box-shadow: 1px 1px 5px #404040 inset;
	background:#fff url(../img/map_pic.jpg) left center no-repeat;
	position:absolute;
}


a.linkbtn {
	display:inline-block;
	padding:5px 10px;
	margin:5px auto;
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	color:#000;
	text-align: center;
	background:#ddd;
	background: -moz-linear-gradient(top, #eee, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-moz-box-shadow: 1px 1px 3px #404040;
	-webkit-box-shadow: 1px 1px 3px #404040;
	-o-box-shadow: 1px 1px 3px #404040;
	-ms-box-shadow: 1px 1px 3px #404040;
	text-shadow:1px 1px 0px #fff;
}
a.linkbtn:hover {
	color:#f93 !important;
	text-shadow: -2px -2px 0 #222,0 0 10px #fb5 !important;
	background:#333;
	background: -moz-linear-gradient(top, #222, #444);
	background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#444));
	-moz-box-shadow: 1px 1px 3px #000 inset;
	-webkit-box-shadow: 1px 1px 3px #000 inset;
	-o-box-shadow: 1px 1px 3px #000 inset;
	-ms-box-shadow: 1px 1px 3px #000 inset;
}
a.textLink {
	color:#000;
	font-size:16px;
	line-height:28px;
	text-decoration: underline !important;
}

div#footer {
	width: 800px;
	padding:0;
	background:#232323 url(../img/header_bg.png) left top repeat-x !important;
	/*border-bottom:#111 solid 1px;*/
	text-align:center;
	color:#fff;
	text-shadow: -1px -1px 0 #000;
}

div#footer #fnavi {
	padding:0;
	padding-top:10px;
	font-size:14px;
}
div#footer #fnavi a {
	padding:0;
	color:#fff;
} div#footer #fnavi a:hover {
	color:#f60;
}
div#footer #copyright {
	padding:0;
	padding-bottom:10px;
	font-size:12px;

}


.f16b {
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	text-shadow:1px 1px 0 #fff;
}
.f14n {
	font-size:14px;
	font-weight:normal;
	line-height:18px;
}
.f14b {
	font-size:14px;
	font-weight:bold;
	line-height:18px;
}
.f12n {
	font-size:12px;
	font-weight:normal;
	line-height:16px;
}


div#tabbox a#tab19 {
	display:inline-block;
	height:22px;
	padding:6px 10px 4px 10px;
	margin:0 20px;
	border-right:#aaa solid 1px;
	border-radius:10px 10px 0 0;
	text-align:center;
	background:#eeefef;
	color:#4d4d4d;
	text-shadow:1px 1px 0 #fff;
}

div#tabbox a#tab20 {
	display:inline-block;
	height:22px;
	padding:6px 10px 4px 10px;
	border-right:#aaa solid 1px;
	border-radius:10px 10px 0 0;
	text-align:center;
	background:#dddede;
	color:#4d4d4d;
	text-shadow:1px 1px 0 #fff;
}


div#tabbox a#tab19:hover {
	border-right:#000 solid 1px;
	color:#eeeeee;
	background:#4d4d4d;
	text-shadow:-1px -1px 0 #000;
}

div#tabbox a#tab20:hover {
	border-right:#000 solid 1px;
	color:#eeeeee;
	background:#4d4d4d;
	text-shadow:-1px -1px 0 #000;
}

/*-------------------------------------------------------------------
custom スタイル
--------------------------------------------------------------------*/
@media only screen and (max-device-width: 800px) {
	div.body {
		width: 800px;
	}

}