@charset "Shift_JIS";

/* ---------- all（基礎設定） ---------- */
body {
color: #373737;
font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif; 
text-align: left;
background-color: #ffffff;
padding: 0;
margin: 0;
width: device-width;
font-size: 14px;
}

a:link {
    text-decoration: none;
    color: #373737;
 }
a:visited {
    text-decoration: none;
    color: #373737;
 }
a:hover {
    text-decoration: underline;
    color: #373737;
 }
a:active {
    text-decoration: underline;
    color: #373737;
 }


.center {text-align: center;}
.clear {clear: left;}




p.link {
position:fixed;
right:30px;
bottom:30px;
}

/****メニュー開閉ボタン****/
#menu div{
	width: 60px;
	height: 80px;
	overflow: hidden;
	position: absolute;
	right: 0;
}

#menu .menuopen{
	display: block;
	width: 95%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: auto;
}

#menu .menuclose{
	display: none;
	width: 95%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: auto;
}

/****メニュー一覧****/
#menu ul{
	background: rgba(240,251,244,1);
	width: 60%;
	position: absolute;
	z-index: 2;
	top: 60px;/*#menu divの高さ*/
	right: 0;
	display: none;
        list-style-image: url(img/menulist.gif);
}

#menu li{
	padding: 10px 0;
	color: rgba(0,0,0,1);
	border-bottom: 1px rgba(165,248,184,1) dotted;
	pointer-events: auto;
}

/****メニューオープン時****/
#menu:target .menuopen{
	display: none;
}

#menu:target .menuclose{
	display: block;
}

#menu:target ul{
	display: block;
}

/*** メインエフェクト ***/
#main{
	/*アニメーション*/
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

#menu:target ~ #main{
	-webkit-filter:blur(1px);
	-moz-filter:blur(1px);
	-ms-filter:blur(1px);
	filter:blur(1px);
}

/***　◆↑↑変更不可↑↑◆　***/

/* ---------- header（header設定） ---------- */
#header {
margin: 0;
padding: 0;
width: device-width;
background-color: #ffffff;
}

#header div {
padding: 0 60px 0 0;
font-size: 10px;
color: #666666;
line-height: 110%;
text-align: left;
width: 75%;
height: 80px;
}






 /*=== 画像の表示エリア ================================= */
.slide {
  position   : relative;
  overflow   : hidden;
                    /* 画像のサイズに合わせて変更ください */
  z-index: 1;
  width      : 98%;
  height     : 300px;
  margin     : 10px auto;      /* サンプルは中央寄せの背景：白 */
  background : #fff;
}
 
 /*=== 画像の設定 ======================================= */
.slide img {
  display    : block;
  position   : absolute;
                      /* 画像のサイズを表示エリアに合せる */
  width      : inherit;
  height     : inherit;
  left       : 100%;
  animation  : slideAnime 12s ease infinite;
}
 
 /*=== スライドのアニメーションを段差で開始する ========= */
.slide img:nth-of-type(1) { animation-delay: 0s }
.slide img:nth-of-type(2) { animation-delay: 6s }
 
 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
   0% { left: 100%  }
   5% { left: 0     }
  45% { left: 0     }
  50% { left: -100% }
 100% { left: -100% }
}






/* ---------- container ---------- */
#container {
margin: 0;
padding: 0;
width: device-width;
background-color: #ffffff;
}

#container div.waku {
margin: 10px 0;
padding: 10px 0 0 10px;
width: device-width;
font-size: 14px;
line-height: 150%;
border-top: 1px solid #999999;
}

#container h2 {
margin: 0;
padding: 5px 0 5px 20px;
font-size: 15px;
background: #ffffff url(img/h2.gif)no-repeat left bottom;
color: #666666;
}

#container div.room {
margin: 10px 0;
padding: 10px 0 0 10px;
width: device-width;
border-top: #003399 1px solid;
}

#container div.room h3 {
margin: 10px;
padding: 0;
font-size: 14px;
color: #67cc49;
}

#container div.room p {
margin: 0;
padding: 0;
font-size: 14px;
text-align: right;
}

#container div.room div {
margin: 0 auto;
padding: 0;
width: 95%;
font-size: 14px;
line-height: 180%;
text-align: left;
}


