@charset "utf-8";
/* CSS Document */
    *{margin:0; padding:0;}
/* レイアウト */	
    html,body{ 
    margin: 0;  
	background-image:url(../images/main-bg.gif);
	background-position:center top;
	background-repeat:inherit;
    font-size : 12px;
	color:#666666;
    }   
    .outer{
	width:950px;
	height:100%;
	margin:0 auto;
	background-color:#FFFFFF;
	border-left-color:#000000;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#000000;
	border-right-style:solid;
	border-right-width:1px;
	}
	#head{
	background-image:url(../images/top.jpg);
	background-repeat:no-repeat;
	width:950px;
	height:300px;
	}
	.menu{
	display:inline;
	z-index:2;
	float:left;
	width:245px;
	background-color:#FFFFFF;
	}
	.main{
	float:left;
	z-index:1;
	width:700px;
	height:100%;
	background-color:#FFFFFF;
	}
	.foot
	{
	clear:left;
	padding-top:10px;
	padding-bottom:10px;
	background-image: url(../images/foot.gif);
	text-align:center;
	}	
	.clears{
    clear:both;
    }
/* フォント＆スタイル */	
	h1{
	font-size:12px;
	padding-top:5px;
	margin-left:5px;
	color:#FF66CC;
	}
	a{
	text-decoration:none;
	}
	a:link{
	color:#33CC00;
	}
	a:hover{
	color:#FF9900;
	text-decoration:underline;
	}
	a:visited{
	color:#333333;
	}
	a:active{
	color:#CCFF33;
	}
　　a img{
    border-style:none;
	}
	.menu a:hover img{
	filter: alpha(opacity=45);
    -moz-opacity:0.45;
    opacity:0.45;
    }
	.menu2 a:hover img{
	filter: alpha(opacity=45);
    -moz-opacity:0.45;
    opacity:0.45;
    }
	.side-img{
	margin-top:10px;
	margin-left:-5px;
	}
	.menu,a img{
	text-decoration:none;
	border-style:none;
	}
    .txt-box1{
	width:208px;
	height:210px;
	background-image:url(../images/txt-box-bg.jpg);
	border-color:#FF6699;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	margin-top:20px;
	margin-left:10px;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	}
	.IMG{
	margin-top:0px;
	}
	.IMG2{
	clear:left;
	margin-top:50px;
	margin-left:30px;
	}
