@charset "shift_jis";



body {
	color: #000;
	width: auto;
	height: auto;	
	text-align:center;
	font-family:serif,'Yu Mincho','MS PMincho','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	background-image::  url(../img/backt.png) no-repeat 
		
}

ul{
	list-style-type: none;
}
img {
	border: none;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}
hr {

	color: #ff0000(+opacity: 0.46);
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	font-size: 150%;
	color: #580080;	/*リンクテキストの文字色*/
}
a:hover {
	color: #000;	
	text-decoration: blink;	
}


#container {
	text-align: center;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background: #fff;	
	border: 4px groove #DE590C;
	outline: solid 1px #e0ffff;
}


#header {
	text-align: left;
	top:0px;
	width: 100%;
	height: 140px;	
	position: relative;
	background:#e8bb0f ;
	
}

#top #header {
	height: 260px;
}

#header h1 {
	color: #CC99CC;	
	font-size: 10px;
	text-align: right;	
	position: absolute;
	top: -1px;
	right: 0px;	
	z-index: 2;
	color: #000000;
}
#header h1 a {
	text-decoration: none;
	color: #008b8b;	
}
/*ヘッダー画像*/
#header #headerimg {

	position: absolute;
	top: 0px;	
	left: 0px;	
	z-index: 1;
	border: 2px double #4682b4;
}


#mainimg {
	position:relative;
	height: 390px;
	width: 970px;
	border-radius: 10px;	/*角丸のサイズ*/
	margin-bottom: 35px;

}
#mainimg img {
	-webkit-box-shadow: 0px 2px 5px #b1ac90;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 0px 2px 5px #191970;			/*同上*/
	vertical-align: bottom;
	border-radius: 20px;	/*角丸のサイズ*/
	border: 10px solid #dcdcdc;	/*枠線の幅、線種、色*/
}
#mainimg .slide_file {
	visibility:hidden;
}
#slide_image {
	z-Index:2;
	position: absolute;
	left:0px;
	top:0px;
}
#slide_image2 {
	z-Index:1;
	position: absolute;
	left:0px;
	top:0px;
}


/*メインメニュー
---------------------------------------------------------------------------*/
ul#menu {
	background: #fff ;
	
}
ul#menu li {
	position:relative;
	float: left;
	padding-top: 8px;
	padding-left: 1px;
	padding-right: 0px;
	
	background: #000 ;
	
}


ul#menu li a:hover {
position:relative;

left:0px;
}


#right {
	position:relative ;
	top: 1px;	
	right: auto;	
}

/*コンテンツ（mainとsubとfooterを囲むブロック）
---------------------------------------------------------------------------*/
#contents {

	clear: left;
	width: 100%;
	border:2px;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	float: right;
	position:relative ;
	
	top: 5px;	
	width: 700px;
	border:2px;
	border-left: solid 4px gray;
	font-family:'Yu Mincho','MS PMincho','Arial', 'Tahoma', sans-serif ;

}
.set{
	text-align:left;
	padding: 0.5em 10px 1em;
}
.slide {
  position   : relative;
  overflow   : hidden;
                    /*  */
  width      : 660px;
  height     : 395px;
  margin     : auto;      /*  */
  background : #fff;
}
 
 /*=== 画像の設定 ======================================= */
.slide img {
  display    : block;
  position   : absolute;
                      /* */
  width      : inherit;
  height     : inherit;
  opacity    : 0;
  animation  : slideAnime 20s ease infinite;
}
 
 /*=== スライドのアニメーションを段差で開始する ========= */
.slide img:nth-of-type(1) { animation-delay: 0s }
.slide img:nth-of-type(2) { animation-delay: 4s }
.slide img:nth-of-type(3) { animation-delay: 8s }
.slide img:nth-of-type(4) { animation-delay: 12s }
.slide img:nth-of-type(5) { animation-delay: 16s }
 
 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
   0% { opacity: 0 }
   10% { opacity: 1 }
  20% { opacity: 1 }
  30% { opacity: 0 }
 100% { opacity: 0 }
}

