#site_box{
	position:relative;
	top:10px;
	width:100%;
	max-width:100%;  
	height:4850px;
background-color:#f9ffff ;    
    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:150px;
	 height:30px;
}
.cafe_1:hover{
	background-image: url("message/aikon12-31000e2.png")
	}
/*メール */
#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;
}
#photo1_a,#photo2_a,#photo3_a,#photo4_a {
    width: 1259px;
    height: 490px;
    position: absolute;/*画像を全て重ねる*/
}

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

#photo1_a img,#photo2_a img,#photo3_a img,#photo4_a img {
    opacity:0;
    -moz-animation: imgTrans 16s infinite;
    -webkit-animation: imgTrans 16s infinite;
    animation: imgTrans 16s infinite;
}

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

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

}
#photo3_a img {
    -moz-animation-delay: 8s;
    -webkit-animation-delay: 8s;
    animation-delay: 8s;
}
#photo4_a 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:4510px;
	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: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:black; 　　/*説明文の色804040@@@@*/
}

/*下全体枠*/
#home{
	position:relative;
	top:0px;
	width:1070px;
	height:4260px;
	background-color:#ffffff;  
    background-image: url("17_kabe/17_kabe_top1.png"); /* 全体の背景画像 */

}
/*トップ枠*/
#home1{
	position:absolute;
	top:10px;
	width:1000px;
	height:900px;
	left:25px;
}	
/*トップ枠*/
#home_1{
	position:absolute;
	top:15px;
	width:980px;
	height:190px;
	left:15px;
	border:1px solid #eee;
}	
#top_recommend_1{ 
	position:absolute;
	top:5px;
	width:970px;
	height:180px;
	left:4px;
}
#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:650px;
	left:5px;
}
/*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:400px;
	height:320px;
	left:30px;
}













/*詳細文の枠*/
#home_2in2{
	position:absolute;
	top:160px;   
	width:780px;
	height:30px;
	left:160px;
}
.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_2bo{
	position:absolute;
	top:420px;   
	width:390px;
	height:190px;
	left:20px;	

}
/*詳細文の枠*/
#home_2bo1{
	position:absolute;
	top:0px;   
	width:190px;
	height:90px;
	left:20px;
}
/*詳細文の枠*/
#home_2bo2{
	position:absolute;
	top:100px;   
	width:190px;
	height:80px;
	left:225px;
}
/*詳細文の枠*/
#home_2bo3{
	position:absolute;
	top:0px;   
	width:190px;
	height:80px;
	left:225px;
}
#home_2kihon{
	position:absolute;
	top:260px;   
	width:510px;
	height:320px;
	left:450px;
	border:1px solid gray;
}
.home_2list2 {
   margin: 00px;
   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*/
}
#basic_2{
	position:absolute;
	top:410px;   
	width:640px;
	height:200px;
	left:0px;
}
.home_2list_3 {
   margin: 0px;
   width: 590px;
   padding: 0px;　/*左右に移動可+++*/
   
}
.home_2list_3 ul {
   margin: 0px;/*上下左右の余白幅+++*/
   padding: 0PX;
   list-style: none;
}
.home_2list_3 ul li p {
   position: absolute;
   text-align: left;
   width: 100%;
   font-size: 15px;  /*文字サイズ@@@@*/
   font-family:"KaiTi",  serif;
/*説明文の色*/
  font-weight: 300; 
   color:#e95464; 　　/*説明文の色804040@@@@330000*/
}

