@charset "utf-8";
/*---ひだまりデザイン部(^_^;)---*/
/*------------------------------*/
html,body {
	width: 100%;
	height: 100%;
}

html {
	height: 100%;
	overflow-y: scroll;
}

/*------------------------*/
html,body{
	margin:0;
	padding:0;
}

/*------------------------*/
body {
	font-size: 80%;
	font-weight: normal;
	line-height: 1.8;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	background: url(Image/w-01.jpg);
	background-repeat: repeat;	
}

h1 {
	margin-left:20px;
	font-size: 1em;
}

h2 {
	margin:0 0 0;
	font-size: 1em;
}

h3 {
	margin:10px 0 0;
	font-size: 1em;
	text-indent: 1em;
}

h4 {
	margin:10px 0 0 0;
	text-indent: 1em;	
}

p {
	margin:0 1.5em 1em 1.5em;

}

p img {
	float:left;
	margin:0 10px 25px 0;
}


hr {
	width: 95%;
	clear: both;
	border-style: dotted;
}

#contents h3,
#footer p {
	padding: 10px;
}

a {
	text-shadow: 1px -1px 15px #ffffff;
}

a:hover {
	text-shadow:
	10px 0px 5px #ffffff,
	10px 5px 10px #ffffff,
	10px 0px 20px #ffffff,
	10px 5px 20px #ffffff,
	 0px 0px 20px #ffffff;
}

#main {
	width: 95%;
	background-image: url(image/bg-11.png);
	background-repeat: repeat;
	border-radius: 10px;
	border-color: #ffffff;
	border-width: 2px;
	border-style: outset;
	font-size: 1.2rem;
	margin: 30px 0 30px 0;
}

#up {
	float: right;
	margin: 0 0 20px 0;
	padding:2px 5px 1px 5px;
}


/*------------------------*/
#footer {
	margin: 30px 0 0 0;
}

/*-----menu-----------*/	

ul {

}

#menu {
	padding:0;
}

#menu li {
	padding:0;
	width:18%;
	float:left;
	margin:0px;
	text-align:center;
	display:block;
	border-radius: 10px;
	border-color: #ffffff;
	border-width: 2px;
	border-style: outset;
}

#menu li a {
	width:auto;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-shadow:0 -1px 0px #000000,0 2px 0px #000000;
	padding:0;
	text-decoration:none;
}

#menu li a:hover {
	text-shadow:
	0px 0px 5px #b8860b,
	0px 5px 10px #b8860b,
	0px 0px 20px #b8860b,
	0px 5px 20px #b8860b,
	0px 0px 20px #b8860b;
}


/*------google-map---------*/

.google-maps {
	position: relative;
	padding-bottom: 80%; 
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	padding:10px;
	position: absolute;
	width: 96% !important;
	height: 90% !important;
}


/*--（layout）可変レイアウト小（スマホ）--------------*/
@media screen and (min-width: 0px) and (max-width: 479px) {

#wrapper {
	width: 100%;
	background-image: url(image/bg-00.jpg);
	background-repeat: repeat;
}

#header {
	width:auto;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}

#main {
	width: 98%;
}

#contents {
	overflow: hidden;
	margin: 0 auto;
	min-height: 500px;
}

#menu li {
	width:48%;
	padding:0;
	margin:5px 0 0 0;
	text-align:center;
}

#footer {

	border-top: 2px dashed #edbded;
}

#footer footer {
	margin: 0 auto;
	height: 50px;
}

#header header,
#contents,
#footer footer {
	width: 100%;
}

/**/}


/*----（layout）可変レイアウト中（タブレット）-------*/
@media screen and (min-width: 480px) and (max-width: 768px) {

#wrapper {
	width: 100%;
	background-image: url(image/bg-00.jpg);
	background-repeat: repeat;
}

#header {
	width:auto;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}

#contents {
	overflow: hidden;
	margin: 0 auto;	
}

#main {
	width: 98%;
}


#menu li {
	width:30%;
	padding:0;
	margin:5px 0 0 0;
	text-align:center;
}

#header header,
#contents,
#footer footer {
	width: 100%;
}

/**/}


/*-----（layout）可変レイアウト大（PC）----------*/
@media screen and (min-width: 769px) {

#wrapper {
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(image/bg-00.jpg);
	background-repeat: repeat;
}

#header {
	padding: 0px 15px;
	width:760px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}

#menu li {	
}

#contents {
	padding: 0px 15px;
	background-image: url(image/bg-00.jpg);
	background-repeat: repeat;
	overflow: hidden;;
	margin: auto;
	min-height: auto;
}

#main {
	width: 98%;
}

#footer {
	padding: 10px 15px;
}

#footer footer {
	margin: 0 auto;
	height: auto;
}

#header,
#menu,
#contents,
#footer footer {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}

/**/}

/*----------------------------------*/