@charset "utf-8";
/* ===================================================================
CSS information

 file name  :homepage.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */
#homepage {
	background:url(../images/body_bg.jpg) center 42px repeat-x;
}
#homepage #page {
	background:url(../images/cnt_bg.jpg) center 42px no-repeat;
}
#homepage .hib {
		position:absolute;
		top:180%;
		right:5%;
		z-index:5;
}
#homepage #contents {
	clear:both;
	position:static;
	width: 950px;
	margin:0 auto;
	overflow:hidden;
	/zoom:1;
}

/* #slider
----------------------------------------------------------- */
#homepage  #slidearea {
	position:relative;
	clear:both;
	width:930px;
	height:390px;
	margin:10px auto 30px auto;
}
#homepage #slider {
	clear:both;
	width:930px;
	height:390px;
}
	/*  */
	#homepage #slider .slideshow {
		width:930px;
		height:390px;
		margin: 0;
		position: relative;
	}
		#homepage #slider .slideshow li {
			position:absolute;
			top:-1px;
			left:-1px;
		}
#homepage #navigationslayout {
	position:absolute;
	width:171px;
	height:16px;
	top:360px;
	right:0;
	z-index:100;
}

#homepage #navigations {
	width:171px;
	height:16px;
	clear:both;
	position:relative;
}
	#homepage #navigations .images {
		clear:both;
		cursor:pointer;
		position:absolute;
		top:0;
		left:0;
	}
		#homepage #navigations .images li {
			float:left;
			padding:0 0 0 5px;
		}
	#homepage #navigations .hovers {
		position:absolute;
		top:0;
		left:0;
		clear:both;
	}
		#homepage #navigations .hovers li {
			float:left;
			cursor:pointer;
			padding:0 0 0 5px;
		}

