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

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

/*----------------------------------------------------
	#gmenu	グローバルメニュー
----------------------------------------------------*/
#top #wrp_gmenu{
	position:relative;
	z-index:2;
}

/*----------------------------------------------------
	#flash
----------------------------------------------------*/
#top #flash {
	margin:0;
	padding:0;
	width:100%;
	height:400px;
	top:149px;
	left:0;
	position:absolute;
	z-index:1;
}

/* #wrp_search
----------------------------------------------------------- */
#top #wrp_search {
	margin: 0 20px 0 0;
	position: relative;
	z-index: 2;
	float:right;
}

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


/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/
#top #outmain {
	margin:340px 0 0 0;
	padding:0;
	width:950px;
	background:url(../images/top/cnt_background.gif) 0 0 repeat-y;
}

#top #outmain #main {
	margin:0;
	padding:20px 15px 0 0;
	width:935px;
	position:relative;
	z-index: 2;
	overflow:hidden;
	background:url(../images/top/cnt_header.png) 0 0 no-repeat;
}

/*----------------------------------------------------
	
	#cnt_left

----------------------------------------------------------- */
#top #cnt_left {
	margin:0;
	padding:0px 0 50px 20px;
	width:660px;
	float:left;
	overflow:hidden;
}


#top #cnt_left h3#tit_4points {
	margin:0 0 6px 0;
	padding:0;
	width:245px;
	height:18px;
	line-height:18px;
	text-indent:-9999px;
	background:url(../images/top/tit_4points.gif) left top no-repeat;
}


/*----------------------------------------------------
	#cnt_left .topicpath  ぱんクズリスト
----------------------------------------------------*/
#top #cnt_left .topicpath {
	margin:0;
	width:650px;
	text-align: left;
	padding: 0 0 6px 0;
}

#top #cnt_left ul.topicpath li {
	display:inline;
	font-size:90%;
	color:#616161;
	font-size:10px;
}

#top #cnt_left ul.topicpath li a {
	color:#3759A0;
}

#top #cnt_left ul.topicpath li a:hover {
	color:#3759A0;
}

#top #cnt_left ul.topicpath li.home {
	display:inline;
	padding-left: 1.5em;
	background-image: url(../images/ic_topicpath.jpg);
	background-position: left;
	background-repeat: no-repeat;
}


/*----------------------------------------------------
	
	#cnt_right

----------------------------------------------------------- */


/* #m_bestr */
#top #cnt_right #m_bestr {
	margin:0 auto;
}



/*	#wrp_4points

----------------------------------------------------------- */

#top #cnt_left #wrp_4points {
	margin:0;
	padding:13px 0 0 0;
	width:660px;
	overflow:hidden;
	border-top:1px dotted #a0a0a0;
}

#top #cnt_left .cnt_points {
	margin:0 0 20px 0;
	padding:0;
	width:320px;
}

#top #cnt_left .fleft {
	float:left;
}

#top #cnt_left .fright {
	float:right;
}

#top #cnt_left .cnt_points h4 {
	margin:10px 0;
	padding:0;
	width:320px;
	height:18px;
	line-height:18px;
	text-indent:-9999px;
}

#top #cnt_left .cnt_points h4#txt_point01 {
	background:url(../images/top/txt_point01.gif) 0 0 no-repeat;
}

#top #cnt_left .cnt_points h4#txt_point02 {
	background:url(../images/top/txt_point02.gif) 0 0 no-repeat;
}

#top #cnt_left .cnt_points h4#txt_point03 {
	background:url(../images/top/txt_point03.gif) 0 0 no-repeat;
}

#top #cnt_left .cnt_points h4#txt_point04 {
	background:url(../images/top/txt_point04.gif) 0 0 no-repeat;
}

#top #cnt_left .cnt_points p {
	margin:0;
	padding:0;
	width:320px;
}

#top #cnt_left .cnt_points p a {
	text-decoration:none;
	color:#696969;
}

