/* CSS Document */

* {
	margin:0px;
	border:0px;
	padding:0px;
}

html {
	height:100%;
}

body {
	height:100%;
	color:#000;
	background-color:#FCC;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#wrap {
	position:relative;
	min-height:100%;
	width:100%;
	background-color:#FCC;
	background:-webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0.4)), color-stop(0.5,rgba(255,255,255,0.7)),to(rgba(255,255,255,0.3)));
	background:linear-gradient(to right,rgba(255,255,255,0.4),rgba(255,255,255,0.7) 50%,rgba(255,255,255,0.3));
}

#hdr {
	width:100%;
	height:60px;
	position:relative;
	background-color:#F68;
	box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5) inset;
}

#hdr:before {
	content:"";
	width:100%;
	height:60px;
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	z-index:1;
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(0.5,rgba(255,255,255,0.4)),to(rgba(255,255,255,0.6)));
	background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.6));
}

#hdr:after {
	content:"";
	width:100%;
	height:60px;
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	z-index:2;
	/*background: -moz-radial-gradient(40px 20px, circle , rgba(255,255,255,0.4) 70px, rgba(255,255,255,0) 71px);*/
	background: -webkit-gradient(radial,130 -330,400,130 -330,404,from(rgba(255,255,255,0.5)), to(rgba(255,255,255,0)));
}

#hdr h1 {
	color:#d03;
	height:36px;
	font-size:28px;
	line-height:40px;
	position:relative;
	text-align:center;
	letter-spacing:0.2em;
	text-shadow: 2px 2px 1.5px rgba(0,0,0,0.5); /*CSS3*/
	-moz-text-shadow: 2px 2px 1.5px rgba(0,0,0,0.5); /* Firefox用*/
	-webkit-text-shadow: 2px 2px 1.5px rgba(0,0,0,0.5); /* Google Chrome, Safari用*/
	z-index:10;
	margin:0px;
}

#hdr h2 {
	color:#d03;
	height:24px;
	font-size:14px;
	line-height:20px;
	position:relative;
	text-align:center;
	letter-spacing:0.2em;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /*CSS3*/
	-moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /* Firefox用*/
	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /* Google Chrome, Safari用*/
	z-index:10;
	margin-bottom:0px;
	margin-top:-30px;
}

#hdr h2 img {
	vertical-align:bottom;
}


#mid {
	position:relative;
	width:100%;
	padding-bottom:40px;
}

#con {
	width:100%;
	min-height:100%;
}

#bnr {
	width:100%;
	min-height:100%;
}

#ftr {
    position: absolute;
    bottom: 0px;
	width:100%;
	height:40px;
	background-color:#F68;
	box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5) inset;
	z-index:5;
}

#ftr:after {
	width:100%;
	height:40px;
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(0.5,rgba(255,255,255,0.4)),to(rgba(255,255,255,0.6)));
	background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.6));
	z-index:6;
}

#con h2 {
	width:50%;
	margin:20px auto 0px;
	padding-bottom:3px;
	border-bottom:1px #c03 dashed;
	text-align:center;
	color:#c03;
	font-size:16px;
	letter-spacing:1em;
	text-shadow: 2px 2px 1.5px rgba(0,0,0,0.5); /*CSS3*/
	-moz-text-shadow: 2px 2px 1.5px rgba(0,0,0,0.5); /* Firefox用*/
	-webkit-text-shadow: 2px 2px 1.5px rgba(0,0,0,0.5); /* Google Chrome, Safari用*/	
}

#con .msg {
	width:90%;
	margin:15px auto 15px;
	padding:5px 0px;
	font-size:14px;
	line-height:130%;
	text-indent:1em;
}

#con .msg p {
	margin:5px auto 5px;
}


#con dl {
	width:90%;
	margin:10px auto 20px;
	background-color:rgba(255,0,0,0.1);
	padding:5px 0px;
	border:1px #c03 dotted;
	box-shadow:4px 4px 1.5px rgba(0,0,0,0.4);
}

#con dt {
	color:#802;
	font-size:12px;
	line-height:14px;
	margin:8px 10px 0px;
}

#con dd {
	font-size:14px;
	line-height:16px;
	margin:0px 10px 8px;
	text-overflow:ellipsis;
}

#con dd a {
	color:#a04;
}

#con dd a:visited {
	color:#402;
}

#con .kamei0 {
	width:auto;
	margin:0 auto;
	text-align:center;
}

#con .kamei {
	width:240px;
	display:inline-block;
	vertical-align:top;
	margin:0px;
	padding:0px;
	border:0px;
}

#con .kamei .banner {
	margin:10px 20px 10px;
}

#con .kamei p {
	margin:10px 10px 10px;
	font-size:14px;
	line-height:16px;
	text-align:left;
	text-indent:1em;
}

#con .kamei a {
	text-decoration:none;
}

#con .ctr {
	text-align:center;
	width:100%;
}

#bnr h2 {
	width:50%;
	margin:20px auto 0px;
	padding-bottom:3px;
	border-bottom:1px #c03 dashed;
	text-align:center;
	color:#c03;
	font-size:16px;
	letter-spacing:1em;
	text-shadow: 2px 2px 1.5px rgba(0,0,0,0.5); /*CSS3*/
	-moz-text-shadow: 2px 2px 1.5px rgba(0,0,0,0.5); /* Firefox用*/
	-webkit-text-shadow: 2px 2px 1.5px rgba(0,0,0,0.5); /* Google Chrome, Safari用*/	
}

#bnr ul {
	width:200px;
	margin:10px auto 10px;
}

#bnr li {
	list-style-type:none;
}

#bnr a {
	text-decoration:none;
}

