#site_box{
	position:relative;
	top:10px;
	width:100%;
	max-width:100%; 
	height:2550px;
    background-color:#f9ffff ; /* 全体の背景画像 */
    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:140px;
	 height:30px;
}
#cafe_1{
	 position:absolute;
	 top:0px;
	 left:0px;
	 width:130px;
	 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_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;
	border:1px solid green;
}
/*フォトショー開始命令*/

#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;
	width:1260px;
	left:0px;
	top:2200px;
	height:100px;
}
#end_ber_add{
	position:absolute;
	width:350px;
	left:830px;
	top:40px;
	height:120px;
}
#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:5px;
	width:670px;
	height:10px;
	left:60px;
}
#end_ber_3{
	position:absolute;
	top:35px;
	width:520px;
	height:130px;
	left:180px;

}
#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:10px;
}
#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_2a{
	position:absolute;
	top:35px;
	width:160px;
	height:100px;
	left:20px;
}
#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:#662e29;　　/*説明文の色804040@@@@*/
}

/*下全体枠*/
#home{
	position:relative;
	top:0px;
	width:1080px;
	height:1949px;
	left:10px;
    /*background-image: url("17_kabe/17_kabe_top1.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;
    /*border:1px solid pink*/
}
#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:150px;   
	width:900px;
	height:30px;
	left:35px;
}
#home_2p2{
	position:absolute;
	top:260px;   
	width:380px;
	height:320px;
	left:30px;
}
/*詳細文の枠*/
#home_2in2{
	position:absolute;
	top:160px;   
	width:580px;
	height:30px;
	left:330px;
}
.list2a {
   margin: 50px;
   padding: 10px;　/*左右に移動可+++*/
   
}
.list2a ul {
   margin:0px;/*上下左右の余白幅+++*/
   padding: 0PX;
   list-style: none;
}
.list2a ul li p {
   position: absolute;
   width: 100%;
   font-size: 22px;  /*文字サイズ@@@@*/
   font-family:"KaiTi",  serif;
/*説明文の色*/
  font-weight: 600; 
   color:#662e29; 　　/*説明文の色804040@@@@*/
}
.home_2list {
   margin: 30px;
   width: 590px;
   padding: 0px;　/*左右に移動可+++*/
   
}
.home_2list ul {
   margin: 0px;/*上下左右の余白幅+++*/
   padding: 0PX;
   list-style: none;
}
.home_2list ul li p {
   position: absolute;
   text-align: left;
   width: 100%;
   font-size: 18px;  /*文字サイズ@@@@*/
   font-family:"KaiTi",  serif;
/*説明文の色*/
  font-weight: 300; 
   color:#4d3805; 　　/*説明文の色804040@@@@*/
}

/*詳細文の枠*/
#home_2bo1{
	position:absolute;
	top:410px;   
	width:190px;
	height:90px;
	left:30px;
}
/*詳細文の枠*/
#home_2bo2{
	position:absolute;
	top:410px;   
	width:190px;
	height:80px;
	left:225px;
}

#home_2kihon{
	position:absolute;
	top:270px;   
	width:510px;
	height:275px;
	left:480px;
}
.home_2list2 {
   margin: 0px;
   width: 590px;
   padding: 0px;　/*左右に移動可+++*/
   
}
.home_2list2 ul {
   margin: 0px;/*上下左右の余白幅+++*/
   padding: 0PX;
   list-style: none;
}
.home_2list2 ul li p {
   position: absolute;
   text-align: left;
   width: 100%;
   font-size: 15px;  /*文字サイズ@@@@*/
   font-family:"KaiTi",  serif;
/*説明文の色*/
  font-weight: 300; 
   color:#4d3805; 　　/*説明文の色804040@@@@330000*/
}





#home_2kihon_a{
	position:absolute;
	top:500px;   
	width:250px;
	height:40px;
	left:580px;
}
#home_2kihon_b{
	position:absolute;
	top:10px;   
	width:230px;
	height:20px;
	left:10px;
}

/*1plan*/
#home_3a{
	position:absolute;
	top:930px;   
	width:980px;
	height:300px;
	left:35px;
	border:1px solid gray;
}
#a3_photo1{
	position:absolute;
	top:50px;   
	width:280px;
	height:210px;
	left:660px;
	
}

#a3_top1{
	position:absolute;
	top:25px;   
	width:580px;
	height:35px;
	left:0px;
}

#a3_top2{
	position:absolute;
	top:0px;   
	width:550px;
	height:40px;
	left:0px;
}
/*詳細文の枠*/
#a3_top3{
	position:absolute;
	top:0px;   
	width:600px;
	height:180px;
	left:0px;
}
#a3_k{
	position:absolute;
	top:50px;   
	width:550px;
	height:150px;
	left:60px;
	border:1px solid gray;
}

/*詳細文の枠*/
#index_3a{
	position:absolute;
	top:30px;   
	width:600px;
	height:30px;
	left:40px;
}
.home_2list_1 {
   margin: 0px;
   width: 590px;
   padding: 0px;　/*左右に移動可+++*/
   
}
.home_2list_1 ul {
   margin: 0px;/*上下左右の余白幅+++*/
   padding: 0PX;
   list-style: none;
}
.home_2list_1 ul li p {
   position: absolute;
   text-align: left;
   width: 100%;
   font-size: 16px;  /*文字サイズ@@@@*/
   font-family:"KaiTi",  serif;
/*説明文の色*/
  font-weight: 300; 
   color:black; 　　/*説明文の色804040@@@@*/
}
/*2plan*/
#home_4a{
	position:absolute;
	top:1240px;   
	width:980px;
	height:300px;
	left:35px;
	border:1px solid gray;
}
#a4_photo1{
	position:absolute;
	top:50px;   
	width:280px;
	height:210px;
	left:660px;
	
}

