#site_box{
	position:relative;
	top:10px;
	width:100%;
	max-width:100%; 
	height:2750px;
    background-color:#f9ffff ; /* 全体の背景画像 */
    background-attachment:fixed;             /* 背景画像を固定する */
    overflow-y:hidden;	
	overflow-x:hidden;
}
#style_box{
	position:relative;
	width:1260px;
	top:0px;
	left:0px;
	height:380px;
	border:1px solid white;
}
/*トップ*/
#index1-uderber{
	position:relative;
	width:1260px;
	top:0px;
	left:0px;
	height:110px;
}
/*ロゴ*/
#index_01_rogo{
	 position:absolute;
	 top:20px;
	 left:30px;
	 height:70px;
	 width:105px;
}
/*題名*/
#index_02_name{
	 position:absolute;
	 top:50px;
	 width:410px;
	 height:30px;
	 left:140px;
}
/*電話*/

#index_031000e1_tel{
	 position:absolute;
	 top:20px;
	 left:750px;
	 width:200px;
	 height:30px;
}
/*Q&A */
#cafe{
	 position:absolute;
	 top:20px;
	 left:960px;
	 width:130px;
	 height:30px;
}
#cafe_1{
	 position:absolute;
	 top:0px;
	 left:0px;
	 width:140px;
	 height:30px;
}
/*メール */
#index_05_mill{
	 position:absolute;
	 top:20px;
	 left:1110px;
	 width:130px;
	 height:30px;
}
/*詳細*/
#syousai{
	 position:absolute;
	 top:70px;
	 left:630px;
	 width:610px;
	 height:30px;
}
.index_05_syousai{
	 position:absolute;
	 top:0px;
	 left:0px;
	 width:90px;
	  height:30px;
}
.index_05_syousai:hover{
	background-image: url("message/aikon12-31000e2.png")
	}
.index_06{
	 position:absolute;
	 top:0px;
	 left:90px;
	 width:10px;
	 height:30px;
}
.index_07_room{
	 position:absolute;
	 top:0px;
	 left:105px;
	 width:90px;
	 height:30px;
}
.index_07_room:hover{
	background-image: url("message/aikon12-31000e2.png")
	}
.index_08{
	 position:absolute;
	 top:0px;
	 left:200px;
	 width:10px;
	 height:30px;
}
.index_09_plan{
	 position:absolute;
	 top:0px;
	 left:215px;
	 width:90px;
	 height:30px;
}
.index_09_plan:hover{
	background-image: url("message/aikon12-31000e2.png")
	}
.index_10{
	 position:absolute;
	 top:0px;
	 left:310px;
	 width:10px;
	 height:30px;
}
.index_11_photo{
	 position:absolute;
	 top:0px;
	 left:325px;
	 width:100px;
	 height:30px;
}
.index_11_photo:hover{
	background-image: url("message/aikon12-31000e2.png")
	}
.index_12{
	 position:absolute;
	 top:0px;
	 left:425px;
	 width:10px;
	 height:30px;
}
.index_13_access{
	 position:absolute;
	 top:0px;
	 left:440px;
	 width:90px;
	 height:30px;
}
.index_13_access:hover{
	background-image: url("message/aikon12-31000e2.png")
	}
.index_14{
	 position:absolute;
	 top:0px;
	 left:530px;
	 width:10px;
	 height:30px;
}
.index_15_f{
	 position:absolute;
	 top:0px;
	 left:550px;
	 width:70px;
	 height:30px;
}
.index_15_f:hover{
	background-image: url("message/aikon12-31000e2.png")
	}
#index_16{
	 position:absolute;
	 top:0px;
	 left:495px;
	 width:10px;
	 height:30px;
}

