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

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



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

#homepage #header {
	margin:0 auto;
	width:100%;
	height:610px;
	position:relative;
}


/* #gnav
----------------------------------------------------------- */
#homepage #gnav_top {
	bottom:95px;
	left:0;
	width:100%;
	position:absolute;
	background:none;
}


/* ロゴ*/
#homepage #gnav_top #con_gnav_top h1 {
	position:absolute;
	top:0;
	left:0;
	width:225px;
	height:80px;
}


/* 左側の残り背景メユー*/
#homepage #gnav_top .bg_gnav{
	width:50%;
	height:80px;
	bottom:0px;
	left:0px;
	position:absolute;
	z-index:1;
	background:url(../images/home/bg_gnav.gif) left 0 repeat-x;
}

#homepage #gnav_top #con_gnav_top {
	margin:0 auto;
	width:950px;
	height:80px;
	position:relative;
	z-index:2;
}

#homepage #gnav_top #con_gnav_top ul.global {
	padding:0 0 0 245px;
	width:519px;
	height:80px;
	position:relative;
	z-index:2;
	background:url(../images/nav/gnav_top.gif) 0 0 no-repeat;
}

#homepage #gnav_top #con_gnav_top ul.global li {
	text-indent:-9999px;
	float:left;
}

#homepage #gnav_top #con_gnav_top ul.global li a {
	display:block;
	overflow:hidden;
}

#homepage #gnav_top #con_gnav_top ul.global li.gnav_roo a {
	width:46px;
	height:50px;
}
#homepage #gnav_top #con_gnav_top ul.global li.gnav_roo a:hover {
	background:url(../images/nav/gnav_top.gif) -245px -81px;
}


#homepage #gnav_top #con_gnav_top ul.global li.gnav_hsp a {
	width:64px;
	height:50px;
}
#homepage #gnav_top #con_gnav_top ul.global li.gnav_hsp a:hover {
	background:url(../images/nav/gnav_top.gif) -291px -81px;
}


#homepage #gnav_top #con_gnav_top ul.global li.gnav_dng a {
	width:79px;
	height:50px;
}
#homepage #gnav_top #con_gnav_top ul.global li.gnav_dng a:hover {
	background:url(../images/nav/gnav_top.gif) -355px -81px;
}

#homepage #gnav_top #con_gnav_top ul.global li.gnav_fac a {
	width:94px;
	height:50px;
}
#homepage #gnav_top #con_gnav_top ul.global li.gnav_fac a:hover {
	background:url(../images/nav/gnav_top.gif) -434px -81px;
}


#homepage #gnav_top #con_gnav_top ul.global li.gnav_fpn a {
	width:125px;
	height:50px;
}
#homepage #gnav_top #con_gnav_top ul.global li.gnav_fpn a:hover {
	background:url(../images/nav/gnav_top.gif) -528px -81px;
}


#homepage #gnav_top #con_gnav_top ul.global li.gnav_rsv a {
	width:110px;
	height:50px;
}
#homepage #gnav_top #con_gnav_top ul.global li.gnav_rsv a:hover {
	background:url(../images/nav/gnav_top.gif) -653px -81px;
}



#homepage #gnav_top #con_gnav_top ul.global li.gnav_acc a {
	width:63px;
	height:29px;
}
#homepage #gnav_top #con_gnav_top ul.global li.gnav_acc a:hover {
	background:url(../images/nav/gnav_top.gif) -245px -131px;
}


#homepage #gnav_top #con_gnav_top ul.global li.gnav_sgh a {
	width:75px;
	height:29px;
}
#homepage #gnav_top #con_gnav_top ul.global li.gnav_sgh a:hover {
	background:url(../images/nav/gnav_top.gif) -308px -131px;
}


#homepage #gnav_top #con_gnav_top ul.global li.gnav_cnt a {
	width:100px;
	height:29px;
}
#homepage #gnav_top #con_gnav_top ul.global li.gnav_cnt a:hover {
	background:url(../images/nav/gnav_top.gif) -383px -131px;
}


