/* CSS Document */

/* 共通
--------------------------------------------------------*/
html,body{
	font-size:16px;
	font-family: "Playfair Display" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

body,div,p,h1,h2,h3,ul,figure{
	margin:0;
	padding:0;
}
ul{
	list-style-type: none;
}

p,li{
	line-height:1.8;
}
a {
text-decoration: none;
}
a{
	color:#000000;
}
a:hover{
	color:#000000;
}
a:active{
	color:#000000;
}



#header{
	width:800px;
	height:80px;
	overflow:hidden;
	margin:0 auto;
}
.logo{
	width:250px;
	height:50px;
	float:left;
	align-items:center;
	padding-top:15px;
}
#address{
	width:550px;
	float:right;
}
#tel{
	float:right;
	padding-top:5px;
	text-align: right;
}
#nav{
	float:right;
}
#nav ul li{
	float:left;
	padding-left:30px;
}
main img{
	vertical-align:bottom;
}
main{
}
.container{
	width: 960px;
	margin-left:auto;
	margin-right:auto;
}
#sub{
	width:960px;
	overflow:hidden;
	margin-top:15px;
}
#left{
	float:left;
	margin-left:30px;
}
.right{
	float:right;
	margin-right:30px;
}
#plan{
	width:900px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
}
#access{
	width:960px;
	margin:0 auto;
}
#map{
	width:960px;
}
#footer{
	color: #ffffff;
	background-color: #98130C;
	width: 850px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0 auto 0;
	text-align: center;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 50px;
	height:30px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

footer {
  background: #004e2e;
  color: #fff;
  text-align: center;
  padding: 50px 10px; }
  footer > a img {
    width: 320px;
    margin-bottom: 20px; }
  footer > address {
    font-style: normal;
    margin-bottom: 30px; }
  footer > div > * {
    display: block;
    margin-bottom: 20px; }
    @media screen and (min-width: 980px) {
      footer > div > * {
        display: inline-block; } }
  footer > div > span {
    display: none;
    border: 2px solid #fff;
    border-radius: 15px;
    padding: 10px;
    font-weight: bold;
    margin-right: 20px;
    text-align: left;
    vertical-align: text-bottom; }
    @media screen and (min-width: 980px) {
      footer > div > span {
        display: inline-block; } }
  footer > div > div {
    vertical-align: text-bottom;
    margin-right: 20px;
    font-size: 14px; }
    @media screen and (min-width: 980px) {
      footer > div > div {
        text-align: left; } }
    footer > div > div span {
      display: block;
      line-height: 100%;
      font-size: 200%; }
    footer > div > div span a {
      color: inherit; }
      @media screen and (min-width: 980px) {
        footer > div > div span {
          font-size: 68px; } }
  footer > div > a {
    vertical-align: top; }
    footer > div > a img {
      width: 120px; }