#home_2kihon_a1{
	position:absolute;
	top:600px;   
	width:200px;
	height:40px;
	left:480px;
}
#home_2kihon_b1{
	position:absolute;
	top:10px;   
	width:180px;
	height:20px;
	left:10px;
	border:1px solid white;
}
#home_2kihon_a{
	position:absolute;
	top:600px;   
	width:200px;
	height:40px;
	left:730px;
}
#home_2kihon_b{
	position:absolute;
	top:10px;   
	width:180px;
	height:20px;
	left:10px;
	border:1px solid white;
}
#main_top{
	position:absolute;
	top:940px;   
	width:680px;
	height:80px;
	left:210px;

}
#main_top1{
	position:absolute;
	top:0px;   
	width:680px;
	height:80px;
	left:0px;
}
.main_2list_1 {
   margin: 0px;
   width: 590px;
   padding: 0px;　/*左右に移動可+++*/
   
}
.main_2list_1 ul {
   margin: 0px;/*上下左右の余白幅+++*/
   padding: 0PX;
   list-style: none;
}
.main_2list_1 ul li p {
   position: absolute;
   text-align: left;
   width: 100%;
   font-size: 16px;  /*文字サイズ@@@@*/
   font-family:"KaiTi",  serif;
/*説明文の色*/
  font-weight: 300; 
   color:#001e43; 　　/*説明文の色804040@@@@*/
}
#main_top2{
	position:absolute;
	top:90px;   
	width:880px;
	height:80px;
	left:0px;
}
/*プラン開始枠*/
#season_plan{
	position:absolute;
	top:1040px;   
	width:980px;
	height:20px;
	left:5px;
}
/*プラン開始枠*/
#home_plan1{
	position:absolute;
	top:0px;   
	width:980px;
	height:1000px;
	left:35px;
	}
/*2plan*/
#plan1{
	position:absolute;
	top:0px;   
	width:980px;
	height:300px;
	left:5px;
}
/*全体下地画面*/
#plan1_k{
	position:absolute;
	top:0px;   
	width:60%;
	height:0px;
	left:0px;
}
/*写真*/
#plan1_photo{
	position:absolute;;
	top:0px;   
	width:40%;
	height:210px;
	left:600px;	

}
/*初期画面*/
#screen {
	position: absolute;
	left: 20px;
	top: 10px;
	width: 250px;
	height: 140px;
}
/*top画面*/
#screen span {
	position:absolute;
	width: 280px;
	top:0px;
	left:10px;
	font-size:32px;  
	}
/*ラジオボタンを非表示に*/
#p_photo1, #p_photo2, #p_photo3 {
	display: none;
}
/*サムネイル*/
#photo1,#photo2,#photo3{
	position:absolute;
	top:235px;
	float:left;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
#photo1 {left:30px;}
#photo2 {left:130px;}
#photo3 {left:220px;	
}
/*写真をサムネイルサイズにし、transitionをセット*/
#photo1 img,#photo2 img,#photo3 img {
	width:90px;
	height:50px;
	cursor: pointer;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
/*サムネイルがクリックされたら、該当する写真の大きさを元のサイズに拡大する*/
#p_photo1:checked ~ #photo1 img,#p_photo2:checked ~ #photo2 img,#p_photo3:checked ~ #photo3 img{
	width:300px;
	height:210px;
	left: 0px;
}
/*クリックに該当する写真が画面中央にくるようにする*/
#p_photo2:checked ~ #photo2,#p_photo3:checked ~ #photo3 {
	position:absolute;
	left:30px;
	top:10px;	

}
/*クリックに該当する写真が画面中央にくるようにする*/
#p_photo1:checked ~ #photo1 {
	position:absolute;
	left:30px;
	top:10px;
	opacity: 0;/* 透過率 */
}
/*いずれかのサムネイルがクリックされたら、背景の文字を非表示にする*/
#p_photo1:checked ~ #screen span, #p_photo2:checked ~ #screen span, #p_photo3:checked ~ #screen span {
	opacity: 0.9;/* 透過率 */
}
/*桜下地画面*/
#plan1_top1{
	position:absolute;
	top:20px;   
	width:520px;
	height:220px;
	left:50px;
}
/*キャッチ枠*/
#plan1_top2{
	position:absolute;
	top:10px;   
	width:350px;
	height:35px;
	left:15px;
}
/*キャッチ*/
#plan1_top3{
	position:absolute;
	top:5px;   
	width:350px;
	height:35px;
	left:0px;
	
}
/*本文*/
#plan1_index1{
	position:absolute;
	top:20px;   
	width:490px;
	height:130px;
	left:0px;
}
/*インアウト*/
#plan1_index2{
	position:absolute;
	top:80px;   
	width:470px;
	height:30px;
	left:0px;
}
/*インアウト*/
.plan1_index3{
	position:absolute;
	top:110px;   
	width:140px;
	height:30px;
	left:360px;	
	border:1px solid gray;
}
background-image: url("message/top01a.png")
	}