#main h1 {
	font-family:'Yu Mincho','MS PMincho','Helvetica’, "メイリオ", sans-serif,"ヒラギノ角ゴシック ProN2; 
	font-size: 150%;	
	color: #FFFFFF;		
	clear: both;
	width: 685px;
	border:2px;
	padding: 8px 0px 8px 15px;
	
	background: #ee827c  url(../img/bgb2.png) repeat  top;

	}
	
#main h2 {
	font-family:'Yu Mincho','MS PMincho','Arial', 'Tahoma', sans-serif; 
	font-size: 150%;	
	color: #FFFFFF;		
	clear: both;
	width: 685px;
	padding: 8px 0px 8px 8px;
	border:2px;
	background:  url(../img/midashi_bg1.jpg) no-repeat  top;
	
}

#main h3 {
	font-family:'Yu Mincho','MS PMincho','Arial', 'Tahoma', sans-serif ;
	font-size: 120%;	
	color: #FFFFFF;		
	clear: both;
	width: 685px;
	padding: 8px 0px 8px 15px;
	background:  url(../img/midashi_bg1.jpg) no-repeat  top;
}

#main h4 {
	padding-top: 1px;
	font-family:'Yu Mincho','MS PMincho','Arial', 'Tahoma', sans-serif ;
	font-size: 200%;	
	color: #000;		
	clear: both;
	width: 685px;
	padding: 4px 0px 8px 15px;
	background:  url(../img/path836.png)  no-repeat  top;
}

#main h5 {
	padding-top: 10px;
	font-family:'Yu Mincho','MS PMincho','Arial', 'Tahoma', sans-serif ;
	font-size: 100%;	
	color: #FFFFFF;		
	clear: both;
	width: 685px;
	padding: 8px 0px 8px 15px;
	background:  url(../img/midashi_bg1.jpg)  no-repeat  top;
}

#main h6 {
	padding-top: 10px;
	font-family:'Yu Mincho','MS PMincho','Arial', 'Tahoma', sans-serif ;
	font-size: 150%;	
	color: #00008b;		
	clear: both;
	width: 685px;
	padding: 8px 0px 8px 15px;

	
	text-shadow: 1px 1px 3px #000;
}
#main p {
	text-align:left;
	padding: 0.5em 10px 1em;
}


#adress {
	font-size:120%;
	font-family:'Yu Mincho','MS PMincho','Lucida Console';
	font-weight: bold;
	color:#556b2f
	margin-top:30px;
	margin-left:30px;
	}
	
#reco {
	font-weight: bold;
	font-family:'Yu Mincho','MS PMincho','Arial', 'Tahoma', sans-serif ;
	padding-top: 5px;
	padding-bottom:5px;

	width: 700px;
	
}
/*サブコンテンツ
---------------------------------------------------------------------------*/

#sub {
	float: left;	
	width: 240px;
	padding: 0px 0px 30px 5px;
	background: #000;	/*背景色*/
	font: 17px Yu Mincho,MS PMincho,"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";

}

#sub h3 {
	font-size: 100%;
	color: #FFFFFF;
	background: #010101 url(../img/midashi_bg2.jpg) no-repeat center top;
	padding: 15px 0px;	
	margin-bottom: 1px;

	border-left: 1px solid #DE590C;

	border-bottom: 5px solid #DE590C;
}

#sub p {
	font-size: 100%;
	font-family:'Yu Mincho','MS PMincho','Lucida Console';
	padding: 0.5em 0px 1em;	
	color: #FFFFFF;	
}

/*サブコンテンツ内のbox1
---------------------------------------------------------------------------*/
#sub .box1 {


	color: #FFF;		/*文字色*/
	background: #000;	/*背景色*/
	padding: 10px;
	margin-bottom: 1em;
}
#sub .box1 a {
	color: #FFF;	/*リンクテキストの文字色*/
}