/* #main
----------------------------------------------------------- */
#homepage #contents #main {
	position:relative;
}
#homepage #contents #main .pickup_area {
	position:relative;
	clear:both;
	overflow:hidden;
}
#homepage #contents #main h3.st_pickup {
	position:absolute;
	top:-20px;
	left:380px;
	z-index: 500;
}
	#homepage #contents #main .pickup_area .point1 {
		position:relative;
		clear:both;
		overflow:hidden;
		width:355px;
		padding:40px 0 40px 0;
		margin:0 0 40px 0;
		float:left;
		background:url(../images/home/bg_enjoy01.gif) right bottom no-repeat;
	}
		#homepage #contents #main .pickup_area .point1 .point1_l {
			padding:200px 0 0 5px;
			width:110px;
			float:left;
		}
		#homepage #contents #main #slidepooint01 .slideshow {
			position:relative;
			width:217px;
			height:241px;
			/height:201px;
			float:right;
		}
			#homepage #contents #main #slidepooint01 .slideshow li {
				position:absolute;
				top:0;
				right:10px;
			}
		#homepage #contents #main #slidepooint01_nav {
			width:130px;
			height:17px;
			clear:both;
			position:relative;
			top:-10px;
			/top:-30px;
		}
			#homepage #contents #main #slidepooint01_nav .images {
				clear:both;
				cursor:pointer;
				position:absolute;
				top:0;
				left:0;
			}
				#homepage #contents #main #slidepooint01_nav .images li {
					float:left;
					padding:0 0 0 5px;
				}
			#homepage #contents #main #slidepooint01_nav .hovers {
				position:absolute;
				top:0;
				left:0;
				clear:both;
			}
				#homepage #contents #main #slidepooint01_nav .hovers li {
					float:left;
					cursor:pointer;
					padding:0 0 0 5px;
				}
		
			#homepage #contents #main #slidepooint01 .slideshow li img {
				border:1px dotted #947e62;
			}
		#homepage #contents #main .pickup_area .point1 .text {
			clear:both;
			margin:0 0 0 5px;
			/width:335px;
			/margin:-10px 0 0 5px;
		}
		#homepage #contents #main .pickup_area .point1 h4.st_point {
			position:absolute;
			top:0px;
			left:0;
			z-index:100;
		}
	#homepage #contents #main .pickup_area .point2 {
		position:static;
		overflow:hidden;
		float:right;
		width:255px;
		padding:15px 0 0 0;
		background:url(../images/home/bg_enjoy02.gif) left 95px no-repeat;
		margin:0 0 40px 0;
	}
		#homepage #contents #main .pickup_area .point2 .bt {
				width:216px;
				height:18px;
				text-align:right;
				padding:10px 0 0 30px;
			}
		#homepage #contents #main #slidepooint02 {
			float:right;
			margin:10px 0 0 0;
			width:216px;
			height:152px;
		}
		#homepage #contents #main #slidepooint02 .slideshow {
			position:relative;
			width:216px;
			height:152px;
		}
			#homepage #contents #main #slidepooint02 .slideshow li {
				position:absolute;
				top:0;
				right:10px;
			}
			#homepage #contents #main #slidepooint02 .slideshow li img {
				border:1px dotted #947e62;
			}
		#homepage #contents #main #slidepooint02_nav_layout {
			clear:both;
			float:right;
			position:static;
			margin:10px -5px 15px 0;
		}
		#homepage #contents #main #slidepooint02_nav {
			width:130px;
			height:17px;
			position:relative;
		}
			#homepage #contents #main #slidepooint02_nav .images {
				clear:both;
				cursor:pointer;
				position:absolute;
				top:0;
				left:0;
			}
				#homepage #contents #main #slidepooint02_nav .images li {
					float:left;
					padding:0 0 0 5px;
				}
			#homepage #contents #main #slidepooint02_nav .hovers {
				position:absolute;
				top:0;
				left:0;
				clear:both;
			}
				#homepage #contents #main #slidepooint02_nav .hovers li {
					float:left;
					cursor:pointer;
					padding:0 0 0 5px;
				}
		
		#homepage #contents #main .pickup_area .point2 .text {
			clear:both;
			width:200px;
			float:right;
		}
	/* 網エリア */
	#homepage #contents #main .point_layout {
		position:static;
		width:721px;
		background:url(../images/home/bg_ami.jpg) left top repeat-y;
		clear:both;
		/zoom:1;
		overflow:hidden;
	}
		#homepage #contents #main .point_layout div {
			float:left;
		}
		#homepage #contents #main .point_layout ul {
			padding:0 0 10px 0;
			margin:10px 0 0 0;
		}
			#homepage #contents #main .point_layout ul li {
				margin:0 0 5px 0;
			}
		#homepage #contents #main .point_layout .point3 {
			width:329px;
		}
			#homepage #contents #main .point_layout .point3 ul {
				width:290px;
				margin-left:30px;
			}
		#homepage #contents #main .point_layout .point4 {
			width:152px;
			padding:15px 28px 0 28px;
		}
		#homepage #contents #main .point_layout .point5 {
			width:173px;
		}
			#homepage #contents #main .point_layout .point5 ul {
				width:150px;
			}
	/* ポイントエリア3 */
	#homepage #contents #main .point_layout2 {
		clear:both;
		overflow:hidden;
		/zoom:1;
		width:721px;
		margin:30px 0 0 0;
	}
		#homepage #contents #main .point_layout2 div {
			float:left;
		}
		#homepage #contents #main .point_layout2 ul {
			padding:0 0 10px 0;
			margin:10px 0 0 0;
		}
			#homepage #contents #main .point_layout2 ul li {
				margin:0 0 5px 0;
			}
		#homepage #contents #main .point_layout2 .point6 {
			width:187px;
		}
		#homepage #contents #main .point_layout2 .point7 {
			width:270px;
			padding:0 20px 0 20px;
		}
		#homepage #contents #main .point_layout2 .point8 {
			width:171px;
		}
		
/* .plan_area
----------------------------------------------------------- */
#homepage .title_alea {
	position:static;
	clear:both;
	width:950px;
	margin:0 auto;
	overflow:hidden;
	/zoom:1;
}
	#homepage .title_alea .plan {
		width:384px;
		background:url(../images/home/st_plan_bg.jpg) left bottom repeat-x;
		float:left;
		overflow:hidden;
		height:59px;
		/zoom:1;
	}
		#homepage .title_alea .plan .title {
			width:241px;
			float:left;
			padding:0 0 0 15px;
		}
		#homepage .title_alea .plan .bt {
			width:105px;
			float:right;
			padding:35px 0 0 0;
		}
	#homepage .title_alea .news {
		width:290px;
		background:url(../images/home/st_plan_bg.jpg) left bottom repeat-x;
		float:left;
		overflow:hidden;
		height:36px;
		/zoom:1;
		margin:0 0 0 145px;
		padding:23px 0 0 0;
	}
		#homepage .title_alea .news .title {
			width:75px;
			float:left;
			padding:10px 0 0 15px;
		}
		#homepage .title_alea .news .bt {
			width:123px;
			float:right;
			padding:10px 0 0 0;
		}