#container div.bukken {
margin: 10px 0;
padding: 5px;
background-color: #eff5d5;
}

#container div.bukken h3 {
margin: 0 10px;
padding: 0;
color: #596618;
}

#container div.bukken ul {
list-style-image: url(img/li_bu.gif);
list-style-position: inside;
}

#container div.bukken ul li {
margin: 20px 40px 10px 0;
padding: 0 0 0 0px;
float: left;
}



#container div.link {
margin: 30px auto;
padding: 0 5%;
}

#container div.link h4 {
margin: 10px auto;
padding: 0 5%;
color: pink;
}

#container div.link ul {
margin: 0 auto;
padding: 0;
width: 90%;
list-style: none;
line-height: 300%;
text-align: center;
}

#container div.link ul li {
margin: 0;
padding: 0;
}

#container div.link ul li img {
margin: 0;
padding: 0;
width: 90%;
}

#container div.link ul.hk {
margin: 0 auto;
padding: 0;
list-style: url(../img/li_syousai.gif);
width: 80%;
text-align: left;
}

#container div.link ul.hk li a {
margin: 0 0 30px 0px;
padding: 0;
font-size: x-large;
color: #000000;
}




/* ---------- page02 ---------- */
#container div.page02 {
margin: 10px 0;
padding: 0;
width: device-width;
font-size: 14px;
line-height: 160%;
}

#container div.page02 div.com {
margin: 10px 0;
padding: 10px 20px;
width: device-width;
font-size: 14px;
line-height: 200%;
border: 1px dotted #999999;
}
#container div.page02 p {
margin: 10px 5px;
padding: 0;
font-size: 14px;
color: #a11f0c;
font-weight: bold;
}

#container div.page02 ul {
margin: 50px 0;
padding: 0 10px;
list-style: none;
}
#container div.page02 ul li {
margin: 0;
padding: 0 10px;
font-size: 14px;
line-height: 160%;
}


/* ---------- manthly ---------- */
#manth {
margin: 0;
padding: 10px 0;
border: 0px pink solid;
}

#manth table {
margin: 10px auto;
padding: 0;
width: 90%;
text-align: center;
}

#manth table td.y {
margin: 0;
padding: 6px;
width: 30%;
line-height: 100%;
border: #999999 1px dotted;
background-color: yellow;
text-align: center;
font-size: 15px;
line-height: 170%;
}

#manth table td.w {
margin: 0;
padding: 6px;
width: 30%;
border: #999999 1px dotted;
text-align: center;
font-size: 15px;
line-height: 170%;
}

#manth table td.w dt {
margin: 10px 0 0 0;
padding: 0px;
text-align: left;
font-weight: bold;
}

#manth table td.w dd {
margin: 0;
padding: 0px;
text-align: center;
}

/* ---------- page05 ---------- */
#page05 {
margin: 0;
padding: 0;
width: device-width;
}

#page05 h2.o{
margin: 20px 10px;
padding: 5px 20px;
background: #ffffff url(img/h2_gr.gif) no-repeat left bottom;
color: #666666;
}

#page05 dl{
margin: 0 10px;
padding: 0;
}

#page05 dl dt{
margin: 0 10px;
padding: 0;
font-size: 15px;
font-weight: bold;
color: #003399;
}

#page05 dl dd{
margin: 0  0 30px 20px;
padding: 0;
border-bottom: 1px dotted #999999;
}




/* ---------- page06 ---------- */
#page06 {
margin: 0;
padding: 0;
width: device-width;
}

#page06 h2.o{
margin: 20px 10px;
padding: 5px 20px;
background: #ffffff url(img/h2_gr.gif) no-repeat left bottom;
color: #666666;
}

#page06 dl{
margin: 0 10px;
padding: 0;
}

#page06 dl dt{
margin: 0 10px;
padding: 0 10px;
background: #ffffff url(../img/dt_g.gif) no-repeat left center;
}

#page06 dl dd{
margin: 0  0 30px 20px;
padding: 0 10px;
}

#page06 h5 {
margin: 30px 0 0px 50px;
padding: 0;
font-size: 15px;
border: red 0px dotted;
font-size: 15px;
color: #2aaf2a;
}

#page06  div.s {
margin: 10px 0 50px 80px;
padding: 0;
color: #333300;
font-size: 14px;
line-height: 100%;
}