/*サブメニュー
---------------------------------------------------------------------------*/
ul.submenu {
	margin-bottom: 0em;
}
ul.submenu li {
	margin-bottom: 1px;
	border-bottom: 1px solid #DE590C;		/*メニューごとの余白*/
}
ul.submenu li a {
	display: block;
	width: 230px;
	padding: 3px 0px 3px 5px;
	text-decoration: none;
	color: #FFFFFF;			/*文字色*/
	background: #000;		/*背景色*/
}
ul.submenu li a:hover {
	background: #FFFFFF;	/*マウスオン時の背景色*/
	color: #DE590C;			/*マウスオン時の文字色*/
}

#center {
	background: #000;		/*背景色*/

	border-left:1px solid #f0f;
}

#main .new {
	overflow: auto;	
	height: 140px;
	width: 690px;
	padding-left: 10px;
}
#main .new dl {
	clear: left;
	width: 670px;
	border-bottom: 1px solid #fff;	/*日付ごとの下線の幅、線種、色*/
	overflow: hidden;
}
#main .new dt {
	color: #FFFFFF;			/*文字色*/
	font-weight: bold;
	float: left;
	width: 100px;
	padding-left: 4px;
	padding-bottom: 4px;
	
}
#main .new dd {
	float: left;
	width: 570px;
}
#main .new dd img {
	vertical-align: middle;
}
#main .new dd img {
	margin-top:0.5em;
	vertical-align: baseline;
}


#footer {
	clear: both;
	width: 100%;
	text-align: center;		/*センタリング*/
	font-size: 11px;		/*文字サイズ*/
	background: #000000 url(../img/footer_bg.gif) repeat-x left top;	/*背景色、背景画像の読み込み＆X軸(横軸)にリピート＆上部に配置*/
	color: #FFFFFF;			/*文字色*/
	padding-top: 40px;
	padding-bottom: 20px;
}
#footer a {
	text-decoration: none;
	color: #FFFFFF;			/*文字色*/
}
#textbox {
	font-weight: bold;
	font: 13px Yu Mincho,MS PMincho,"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";

	padding-top: 25px;

	padding-bottom:5px;
	width: 680px;
			
}

	
#mapacce {
	font-family:'Yu Mincho','MS PMincho','Courier New';
	font-weight: bold;
	font-size:130%;
	height:50px;
	width:500px;	font-size:13px;
	position:absolute;	padding:5px;
	TOP:500PX;
		}
	
#kotei {
	margin-top:-200px;	position:fixed;
	margin-left:-300px;	right:0px;
	position:fixed;
	right:0px;
	bottom:10px;
	font-size:30px;
	}
	 
	.kotei2 {
	}

#imgr {
     vertical-align:middle;
     layout-grid-line:300px;
	margin-bottom: 50px;
     
}
/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
	width: 700px;
}
.ta1, .ta1 td, .ta1 th{
	border: 1px solid #333;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
/*テーブル内の右側*/
.ta1 td{
	width: 457px;
	padding: 10px;
}
/*テーブル内の左側の見出し部分*/
.ta1 th{
	width: 200px;
	height:auto;
	padding: 10px;
	text-align: center;
	background: #DC7B1C;	/*背景色*/
	color: #FFFFFF;			/*文字色*/
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi{
	width: auto;
	text-align: left;
	background: #315702 url(../img/bg3.gif);	/*背景色、背景画像の読み込み*/
}


#main .box1 {
	padding: 10px;		/*ボックス内の余白*/
	overflow: hidden;
	margin-bottom: 5px;	/*ボックスの線幅、線種、色*/
	width: 680px;
	background: #000;	/*ボックスの背景色*/
	color: #FFF;		/*ボックス内の文字色*/
}
/*写真*/
#main .box1 p.img {
	padding: 0px;
	float: left;	/*画像を左に回り込み*/
}
/*h3見出しタグ*/
#main .box1 h3 {
	font-size: 100%;	/*文字サイズ*/
	margin-left: 210px;	/*左の写真とバランスをとって設定*/
	margin-bottom: 0em;
	color: #DE590C;		/*文字色*/
	border-top: 1px dotted #DE590C;		/*上の線の幅、線種、色*/
	border-bottom: 1px dotted #DE590C;	/*下の線の幅、線種、色*/
}
/*h3見出しタグ内の「おすすめ」アイコン*/
#main .box1 h3 img {
	vertical-align: middle;
	padding-left: 10px;
}
/*段落タグ*/
#main .box1 p.text {
	padding: 0px;
	margin-left: 210px;	/*左の写真とバランスをとって設定*/
	font-size: 11px;	/*文字サイズ*/
}
/*リストタグ*/
#main .box1 ul {
	margin-left: 210px;	
	list-style: square;	
	padding-left: 20px;
	font-size: 11px;	/*文字サイズ*/
}