#homepage .plan_area {
	position:static;
	clear:both;
	width:100%;
	overflow:hidden;
	background:url(../images/home/plan_bg.jpg) center top repeat-x;
	padding:30px 0 0 0;
	/zoom:1;
}
	#homepage .plan_area .title_alea {
		clear:both;
		overflow:hidden;
		/zoom:1;
	}
	#homepage .plan_area .plan_layout {
		width:950px;
		margin:0 auto;
		clear:both;
		overflow:hidden;
		/zoom:1;
	}
		#homepage .plan_area .plan_layout .best3 {
			width:510px;
			padding:0 20px 0 0;
			background:url(../images/home/planli02.gif) right top repeat-y;
			clear:both;
			overflow:hidden;
			/zoom:1;
			float:left;
		}
			#homepage .plan_area .plan_layout .best3 dl {
				background:url(../images/home/planli01.gif) left bottom repeat-x;
				padding:0 0 15px 0;
				margin:0 0 15px 0;
				clear:both;
				overflow:hidden;
				/zoom:1;
			}
				#homepage .plan_area .plan_layout .best3 dl dt {
					float:left;
					width:30px;
					overflow:hidden;
				}
				#homepage .plan_area .plan_layout .best3 dl .img {
					float:left;
					width:140px;
					margin:0 10px 0 0;
					padding:2px 0 0 0;
				}
					#homepage .plan_area .plan_layout .best3 dl .img img {
						border:3px solid #FFF;
					}
				#homepage .plan_area .plan_layout .best3 dl .text {
					float:left;
					width:300px;
					background:url(../images/home/plan_arrow.gif) left .5em no-repeat;
					padding:0 0 0 15px;
				}
					#homepage .plan_area .plan_layout .best3 dl .text em {
						font-weight:bold;
						font-size: 1.2em;
					}
					#homepage .plan_area .plan_layout .best3 dl .text a:link {
						color:#b0093d;
						text-decoration:underline;
					}
					
					#homepage .plan_area .plan_layout .best3 dl .text a:visited {
						color:#b0093d;
						text-decoration:underline;
					}
					
					#homepage .plan_area .plan_layout .best3 dl .text a:hover {
						color:#b0093d;
						text-decoration:none;
					}
					
					#homepage .plan_area .plan_layout .best3 dl .text a:active {
						color:#b0093d;
						text-decoration:none;
					}
		#homepage .plan_area .plan_layout .news {
			width:372px;
			padding:15px;
			background:url(../images/home/news_bg.png) left top repeat-y;
			overflow:hidden;
			/zoom:1;
			float:right;
		}
			#homepage .plan_area .plan_layout .news ul {
				clear:both;
				overflow:hidden;
				/zoom:1;
			}
				#homepage .plan_area .plan_layout .news ul li {
					clear:both;
					overflow:hidden;
					/zoom:1;
					border-bottom:1px dotted #e1e1c9;
					padding:0 0 10px 0;
					margin:0 0 10px 0;
				}
					#homepage .plan_area .plan_layout .news ul li dl dt {
						float:left;
						width:80px;
						padding:3px;
						border:1px solid #CCC;
						background-color:#FFF;
					}
					#homepage .plan_area .plan_layout .news ul li dl dt img {
						vertical-align:middle;
					}
					#homepage .plan_area .plan_layout .news ul li dl dd {
						float:right;
						width:275px;
					}
					#homepage .plan_area .plan_layout .news ul li dl .date em {
						color:#FFF;
						font-size:10px;
						background-color:#3b6db1;
						padding:3px 10px 3px 10px;
					}
					#homepage .plan_area .plan_layout .news ul li dl .date img {
						vertical-align:middle;
						padding:3px 5px 3px 5px;
					}
					#homepage .plan_area .plan_layout .news ul li dl .title {
						font-weight:bold;
					}
					#homepage .plan_area .plan_layout .news ul li dl .title a:link {
						color:#3b6db1;
						text-decoration:underline;
					}
					
					#homepage .plan_area .plan_layout .news ul li dl .title a:visited {
						color:#3b6db1;
						text-decoration:underline;
					}
					
					#homepage .plan_area .plan_layout .news ul li dl .title a:hover {
						color:#3b6db1;
						text-decoration:none;
					}
					
					#homepage .plan_area .plan_layout .news ul li dl .title a:active {
						color:#3b6db1;
						text-decoration:none;
					}

/*======================================

	#mobile_form 携帯送信フォーム

=======================================*/
#top {
	background:none;
}
#top #mobile_form{
	margin: 20px;
}

#top #mobile_form .text{
	border: 1px solid #a0a0a0;
	width: 200px;
	padding: 1px;
}

#top #mobile_form .button{
	background: #808080;
	color: #fff;
	padding: 1px 5px;
	border: none;
}

#top .bn_entry,
#top .bn_entry img{
	display: none;
}


#top #sub #reserve_btn p {
	display: none;
}









/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html #homepage #contents #main h3.st_pickup {
	position:absolute;
	top:-30px;
	left:380px;
}