.sample_p {
  width: 100px;/*拡大する*/
  height: 182px;
  overflow: hidden; /*拡大時にはみ出た部分を隠す*/
}
.sample_p img {
  opacity: 0.9;/* 透過率 */
  width: 150px;
  transition: all 0.5s;
}
.sample_p img:hover {
  opacity: 0.7; /* 小さくするほど暗くなります */
  transform: scale(1.2, 1.2);/*画像の拡大率*/
  z-index: 9999;
}





/*2plan全体枠*/
#plan2{
	position:absolute;
	top:360px;   
	width:980px;
	height:300px;
	left:5px;
}
/*全体下地画面*/
#plan2_k{
	position:absolute;
	top:0px;   
	width:60%;
	height:0px;
	left:10px;
	border:1px solid gray;
}
/*写真*/
#plan2_photo{
	position:absolute;
	top:0px;   
	width:50%;
	height:210px;
	left:20px;
}
/*初期画面*/
#screen {
	position: absolute;
	left: 20px;
	top: 10px;
	width: 250px;
	height: 140px;
}
/*top画面*/
#screen span {
	position:absolute;
	width: 280px;
	top:0px;
	left:10px;
	font-size:32px;  
	}
/*ラジオボタンを非表示に*/
#p_photo1a, #p_photo2a, #p_photo3a {
	display: none;
}
/*サムネイル*/
#photo1,#photo2,#photo3{
	position:absolute;
	top:235px;
	float:left;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
#photo1 {left:40px;}
#photo2 {left:130px;}
#photo3 {left:220px;}
/*写真をサムネイルサイズにし、transitionをセット*/
#photo1 img,#photo2 img,#photo3 img {
	width:90px;
	height:50px;
	cursor: pointer;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
/*サムネイルがクリックされたら、該当する写真の大きさを元のサイズに拡大する*/
#p_photo1a:checked ~ #photo1 img,#p_photo2a:checked ~ #photo2 img,#p_photo3a:checked ~ #photo3 img{
	width:300px;
	height:210px;
	left: 0px;
}
/*クリックに該当する写真が画面中央にくるようにする*/
#p_photo2a:checked ~ #photo2,#p_photo3a:checked ~ #photo3 {
	position:absolute;
	left:30px;
	top:10px;
}
/*クリックに該当する写真が画面中央にくるようにする*/
#p_photo1a:checked ~ #photo1 {
	position:absolute;
	left:30px;
	top:10px;
	opacity: 0;/* 透過率 */
}
/*いずれかのサムネイルがクリックされたら、背景の文字を非表示にする*/
#p_photo1a:checked ~ #screen span, #p_photo2a:checked ~ #screen span, #p_photo3a:checked ~ #screen span {
	opacity: 0.9;/* 透過率 */
}



/*桜下地画面*/
#plan2_top1{
	position:absolute;
	top:20px;   
	width:520px;
	height:220px;
	left:360px;
}
/*キャッチ枠*/
#plan2_top2{
	position:absolute;
	top:0px;   
	width:350px;
	height:35px;
	left:200px;	

}
/*キャッチ*/
#plan2_top3{
	position:absolute;
	top:5px;   
	width:350px;
	height:35px;
	left:0px;
}
/*本文*/
#plan2_index1{
	position:absolute;
	top:10px;   
	width:500px;
	height:130px;
	left:40px;
	
}
/*インアウト*/
#plan2_index2{
	position:absolute;
	top:80px;   
	width:470px;
	height:30px;
	left:0px;
}
/*インアウト*/
.plan2_index3{
	position:absolute;
	top:100px;   
	width:130px;
	height:30px;
	left:360px;	
}