#homepage #gnav_top #con_gnav_top ul.global li.gnav_nws a {
	width:74px;
	height:29px;
}
#homepage #gnav_top #con_gnav_top ul.global li.gnav_nws a:hover {
	background:url(../images/nav/gnav_top.gif) -483px -131px;
}


#homepage #gnav_top #con_gnav_top ul.global li.gnav_faq a {
	width:96px;
	height:29px;
}
#homepage #gnav_top #con_gnav_top ul.global li.gnav_faq a:hover {
	background:url(../images/nav/gnav_top.gif) -557px -131px;
}


/* flash フラッシュ
----------------------------------------------------------- */
#homepage #flash {
	margin:0 auto;
	width:100%;
	height:610px;
}


/* ----------------------------------------------------------- 
	#staypack	ステープラン
----------------------------------------------------------- */

#homepage #con_appeal #staypack h2 {
	margin-top:3px;
	text-align:center;
}

#homepage #con_appeal #staypack h4 {
	margin:10px 0;
}

/* プラン雛形  */
#homepage #con_appeal #staypack .con_staypack {
	margin:0 auto;
	padding-top:10px;
	width:450px;
	height:164px;
	border-left:1px solid #F7F6EF;
	border-right:1px solid #F7F6EF;
	border-bottom:1px solid #F7F6EF;
	overflow:hidden;
}


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

	#contents
	
----------------------------------------------------*/
#homepage #contents {
	background:url(../images/bg_contents.gif) center -50px repeat-y;
}

#homepage #contents #box_contents {
	margin:0 auto;
	padding-top:45px;
	width:950px;
	overflow:hidden;
}


/*----------------------------------------------------
	.bn_main	メインコンテンツのバナー
----------------------------------------------------*/
#homepage #main h3.st_pickup {
	margin-bottom:15px;
}

#homepage #main ul.bn_main {
	margin-bottom:10px;
	width:705px;
	overflow:hidden;
}

#homepage #main ul.bn_main li {
	display:inline;
}

#homepage #main ul.bn_main li.db_banner {
	width:225px;
}

#homepage #main ul.bn_main li .mrg_banner {
	margin-left:15px;
}

#homepage #main .bn_main {
	margin-bottom:10px;
	width:705px;
	overflow:hidden;
}

/*----------------------------------------------------
	.con_info	ブログ＆新着情報
----------------------------------------------------*/

#homepage #main .con_info {
	margin-top:15px;
	padding:20px 20px 0 20px;
	width:665px;
	overflow:hidden;
	border-top:1px solid #E9E6E3;
}


/*	.box_info	ブログ＆新着情報雛形
----------------------------------------------------*/
#homepage #main .con_info .box_info {
	width:320px;
}

#homepage #main .con_info .sepline {
	border-right:1px solid #E9E6E3;
}

#homepage #main .con_info .box_info h3 {
	margin-bottom:25px;
}

#homepage #main .con_info .box_info dl {
	margin-top:15px;
	width:315px;
	font-size:10px;
	_font-size:10px;
	overflow:hidden;
}

#homepage #main .con_info .box_info dt {
	margin-right:10px;
	width:90px;
	text-align:left;
	float:left;
	background:url(../images/home/line.gif) right top repeat-y;
}

#homepage #main .con_info .box_info dd {
	width:200px;
	float:left;
}

#homepage #main .con_info .box_info dl a {
	display:block;
	cursor:pointer;
	width:320px;
	text-decoration:none;
	color:#7EC4A8;
}

#homepage #main .con_info .box_info dl a:hover {
	text-decoration:none;
}

#homepage #main .con_info .box_info dl a p.explain{
	margin-top:10px;
	text-decoration:underline;
}

#homepage #main .con_info .box_info dl a:hover p.explain{
	text-decoration:none;
}

#homepage #main .con_info .box_info dd .date,
#homepage #main .con_info .box_info dd a .date {
	padding:3px;
	color:#fff;
	background:#000;
	display:inline;
	text-decoration:none!important;
}

#homepage #main .con_info .box_info .btn_list {
	margin:20px 25px 0 0;
	text-align:right;
}


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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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

* html{
}