/*茶色３線*/
#three-ber{
	position:relative;
	width:1259px;
	height:25px;
	left:0pt;
	top:0px;
}
#ber_01{
	position:absolute;
	top:0px;
	left:0px;
	width:1258px;
	height:10px;
}
#ber_02{
	position:absolute;
	top:10px;
	left:0px;
	width:1258px;
	height:3px;
}
#ber_03{
	position:absolute;/*画像を全て重ねる*/
	width:1258px;
	top:11px;
	left:0px;
	height:15px;
}
/*フォトショー開始命令*/

#top_photo {
	position:relative;
	top:0px;
	width:1258px;
	left:0px;
}
#photo1a,#photo2a,#photo3a,#photo4a {
    width: 1259px;
    height: 490px;
    position: absolute;/*画像を全て重ねる*/
}

/*1枚画像4秒ごとで4枚にかかる時間16秒*/

#photo1a img,#photo2a img,#photo3a img,#photo4a img {
    opacity:0;
    -moz-animation: imgTrans 16s infinite;
    -webkit-animation: imgTrans 16s infinite;
    animation: imgTrans 16s infinite;
}

/*各画像のアニメーションの開始時間を4秒づつずらす*/

#photo1a img {
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;　/*アニメーションがいつ始まるかを指定する。デフォルト 0*/
}
#photo2a img {
    -moz-animation-delay: 4s;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;

}
#photo3a img {
    -moz-animation-delay: 8s;
    -webkit-animation-delay: 8s;
    animation-delay: 8s;
}
#photo4a img {
    -moz-animation-delay:12s;
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
}
#frame {
	top:0px;
    width: 1260px;
    height: 490px; /*表示したいフォトの大きさ*/
    position: relative;
    overflow: hidden;
}
/*アニメーション*/

@-webkit-keyframes imgTrans {
0% { opacity:1; }
12% { opacity:1; }
 26% { opacity:1; }
 73% { opacity:0; } 
 100% { opacity:1; }
 }
@-moz-keyframes imgTrans {
 0% { opacity:1; }
 12% { opacity:1; }
 26% { opacity:1; }
 73% { opacity:0; } 
 100% { opacity:1; }
}
@keyframes imgTrans {
0% { opacity:1; }
 12% { opacity:1; }
 26% { opacity:1; }
 73% { opacity:0; } 
 100% { opacity:1; }
}
#top_photo_index{
	position:absolute;
	left:210px;
	top:310px;
	width:850px;
}
#end_ber{
	position:relative;
	width:1260px;
	left:0px;
	top:490px;
	height:20px;
}
#end_ber_1{
	position:relative;
	top:2400px;
	width:1260px;
	left:0px;
	height:100px;
}
#end_ber_add{
	position:absolute;
	width:350px;
	left:830px;
	top:40px;
	height:100px;
}
#end_ber_add_1{
	position:absolute;
	top:40px;
	width:100px;
	height:70px;
	left:240px;
}
#end_ber_add_2{
	position:absolute;
	top:20px;
	width:230px;
	height:70px;
	left:20px;
   text-align: left;
}
#end_ber_3d3{
	position:absolute;
	top:10px;
	width:20px;
	height:20px;
	left:310px;
}
#end_ber_aikon{
	position:absolute;
	top:40px;
	width:750px;
	height:10px;
	left:80px;
}
#end_ber_2a{
	position:absolute;
	top:0px;
	width:160px;
	height:100px;
	left:0px;
}
#end_ber_3{
	position:absolute;
	top:0px;
	width:520px;
	height:130px;
	left:160px;
}
#end_ber_sougou{
	position:absolute;
	top:0px;
	width:520px;
	height:100px;
	left:0px;
}