/* menu */
	.top-menu-box{
	display:block;
	margin:175px 5px auto auto;
	width:998px;
	height:100px;
	}
	.top-menu-box ul{
    width:996px;
    height:100px;
    list-style:none;
    }
	.menu-top{
    list-style:none;
    width:150px;          
    height:100px;          
    float:left;           
	text-indent: -9999px;
	margin-top:-10px;
	margin-left:10px;
    }
	.menu-top a{
    display:block;
    width:100%;
    height:100%;
    background-image:url(../images/top1.gif);
    background-repeat:no-repeat;
    }
	.menu-top a:hover{
    background-image:url(../images/top1-1.gif);
    }
	.menu-glist{
   list-style:none;
    width:150px;          
    height:100px;          
    float:left;           
	text-indent: -9999px;
	margin-top:-10px;
    }
	.menu-glist a{
    display:block;
    width:100%;
    height:100%;
    background-image:url(../images/list1.gif);
    background-repeat:no-repeat;
    }
	.menu-glist a:hover{
    background-image:url(../images/list1-1.gif);
    }
	.menu-system{
   list-style:none;
    width:150px;          
    height:100px;          
    float:left;           
	text-indent: -9999px;
	margin-top:-10px;
   }
	.menu-system a{
    display:block;
    width:100%;
    height:100%;
    background-image:url(../images/system1.gif);
    background-repeat:no-repeat;
   }
	.menu-system a:hover{
    background-image:url(../images/system1-1.gif);
   }
   .menu-hotel{
   list-style:none;
    width:150px;          
    height:50px;          
    float:left;           
	text-indent: -9999px;
	margin-top:-10px;
   }
	.menu-hotel a{
    display:block;
    width:100%;
    height:100%;
    background-image:url(../images/hotel1.gif);
    background-repeat:no-repeat;
   }
	.menu-hotel a:hover{
    background-image:url(../images/hotel1-1.gif);
   }
   .menu-job{
   list-style:none;
    width:150px;          
    height:50px;          
    float:left;           
	text-indent: -9999px;
	margin-top:-10px;
   }
	.menu-job a{
    display:block;
    width:100%;
    height:100%;
    background-image:url(../images/job1.gif);
    background-repeat:no-repeat;
   }
	.menu-job a:hover{
    background-image:url(../images/job1-1.gif);
   }
   .menu-link{
   list-style:none;
    width:150px;          
    height:50px;          
    float:left;           
	text-indent: -9999px;
	margin-top:-10px;
   }
	.menu-link a{
    display:block;
    width:100%;
    height:100%;
    background-image:url(../images/link1.gif);
    background-repeat:no-repeat;
   }
	.menu-link a:hover{
    background-image:url(../images/link1-1.gif);
   }
   .menu-mail{
   list-style:none;
    width:150px;          
    height:50px;          
    float:left;           
	text-indent: -9999px;
   }
	.menu-mail a{
    display:block;
    width:100%;
    height:100%;
    background-image:url(../images/mail1.gif);
    background-repeat:no-repeat;
   }
	.menu-mail a:hover{
    background-image:url(../images/mail1-1.gif);
   }
   .menu-sitemap{
   list-style:none;
    width:150px;          
    height:50px;          
    float:left;           
	text-indent: -9999px;
   }
	.menu-sitemap a{
    display:block;
    width:100%;
    height:100%;
    background-image:url(../images/sitemap1.gif);
    background-repeat:no-repeat;
   }
	.menu-sitemap a:hover{
    background-image:url(../images/sitemap1-1.gif);
   }
   .menu-mobile{
   list-style:none;
    width:150px;          
    height:50px;          
    float:left;           
	text-indent: -9999px;
   }
	.menu-mobile a{
    display:block;
    width:100%;
    height:100%;
    background-image:url(../images/mobile1.gif);
    background-repeat:no-repeat;
   }
	.menu-mobile a:hover{
    background-image:url(../images/mobile1-1.gif);
   }
	.top-menu-box img{
	display:none;
	}	
	/* トップページ用 */
	.container{
	width:680px;
	margin-top:20px;
	margin-left:10px;
	margin-bottom:20px;
	}
	.outer2{
	width:948px;
	display:block;
	} 
	.menu2{
	float:left;
	width:260px;
	}
	.main2{
	clear:left;
	display:block;
	float:left;	
	width:688px;
	}
	.container2{
	margin-top:15px;
	width:675px;
	margin-top:20px;
	margin-left:10px;
	}
	.schedule{
	width:668px;
	height:auto;
	border-color:#33CCFF;
	border-style:solid;
	border-width:1px;
	}
	.in-cont1{
	width:320px;
	height:300px;
	display:inline;
	float:left;
	margin-top:15px;
	margin-left:10px;
	}
	.in-cont2{
	width:320px;
	height:300px;
	display:inline;
	float:left;
	margin-top:15px;
	margin-left:15px;
	margin-bottom:25px;
	}
	.in-cont img{
	margin-top:0px;
	}
	.pickup{
	width:318px;
	height:299px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
	border-left:1px solid #66FFFF;
	border-right:1px solid #66FFFF;
	border-bottom:1px solid #66FFFF
	}
	.pickup a{
	margin:0px;
	}
	.pickup-photo{
	width:100px;
	height:133px;
	display:inline;
	float:left;
	border:1px solid #66FFFF;
	margin-top:10px;
	}
	.pickup-photo2{
	width:100px;
	height:133px;
	display:inline;
	clear:left;
	float:left;
	border:1px solid #66FFFF;
	margin-top:10px;
	}
	.pickup-txt{
	width:196px;
	height:133px;
	display:inline;
	float:left;
	border:1px solid #66FFFF;
	margin-top:10px;
	padding-left:5px;
	padding-right:10px;
	font-size:12px;
	}
	.information{
	width:310px;
	height:280px;
	font-size:17px;
	padding:10px 5px 10px 5px;
	border-width:1px;
	border-left:1px solid #66FFFF;
	border-right:1px solid #66FFFF;
	border-bottom:1px solid #66FFFF;
	overflow:auto;
	color:#333333;
	list-style:none;
	overflow:auto;
	}
	#gallery{
	width:240px;
	height:320px;
	margin-left:5px;
	}
	.IMG-ga{
	margin-left:5px;
	margin-top:-0px;
	}
	.info-hed{
	width:150px;
	height:30px;
	float:left;
	background-image:url(../images/news1.gif);
	}
	.info-main{
	width:548px;
	height:20px;
	padding-top:10px;
	float:left;
	background-image:url(../images/news2.gif);
	color:#FF3366;
	}
	.info_head{
	color:#0CF;
	border-top:1px hidden #0CF;
	}
	/*リストページ用*/
	.gal-info{
	margin-left:10px;
	margin-top:10px;
	}
	.list-box{
	display:block;
	width:680px;
	height:3100px;
	margin-left:10px;
	border-color:#66FFFF;
	border-style:solid;
	border-width:1px;
	}
	.gal-list1{
	display:inline;
	float:left;
	width:165px;
	height:260px;
	margin-left:40px;
	margin-top:10px;
	background-image:url(../images/gal-bg1.gif);
	background-repeat:no-repeat;
	padding:5px 5px 5px 5px;
	}
	.gal-list1-n{
	display:inline;
	float:left;
	width:165px;
	height:260px;
	margin-left:40px;
	margin-top:10px;
	background-image:url(../images/gal-bg2.gif);
	background-repeat:no-repeat;
	padding:5px 5px 5px 5px;
	}
	.gal-list2{
	width:150px;
	height:200px;
	margin-top:-10px;
	margin-left:-15px;
	padding-left:7px;
	padding-right:5px;
	list-style:none;
	}
	.gal-list3{
	width:115px;
	height:45px;
	margin-top:5px;
	margin-left:-5px;
	padding-top:15px;
	padding-left:25px;
	padding-right:20px;
	color:#6699FF;
	list-style:none;
	}
	.list-txt{
	margin:10px;
	}	
	/* システムページ用*/
	.price{
	width:600px;
	height:23px;
	background-image:url(../images/price-hed.gif);
	background-repeat:no-repeat;
	font-size:15px;
	margin-top:20px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:25px;
	color:#FF66FF;
	}
	.price-box{
	width:550px;
	margin-top:15px;
	margin-left:100px;
	clear:left;
	}
	.price-img{
		margin-top:-0px;
	}
	.price-txt{
	font-size:15px;
	color:#666666;
	}
	.side-price{
	width:205px;
	height:23px;
	background-image:url(../images/price-hed.gif);
	background-repeat:no-repeat;
	font-size:15px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:25px;
	margin-top:-10px;
	margin-left:-10px;
	color:#FF66FF;
	}
	.price-txt2{
	font-size:15px;
	color:#666666;
	}
	.side-sys-txt{
	width:210px;
	height:auto;
	margin-top:20px;
	border:1px solid #FF66FF;
	padding:10px;
	}
	.guide-box{
	width:550px;
	margin-top:15px;
	margin-left:100px;
	clear:left;
	}
	.guide-box ul,li{
	list-style:none;
	}
	.side-img-box{
	width:210px;
	height:auto;
	}
	.side-img-box a,img{
	margin-top:10px;
	margin-left:0px;
	}
	.IMG3{
	clear:left;
	margin-top:50px;
	margin-left:60px;
	}
	.sys-txt{
	color:#33CCCC;
	font-weight:bold;
	}
	/*メールフォーム用*/	
	#FORM{
	margin-top:50px;
	margin-left:100px;
	}
	/*リンクページ用*/
	.side-link,a{
	border:0px;
	margin-left:15px;
	}
	.link1{
	width:680px;
	height:18px;
	padding-top:3px;
	padding-left:20px;
	font-size:15px;
	color:#3399FF;
	}
	.link-box{
	width:208px;
	height:260px;
	border-color:#FF6699;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	margin-top:5px;
	margin-left:10px;
	margin-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	}
	/*ホテルリストページ用*/
	.map{
	width:600px;
	height:550px;
	margin-top:30px;
	margin-left:50px;
	}	
	/*サイトマップページ用*/
	.sitemap{
	margin:30px;
	list-style:none;
	}
	.sab{
	margin-left:15px;
	}
	/*event*/
	#event1{
	width:500px;
	height:600px;
	border:1px solid #66FFFF;
	clear:left;
	margin:15px 50px 15px 50px;
	padding:10px 50px 10px 50px;
	}
	#event2{
	width:500px;
	height:600px;
	border:1px solid #66FFFF;
	clear:left;
	margin:15px 50px 15px 50px;
	padding:10px 50px 10px 50px;
	}
	#event3{
	width:500px;
	height:600px;
	border:1px solid #66FFFF;
	clear:left;
	margin:15px 50px 15px 50px;
	padding:10px 50px 10px 50px;	
	}	
	.event-txt1{
	width:198px;
	height:60px;
	float:left;
	border:1px solid #666666;
	text-align:center;
	vertical-align:middle;
	font-size:20px;
	padding-top:20px;
	}
	.event-txt2{
	width:278px;
	height:40px;
	float:left;
	border:1px solid #666666;
	padding:20px 10px 20px 10px;
	vertical-align:middle;
	font-size:20px;
	}
	.event-txt3{
	width:198px;
	height:60px;
	clear:left;
	float:left;
	border:1px solid #666666;
	text-align:center;
	vertical-align:middle;
	font-size:20px;
	padding-top:20px;
	}
	.event-txt4{
	width:278px;
	height:60px;
	float:left;
	border:1px solid #666666;
	padding:10px;
	}
	.event-price{
	color:#FF0000;
	}
	.ev-img{
		margin-left:50px;
	}
	/* kiyaku*/	
	.kiyaku{
	list-style:none;
	margin-left:10px;
	font-size:18px;
	}
	/* schedule*/
	.sd-box{
	width:668px;
	height:900px;
	margin-top:15px;
	background:url(../images/sd-bg.gif) repeat-x bottom;
	}
	.sd-list1{
	float:left;
	width:100px;
	margin-left:20px;
	margin-top:5px;
	background-image:url(../images/sd-bg2.gif);
	background-repeat:no-repeat;
	padding:5px 5px 5px 5px;
	}
	.sd-list2{
	width:80px;
	height:103px;
	margin-top:-5px;
	margin-left:-10px;
	list-style:none;
	}
	.sd-list3{
	width:100px;
	height:50px;
	margin-top:15px;
	margin-left:5px;
	color:#6699FF;
	list-style:none;
	}
	.mail-form{
	width:100％;
	background-color:#CFF;
	margin-top:50px;
	margin-left:100px;
	margin-bottom:150px;
	padding-left:15px;
	}
	.form-txt{
	text-align:center;
	margin:0px 0px 500px;
	}
	.hotel_box{
    width : 650px;
    margin-left : 25px;
    margin-right : 25px;
	font-size:12px;
    }
    .hotel_name{
    width : 300px;
    background-color : #ff80c0;
    text-align : left;
    padding-left : 10px;
     }
    .hotel_tel{
    width : 150px;
    float : right;
    background-color : #76aee0;
    text-align : left;
    padding-left : 10px;
     }
    .hotel_ets{
    background-color : #00cc00;
    width : 245px;
    text-align : left;
    padding-left : 10px;
    }
	.hotel_list{
    margin:10px 10px 10px 10px;
	}
	.hotel_list1{
    float:left
	}
	.hotel_list2{
	clear:left
	float:left
	}
	.side_hotel{
    width:230px;
    font-size:14px;
	}