/*3plan*/
#plan3{
	position:absolute;
	top:710px;   
	width:980px;
	height:300px;
	left:5px;	

}
/*全体下地画面*/
#plan3_k{
	position:absolute;
	top:0px;   
	width:60%;
	height:0px;
	left:0px;
	border:1px solid gray;
}
/*写真*/
#plan3_photo{
	position:absolute;;
	top:0px;   
	width:40%;
	height:210px;
	left:600px;	

}
/*初期画面*/
#screen {
	position: absolute;
	left: 20px;
	top: 10px;
	width: 250px;
	height: 140px;
}
/*top画面*/
#screen span {
	position:absolute;
	width: 280px;
	top:0px;
	left:10px;
	font-size:32px;  
	}
/*ラジオボタンを非表示に*/
#p_photo1b, #p_photo2b, #p_photo3b {
	display: none;
}
/*サムネイル*/
#photo1,#photo2,#photo3{
	position:absolute;
	top:235px;
	float:left;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
#photo1 {left:40px;}
#photo2 {left:130px;}
#photo3 {left:220px;}
/*写真をサムネイルサイズにし、transitionをセット*/
#photo1 img,#photo2 img,#photo3 img {
	width:90px;
	height:50px;
	cursor: pointer;
	-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease;
}
/*サムネイルがクリックされたら、該当する写真の大きさを元のサイズに拡大する*/
#p_photo1b:checked ~ #photo1 img,#p_photo2b:checked ~ #photo2 img,#p_photo3b:checked ~ #photo3 img{
	width:300px;
	height:210px;
	left: 0px;
}
/*クリックに該当する写真が画面中央にくるようにする*/
#p_photo2b:checked ~ #photo2,#p_photo3b:checked ~ #photo3 {
	position:absolute;
	left:30px;
	top:10px;
}
/*クリックに該当する写真が画面中央にくるようにする*/
#p_photo1b:checked ~ #photo1 {
	position:absolute;
	left:30px;
	top:10px;
	opacity: 0.1;/* 透過率 */
}
/*いずれかのサムネイルがクリックされたら、背景の文字を非表示にする*/
#p_photo1b:checked ~ #screen span, #p_photo2b:checked ~ #screen span, #p_photo3b:checked ~ #screen span {
	opacity: 0.9;/* 透過率 */
}
/*桜下地画面*/
#plan3_top1{
	position:absolute;
	top:20px;   
	width:520px;
	height:220px;
	left:50px;
}
/*キャッチ枠*/
#plan3_top2{
	position:absolute;
	top:10px;   
	width:350px;
	height:35px;
	left:15px;
}
/*キャッチ*/
#plan3_top3{
	position:absolute;
	top:5px;   
	width:350px;
	height:35px;
	left:0px;
}
/*本文*/
#plan3_index1{
	position:absolute;
	top:20px;   
	width:490px;
	height:130px;
	left:0px;
}
/*インアウト*/
#plan3_index2{
	position:absolute;
	top:80px;   
	width:470px;
	height:30px;
	left:0px;
}
/*インアウト*/
.plan3_index3{
	position:absolute;
	top:100px;   
	width:140px;
	height:30px;
	left:360px;	
}
#home_plan2{
	position:absolute;
	top:1000px;   
	width:980px;
	height:1000px;
	left:35px;
}