#end_ber_3a{
	position:absolute;
	top:10px;
	width:100px;
	left:10px;
	height:10px;
}
#end_ber_3b{
	position:absolute;
	top:10px;
	width:100px;
	height:10px;
	left:130px;
}
#end_ber_3c{
	position:absolute;
	top:10px;
	width:120px;
	height:10px;
	left:250px;
}
#end_ber_3d{
	position:absolute;
	top:10px;
	width:100px;
	left:380px;
	height:10px;
}
#end_ber_3a1{
	position:absolute;
	top:40px;
	width:110px;
	left:10px;
	height:10px;
}
#end_ber_3b1{
	position:absolute;
	top:40px;
	width:80px;
	height:10px;
	left:135px;
}
#end_ber_3c1{
	position:absolute;
	top:40px;
	width:100px;
	height:10px;
	left:260px;
}
#end_ber_3d1{
	position:absolute;
	top:40px;
	width:100px;
	height:10px;
	left:390px;
}
#end_ber_3a2{
	position:absolute;
	top:70px;
	width:100px;
	height:10px;
	left:20px;
}
#end_ber_3b2{
	position:absolute;
	top:70px;
	width:80px;
	height:10px;
	left:155px;
}
#end_ber_3c2{
	position:absolute;
	top:70px;
	width:100px;
	height:10px;
	left:250px;
}
#end_ber_3d2{
	position:absolute;
	top:70px;
	width:100px;
	height:10px;
	left:380px;
}
#end_ber_3a3{
	position:absolute;
	top:100px;
	width:100px;
	height:10px;
	left:2px;
}
#end_ber_3b3{
	position:absolute;
	top:100px;
	width:130px;
	height:10px;
	left:100px;
}
#end_ber_3c3{
	position:absolute;
	top:80px;
	width:130px;
	height:10px;
	left:255px;
}
#end_ber_3c4{
	position:absolute;
	top:80px;
	width:130px;
	height:10px;
	left:368px;
}
#end_ber_2{
	position:absolute;
	top:190px;
	width:600px;
	left:350px;
	height:25px;
}
.list_end {
   margin: 0px;
   padding: 0px;　/*左右に移動可+++*/
   
}
.list_end ul {
   margin: 0px;/*上下左右の余白幅+++*/
   padding: 0PX;
   list-style: none;
}
.list_end ul li p {
   position: absolute;
   width: 100%;
   font-size: 15px;  /*文字サイズ@@@@*/
   font-family:"KaiTi",  serif;
/*説明文の色*/
  font-weight: 300; 
   color:#4d3805; 　　/*説明文の色804040@@@@*/
}   
/*下全体枠*/
#home{
	position:relative;
	top:0px;
	width:1050px;
	height:2150px;
    background-image: url("17_kabe/17_kabe_top_1.png"); /* 全体の背景画像 */
}
/*トップ枠*/
#home_1{
	position:absolute;
	top:15px;
	width:1000px;
	height:190px;
	left:25px;
	border:1px solid #eee;
}	
#top_recommend_1{ 
	position:absolute;
	top:5px;
	width:970px;
	height:180px;
	left:14px;
}
#recommend_photo01{
	position:absolute;
	top:0px;
	width:990px;
	height:240px;
	left:0px;
}
/*コンセプト*/
#aikon36a06{
	position:absolute;
	width:940px;
	height:70px;
	left:10px;
	top:30px;
}
.list {
   margin: -10px;
   width: 900px;
   padding: 0px;　/*左右に移動可+++*/
}
.list ul {
   margin: 0px;/*上下左右の余白幅+++*/
   padding: 0PX;
   list-style: none;
}
.list ul li p {
   position: absolute;
   text-align: center;
   width: 100%;
   font-size: 32px;  /*文字サイズ@@@@*/
   font-family:"KaiTi",  serif;
/*説明文の色*/
  font-weight: 600; 
   color:#330000; 　　/*説明文の色#4d3805@@@@*/
}
.list1 {
   margin: 0px;
   width: 990px;
   padding: -5px;　/*左右に移動可+++*/
   
}
.list1 ul {
   margin: 10px;/*上下左右の余白幅+++*/
   padding: 60PX;
   list-style: none;
}
.list1 ul li p {
   position: absolute;
   text-align: left;
   width: 100%;
   font-size: 18px;  /*文字サイズ@@@@*/
   font-family:"KaiTi",  serif;
/*説明文の色*/
  font-weight: 500; 
   color:#4d3805; 　　/*説明文の色804040@@@@*/
}
/*photo_bbq*/
#home_2a{
	position:absolute;
	top:235px;   
	width:980px;
	height:538px;
	left:35px;
}
/*photo_bbq枠*/
#home_2p1{
	position:absolute;
	top:5px;   
	width:900px;
	height:135px;
	left:35px;
}
#home_2be{
	position:absolute;
	top:170px;   
	width:900px;
	height:30px;
	left:35px;
}
#home_2p2{
	position:absolute;
	top:280px;   
	width:420px;
	height:250px;
	left:50px;
	
}
#home_2in2{
	position:absolute;
	top:220px;   
	width:400px;
	height:405px;
	left:550px;
}
/*詳細文の枠*/
#home_2bo{
	position:absolute;
	top:280px;   
	width:450px;
	height:180px;
	left:520px;
}
/*詳細文の枠*/
#home_2in{
	position:absolute;
	top:290px;   
	width:470px;
	height:30px;
	left:510px;
}
.home_2list {
   margin: 10px;
   width: 590px;
   padding:50px;　/*左右に移動可+++*/
   
}
.home_2list ul {
   margin: -50px;/*上下左右の余白幅+++*/
   padding: 10PX;
   list-style: none;
}
.home_2list ul li p {
   position: absolute;
   text-align: left;
   width: 100%;
   font-size: 15px;  /*文字サイズ@@@@*/
   font-family:"KaiTi",  serif;
/*説明文の色*/
  font-weight: 300; 
   color:#4d3805; 　　/*説明文の色804040@@@@*/
}

