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

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


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



/* flash フラッシュ
----------------------------------------------------------- */

#top #flash_area {
	margin:0 auto;
	width:100%;
	height:565px;
	background:url(../images/bg_gmenu.jpg) center bottom no-repeat;
}

#top #flash {
	margin:0 auto;
	width:100%;
	height:500px;
}


/* #wrp_ypro 予約プロ検索フォーム
----------------------------------------------------------- */

#top #ypro_post {
	margin:0 auto;
	width:950px;
	position:relative;
}

#top #ypro_post #wrp_ypro {
	padding-top:10px;
	top:0px;
	right:0;
	position:absolute;
	height: 490px;
	filter: alpha(opacity=90);  -moz-opacity:0.90;  opacity:0.90; 
	background-color:#FFFFFF;/*
	background: url(../images/img_bestrate.jpg) top center no-repeat;*/
}



/* #gnav
----------------------------------------------------------- */

#wrp_gnav_top {
	width:950px;
	margin:0 auto;
	padding:0;
	height:65px;
	clear: both;
}

#wrp_gnav_top #gnav {
	margin:0 auto;
	padding:0;
	width:850px;
	height:51px;
	background: url(../images/menu_gMenu.gif) 0 0 no-repeat;
}

#wrp_gnav_top #gnav li {
	margin:0;
	padding:0;
	float: left;
}
#wrp_gnav_top #gnav li a {
	height: 51px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

#wrp_gnav_top #gnav li#gnav01 a {
	width: 120px;
}

#wrp_gnav_top #gnav li#gnav01 a:hover {
	background: url(../images/menu_gMenu.gif) 0 -51px no-repeat;
}

#wrp_gnav_top #gnav li#gnav02 a {
	width: 120px;
}

#wrp_gnav_top #gnav li#gnav02 a:hover {
	background: url(../images/menu_gMenu.gif) -120px -51px no-repeat;
}

#wrp_gnav_top #gnav li#gnav03 a {
	width: 120px;
}

#wrp_gnav_top #gnav li#gnav03 a:hover {
	background: url(../images/menu_gMenu.gif) -240px -51px no-repeat;
}

#wrp_gnav_top #gnav li#gnav04 a {
	width: 120px;
}

#wrp_gnav_top #gnav li#gnav04 a:hover {
	background: url(../images/menu_gMenu.gif) -360px -51px no-repeat;
}

#wrp_gnav_top #gnav li#gnav05 a {
	width: 120px;
}

#wrp_gnav_top #gnav li#gnav05 a:hover {
	background: url(../images/menu_gMenu.gif) -480px -51px no-repeat;
}

#wrp_gnav_top #gnav li#gnav06 a {
	width: 120px;
}

#wrp_gnav_top #gnav li#gnav06 a:hover {
	background: url(../images/menu_gMenu.gif) -600px -51px no-repeat;
}

#wrp_gnav_top #gnav li#gnav07 a {
	width: 120px;
}

#wrp_gnav_top #gnav li#gnav07 a:hover {
	background: url(../images/menu_gMenu.gif) -720px -51px no-repeat;
}




/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#top #contents {
	margin:30px auto;
	padding:0;
	clear:both;
	width:950px;
	height: auto;
}
#top_bn {
	margin-bottom: 10px;
}



/*----------------------------------------------------
	#wrp_3points
----------------------------------------------------*/
#top #wrp_3points {
	margin:0;
	padding:0;
	width:950px;
	overflow:hidden;
	clear:both;
}

#top #wrp_3points #bn_designroom {
	margin:0 25px 0 0;
	padding:0;
	width:300px;
	float:left;
}

#top #wrp_3points #bn_designroom p {
	margin:10px 0 0 0;
	padding:0;
	width:300px;
}


#top #wrp_3points #bn_hanatsugiroom {
	margin:0 16px 0 0;
	padding:0;
	width:300px;
	float:left;
}

#top #wrp_3points #bn_hanatsugiroom p {
	margin:10px 0 0 0;
	padding:0;
	width:300px;
}

#top #wrp_3points #bn_breakfast {
	margin:0;
	padding:0;
	width:300px;
	float:right;
}