#top #cnt_left .cnt_points p img {
	vertical-align:bottom;
}


/*	#wrp_reccommended

----------------------------------------------------------- */


#top #cnt_left #wrp_titreccommended {
	margin:20px 0 6px 0;
	padding:0 0 6px 0;
	width:660px;
	clear:both;
	overflow:hidden;
	border-bottom:1px dotted #a0a0a0;
}


#top #cnt_left h3#tit_reccommended {
	margin:0;
	padding:0;
	width:171px;
	height:18px;
	line-height:18px;
	text-indent:-9999px;
	float:left;
	background:url(../images/top/tit_reccommended.gif) left top no-repeat;
}

#top #cnt_left p#btn_packages {
	margin:0;
	padding:0;
	float:right;
}


#top #cnt_left #wrp_reccommended {
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	width:660px;
	overflow:hidden;
	clear:both;
	background:url(../images/top/bg_rfooter.gif) 0 bottom no-repeat;
}

#top #cnt_left #bg_rheader {
	margin:0;
	padding:10px 0 0 0;
	width:660px;
	overflow:hidden;
	background:url(../images/top/bg_rheader.gif) 0 top no-repeat;
}

#top #cnt_left #bg_rcontents {
	margin:0;
	padding:0 0 0 11px;
	width:652px;
	overflow:hidden;
	background:url(../images/top/bg_rcontents.gif) 0 top repeat-y;
}


/* .cnt_recc */

#top #cnt_left .cnt_recc {
	margin:0 9px 10px 0;
	padding:0;
	width:310px;
	float:left;
	border:1px dotted #4d3619;
}

#top #cnt_left .cnt_recc a {
	display:block;
	overflow:hidden;
	cursor:pointer;
	text-decoration:none;
	color:#696969;
}
#top #cnt_left .cnt_recc h5 {
	margin:0 0 10px 0;
	padding:0;
	width:290px;
	height:31px;
	line-height:31px;
	text-indent:-9999px;
}

/*----------------------------------------------------
	ホテルのオススメ背景色
----------------------------------------------------*/
#top #cnt_left .cnt_recc a#hotel_bg {
	width:290px;
	padding:10px;
	display:block;
}
#top #cnt_left .cnt_recc a#hotel_bg:hover {
	background-color:#fdf4df;
}
#top #cnt_left .cnt_recc .cnt_txt span.tithotel {
	font-size:14px;
	color:#8c6300;
	font-weight:bold;
}
#top #cnt_left .cnt_recc .cnt_txt span.colhotel {
	color:#8c6300;
}

/*----------------------------------------------------
	ファミリープラン背景色
----------------------------------------------------*/
#top #cnt_left .cnt_recc a#family_bg {
	width:290px;
	padding:10px;
	display:block;
}
#top #cnt_left .cnt_recc a#family_bg:hover {
	background-color:#fef2ef;
}
#top #cnt_left .cnt_recc .cnt_txt span.titfamily {
	font-size:14px;
	color:#d02a03;
	font-weight:bold;
}
#top #cnt_left .cnt_recc .cnt_txt span.colfamily {
	color:#d02a03;
}

/*----------------------------------------------------
	ビジネスプラン背景色
----------------------------------------------------*/
#top #cnt_left .cnt_recc a#biz_bg {
	width:290px;
	padding:10px;
	display:block;
}
#top #cnt_left .cnt_recc a#biz_bg:hover {
	background-color:#eff4fe;
}
#top #cnt_left .cnt_recc .cnt_txt span.titbiz {
	font-size:14px;
	color:#2a4787;
	font-weight:bold;
}
#top #cnt_left .cnt_recc .cnt_txt span.colbiz {
	color:#2a4787;
}

/*----------------------------------------------------
	女性背景色
----------------------------------------------------*/
#top #cnt_left .cnt_recc a#woman_bg {
	width:290px;
	padding:10px;
	display:block;
}
#top #cnt_left .cnt_recc a#woman_bg:hover {
	background-color:#fef3fd;
}
#top #cnt_left .cnt_recc .cnt_txt span.titwoman {
	font-size:14px;
	color:#992e8b;
	font-weight:bold;
}
#top #cnt_left .cnt_recc .cnt_txt span.colwoman {
	color:#992e8b;
}