/*4plan*/
#plan4{
	position:absolute;
	top:0px;   
	width:980px;
	height:300px;
	left:5px;
}
/*全体下地画面*/
#plan4_k{
	position:absolute;
	top:0px;   
	width:60%;
	height:0px;
	left:10px;
	border:1px solid gray;
}
/*写真*/
#plan4_photo{
	position:absolute;
	top:0px;   
	width:50%;
	height:210px;
	left:20px;
}
/*初期画面*/
#screen {
	position: absolute;
	left: 20px;
	top: 10px;
	width: 250px;
	height: 140px;
}
/*top画面*/
#screen span {
	position:absolute;
	width: 280px;
	top:0px;
	left:10px;
	font-size:32px;  
	}
/*ラジオボタンを非表示に*/
#p_photo1c, #p_photo2c, #p_photo3c {
	display: none;
}
/*サムネイル*/
#photo1,#photo2,#photo3{
	position:absolute;
	top:235px;
	float:left;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
#photo1 {left:40px;}
#photo2 {left:130px;}
#photo3 {left:220px;}
/*写真をサムネイルサイズにし、transitionをセット*/
#photo1 img,#photo2 img,#photo3 img {
	width:90px;
	height:50px;
	cursor: pointer;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
/*サムネイルがクリックされたら、該当する写真の大きさを元のサイズに拡大する*/
#p_photo1c:checked ~ #photo1 img,#p_photo2c:checked ~ #photo2 img,#p_photo3c:checked ~ #photo3 img{
	width:300px;
	height:210px;
	left: 0px;
}
/*クリックに該当する写真が画面中央にくるようにする*/
#p_photo2c:checked ~ #photo2,#p_photo3c:checked ~ #photo3 {
	position:absolute;
	left:30px;
	top:10px;
}
/*クリックに該当する写真が画面中央にくるようにする*/
#p_photo1c:checked ~ #photo1 {
	position:absolute;
	left:30px;
	top:10px;
	opacity: 0;/* 透過率 */
}
/*いずれかのサムネイルがクリックされたら、背景の文字を非表示にする*/
#p_photo1c:checked ~ #screen span, #p_photo2c:checked ~ #screen span, #p_photo3c:checked ~ #screen span {
	opacity: 0.9;/* 透過率 */
}



/*桜下地画面*/
#plan4_top1{
	position:absolute;
	top:20px;   
	width:520px;
	height:220px;
	left:360px;
}
/*キャッチ枠*/
#plan4_top2{
	position:absolute;
	top:0px;   
	width:350px;
	height:35px;
	left:200px;	
}
/*キャッチ*/
#plan4_top3{
	position:absolute;
	top:5px;   
	width:350px;
	height:35px;
	left:0px;
}
/*本文*/
#plan4_index1{
	position:absolute;
	top:10px;   
	width:500px;
	height:130px;
	left:40px;
	
}
/*インアウト*/
#plan4_index2{
	position:absolute;
	top:120px;   
	width:470px;
	height:30px;
	left:0px;
}
/*インアウト*/
.plan4_index3{
	position:absolute;
	top:100px;   
	width:130px;
	height:30px;
	left:360px;	
}


/*5plan*/
#plan5{
	position:absolute;
	top:350px;   
	width:980px;
	height:300px;
	left:5px;
}
/*全体下地画面*/
#plan5_k{
	position:absolute;
	top:0px;   
	width:60%;
	height:1px;
	left:10px;
	border:1px solid gray;
}
/*写真*/
#plan5_photo{
	position:absolute;
	top:0px;   
	width:50%;
	height:210px;
	left:620px;
}
/*初期画面*/
#screen {
	position: absolute;
	left: 20px;
	top: 10px;
	width: 250px;
	height: 140px;
}
/*top画面*/
#screen span {
	position:absolute;
	width: 280px;
	top:0px;
	left:10px;
	font-size:32px;  
	}
/*ラジオボタンを非表示に*/
#p_photo1d, #p_photo2d, #p_photo3d {
	display: none;
}
/*サムネイル*/
#photo1,#photo2,#photo3{
	position:absolute;
	top:235px;
	float:left;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
