﻿@charset "UTF-8";
/*base.css */

.fixed{
    position: fixed;
    top: 0;
    width: 100%;
    z-index : 995;
}









#info{
  font-size : 16px;
  padding-right : 10px;
  padding-bottom : 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow : 0px 0px 8px rgba(192,192,192,0.8);
  padding-left : 10px;
  padding-top : 10px;
  background-color : #e1e1e1;
  margin-bottom : 10px;
  margin-top : -2px;
  z-index : 500;
}





#info_01{
  font-size : 16px;
  padding-right : 10px;
  padding-bottom : 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow : 0px 0px 8px rgba(192,192,192,0.8);
  padding-left : 10px;
  padding-top : 10px;
  background-color : white;
  margin-bottom : 10px;
  margin-top : -2px;
  z-index : 500;
}






.sam24{
	position: relative;
  font-size : 1rem;
  letter-spacing : 0.07rem;
}
.sam24 A{
	display: block;
position: absolute;
top: 0;
left: 0;
  height : 100%;
   text-indent:-999px;
  width : 100%;
  font-size : 14px;
}


.sam24 A:hover{
 text-decoration: none;
opacity: 0.25;
   background-color : #c0c0c0;
  font-size : 14px;
}
#sam_24_left{
  width : 25%;
  float : left;
  font-family : メイリオ;
  font-weight : bold;
  color : #ffffff;
  text-align : center;
}




#sam_24_right{
  font-size : 1rem;
  margin-left : 2%;
  float : left;
  width : 71%;
  letter-spacing : 0.07rem;
}




.sam24 P{
  font-size : 1.3rem;
  font-family : "ＭＳ 明朝";
  font-weight : bold;
  letter-spacing : 0.1rem;
  margin-bottom : -2px;
}


.main_news{
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #cccccc;
  padding-bottom : 8px;
  margin-top : 8px;
  margin-bottom : 8px;
  padding-left : 8px;
  padding-right : 8px;
}







.sam24u{
	position: relative;
  padding-top : 8px;
  padding-bottom : 8px;
  font-size : 1rem;
  padding-right : 8px;
  margin-bottom : 16px;
}
.sam24u A{
	display: block;
position: absolute;
top: 0;
left: 0;
  height : 100%;
   text-indent:-999px;
  width : 100%;
  font-size : 14px;
}


.sam24u A:hover{
 text-decoration: none;
opacity: 0.25;
   background-color : #c0c0c0;
  font-size : 14px;
}





.sam24u P{
  font-size : 1.3rem;
  font-family : "ＭＳ 明朝";
  font-weight : bold;
  letter-spacing : 0.1rem;
  color : blue;
  margin-bottom : -2px;
}




.button_01{
	display: inline-block;
	width : 100%;
	text-align: center;
	text-decoration: none;
	line-height : 30px;
	outline: none;
	background-color : #c5cf8a;
border-radius: 5px; /* CSS3 */ 
-webkit-border-radius: 5px; /* Safari,Google Chrome */ 
-moz-border-radius: 5px; /* Firefox */ 
box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
-webkit-box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
-moz-box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
  font-size : 17px;
  letter-spacing : 0.1rem;
  padding-top : 5px;
  padding-bottom : 5px;
  margin-top : 8px;
  color : black;
}



.button_01:hover{
	background-color : #b9d8a5;
  color : white;
}.button_01::before,
.button_01::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}.button_01,
.button_01::before,
.button_01::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s;
	transition: all .2s;
}














.button_02{
	display: inline-block;
	width : 100%;
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color : silver;

box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
-webkit-box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
-moz-box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
  font-size : 16px;
  letter-spacing : 0.1rem;
  color : black;
  line-height : 40px;
  height : 40px;
}



.button_02:hover{
	background-color : #808080;
  color : white;
}.button_02::before,
.button_02::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}.button_02,
.button_02::before,
.button_02::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s;
	transition: all .2s;
}









.button_021{
	display: inline-block;
	width : 100%;
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color : #43652c;

box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
-webkit-box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
-moz-box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
  font-size : 16px;
  letter-spacing : 0.1rem;
  color : white;
  line-height : 40px;
  height : 40px;
  margin-bottom : 5px;
}



.button_021:hover{
	background-color : #b9d8a5;
  color : white;
}.button_021::before,
.button_021::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}.button_021,
.button_021::before,
.button_021::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s;
	transition: all .2s;
}