#top #cnt_left .cnt_recc h5#tit_hotelrecom {
	background:url(../images/top/tit_hotelrecom.gif) 0 0 no-repeat;
}


#top #cnt_left .cnt_recc h5#tit_familiypack {
	background:url(../images/top/tit_familiypack.gif) 0 0 no-repeat;
}

#top #cnt_left h5#tit_bussinesspack {
	background:url(../images/top/tit_bussinesspack.gif) 0 0 no-repeat;
}

#top #cnt_left .cnt_recc h5#tit_womanpack {
	background:url(../images/top/tit_womanpack.gif) 0 0 no-repeat;
}

#top #cnt_left .cnt_recc .cnt_txt {
	margin:0 0 10px 0;
	padding:0;
	width:290px;
	overflow:hidden;
}

#top #cnt_left .cnt_recc .nomargin {
	margin:0;
}

#top #cnt_left .cnt_recc .cnt_txt img {
	margin:0;
	padding:3px;
	border:1px solid #b1b0b0;
	float:left;
}

#top #cnt_left .cnt_recc .cnt_txt p {
	margin:0;
	padding:0;
	float:right;
	width:190px;
	font-size:10px;
}

#top #cnt_left .cnt_recc .cnt_txt span.red {
	color:#820000;
}



/*	#news

----------------------------------------------------------- */
#top #cnt_left #news {
	margin:50px 0 0 0;
	padding:0 0 0 0;
	width:660px;
	clear:both;
	overflow:hidden;
}

#top #cnt_left #news #news_header {
	margin:0 0 0 0;
	padding:0 0 6px 0;
	width:660px;
	overflow:hidden;
	border-bottom:1px dotted #a3a3a3;
}

#top #cnt_left #news h4 {
	margin:0 0 10px 0;
	padding:0;
	width:110px;
	height:18px;
	line-height:18px;
	text-indent:-9999px;
	float:left;
	background:url(../images/top/tit_news.gif) 0 0 no-repeat;
}

#top #cnt_left #news p.btn_seenews {
	margin:0;
	padding:0;
	width:128px;
	float:right;
}

#top #cnt_left #news .cnt_news {
	margin:0 0 0 10px;
	padding:15px 0 15px 0;
	width:650px;
	clear:both;
	border-bottom:1px dotted #a9a9a9;
	overflow:hidden;
}
#top #cnt_left #news .cnt_news a {
	display:block;
	overflow:hidden;
	cursor:pointer;
	text-decoration:none;
}
#top #cnt_left #news .cnt_news:hover {
	background-color:#e7eaf1;
}

#top #cnt_left #news .cnt_news img {
	margin:0 13px 0 0;
	padding:4px;
	float:left;
	border:1px solid #d3d3d3;
}

#top #cnt_left #news .cnt_news .cnt_txt {
	margin:0;
	padding:0;
	float:left;
	width:550px;
}

#top #cnt_left #news .cnt_news .cnt_txt h5 {
	margin:0 0 10px 0;
	padding:5px;
	float:left;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	background-color:#3d3c3c;
	text-decoration:none;
	overflow:hidden;
}



#top #cnt_left #news .cnt_news .cnt_txt p {
	clear:left;
}




#top #cnt_left #news .cnt_news .cnt_txt p {
	clear:left;
}


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

	#mobile_form 携帯送信フォーム

=======================================*/
#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 #top #outmain {
	margin:10px 0 0 0;
}
*:first-child+html #top #contents {
	position: relative; 
	z-index:1;
}

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

	hack - 各種cssハック - for IE6

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

* html #top #outmain {
	margin:10px 0 0 0;
}
* html #top #contents {
	position: relative; 
	z-index:1;
}