/*詳細文の枠*/
#home_2bo1{
	position:absolute;
	top:430px;   
	width:190px;
	height:80px;
	left:30px;
}
/*詳細文の枠*/
#home_2bo2{
	position:absolute;
	top:430px;   
	width:180px;
	height:80px;
	left:228px;
}
/*photo_bbq*/
#home_3a{
	position:absolute;
	top:780px;   
	width:980px;
	height:300px;
	left:35px;
}
#home_3p2{
	position:absolute;
	top:35px;   
	width:380px;
	height:210px;
	left:580px;
}

#home_3top{
	position:absolute;
	top:5px;   
	width:520px;
	height:35px;
	left:0px;
}
#home_3top1{
	position:absolute;
	top:0px;   
	width:180px;
	height:40px;
	left:10px;
}
#home_3top2{
	position:absolute;
	top:110px;   
	width:500px;
	height:40px;
	left:50px;
}
/*詳細文の枠*/
#home_3in{
	position:absolute;
	top:0px;   
	width:400px;
	height:30px;
	left:120px;
}
.home_2list_01 {
   margin: 0px;
   width: 450px;
   padding: 0px;　/*左右に移動可+++*/
   
}
.home_2list_01 ul {
   margin: 0px;/*上下左右の余白幅+++*/
   padding: 0PX;
   list-style: none;
}
.home_2list_01 ul li p {
   position: absolute;
   width: 100%;
   text-align: left;
   font-size: 26px;  /*文字サイズ@@@@*/
   font-family:"KaiTi",  serif;
/*説明文の色*/
  font-weight: 600; 
   color:#662e29; 　　/*説明文の色804040@@@@*/
}

