.site_box{
	position:absolute;
	width:100%;
	max-width:100%; 
	top:10px;
	height:2730px;
    background-image: url("17_kabe/17_kabe_top.png"); /* 全体の背景画像 */
    background-attachment:fixed;             /* 背景画像を固定する */
    overflow-y:hidden;	
	overflow-x:hidden;
	
}
#style_box{
	position:relative;
	width:1260px;
	top:0px;
	left:0px;
	height:380px;
}
/*トップ*/
#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_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:0; }
 73% { opacity:1; } 
 100% { opacity:1; }
 }
@-moz-keyframes imgTrans {
 0% { opacity:1; }
 12% { opacity:1; }
 26% { opacity:0; }
 73% { opacity:1; } 
 100% { opacity:1; }
}
@keyframes imgTrans {
0% { opacity:1; }
 12% { opacity:1; }
 26% { opacity:0; }
 73% { opacity:1; } 
 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:2380px;
	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;
   text-align: left;
	top:20px;
	width:230px;
	height:70px;
	left:20px;
}
#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_3{
	position:absolute;
	top:0px;
	width:520px;
	height:130px;
	left:160px;
}
#end_ber_sougou{
	position:absolute;
	top:0px;
	width:520px;
	height:100px;
	left:0px;
	border:1px solid white;
}


#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_2a{
	position:absolute;
	top:0px;
	width:160px;
	height:100px;
	left:0px;
	border:1px solid white;
}
#end_ber_2{
	position:absolute;
	top:190px;
	width:600px;
	left:400px;
	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:2130px;
 	background-color:#ffffff;


}

/*トップ枠*/
#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@@@@*/
}



/*フラシュ枠*/
#home_2{
	position:absolute;
	top:240px;   
	width:410px;
	height:380px;
	left:30px;
	border:1px solid white;
}

/*フォトショー開始命令*/
#photo1b,#photo2b,#photo3b,#photo4b,#photo5b {
    width: 450px;
    height: 400px;
	
    position: absolute;/*画像を全て重ねる*/
}

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

#photo1b img,#photo2b img,#photo3b img,#photo4b img,#photo5b img {
    opacity:0;
    -moz-animation: imgTrans 25s infinite;
    -webkit-animation: imgTrans 25s infinite;
    animation: imgTrans 25s infinite;
}

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

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

}
#photo3b img {
    -moz-animation-delay: 10s;
    -webkit-animation-delay: 10s;
    animation-delay: 10s;
}
#photo4b img {
    -moz-animation-delay:15s;
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
}
#photo5b img {
    -moz-animation-delay:20s;
    -webkit-animation-delay: 20s;
    animation-delay: 20s;
}

#frame2 {
    position: absolute;
    overflow: hidden;
	top:20px;
    height: 250px; /*表示したいフォトの大きさ*/
    width: 400px;
	left:0px;
	margin: 5px 10px 20px 0px;
	border:3px solid white;
}

/*アニメーション*/

@-webkit-keyframes imgTrans {
0% { opacity:1; }
15% { opacity:1; }
 25% { opacity:1; }
 40% { opacity:0; } 
 100% { opacity:0; }
 }
@-moz-keyframes imgTrans {
 0% { opacity:1; }
 15% { opacity:1; }
 25% { opacity:1; }
 40% { opacity:0; } 
 100% { opacity:0; }
}
@keyframes imgTrans {
0% { opacity:0; }
 15% { opacity:1; }
 25% { opacity:1; }
 40% { opacity:0; } 
 100% { opacity:0; }
}
#blog_1{
	position:absolute;
	width:190px;
	height:70px;
	left:20px;   
	top:285px;
	border:1px solid white;
}
#blog_2{
	position:absolute;
	width:190px;
	height:70px;
	left:215px;
	top:285px;
	border:1px solid white;
}
/**/
#home_3{
	position:absolute;
	top:250px;
	height:380px;
	width:580px;
	left:440px;
}
#home_page_01a{
	top:20px;
	height:150px;
	position:absolute;
	width:200px;
	left:50px;
}
#home_page_01b{
	position:absolute;
	top:20px;
	height:20px;
	width:300px;
	left:270px;
	border:1px solid white;
}
#home_page_01c{
	position:absolute;
	top:20px;
	height:15px;
	width:260px;
	left:290px;
}
#home_page_01d{
	position:absolute;
	top:80px;
	height:70px;
	width:260px;
	left:290px;
}