.button_022{
	display: inline-block;
	width : 100%;
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color : silver;

box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
-webkit-box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
-moz-box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
  font-size : 16px;
  letter-spacing : 0.1rem;
  color : black;
  line-height : 40px;
  height : 40px;
  margin-top : 8px;
}



.button_022:hover{
	background-color : #808080;
  color : white;
}.button_022::before,
.button_022::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}.button_022,
.button_022::before,
.button_022::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s;
	transition: all .2s;
}




















.button_03{
	display: inline-block;
	width : 100%;
	text-align: center;
	text-decoration: none;
	line-height : 50px;
	outline: none;
	background-color :  #00007f;
border-radius: 5px; /* CSS3 */ 
-webkit-border-radius: 5px; /* Safari,Google Chrome */ 
-moz-border-radius: 5px; /* Firefox */ 
box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
-webkit-box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
-moz-box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
  font-size : 16px;
  letter-spacing : 0.1rem;
  padding-top : 8px;
  padding-bottom : 8px;
  margin-top : 8px;
  color : white;
  margin-bottom : 16px;
}



.button_03:hover{
	background-color : #808080;
  color : white;
}.button_03::before,
.button_03::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}.button_03,
.button_03::before,
.button_03::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s;
	transition: all .2s;
}










.button_04{
	display: inline-block;
	width : 100%;
	text-align: center;
	text-decoration: none;
	line-height : 50px;
	outline: none;
	background-color :  #00007f;
border-radius: 5px; /* CSS3 */ 
-webkit-border-radius: 5px; /* Safari,Google Chrome */ 
-moz-border-radius: 5px; /* Firefox */ 
box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
-webkit-box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
-moz-box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
  font-size : 16px;
  letter-spacing : 0.1rem;
  padding-top : 8px;
  padding-bottom : 8px;
  margin-top : 4px;
  color : white;
  margin-bottom : 4px;
}



.button_04:hover{
	background-color : #808080;
  color : white;
}.button_04::before,
.button_04::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}.button_04,
.button_04::before,
.button_04::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s;
	transition: all .2s;
}










.button_05{
	display: inline-block;
	width : 100%;
	text-align: center;
	text-decoration: none;
	line-height : 50px;
	outline: none;
	background-color : silver;
border-radius: 5px; /* CSS3 */ 
-webkit-border-radius: 5px; /* Safari,Google Chrome */ 
-moz-border-radius: 5px; /* Firefox */ 
box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
-webkit-box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
-moz-box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
  font-size : 16px;
  letter-spacing : 0.1rem;
  padding-top : 8px;
  padding-bottom : 8px;
  margin-top : 4px;
  color : black;
  margin-bottom : 4px;
}



.button_05:hover{
	background-color : #808080;
  color : white;
}.button_05::before,
.button_05::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}.button_05,
.button_05::before,
.button_05::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s;
	transition: all .2s;
}















.button_06{
	display: inline-block;
	width : 100%;
	text-align: center;
	text-decoration: none;
	line-height : 50px;
	outline: none;
	background-color : #ffcadb;
border-radius: 5px; /* CSS3 */ 
-webkit-border-radius: 5px; /* Safari,Google Chrome */ 
-moz-border-radius: 5px; /* Firefox */ 
box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
-webkit-box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
-moz-box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
  font-size : 16px;
  letter-spacing : 0.1rem;
  padding-top : 8px;
  padding-bottom : 8px;
  margin-top : 8px;
  color : black;
  margin-bottom : 16px;
}



.button_06:hover{
	background-color : #ff6f9d;
  color : white;
}.button_06::before,
.button_06::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}.button_06,
.button_06::before,
.button_06::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s;
	transition: all .2s;
}
















.button_07{
	display: inline-block;
	width : 100%;
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color : #43652c;
border-radius: 5px; /* CSS3 */ 
-webkit-border-radius: 5px; /* Safari,Google Chrome */ 
-moz-border-radius: 5px; /* Firefox */ 
box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
-webkit-box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
-moz-box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
  font-size : 14px;
  letter-spacing : 0.1rem;
  padding-top : 5px;
  padding-bottom : 5px;
  margin-top : 8px;
  color : white;
  line-height : 30px;
}



.button_07:hover{
	background-color : #b9d8a5;
  color : white;
}.button_07::before,
.button_07::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}.button_07,
.button_07::before,
.button_07::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s;
	transition: all .2s;
}