#top #wrp_3points #bn_breakfast p {
	margin:10px 0 0 0;
	padding:0;
	width:300px;
}



/*----------------------------------------------------
	#wrp_package
----------------------------------------------------*/
#top #wrp_package {
	margin:20px 0 0 0;
	padding:0;
	width:950px;
	overflow:hidden;
}



/*  #cnt_service 　5ポイント一覧サービス、新着情報
----------------------------------------------------*/
#top #cnt_service {
	margin:0 10px 0 0;
	padding:0;
	width:430px;
	float:left;
}

/*  #bn_5points　5ポイント */
#top #cnt_service p#bn_5points {
	margin:0;
	padding:0;
}

/*  #新着情報　一覧サービス */
#top #cnt_service p#bn_services{
	margin:15px 0 0 0;
	padding:4px;
	border:1px solid #cccccc;
}

/*  #cnt_service　新着情報 */

#top #wrp_news {
	margin:20px 0 0 0;
	padding:13px 0 0 0;
	width:430px;
	overflow:hidden;
	background:url(../images/top/line_blog.gif) center top no-repeat;
}

#top #wrp_news h3 {
	margin:0;
	padding:0;
	width:333px;
	text-indent:-9999px;
	height:19px;
	line-height:19px;
	font-size:0;
	float:left;
	background:url(../images/top/tit_blog.gif) left top no-repeat;
}

#top #wrp_news p#btn_more {
	margin:0;
	padding:0;
	float:right;
}

#top #wrp_news dl {
	margin:0;
	padding:0;
	width:430px;
}

#top #wrp_news dt {
	margin:0 10px 0 0;
	padding:2px 0 0 17px;
	color:#000;
	float:left;
	font-size:80%;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/top/icon_arrow.gif) 0 center no-repeat;
}

#top #wrp_news dd {
	color:#000;
	margin:0 0 5px 0;
	padding:0 0 2px 0;
	border-bottom:1px dotted #000;
}



/*  #cnt_2packages
----------------------------------------------------*/
#top .cnt_2packages {
	margin:0 10px 0 0;
	padding:0;
	width:245px;
	float:left;
	overflow:hidden;
}

#top #nomargin {
	margin:0 0 0 0;
}


#top .wrp_cnt_packages {
	margin:0;
	padding:5px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	overflow:hidden;
}

#top .cnt_packages {
	margin:0;
	padding:5px;
	width:220px;
	border:1px solid #e4e4e4;
	background-color:#fbfbfb;
	overflow:hidden;
}

#top .package {
	margin: 0;
	padding:0;
	width: 220px;
	border-bottom: 1px solid #8b7230;
	overflow:hidden;
}

#top .package a {
	padding: 25px 0 ;
	width: 220px;
	height: 100%;
	display:block;
	overflow:hidden;
	cursor:pointer;
}

#top .package a:hover {
	padding: 25px 0 ;
	width: 220px;
	background: #F6EFE2;
	text-decoration: none;
}

#top .package img {
	margin:0;
	padding:0;
	border: 2px solid #996633;
	float:left;
}

#top .package .txt_plan {
	margin:0;
	padding:0;
	width:145px;
	float:right;
	font-size:85%;
}

#top .package span {
	color:#cc0000;
}

#top .btn_seeplan {
	margin:15px 0 5px 0;
	padding:0 0 0 5px;
	clear:both;
	text-align:right;
	color:#000;
}

#top .btn_seeplan img {
	vertical-align:middle;
}





/*----------------------------------------------------
	#wrp_3banner
----------------------------------------------------*/
#top #wrp_3banner {
	margin:20px 0 0 0;
	padding:0;
	width:950px;
	overflow:hidden;
}

#top #wrp_3banner img {
	margin:0;
	margin:0;
}

#top #wrp_3banner a.bn_symons {
	margin:0 10px 0 70px;
	padding:0;
	width:237px;
	float:left;
}



#top #wrp_3banner p.bn_mobile{
	margin:0 10px 0 0;
	padding:0;
	width:310px;
	float:right;
}

#top #wrp_3banner a.bn_longtime {
	margin:0;
	padding:0;
	width:310px;
	float:right;
}






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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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

* html #top .package .txt_plan {
	font-size:10px;
}