/* ---------- page08 ---------- */
#page08 {
margin: 0;
padding: 0;
width: device-width;
}

#page08 h2{
margin: 20px 10px;
padding: 5px 20px;
background: #ffffff url(img/h2_gr.gif) no-repeat left bottom;
color: #666666;
}

#page08 h3{
margin: 0 0 20px 20px;
padding: 0px 20px;
background: #ffffff url(img/h3.gif) no-repeat left bottom;
height: 20px;
color: #666666;
font-size: 16px;
}

#page08 div{
margin: 0 0 0 40px;
padding: 0;
font-size: 14px;
line-height: 160%;
}


#page08 div p.page08t {
margin: 20px 0 0 0px;
padding: 5px 10px;
font-size: 16px;
line-height: 160%;
background-color: #67cc49;
}

#page08 div p.page08no {
margin: 0 0 20px 0px;
padding: 5px 10px;
font-size: 25px;
line-height: 160%;
color: #a11f0c;
font-weight: bold;
}

/* ---------- other ---------- */
#other {
margin: 0;
padding: 0;
width: device-width;
}

#other h2.o{
margin: 20px 10px;
padding: 5px 20px;
background: #ffffff url(img/h2_gr.gif) no-repeat left bottom;
color: #666666;
}

#other p{
margin: 20px 10px;
padding: 0;
font-size: 15px;
color: #333333;
}


#other h3{
margin: 10px 15px;
padding: 5px 15px;
background: #ffffff url(../img/dt_g.gif) no-repeat left center;
font-size: 15px;
color: #666666;
}

#other h3.b{
margin: 10px;
padding: 5px 0 0 15px;
background: #ffffff url(../img/dt_g.gif) no-repeat left bottom;
font-size: 15px;
color: #666666;
border-bottom: #10c8f2 dotted 1px;
}

#other div.o{
margin: 0px 15px;
padding: 0;
font-size: 14px;
line-height: 160%;
color: #666666;
}


#other div.o font.rb {
font-weight: bold;
border-bottom: 2px red solid;
}

#other table.two {
margin: 30px auto;
padding: 0;
width: 95%;
text-align: center;
}

#other table.two td.y {
margin: 0;
padding: 6px;
color: #333333;
font-size: 15px;
line-height: 100%;
border: #999999 1px dotted;
background-color: yellow;
text-align: center;
}


#other table.two td.w {
margin: 0;
padding: 6px;
color: #333333;
font-size: 15px;
border: #999999 1px dotted;
text-align: center;
}

#other table.r {
margin: 10px;
padding: 6px;
color: #333333;
font-size: 14px;
}

#other table.r th{
margin: 10px;
padding: 10px 5px;
color: #333333;
font-size: 14px;
border: #999999 1px dotted;
background-color: #a1f1c9;
}
#other table.r tr {
margin: 10px;
padding: 10px 5px;
color: #333333;
border-bottom: #999999 1px dotted;
text-align: center;
}

#other table.r td{
margin: 10px;
padding: 10px 5px;
color: #333333;
font-size: 13px;
border: #999999 1px dotted;
}


/* ---------- qa ---------- */
#qa {
margin: 0 0 80px 5px;
padding: 10px;
width: 90%;
border: 0px pink solid;
}

#qa h2.qa {
margin: 10px 0 0 0;
padding: 5px 0 0 20px;
background: #ffffff url(../img/h2_qa.gif) no-repeat left center;
font-size: 14px;
color:  #333333;
}

#qa p.q {
margin: 30px 0 0 0px;
padding: 5px 0 0 35px;
background: #ffffff url(img/qa_q.gif) no-repeat left top;
height: 35px;
font-size: 14px;
color:  #333333;
font-weight: nomal;
}

#qa p.a {
margin: 10px 0 0 0px;
padding: 5px 0 0 35px;
background: #ffffff url(img/qa_a.gif) no-repeat left top;
height: 35px;
font-size: 14px;
color:  #333333;
font-weight: nomal;
}

#qa div.a {
margin: 10px 0 80px 20px;
padding: 0px;
font-size: 14px;
color:  #666666;
line-height: 160%;
}

/* ---------- page09 ---------- */
#page_09 {
margin: 0 0 80px 5px;
padding: 0px;
width: 90%;
border: 0px pink solid;
}