.button_08{
	display: inline-block;
	width : 100%;
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color : #82b95e;
border-radius: 5px; /* CSS3 */ 
-webkit-border-radius: 5px; /* Safari,Google Chrome */ 
-moz-border-radius: 5px; /* Firefox */ 
box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
-webkit-box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
-moz-box-shadow:0px 0px 2px 1px rgba(175,175,175,0.53);
  font-size : 16px;
  letter-spacing : 0.1rem;
  padding-top : 20px;
  padding-bottom : 20px;
  color : black;
}



.button_08:hover{
	background-color : #b9d8a5;
  color : white;
}.button_08::before,
.button_08::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}.button_08,
.button_08::before,
.button_08::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s;
	transition: all .2s;
}












#migi{
  font-size : 14px;
  text-align : right;
}

.midashi_01{
  font-size : 16px;
  padding-top : 6px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 5px;

  margin-bottom : 10px;
  letter-spacing : 0.2rem;
  font-family : メイリオ;
  font-weight : bold;
  background-image : url(../img_01/midashi_bk.png);
  background-repeat : repeat-x;
}

.main_left_1{
  font-size : 16px;
  width : 29%;
  float : left;
}

.main_right_1{
  font-size : 16px;
  margin-left : 2%;
  width : 69%;
  float : right;
}

.main_line{
  padding-bottom : 10px;
  margin-bottom : 10px;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : silver;
  font-size : 16px;
}

.main_line_last{
  padding-bottom : 10px;
  margin-bottom : 10px;
  font-size : 16px;
}







.main_right_1 P{
  font-size : 17px;
  font-family : "ＭＳ Ｐ明朝";
  font-weight : bold;
}

#foot_01{
  width : 100%;

  padding-top : 50px;
  text-align : center;
  z-index : 10;





  padding-bottom : 20px;
  margin-top : -30px;
  background-image : url(../img_01/gold_foot.png);
  height : 30px;
  background-repeat : repeat-x;
}

#foot_01 P{
  font-size : 12px;
}

#info P{
  font-size : 17px;
  font-family : メイリオ;
  font-weight : bold;
  color : black;
}

#main{
  margin-top : 10px;
  font-size : 16px;
border-top-left-radius: 5px; 
border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px; 
}




.map_pic{
  margin-bottom : -3px;
}


.main_news P{
  font-size : 16px;
  font-weight : bold;
  margin-bottom : 8px;
  font-family : "ＭＳ 明朝";
  letter-spacing : 0.1rem;
}



.midashi_02{
  margin-bottom : 10px;
  font-size : 15px;
  background-color : #b1d39a;
  letter-spacing : 0.08rem;
  padding-left : 16px;
  padding-top : 5px;
  padding-bottom : 5px;
}





.midashi_03{
  margin-bottom : 10px;
  font-size : 16px;
  background-color : #b1d39a;
  letter-spacing : 0.08rem;
  padding-left : 8px;
  padding-top : 5px;
  padding-bottom : 5px;
  padding-right : 8px;
}


.cam{
  background-color : #c8f6fe;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  position : relative;
  letter-spacing : 0.02rem;
}

.push_pic{
  margin-bottom : 8px;
}

.title{
  font-size : 14px;
  color : white;
  background-color : #00007f;
  padding-top : 4px;
  padding-left : 8px;
  padding-right : 8px;
  padding-bottom : 4px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00007f+0,3e3e7c+41,ffffff+83 */
background-image : none;background-repeat : repeat;background-attachment : scroll;background-position : 0% 0%;background-size : auto auto;background-origin : padding-box;background-clip : border-box; /* Old browsers */
background: -moz-linear-gradient(top,  #00007f 0%, #3e3e7c 41%, #ffffff 83%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #00007f 0%,#3e3e7c 41%,#ffffff 83%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #00007f 0%,#3e3e7c 41%,#ffffff 83%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00007f', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
               


  height : 8px;

}

.titlebk{
  font-size : 14px;
  padding-top : 4px;
  padding-left : 8px;
  padding-right : 8px;
  padding-bottom : 4px;


  height : 130px;
  background-repeat : repeat;
  margin-top : -70px;
  background-image : url(../img_01/gold.png);
}



.ac_left{
  width : 32%;
  float : left;
}

.ac_left1{
  margin-left : 2%;
  width : 66%;
  float : left;
}

.room_left{
  width : 50%;
  float : left;
}

.con_center{
  text-align : center;
}

.book_left{
  width : 45%;
  float : left;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
  padding-top : 2%;
  padding-left : 2%;
  padding-right : 2%;
  padding-bottom : 1%;
  background-color : #dfe8e8;
  text-align : center;
  margin-top : 16px;
  margin-bottom : 16px;
}

.book_left1{
  float : left;
  width : 45%;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
  padding-top : 2%;
  padding-left : 2%;
  padding-right : 2%;
  padding-bottom : 1%;
  background-color : #dfe8e8;
  margin-left : 2%;
  text-align : center;
  margin-top : 16px;
  margin-bottom : 16px;
}



.book_left2{
  float : left;
  width : 45%;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
  padding-top : 2%;
  padding-left : 2%;
  padding-right : 2%;
  padding-bottom : 1%;
  margin-left : 2%;
  text-align : center;
  margin-top : 16px;
  margin-bottom : 16px;
}





.my_green{
  font-size : 17px;
  background-color : #b5d69e;
  letter-spacing : 0.1rem;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  margin-top : 10px;
  margin-bottom : 10px;
}


#sns_left_1{
  width : 20%;
  float : left;
  margin-left : 4%;
}