#a4_top1{
	position:absolute;
	top:25px;   
	width:580px;
	height:35px;
	left:0px;
}

#a4_top2{
	position:absolute;
	top:0px;   
	width:550px;
	height:40px;
	left:0px;
}
/*詳細文の枠*/
#a4_top3{
	position:absolute;
	top:0px;   
	width:600px;
	height:180px;
	left:0px;
}
#a4_k{
	position:absolute;
	top:50px;   
	width:550px;
	height:150px;
	left:60px;
	border:1px solid gray;
}

/*詳細文の枠*/
#index_4a{
	position:absolute;
	top:30px;   
	width:600px;
	height:30px;
	left:40px;
}

/*3plan*/
#home_5a{
	position:absolute;
	top:1550px;   
	width:980px;
	height:300px;
	left:35px;
	border:1px solid gray;
}
#a5_photo1{
	position:absolute;
	top:50px;   
	width:280px;
	height:210px;
	left:660px;
	
}

#a5_top1{
	position:absolute;
	top:25px;   
	width:580px;
	height:35px;
	left:0px;
}

#a5_top2{
	position:absolute;
	top:0px;   
	width:550px;
	height:40px;
	left:0px;
}
/*詳細文の枠*/
#a5_top3{
	position:absolute;
	top:0px;   
	width:600px;
	height:180px;
	left:0px;
}
#a5_k{
	position:absolute;
	top:50px;   
	width:550px;
	height:150px;
	left:60px;
	border:1px solid gray;
}

/*詳細文の枠*/
#index_5a{
	position:absolute;
	top:30px;   
	width:600px;
	height:30px;
	left:40px;
}
/*4plan*/
#home_6a{
	position:absolute;
	top:1860px;   
	width:980px;
	height:300px;
	left:35px;
	border:1px solid gray;
}
#a6_photo1{
	position:absolute;
	top:50px;   
	width:280px;
	height:210px;
	left:660px;
	
}

#a6_top1{
	position:absolute;
	top:25px;   
	width:580px;
	height:35px;
	left:0px;
}

#a6_top2{
	position:absolute;
	top:0px;   
	width:550px;
	height:40px;
	left:0px;
}
/*詳細文の枠*/
#a6_top3{
	position:absolute;
	top:0px;   
	width:600px;
	height:180px;
	left:0px;
}
#a6_k{
	position:absolute;
	top:50px;   
	width:550px;
	height:150px;
	left:60px;
	border:1px solid gray;
}

/*詳細文の枠*/
#index_6a{
	position:absolute;
	top:30px;   
	width:600px;
	height:30px;
	left:40px;
}
/*5plan*/
#home_7a{
	position:absolute;
	top:820px;   
	width:980px;
	height:300px;
	left:35px;
	border:1px solid gray;
}
#a7_photo1{
	position:absolute;
	top:50px;   
	width:280px;
	height:210px;
	left:660px;
}
#a7_top1{
	position:absolute;
	top:25px;   
	width:580px;
	height:35px;
	left:0px;
}
#a7_top2{
	position:absolute;
	top:0px;   
	width:550px;
	height:40px;
	left:0px;
}
/*詳細文の枠*/
#a7_top3{
	position:absolute;
	top:0px;   
	width:600px;
	height:180px;
	left:0px;
}
#a7_k{
	position:absolute;
	top:50px;   
	width:550px;
	height:150px;
	left:60px;
	border:1px solid gray;
}

/*詳細文の枠*/
#index_7a{
	position:absolute;
	top:30px;   
	width:600px;
	height:30px;
	left:40px;
}

/*基本料金の枠*/
#home_basic{
	position:absolute;
	top:1180px;   
	width:990px;
	height:400px;
	left:30px;
}
#basic_a{
	position:absolute;
	top:10px;   
	width:230px;
	height:20px;
	left:10px;
}
#basic_b{
	position:absolute;
	top:9px;   
	width:230px;
	height:23px;
	left:0px;
	border:1px solid white;
}
#basic_c{
	position:absolute;
	top:30px;   
	width:230px;
	height:20px;
	left:0px;
}
#basic_1{
	position:absolute;
	top:0px;   
	width:640px;
	height:200px;
	left:290px;
}

/*キャンセルポリシーの枠*/
#home_can{
	position:absolute;
	top:1480px;   
	width:990px;
	height:280px;
	left:30px;
	
}
#can_a{
	position:absolute;
	top:10px;   
	width:230px;
	height:20px;
	left:10px;
}
#can_b{
	position:absolute;
	top:10px;   
	width:230px;
	height:20px;
	left:0px;
	border:1px solid white;
}
#can_1{
	position:absolute;
	top:0px;   
	width:730px;
	height:200px;
	left:240px;
}

 #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;
 }

/*　テスト全枠　*/
#test-pool{
	position:absolute;
	top:1720px;
	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 0px 8px 8px;　/*　speed　*/
    list-style-type:none;
    float:left;
	border:1px solid white;
}
#gazou ul.page li{
    float:left;
    margin-right:10px;
    display:inline;
}
#gazou ul.page li img{
    border:none;
}