.bnr1 {
	display:block;
	color:#fff;
	font-weight:bold;
	width:200px;
	height:36px;
	background-color:#a80;
	background:-webkit-gradient(linear, left top, right top, from(#a80), color-stop(0.5,#ca6),to(#a80));
	background:linear-gradient(to right,#a80,#ca6 50%,#a80);
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.7) inset;

	font-size:14px;
	line-height:36px;
	padding:2px 0px;
	text-align:center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /*CSS3*/
	-moz-text-shadow:1px 1px 1px rgba(0,0,0,0.5); /* Firefox用*/
	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /* Google Chrome, Safari用*/	
}

.bnr2 {
	display:block;
	color:#fff;
	font-weight:bold;
	width:200px;
	height:36px;
	background-color:#c30;
	background:-webkit-gradient(linear, left top, right top, from(#c30), color-stop(0.3,#f63),to(#c30));
	background:linear-gradient(to right,#c30,#f63 30%,#c30);
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.7) inset;
	font-size:14px;
	line-height:16px;
	padding-top:4px;
	text-align:center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /*CSS3*/
	-moz-text-shadow:1px 1px 1px rgba(0,0,0,0.5); /* Firefox用*/
	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /* Google Chrome, Safari用*/	
}

.bnr3 {
	display:block;
	color:#fff;
	font-weight:bold;
	width:200px;
	height:36px;
	background-color:#093;
	background:-webkit-gradient(linear, left top, left bottom, from(#093), color-stop(0.5,#3c6),to(#093));
	background:linear-gradient(to bottom,#093,#3c6 50%,#093);
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.7) inset;
	font-size:14px;
	line-height:16px;
	padding-top:4px;
	text-align:center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /*CSS3*/
	-moz-text-shadow:1px 1px 1px rgba(0,0,0,0.5); /* Firefox用*/
	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /* Google Chrome, Safari用*/	
}

.bnr4 {
	display:block;
	color:#fff;
	font-weight:bold;
	width:200px;
	height:36px;
	background-color:#30f;
	background:-webkit-gradient(linear, left top, left bottom, from(#30F), color-stop(0.5,#39F),to(#30F));
	background:linear-gradient(to bottom,#30F,#39F 50%,#30F);
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.7) inset;
	font-size:14px;
	line-height:16px;
	padding-top:4px;
	text-align:center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /*CSS3*/
	-moz-text-shadow:1px 1px 1px rgba(0,0,0,0.5); /* Firefox用*/
	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /* Google Chrome, Safari用*/	
}

.bnr5 {
	display:block;
	color:#fff;
	font-weight:bold;
	width:200px;
	height:36px;
	background-color:#00a;
	background:-webkit-gradient(linear, left top, left bottom, from(#00a), color-stop(0.5,#33c),to(#55e));
	background:linear-gradient(to bottom,#00a,#33c 50%,#55e);
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.7) inset;
	font-size:14px;
	line-height:16px;
	padding-top:4px;
	text-align:center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /*CSS3*/
	-moz-text-shadow:1px 1px 1px rgba(0,0,0,0.5); /* Firefox用*/
	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /* Google Chrome, Safari用*/	
}

.bnr6 {
	display:block;
	color:#fff;
	font-weight:bold;
	width:200px;
	height:36px;
	background-color:#c80;
	background:linear-gradient(to right,#c80,#fa3 30%,#c80);
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.7) inset;
	font-size:14px;
	line-height:16px;
	padding-top:4px;
	text-align:center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /*CSS3*/
	-moz-text-shadow:1px 1px 1px rgba(0,0,0,0.5); /* Firefox用*/
	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /* Google Chrome, Safari用*/	
}

ul.shienmap {
	width:90%;
	margin:0px auto 20px;
}

ul.shienmap li {
	display:inline-block;
	padding:2px 6px;
	border-radius:12px;
	margin:4px 1px;
	background-color:#30F;
	background:linear-gradient(to bottom,#30F,#36F 50%,#30F);
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.7) inset;
}

ul.shienmap li a {
	color:#fff;
	font-size:90%;
	text-decoration:none;
	font-weight:bold;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /*CSS3*/
	-moz-text-shadow:1px 1px 1px rgba(0,0,0,0.5); /* Firefox用*/
	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /* Google Chrome, Safari用*/	
}

.sml {
	font-size:10px;
	line-height:12px;
}

.big {
	font-size:20px;
	line-height:24px;
}

#bnr dl {
	width:90%;
	margin:10px auto 20px;
	background-color:rgba(255,0,0,0.1);
	padding:5px 0px;
	border:1px #c03 dotted;
	box-shadow:4px 4px 1.5px rgba(0,0,0,0.4);
}

#bnr dt {
	color:#802;
	font-size:12px;
	line-height:14px;
	margin:8px 10px 0px;
}

#bnr dd {
	font-size:14px;
	line-height:16px;
	margin:0px 10px 8px;
	text-overflow:ellipsis;
}

#bnr dd a {
	color:#a04;
}

#bnr dd a:visited {
	color:#402;
}

#bnr .imgbox {
	max-width:320px;
	margin:50px auto;
}

#bnr .imgbox img {
	width:100%;
}


#ftr address {
	color:#000;
	position:relative;
	font-style:italic;
	font-size:12px;
	line-height:20px;
	text-align:center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /*CSS3*/
	-moz-text-shadow:1px 1px 1px rgba(0,0,0,0.5); /* Firefox用*/
	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /* Google Chrome, Safari用*/	
	z-index:10;
}

.clear {
	clear:both;
	line-height:1px;
}

.spbr {
	display:inline-block;
}

.cal_wrapper {
max-width: 960px; /* 最大幅 */
min-width: 300px; /* 最小幅 */
margin: 2.0833% auto;
}
.googlecal {
position: relative;
padding-bottom: 150%; /* 縦横比 */
height: 0;
}
.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}