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

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

/* -----------------------------------------------------------
	各ページ専用指定

/*　ポイント
----------------------------------------------------------- */
#homepage .con_poi {
	margin: 0 0 60px;
}
#homepage .con_poi h3 {
	padding: 70px 0 30px;
	margin: 0 0 20px;
}
/*　1+7+1＝9ｈ
----------------------------------------------------------- */
#homepage #page #contents .con_9h h3 {
	width: 865px;
	margin: 0 auto;
	padding: 0 0 50px 0;
}
#homepage #page #contents .con_9h .box_9h {
  width: 940px;
	padding: 50px 5px 0;
	overflow: hidden;
}
#homepage #page #contents .con_9h .img_qua {
	width: 235px;
	float: left;
}

/*　プラン
----------------------------------------------------------- */
#homepage .con_pla {
	width: 904px;
	overflow: hidden;
	margin: 48px 0 0;
	padding: 0 0 20px 0;

}
#homepage .con_pla h3 {
	width: 486px;
	padding: 30px 0 40px;
	margin: 0 auto;
}
/*box_pla*/
#homepage .con_pla .box_pla {
	width: 255px;
	float: left;
	margin: 0 0 0 46px;
	display: block;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden;
}
#homepage .con_pla a.box_pla:hover {
	color: 
}

#homepage .con_pla .box_pla .photo_area .img_pho img {
	width: 250px;
}

#homepage .con_pla .box_pla .st_pla {
	font-size: 14px;
	font-weight: bold;
	text-decoration:underline;
	text-align: center;
	margin: 20px 0 20px;
	display: block;
}
#homepage #page #contents .con_pla .box_pla .st_pla:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#homepage .con_pla .box_pla .box_pri {
	border: 1px solid #474747;
	margin: 0 0 10px;
	padding: 2px 0;
	display: block;
	font-size: 14px;
	text-align: center;
	color: #250000;
}
#homepage #page #contents #plan a {
	text-decoration: none;
}
/*プラン詳細　画像切り替え*/
#homepage .con_pla .box_pla .btn_pla {
	width: 175px;
	height: 43px;
	background: url(../images/home/btn_pla_syo.gif) no-repeat 0 0;
	text-indent: -9999px;
	margin: 20px auto;
}
#homepage .con_pla .box_pla .btn_pla:hover {
	background: url(../images/home/btn_pla_syo.gif) no-repeat 0 -43px;
}

/*プラン一覧はこちら　画像切り替え*/
#homepage #page #contents #plan .btn_plan_erea {
	clear: both;
	margin: 0 auto;
	width: 950px;
}

#homepage .con_pla .btn_plan02 {
	margin:0 auto;
	width: 950px;
}

#homepage #page #contents #plan .btn_plan_erea a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
	
/*　フッター予約カセット
----------------------------------------------------------- */
#homepage .con_bottom {
	width: 950px;
	margin: 50px 0 0 0;
	padding: 10px 0 30px;
	overflow: hidden;
}
#homepage .con_bottom h3 {
	width: 489px;
	margin: 0 auto;
	padding: 0 0 40px;
}
#homepage #page #contents .con_bottom .con_yoyaku {
	width: 476px;
	padding: 0 0 0 54px;
	float: left;
}

/*予約TEL、検索ボタン*/
#homepage #page #contents .con_bottom .con_yoyaku ul {
	width: 476px;
}
#homepage #page #contents .con_bottom .con_yoyaku ul li{
	width: 216px;
	margin: 0 0 0 22px;
	float: left;
}
#homepage #page #contents .con_bottom .con_yoyaku ul li a {
	text-decoration: none;
}
#homepage #page #contents .con_bottom .con_yoyaku ul li a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#homepage #page #contents .con_bottom .con_access {
	width: 420px;
	float: left;
}
#homepage #page #contents .con_bottom .con_access a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/*　how to use
----------------------------------------------------------- */
#homepage #page #contents .con_use {
	width: 950px;
	padding: 50px 0;
	margin: 0 0 30px;
	overflow: hidden;
}
#homepage #page #contents .con_use h3 {
	width: 940px;
	margin: 0 auto;
	padding: 0 0 30px;
	clear: both;
}
#homepage #page #contents .con_use .box_use {
	width: 950px;
	overflow: hidden;
}
#homepage #page #contents .con_use .box_use_l {
	width: 475px;
	float: left;
}
#homepage #page #contents .con_use .box_use_r {
	width: 450px;
	padding: 0 0 0 25px;
	float: left;
}


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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

=======================================*/
* html {}