#home_3in_1{
	position:absolute;
	top:145px;   
	width:500px;
	height:30px;
	left:90px;
}
.home_2list_02 {
   margin: 30px;
   width: 450px;
   padding: 0px;　/*左右に移動可+++*/
   
}
.home_2list_02 ul {
   margin: -50px;/*上下左右の余白幅+++*/
   padding: 0PX;
   list-style: none;
}
.home_2list_02 ul li p {
   position: absolute;
   width: 100%;
   text-align: left;
   font-size: 15px;  /*文字サイズ@@@@*/
   font-family:"KaiTi",  serif;
/*説明文の色*/
  font-weight: 300; 
   color:#4d3805; 　　/*説明文の色804040@@@@*/
}
#home_3bo1{
	position:absolute;
	top:255px;   
	width:300px;
	height:60px;
	left:660px;	

}
.grill img {
    width: 100px;
    height: 80px;
    border: 0;
    float: left;
    margin-right: 5px;
    transition: all ease 0.8s;
    -webkit-transition: all ease 0.8s;
}

#home_3bo1:hover div img {
    width: 116px;
}
#home_3bo1:hover > div:hover img {
    width: 250px;
    height: 200px;
    margin-top: -200px;
}

/*室内備品*/
#home_3b{
	position:absolute;
	top:1120px;   
	width:980px;
	height:100px;
	left:35px;
}
/*詳細文の枠*/
#home_3in_b{
	position:absolute;
	top:40px;   
	width:400px;
	height:30px;
	left:530px;
}
.home_2list_01a {
   margin: 0px;
   width: 450px;
   padding: 0px;　/*左右に移動可+++*/
   
}
.home_2list_01a ul {
   margin: 0px;/*上下左右の余白幅+++*/
   padding: 0PX;
   list-style: none;
}
.home_2list_01a ul li p {
   position: absolute;
   width: 100%;
   text-align: left;
   font-size: 26px;  /*文字サイズ@@@@*/
   font-family:"KaiTi",  serif;
/*説明文の色*/
  font-weight: 600; 
   color:#662e29; 　　/*説明文の色804040@@@@*/
}



#home_3in_1b{
	position:absolute;
	top:120px;   
	width:500px;
	height:30px;
	left:460px;
}
.home_2list_01b {
   margin: 0px;
   width: 450px;
   padding: 0px;　/*左右に移動可+++*/
   
}
.home_2list_01b ul {
   margin: 0px;/*上下左右の余白幅+++*/
   padding: 0PX;
   list-style: none;
}
.home_2list_01b ul li p {
   position: absolute;
   width: 100%;
   text-align: left;
   font-size: 18px;  /*文字サイズ@@@@*/
   font-family:"KaiTi",  serif;
/*説明文の色*/
  font-weight: 300; 
   color:#4d3805; 　　/*説明文の色804040@@@@*/
}
#home_3in_1c{
	position:absolute;
	top:40px;   
	width:200px;
	height:30px;
	left:270px;
}

#home_3in_1d{
	position:absolute;
	top:50px;   
	width:200px;
	height:30px;
	left:400px;
}
/*多彩な魅力*/
 #home_4{
	position:absolute;
	top:1120px;   
	width:1000px;
	height:50px;
	left:85px;
}

/*cresson*/
 #home4_cresson{
	position:absolute;
	top:440px;   
	width:250px;
	height:40px;
	left:690px; z-index: 9999;

}

.list_01a {
   margin: 40px;
   padding: 0px;　/*左右に移動可+++*/
   
}
.list_01a ul {
   margin:-50px;/*上下左右の余白幅+++*/
   padding: 0PX;
   list-style: none;
}
.list_01a ul li p {
   position: absolute;
   width: 100%;
   font-size: 17px;  /*文字サイズ@@@@*/
   font-family:"KaiTi",  serif;
/*説明文の色*/
  font-weight: 500; 
   color:black; 　　/*説明文の色804040@@@@*/
}


