body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(../img/asa.jpg) repeat;
	margin: 0px;
	padding: 0px;
}

a,
a:visited {
	color: #2F2B22;
	text-decoration: none;
	outline: 0;
	font-family: Arial, Helvetica, sans-serif;
}

a img {
	border-style:none;
}

a:hover,
a:focus {
	color: #993;
	font-family: Arial, Helvetica, sans-serif;
}

p a,
p a:visited {
	line-height: inherit;
}

p {
	line-height: 120%;
	color: #666;
}

h1 {
	height: 100px;
	display: block;
	text-indent: -9999px;
	background: url(../img/h1.png) no-repeat;
}

h2 {
	font-family: "ヒラギノ明朝 ProN W3";
	font-size: 16px;
	color: #999;
}

h3 {
	font-size: 13px;
	color: #2f2b22;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

/*layout*/

#wrapper {
	background: url(../img/back.png) no-repeat;
}


#container{
	height: 630px;
	width: 1024px;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 30px;
}

.wrapper {
	width: 960px;
	padding-right: 0px;
	padding-left: 20px;
}
#header {
	height: 100px;
	width: 960px;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 50px;
	padding-top: 0px;
}
#main{
	height: 600px;
	width: 960px;
	position: absolute;
}
#oshina{
	height: 600px;
	width: 680px;
	position: absolute;
	background:  url(../img/oshinaback.jpg);
}
#oshina1{
	height: 600px;
	width: 680px;
	position: absolute;
	background:  url(../img/004.png);
 background-size: cover;}

#oshina2{
	height: 600px;
	width: 680px;
	position: absolute;
	background:  url(../img/001.png);
	background-size: cover;
}
#oshina3{
	height: 600px;
	width: 680px;
	position: absolute;
	background:  url(../img/002.png);
	 background-size: cover;
}
#oshina4{
	height: 600px;
	width: 680px;
	position: absolute;
	background:  url(../img/003.png);
	 background-size: cover;
}
#submenu{
	width: 350px;
	height: 200px;
	position: absolute;
	top: 200px;
	left: 215px;
}

#submenu li{
	float: left;
	width: 60px; /*各メニューの幅*/
	margin: 0;
	padding: 0;
}

#submenu2{
	position: absolute;
	top: 100px;
	left: 550px;
}
#footer {
	margin: 0;
	padding: 0;
}

#logo{
	height: 600px;
	width: 200px;
	float: right;
	position: absolute;
left: 780px;
	top: 0px;
}
#menu{
	height: 600px;
	width: 50px;
	float: left;
	position: absolute;
	left: 680px;
	top: 0px;
}
#tempo{
	height: 570px;
	width: 650px;
	float: left;
	position: absolute;
	background: url(../img/tempo.jpg);
	padding: 15px;
}
#mise{
	height: 248px;
	width: 650px;
	float: left;
}
#Gmap{
	height: 248px;
	width: 450px;
	float: left;
	padding-left: 15px;
}

#Gmap p {
	text-align:center;
	line-height: 300px;
}

#about {
	margin-top:350px;
	height: 210px;
	width: 650px;
	margin-left: 10px;
}

#about h2{
	color: #333;
}
#footer {
	width: 960px;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 50px;
	height: 60px;
}
#footer p {
	color: #FFF;
}
#footer .copyright {
	text-align: left;
 padding 10px;
	float: left;
	margin-left: 25px;
}
.slideinsta{position: absolute;
	top: 132px;
	left: 380px;


}
.slideinsta2{position: absolute;
	top: 20px;
	left: 20px;


}
/*** set the width and height to match your images **/

#slideshow {
	position:relative;
	height:600px;
		width: 680px;
}

#slideshow DIV {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
	height: 600px;
		width: 680px;
}

#slideshow DIV.active {
	z-index:10;
	opacity:1.0;
}

#slideshow DIV.last-active {
	z-index:9;
}

#slideshow DIV IMG {
	height: 600px;
		width: 680px;
	display: block;
	border: 0;
	margin-bottom: 10px;
}

.error{background:#ff6699;padding: 20px;text-align:center
 }

/*iphone*/
@media screen and (max-device-width: 480px) {
  {

 }
}
.news {z-index: 900;
position: absolute;
top: 40px;
left: 340px;
line-height: 1.3em;
background-color: #666;
	padding: 10px;}