#page_09 h4 {
margin: 20px 0 0 0;
padding: 0 30px 0 20px;
background: #ffffff url(../img/h4bg.gif) repeat-x;
height: 30px;
font-weight: nomal;
color: #333333;
font-size: 18px;
}

#page_09 dl {
margin: 10px 5px;
border-bottom: 1px dotted #7aca69;
}


#page_09 dt {
padding: 8px;
font-weight: nomal;
color: #333333;
border-top: 1px dotted #7aca69;
}

#page_09 dd {
padding: 8px;
line-height: 180%;
color: #555555;
border-top: 1px dotted #7aca69;
}




/* ---------- sitemap ---------- */
#sitemap {
margin: 30px 0 80px 10px;
font-size: 14px;
background-color: #ffffff;
}

#sitemap h2 {
margin: 0;
padding: 5px 30px 0 20px;
background: #ffffff url(img/h2.gif) no-repeat left bottom;
font-weight: nomal;
color: #555555;
font-size: 20px;
}

#sitemap h3 {
margin: 10px 0 0 30px;
padding: 5px 30px 0 20px;
background: #ffffff url(img/h3.gif) no-repeat left bottom;
text-align: left;
color: #55555;
font-size: 16px;
}

#sitemap ul.sitemap {
margin: 30px 0 80px 20px;
list-style: url(img/li_bu.gif);
}

#sitemap ul.sitemap li {
margin: 0 0 20px 0;
}

#sitemap ul.sitemap li a {
color: #333333;
font-size: 16px;
}

#sitemap ul.sitemap ul {
margin: 10px 0 20px 30px;
list-style: url(img/menulist.gif);
}

#sitemap ul.sitemap ul li {
margin: 0 0 12px 0;
}

#sitemap ul.sitemap ul li a {
color: #333333;
font-size: 15px;
}



/* ---------- bottom ---------- */
#bottom {
margin: 50px 0 0 0;
padding: 0;
width: device-width;
clear: left;
}

#bottom div.link h4 {
margin: 10px 0;
padding: 0 0 0 15px;
text-align: left;
font-size: 15px;
}

#bottom div.link p {
margin: 30px auto;
padding: 0 30px;
}

#bottom ul {
margin: 10px auto;
padding: 0;
width: 90%;
border-top: #224499 0px solid;
border-bottom: #224499 0px solid;
list-style: none;
}

#bottom ul li {
margin: 10px auto;
padding: 0;
border-top: #224499 0px solid;
border-bottom: #224499 0px solid;
}


#bottom ul li a {
margin: 30px 20px 10px 0;
padding: 0;
font-size: 16px;
color: red;
}

#bottom ul.footer {
margin: 0 1%;
padding: 0;
width: 98%;
list-style: none;
font-size: 18px;
color: #000000;
background: #ffffff url(img/bg_ftmenu.gif);
}

#bottom ul.footer li.t a {
margin: 0;
padding: 10px 0;
width: 98%;
height: 20px;
text-align: center;
color: #000000;
background: #ffffff url(img/bg_ftmenu.gif);
}

#bottom ul.footer li a {
margin: 0;
padding: 15px 0 5px 10%;
width: 39%;
height: 30px;
color: #000000;
float: left;
background: #ffffff url(img/bg_ftmenu.gif);
border-right: #ffffff solid 1px;
}


#bottom ul.footer li.w a {
margin: 0;
padding: 5px 0 1px 10%;
width: 39%;
height: 44px;
color: #000000;
font-size: 14px;
float: left;
background: #ffffff url(img/bg_ftmenu.gif);
border-right: #ffffff solid 1px;
}

/* ---------- footer ---------- */
#footer {
margin: 0;
padding: 0;
background-color: #e4f2e3;
width: device-width;
}



#footer div.add {
margin: 0;
padding: 50px 30px;
font-size: 14px;
line-height: 150%;
clear: left;
}

#footer div.add p {
margin: 0;
padding: 0;
font-size: 16px;
line-height: 150%;
font-weight: bold;
}


#container div.copy {
margin: 0;
padding: 5px 0;
font-size: 12px;
background-color: #67cc49;
color: #ffffff;
width: device-width;
text-align: center;
}