#home_5{
	position:absolute;
	top:1150px;   /*250上下に移動ズミ+++*/
	width:960px;
	height:550px;
	left:45px;
	border:2px solid lightgrey;
 }
 #home_dk_shisetu{
	position:absolute;
	top:10px;   /*250上下に移動ズミ+++*/
	width:940px;
	height:530px;
	left:10px;
	border:0.5px solid  pink;
}
#shisetu_a1{
	position:absolute;
	top:25px;   /*250上下に移動ズミ+++*/
	width:220px;
	height:40px;
	left:30px;
}
#shisetu_a2{
	position:absolute;
	top:35px;   /*250上下に移動ズミ+++*/
	width:180px;
	height:40px;
	left:55px;
}
#shisetu_a3{
	position:absolute;
	top:25px;   /*250上下に移動ズミ+++*/
	width:180px;
	height:40px;
	left:50px;
}
#shisetu_r03{
	position:absolute;
	top:80px;   /*250上下に移動ズミ+++*/
	width:290px;
	height:90px;
	left:600px;
}
/*説明文の色*/
.shisetu_2 {
   margin: 0px;
   width: 880px;
   padding: 0px;　/*左右に移動可+++*/
}
.shisetu_2 ul {
   margin: 0px;/*上下左右の余白幅+++*/
   padding: 20PX;
   list-style: none;
}
.shisetu_2 ul li p {
   position: absolute;
   text-align: left;
   width: 100%;
   font-size: 16px;  /*文字サイズ@@@@*/
   font-family:"KaiTi",  serif;
/*説明文の色*/
  font-weight: 300; 
   color:#330000; 　　/*説明文の色#4d3805@@@@*/
}

 #home_end{
	position:absolute;
	top:1370px;   /*250上下に移動ズミ+++*/
	width:220px;
	height:40px;
	left:400px;
	border:1px solid black;
}
 #home_end_info{
	position:absolute;
	top:10px;   /*250上下に移動ズミ+++*/
	width:195px;
	height:20px;
	left:15px;
 }
.home_3list {
   margin: 30px;
   width: 590px;
   padding: 0px;　/*左右に移動可+++*/
   
}
.home_3list ul {
   margin: 0px;/*上下左右の余白幅+++*/
   padding: 0PX;
   list-style: none;
}
.home_3list ul li p {
   position: absolute;
   text-align: left;
   width: 100%;
   font-size: 15px;  /*文字サイズ@@@@*/
   font-family:"KaiTi",  serif;
/*説明文の色*/
  font-weight: 300; 
   color:dimgray; 　　/*説明文の色804040@@@@*/
}

#home_6{
	position:absolute;
	top:1730px;   /*250上下に移動ズミ+++*/
	width:960px;
	height:70px;
	left:45px;
 }

/*　テスト全枠　*/
#test-pool{
	position:absolute;
	top:1920px;
	width:1000px;
	height:200px;
	left:5px;
}
/*info枠*/
#info{
	position:absolute;
	top:20px;
	width:990px;
	height:150px;
	left:0px;
}

*{
    margin:0;
    padding:0;
}
/*　カルーセルの外枠　*/
#soto_w{
    margin:15px auto;	/*test-poolの中の画像位置　*/
    width:950px;/*　620　*/
    height:110px;/*　135　*/
    padding:35px;
    position:relative;
}
#sheet01{
	position:absolute;
	width:240px;
	left:10px;
	top:850px;

}
/*　ボタンの左　*/
#soto_left{
    position:absolute;
    top:85px;
    left:25px;
    cursor:pointer;
}
/*　ボタンの右　*/
#soto_right{
    position:absolute;
    top:85px;
    left:980px;
    cursor:pointer;
}
#gazo{
    width:100%;　/*　画像位置　*/
    height:100%; 
    overflow:hidden;
}
#gazou ul.page{/*　画像詳細　*/
    width:990px;/*　605　*/
    height:90px;/*　105　*/
    padding:8px 0 8px 8px;　/*　speed　*/
    list-style-type:none;
    float:left;
}
#gazou ul.page li{
    float:left;
    margin-right:5px;
    display:inline;
}
#gazou ul.page li img{
    border:none;
}