#home_page_02a{
	top:230px;
	height:20px;
	position:absolute;
	width:280px;
	left:50px;
	border:1px solid white;
}
#home_page_02b{
	top:230px;
	height:15px;
	position:absolute;
	width:260px;
	left:60px;
}

#home_page_02c{
	top:290px;
	height:100px;
	position:absolute;
	width:320px;
	left:20px;
	border:1px solid white;
}
#home_page_02d{
	top:230px;
	height:150px;
	position:absolute;
	width:200px;
	left:350px;
	border:1px solid white;
}

/*多彩な魅力*/
 #home_4{
	position:absolute;
	top:680px;   
	width:1000px;
	height:50px;
	left:35px;
}
.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@@@@*/
}


/*多彩な魅力*/
 #home4_cresson{
	position:absolute;
	top:0px;   
	width:250px;
	height:50px;
	left:680px;
	border:1px solid white;
}
 #home_syousai{
	position:absolute;
	top:800px;   /*250上下に移動ズミ+++*/
	width:1000px;
	height:1290px;
	left:25px;
}
 #syousai_1{
	position:absolute;
	top:10px;   /*250上下に移動ズミ+++*/
	width:980px;
	height:450px;
	left:10px;
	
}
 #syousai_photo1a{
	position:absolute;
	top:10px;   /*250上下に移動ズミ+++*/
	width:280px;
	height:190px;
	left:10px;
	
}
 #syousai_photo1b{
	position:absolute;
	top:220px;   /*250上下に移動ズミ+++*/
	width:280px;
	height:190px;
	left:10px;
	
}
 #syousai_1a{
	position:absolute;
	top:10px;   /*250上下に移動ズミ+++*/
	width:640px;
	height:550px;
	left:320px;
	border:1px solid gray;
}
.syousai_list {
   margin: 0px;
   width: 640px;
   padding: 0px;　/*左右に移動可+++*/
   
}
.syousai_list ul {
   margin: -10px;/*上下左右の余白幅+++*/
   padding: 0PX;
   list-style: none;
}
.syousai_list ul li p {
   position: absolute;
   width: 100%;
   text-align: left;
   font-size: 16px;  /*文字サイズ@@@@*/
   font-family:"KaiTi",  serif;
/*説明文の色*/
  font-weight: 500; 
   color:#330000; 　　/*説明文の色804040@@@@*/
}
 #syousai_2{
	position:absolute;
	top:580px;   /*250上下に移動ズミ+++*/
	width:980px;
	height:400px;
	left:0px;
	border:1px solid white;
}
 #syousai_aa{
	position:absolute;
	top:0px;   /*250上下に移動ズミ+++*/
	width:160px;
	height:25px;
	left:800px;
}
 #syousai_aa1{
	position:absolute;
	top:3px;   /*250上下に移動ズミ+++*/
	width:145px;
	height:35px;
	left:808px;
}
 #syousai_a1{
	position:absolute;
	top:50px;   /*250上下に移動ズミ+++*/
	width:200px;
	height:35px;
	left:50px;
}
 #syousai_a2{
	position:absolute;
	top:58px;   /*250上下に移動ズミ+++*/
	width:200px;
	height:35px;
	left:50px;
	
}
 #syousai_2a{
	position:absolute;
	top:70px;   /*250上下に移動ズミ+++*/
	width:680px;
	height:35px;
	left:280px;
}
 #syousai_2b{
	position:absolute;
	top:120px;   /*250上下に移動ズミ+++*/
	width:800px;
	height:35px;
	left:130px;
}

 #syousai_2c{
	position:absolute;
	top:50px;   /*250上下に移動ズミ+++*/
	width:880px;
	height:35px;
	left:40px;

}
.syousai_list1 {
   margin: 0px;
   width: 880px;
   padding: 10px;　/*左右に移動可+++*/
   
}
.syousai_list1 ul {
   margin: 0px;/*上下左右の余白幅+++*/
   padding: 0PX;
   list-style: none;
}
.syousai_list1 ul li p {
   position: absolute;
   width: 100%;
   font-size: 16px;  /*文字サイズ@@@@*/
   font-family:"KaiTi",  serif;
   text-align: left;
/*説明文の色*/
  font-weight: 300; 
   color:#2E2E2E; 　　/*説明文の色804040@@@@*/
}


/*　テスト全枠　*/
#test-pool{
	position:absolute;
	top:1890px;
	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;
	
}
#gazou ul.page li{
    float:left;
    margin-right:3px;
    display:inline;
}
#gazou ul.page li img{
    border:none;
	
}