#photo1 {left:40px;}
#photo2 {left:130px;}
#photo3 {left:220px;
}
/*写真をサムネイルサイズにし、transitionをセット*/
#photo1 img,#photo2 img,#photo3 img {
	width:90px;
	height:50px;
	cursor: pointer;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
/*サムネイルがクリックされたら、該当する写真の大きさを元のサイズに拡大する*/
#p_photo1d:checked ~ #photo1 img,#p_photo2d:checked ~ #photo2 img,#p_photo3d:checked ~ #photo3 img{
	width:300px;
	height:210px;
	left: 0px;
}
/*クリックに該当する写真が画面中央にくるようにする*/
#p_photo2d:checked ~ #photo2,#p_photo3d:checked ~ #photo3 {
	position:absolute;
	left:30px;
	top:10px;
}
/*クリックに該当する写真が画面中央にくるようにする*/
#p_photo1d:checked ~ #photo1 {
	position:absolute;
	left:30px;
	top:10px;
	opacity: 0;/* 透過率 */
}
/*いずれかのサムネイルがクリックされたら、背景の文字を非表示にする*/
#p_photo1d:checked ~ #screen span, #p_photo2d:checked ~ #screen span, #p_photo3d:checked ~ #screen span {
	opacity: 0.9;/* 透過率 */
}
/*桜下地画面*/
#plan5_top1{
	position:absolute;
	top:20px;   
	width:520px;
	height:220px;
	left:50px;
}
/*キャッチ枠*/
#plan5_top2{
	position:absolute;
	top:10px;   
	width:350px;
	height:35px;
	left:15px;
}
/*キャッチ*/
#plan5_top3{
	position:absolute;
	top:5px;   
	width:350px;
	height:35px;
	left:0px;
}
/*本文*/
#plan5_index1{
	position:absolute;
	top:20px;   
	width:490px;
	height:130px;
	left:0px;
}
/*インアウト*/
#plan5_index2{
	position:absolute;
	top:80px;   
	width:470px;
	height:30px;
	left:0px;
}
/*インアウト*/
.plan5_index3{
	position:absolute;
	top:100px;   
	width:140px;
	height:30px;
	left:360px;	
}

/*6plan*/
#plan6{
	position:absolute;
	top:680px;   
	width:980px;
	height:300px;
	left:5px;
}
/*全体下地画面*/
#plan6_k{
	position:absolute;
	top:0px;   
	width:60%;
	height:0px;
	left:10px;
	border:1px solid gray;
}
/*写真*/
#plan6_photo{
	position:absolute;
	top:0px;   
	width:50%;
	height:210px;
	left:20px;
}
/*初期画面*/
#screen {
	position: absolute;
	left: 20px;
	top: 10px;
	width: 250px;
	height: 140px;
}
/*top画面*/
#screen span {
	position:absolute;
	width: 280px;
	top:0px;
	left:10px;
	font-size:32px;  
	}
/*ラジオボタンを非表示に*/
#p_photo1e, #p_photo2e, #p_photo3e {
	display: none;
}
/*サムネイル*/
#photo1,#photo2,#photo3{
	position:absolute;
	top:235px;
	float:left;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
#photo1 {left:40px;}
#photo2 {left:130px;}
#photo3 {left:220px;	
}
/*写真をサムネイルサイズにし、transitionをセット*/
#photo1 img,#photo2 img,#photo3 img {
	width:90px;
	height:50px;
	cursor: pointer;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