#thumbnail {
	overflow: hidden;
	font-size: 10px;
	height: 130px;
	width: 700px;
	position: relative;
}
#thumbnail a {
	display: block;
	float: left;
	width: 100px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}
#thumbnail a img {
	border: 1px solid #CCC;	/*画像の枠線の幅、線種、色*/
}
#thumbnail a:hover img {
	border: 2px solid #DE590C;	/*マウスオン時の画像の枠線の幅、線種、色*/
}

/*その他
---------------------------------------------------------------------------*/
.look {
	background-color: #e8ccad;
}
.mb1em {
	background-color: #000000;

	margin-bottom: 1em;
}
.clear {
	clear: both;
}
ul.disc {
	padding: 0em 25px 1em;
	list-style: disc;
}
.color1 {
	color: #DE590C;
}
.pr {
	font-size: 10px;
}
.btn {
	font-size: 12px;
}
.wl {
	width: 96%;
}
.ws {
	width: 50%;
}
.c {
	text-align: center;
}
.mini1 {
	font-size: 15px;
	line-height: 2;
}
.btn {
  display: inline-block;           /* 改行なしのブロック要素 */
  position: relative;              /* 相対位置指定 */
  width: 190px;                    /* 横幅 */
  height: 60px;                    /* 高さ */
  text-align: center;              /* 水平方向は中央揃え */
  line-height: 56px;               /* 行の高さ */
}
.btn span {
  display: block;                  /* ブロック要素 */
  position: absolute;              /* 親要素の左上を基準位置 */
  width: 100%;                     /* 横幅 */
  height: 100%;                    /* 高さ */
  border: 2px solid #333;          /* 罫線 */
  transform-style: preserve-3d;    /* 重なりを3Dで表示 */
  transition: 0.5s;   /* 変化時間 */
}
.btn span:nth-child(1) {
    font-size: 30px;
    font-family:serif, "Kokoro", cursive;
    font-weight: 600; 
  background: -moz-radial-gradient(#edf0b9,#f2b03d); 
  background: -webkit-radial-gradient(#edf0b9,#f2b03d);  
  background: radial-gradient(#edf0b9,#f2b03d);   /* Buttonボタンの色 */
  color: #000000;          /* Buttonの文字の色 */
  transform: rotateX(0deg);        /* 横軸の回転なし */
  transform-origin: 0 50%  -30px;  /* transformの起点 */
}
.btn span:nth-child(2) {
    font-size: 30px;
    font-family:serif, "Kokoro", cursive;
    font-weight: 600; 
  background: -moz-radial-gradient(#F13F79, #FFC778); 
  background: -webkit-radial-gradient(#F13F79, #FFC778); 
  background: radial-gradient(#F13F79, #FFC778); 
    color: #ffffff;          /* Clickの文字の色 */
  transform: rotateX(90deg);       /* 横軸で90度回転 */
  transform-origin: 0 50%  -30px;  /* transformの起点 */
}
.btn:hover span:nth-child(1) {
  transform: rotateX(-90deg);      /* 横軸で前方に90度回転 */
}
.btn:hover span:nth-child(2) {
  transform: rotateX(0deg);        /* 横軸の回転なし */
}