#sns_left_2{
  margin-left : 4%;
  width : 20%;
  float : left;
}




.mag{
  font-size : 14px;
  background-color : transparent;
  position : relative;
  text-align : center;
  margin-top : -8px;
}

.mag_ad{
  background-color : #ffcadb;
  text-align : center;
  padding-top : 8px;
  padding-bottom : 8px;
  margin-bottom : 8px;
  margin-top : -15px;
border-radius: 5px; /* CSS3???? */ 
-webkit-border-radius: 5px; /* Safari,Google Chrome?p */ 
-moz-border-radius: 5px; /* Firefox?p */ 
}


.midashi_001{
  font-size : 17px;
  font-weight : bold;
  background-color : #00007f;
  padding-top : 8px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 8px;
  color : white;
  margin-bottom : 16px;
}

#icon{
  margin-bottom : -3px;
}

.foot_02{
  width : 100%;
  height : 10px;
}

.quartet_left{
  width : 24.25%;
  float : left;
  font-size : 13px;
  text-align : center;
}

.quartet_left1{
  margin-left : 1%;
  width : 24.25%;
  float : left;
  font-size : 13px;
  text-align : center;
}

.double_left{
  font-size : 16px;
  letter-spacing : 0.08rem;
  width : 49%;
  float : left;
  margin-bottom : 6px;
  margin-top : 6px;
}

.double_left1{
  font-size : 16px;
  letter-spacing : 0.08rem;
  margin-left : 2%;
  width : 49%;
  float : left;
  margin-bottom : 6px;
  margin-top : 6px;
}


.double1_left{
  font-size : 16px;
  letter-spacing : 0.08rem;
  width : 49%;
  float : left;
  margin-bottom : 2px;
  margin-top : 2px;
}

.double1_left1{
  font-size : 16px;
  letter-spacing : 0.08rem;
  margin-left : 2%;
  width : 49%;
  float : left;
  margin-bottom : 2px;
  margin-top : 2px;
}




#point{
  margin-bottom : -2px;
}

.triple_left{
  width : 33%;
  float : left;
  margin-top : 8px;
  margin-bottom : 8px;
}

.triple_left1{
  margin-left : 0.5%;
  width : 33%;
  float : left;
  margin-top : 8px;
  margin-bottom : 8px;
}

.list{
  font-size : 16px;
  letter-spacing : 0.2rem;
  padding-left : 8px;
  padding-right : 8px;
  padding-bottom : 5px;
  margin-bottom : 5px;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : silver;
}


.list_bk{
  background-image : url(../img_01/menu_bk.png);
  background-repeat : repeat-x;
  margin-top : 8px;
}

.list_bk1{
  background-image : url(../img_01/menu_bk.png);
  background-repeat : repeat-x;
}


.double_in{
  font-size : 16px;
  font-family : メイリオ;
  padding-left : 5px;
  padding-right : 5px;
  background-color : #def2bd;
  padding-top : 8px;
  margin-top : -8px;
  padding-bottom : 8px;
}

.doublr_in P{
  font-size : 16px;
  font-family : メイリオ;
  font-weight : bold;
  color : black;
}

.center{
  text-align : center;
  width : 100%;
  padding-top : 10px;
}

#pic_out{
  position : relative;
  margin-bottom : -2px;
}