/*サムネイルがクリックされたら、該当する写真の大きさを元のサイズに拡大する*/
#p_photo1e:checked ~ #photo1 img,#p_photo2e:checked ~ #photo2 img,#p_photo3e:checked ~ #photo3 img{
	width:300px;
	height:210px;
	left: 0px;
}
/*クリックに該当する写真が画面中央にくるようにする*/
#p_photo2e:checked ~ #photo2,#p_photo3e:checked ~ #photo3 {
	position:absolute;
	left:30px;
	top:10px;
}
/*クリックに該当する写真が画面中央にくるようにする*/
#p_photo1e:checked ~ #photo1 {
	position:absolute;
	left:30px;
	top:10px;
	opacity: 0;/* 透過率 */
}
/*いずれかのサムネイルがクリックされたら、背景の文字を非表示にする*/
#p_photo1e:checked ~ #screen span, #p_photo2e:checked ~ #screen span, #p_photo3e:checked ~ #screen span {
	opacity: 0.9;/* 透過率 */
}
/*桜下地画面*/
#plan6_top1{
	position:absolute;
	top:20px;   
	width:520px;
	height:220px;
	left:360px;
}
/*キャッチ枠*/
#plan6_top2{
	position:absolute;
	top:0px;   
	width:350px;
	height:35px;
	left:200px;	
}
/*キャッチ*/
#plan6_top3{
	position:absolute;
	top:5px;   
	width:350px;
	height:35px;
	left:0px;
}
/*本文*/
#plan6_index1{
	position:absolute;
	top:10px;   
	width:500px;
	height:130px;
	left:40px;
	
}
/*インアウト*/
#plan6_index2{
	position:absolute;
	top:100px;   
	width:470px;
	height:30px;
	left:0px;
}
/*インアウト*/
.plan6_index3{
	position:absolute;
	top:100px;   
	width:130px;
	height:30px;
	left:360px;	
}

.home_2list_1 {
   margin: 0px;
   padding: 50px;　/*左右に移動可+++*/
   width: 590px;
}
.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: 14px;  /*文字サイズ@@@@*/
   font-family: “monospace”, sans-serif;
/*説明文の色*/
  font-weight: 300; 
   color:#4d4d4d ; 　　/*説明文の色804040@@@@*/
}

}
#a7_k{
	position:absolute;
	top:50px;   
	width:550px;
	height:150px;
	left:60px;
}

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

/*基本料金の枠*/
#home_basic{
	position:absolute;
	top:3050px;   
	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;
}
#basic_c{
	position:absolute;
	top:60px;   
	width:230px;
	height:20px;
	left:0px;
}
#basic_1{
	position:absolute;
	top:0px;   
	width:640px;
	height:200px;
	left:290px;
}

/*キャンセルポリシーの枠*/
#home_can{
	position:absolute;
	top:680px;   
	width:990px;
	height:280px;
	left:0px;
}
#can_a{
	position:absolute;
	top:30px;   
	width:230px;
	height:20px;
	left:10px;
}
#can_b{
	position:absolute;
	top:12px;   
	width:230px;
	height:20px;
	left:0px;
}
#can_1{
	position:absolute;
	top:15px;   
	width:700px;
	height:200px;
	left:260px;
}
/*注意の枠*/
#home_attention{
	position:absolute;
	top:280px;   
	width:990px;
	height:200px;
	left:0px;
}
#attention_a{
	position:absolute;
	top:130px;   
	width:230px;
	height:20px;
	left:10px;
}
#attention_b{
	position:absolute;
	top:10px;   
	width:230px;
	height:20px;
	left:0px;
}
#attention_1{
	position:absolute;
	top:110px;   
	width:730px;
	height:200px;
	left:240px;
}


 #home_end_spa{
	position:absolute;
	top:3660px;   /*250上下に移動ズミ+++*/
	width:220px;
	height:40px;
	left:40px;
}
 #spa_a{
	position:absolute;
	top:0px;   /*250上下に移動ズミ+++*/
	width:220px;
	height:20px;
	left:0px;
 }
 #spa_b{
	position:absolute;
	top:10px;   /*250上下に移動ズミ+++*/
	width:220px;
	height:20px;
	left:0px;
 }
/*　テスト全枠　*/
#test-pool{
	position:absolute;
	top:4020px;
	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;
}