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

 file name  :stay.css
 author     :Ability Consultant
 style info :過ごし方ページ専用css　ハックは最下部に記述
=================================================================== */

/* -----------------------------------------------------------
	stay
		過ごし方　共通
----------------------------------------------------------- */

/* #sub - ヘッダ画像指定
------------------------------------------------ */
#stay #wrapper #contents #contents_wrapper #sub h2#pagetitle_stay {
	width: 250px;
	height: 480px;
	margin: 0 0 20px 0;
	background: url(../stay/images/img_titleimage.jpg) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #wrapper #contents #contents_wrapper #sub h2#pagetitle_howtostay1 {
	width: 250px;
	height: 480px;
	margin: 0 0 20px 0;
	background: url(../stay/images/howtostay1/img_titleimage.jpg) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #wrapper #contents #contents_wrapper #sub h2#pagetitle_howtostay2{
	width: 250px;
	height: 480px;
	margin: 0 0 20px 0;
	background: url(../stay/images/howtostay2/img_titleimage.jpg) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #wrapper #contents #contents_wrapper #sub h2#pagetitle_howtostay3{
	width: 250px;
	height: 480px;
	margin: 0 0 20px 0;
	background: url(../stay/images/howtostay3/img_titleimage.jpg) no-repeat 0 0;
	text-indent: -9999px;
}


/* #menu_stay - 過ごし方　メニュー
------------------------------------------------ */

/* ---- メニュー共通 -----*/
#stay #contents #contents_wrapper #main #menu_stay_con {
	width: 680px;
	height: 40px;
	margin: 0 0 20px 0;
	clear: both;
}

#stay #contents #contents_wrapper #main #menu_stay_con ul {
	width: 680px;
	height: 40px;
	background: url(../stay/images/menu_stay.gif) no-repeat 0 0;
}

#stay #contents #contents_wrapper #main #menu_stay_con ul li {
	height: 40px;
	float: left;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main #menu_stay_con ul li a {
	height: 40px;
}

#stay #contents #contents_wrapper #main #menu_stay_con ul li.menu_stay01 {
	width: 188px;
}

#stay #contents #contents_wrapper #main #menu_stay_con ul li.menu_stay01 a:hover,
#stay #contents #contents_wrapper #main #menu_stay_con ul li.menu_stay01 a#active {
	background: url(../stay/images/menu_stay.gif) no-repeat 0 -40px;
}

#stay #contents #contents_wrapper #main #menu_stay_con ul li.menu_stay02 {
	width: 144px;
}

#stay #contents #contents_wrapper #main #menu_stay_con ul li.menu_stay02 a:hover,
#stay #contents #contents_wrapper #main #menu_stay_con ul li.menu_stay02 a#active {
	background: url(../stay/images/menu_stay.gif) no-repeat -188px -40px;
}

#stay #contents #contents_wrapper #main #menu_stay_con ul li.menu_stay03 {
	width: 215px;
}

#stay #contents #contents_wrapper #main #menu_stay_con ul li.menu_stay03 a:hover,
#stay #contents #contents_wrapper #main #menu_stay_con ul li.menu_stay03 a#active {
	background: url(../stay/images/menu_stay.gif) no-repeat -332px -40px;
}

#stay #contents #contents_wrapper #main #menu_stay_con ul li.menu_stay04 {
	width: 128px;
}

#stay #contents #contents_wrapper #main #menu_stay_con ul li.menu_stay04 a:hover {
	background: url(../stay/images/menu_stay.gif) no-repeat -547px -40px;
}


/* -----------------------------------------------------------
	index.htm
		過ごし方トップ
----------------------------------------------------------- */

/* 見出し
------------------------------------------------ */
#stay #contents #contents_wrapper #main div.stay_top_con {
	width: 680px;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main h2#st_stay {
	width: 680px;
	height: 335px;
	background: url(../stay/images/bg_stay_top.gif) no-repeat 0 0;
}


/* Flash
------------------------------------------------ */
#stay #contents #contents_wrapper #main div#stay_flash_menu {
	width: 680px;
	height: 630px;
	margin: -150px 0 30px 0;
	position: relative;
	text-align: center;
	background: url(../stay/images/bg_leaf.gif) no-repeat right 150px;
}




/* -----------------------------------------------------------
	index.htm
		過ごし方トップ
----------------------------------------------------------- */

/* 見出し
------------------------------------------------ */
#stay #contents #contents_wrapper #main div.stay_top_con {
	width: 680px;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main h2#st_stay {
	width: 680px;
	height: 335px;
	background: url(../stay/images/bg_stay_top.gif) no-repeat 0 0;
}


/* Flash
------------------------------------------------ */
#stay #contents #contents_wrapper #main div#stay_flash_menu {
	width: 680px;
	height: 630px;
	margin: -150px 0 30px 0;
	position: relative;
	text-align: center;
	background: url(../stay/images/bg_leaf.gif) no-repeat right 150px;
}



/* -----------------------------------------------------------
	過ごし方共通指定
----------------------------------------------------------- */
#stay #contents #contents_wrapper #main div.stay_list_con {
	width: 680px;
	background: url(../stay/images/bg_wave.gif) repeat-y right 0;
}

#stay #contents #contents_wrapper #main div.stay_list_con p {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	
}

#stay #contents #contents_wrapper #main div.stay_list {
	width: 620px;
	margin: 0 auto 20px auto;
	padding: 0 0 10px 0;
	overflow: hidden;
}

#stay #contents #contents_wrapper #main div.stay_list_left01 {
	width: 310px;
	float: left;
}

#stay #contents #contents_wrapper #main div.stay_list_left02 {
	width: 390px;
	float: left;
}

#stay #contents #contents_wrapper #main div.stay_list_right01 {
	width: 290px;
	float: right;
}

#stay #contents #contents_wrapper #main div.stay_list_right02 {
	width: 210px;
	float: right;
}


#stay #contents #contents_wrapper #main div.stay_list div.imagetop {
	margin: -20px 0 0 0;
	position: relative;
}

#stay #contents #contents_wrapper #main div.stay_list p.bt_stay,
#stay #contents #contents_wrapper #main div.stay_list01 p.bt_stay,
#stay #contents #contents_wrapper #main div.stay_list02 p.bt_stay,
#stay #contents #contents_wrapper #main div.stay_list03 p.bt_stay,
#stay #contents #contents_wrapper #main div.stay_list04 p.bt_stay {
	text-align: right;
}

/* ---- 特別指定 -----*/

/* ---- 写真が飛び出している場合 -----*/
#stay #contents #contents_wrapper #main div.stay_list01 {
	width: 620px;
	margin: 0 auto 20px auto;
	padding: 0 0 10px 0;
	background: url(../stay/images/bg_border_top01.gif) no-repeat 0 0;
	overflow: hidden;
}

#stay #contents #contents_wrapper #main div.stay_list02 {
	width: 620px;
	margin: 0 auto 20px auto;
	padding: 0 0 10px 0;
	background: url(../stay/images/bg_border_top02.gif) no-repeat 0 0;
	overflow: hidden;
}

#stay #contents #contents_wrapper #main div.stay_list03 {
	width: 620px;
	margin: 0 auto 20px auto;
	padding: 0 0 10px 0;
	background: url(../stay/images/bg_border_top02.gif) no-repeat 0 0;
	overflow: hidden;
}

#stay #contents #contents_wrapper #main div.stay_list04 {
	width: 620px;
	margin: 0 auto 20px auto;
	padding: 10px 0;
	overflow: hidden;
}

#stay #contents #contents_wrapper #main div.stay_list01 div.stay_list_left01,
#stay #contents #contents_wrapper #main div.stay_list02 div.stay_list_left01,
#stay #contents #contents_wrapper #main div.stay_list03 div.stay_list_left01,
#stay #contents #contents_wrapper #main div.stay_list04 div.stay_list_left01 {
	margin: 40px 0 0 0;
}

/* ---- 最下部直前（下border消） -----*/
#stay #contents #contents_wrapper #main div.stay_list_none {
	width: 620px;
	margin: 0 auto 20px auto;
	border-bottom: none;
	overflow: hidden;
}

#stay #contents #contents_wrapper #main div.stay_list_none p.bt_stay {
	text-align: right;
}


/* ---- 背景画像ぼかし指定 -----*/
#stay #contents #contents_wrapper #main div.stay_list_con div.stay_bottom {
	width: 680px;
	height: 120px;
	background: url(../stay/images/bg_shades.png) no-repeat 0 0;
	clear: both;
}


/* よるはふけていく */
#stay #contents #contents_wrapper #main div#night_img {
	margin:0px 0px 104px 21px;
	padding:30px 0px 0px 0px;
	width:327px;
	height:70px;
	background: url(../stay/images/howtostay1/img_night.gif) no-repeat left 30px;
	line-height: 1;
	text-indent: -9999px;
	display: block;
}

/*  ---- hr - 水平線 ---- */
#stay .line_01 {
	background: url(../images/icon_line01.gif) repeat-x;
	height: 1px;
	margin: 0 25px 20px 25px;
}



/*======================================
	howtostay1/index.htm
		女性グループでの過ごし方	
======================================*/

/* 見出し
------------------------------------------------ */
#stay #contents #contents_wrapper #main div.stay_stay1top_con {
	width: 680px;
	height: 420px;
	background: url(../stay/images/howtostay1/bg_stay_group.jpg) no-repeat 0 0;
	text-indent: -9999px;
}


/* 過ごし方　各見出し
------------------------------------------------ */
#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay1_01 {
	width: 310px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay1/st_howtostay1_01.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay1_02 {
	width: 310px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay1/st_howtostay1_02.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay1_03 {
	width: 310px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay1/st_howtostay1_03.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay1_04 {
	width: 310px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay1/st_howtostay1_04.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay1_05 {
	width: 390px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay1/st_howtostay1_05.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay1_06 {
	width: 310px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay1/st_howtostay1_06.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay1_07 {
	width: 310px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay1/st_howtostay1_07.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay1_08 {
	width: 310px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay1/st_howtostay1_08.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay1_09 {
	width: 390px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay1/st_howtostay1_09.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay1_10 {
	width: 310px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay1/st_howtostay1_10.gif) no-repeat 0 0;
	text-indent: -9999px;
}


/* 過ごし方　png指定
------------------------------------------------ */
#stay #contents #contents_wrapper #main div.stay_list_con div#group_image01 {
	width: 290px;
	height: 260px;
	background: url(../stay/images/howtostay1/img_howtostay01_01.png) no-repeat 0 0;
}

#stay #contents #contents_wrapper #main div.stay_list_con div#group_image02 {
	width: 290px;
	height: 200px;
	background: url(../stay/images/howtostay1/img_howtostay01_02.png) no-repeat 0 0;
}

#stay #contents #contents_wrapper #main div.stay_list_con div#group_image03 {
	width: 290px;
	height: 160px;
	background: url(../stay/images/howtostay1/img_howtostay03_01.png) no-repeat 0 0;
}

#stay #contents #contents_wrapper #main div.stay_list_con div#group_image05 {
	width: 290px;
	height: 260px;
	background: url(../stay/images/howtostay1/img_howtostay05_01.png) no-repeat 0 0;
}

#stay #contents #contents_wrapper #main div.stay_list_con div#group_image06 {
	width: 290px;
	height: 160px;
	background: url(../stay/images/howtostay1/img_howtostay06_01.png) no-repeat 0 0;
}

#stay #contents #contents_wrapper #main div.stay_list_con div#group_image07 {
	width: 290px;
	height: 160px;
	background: url(../stay/images/howtostay1/img_howtostay07_01.png) no-repeat 0 0;
}

#stay #contents #contents_wrapper #main div.stay_list_con div#group_image08 {
	width: 290px;
	height: 200px;
	background: url(../stay/images/howtostay1/img_howtostay08_01.png) no-repeat 0 0;
}

#stay #contents #contents_wrapper #main div.stay_list_con div#group_image09 {
	width: 290px;
	height: 160px;
	background: url(../stay/images/howtostay1/img_howtostay09_01.png) no-repeat 0 0;
}



/*======================================
	howtostay2/index.htm
		夫婦での過ごし方	
======================================*/

/* 見出し
------------------------------------------------ */
#stay #contents #contents_wrapper #main div.stay_stay2top_con {
	width: 680px;
	height: 420px;
	background: url(../stay/images/howtostay2/bg_stay_couple.jpg) no-repeat 0 0;
	text-indent: -9999px;
}

/* 過ごし方　各見出し
------------------------------------------------ */
#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay2_01 {
	width: 390px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay2/st_howtostay2_01.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay2_02 {
	width: 310px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay2/st_howtostay2_02.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay2_03 {
	width: 310px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay2/st_howtostay2_03.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay2_04 {
	width: 310px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay2/st_howtostay2_04.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay2_05 {
	width: 310px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay2/st_howtostay2_05.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay2_06 {
	width: 310px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay2/st_howtostay2_06.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay2_07 {
	width: 350px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay2/st_howtostay2_07.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay2_08 {
	width: 310px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay2/st_howtostay2_08.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay2_09 {
	width: 310px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay2/st_howtostay2_09.gif) no-repeat 0 0;
	text-indent: -9999px;
}


/* 過ごし方　png指定
------------------------------------------------ */
#stay #contents #contents_wrapper #main div.stay_list_con div#couple_image01 {
	width: 290px;
	height: 260px;
	background: url(../stay/images/howtostay2/img_howtostay01_01.png) no-repeat 0 0;
}

#stay #contents #contents_wrapper #main div.stay_list_con div#couple_image02 {
	width: 290px;
	height: 260px;
	background: url(../stay/images/howtostay2/img_howtostay02_01.png) no-repeat 0 0;
}

#stay #contents #contents_wrapper #main div.stay_list_con div#couple_image03 {
	width: 290px;
	height: 160px;
	background: url(../stay/images/howtostay2/img_howtostay03_01.png) no-repeat 0 0;
}

#stay #contents #contents_wrapper #main div.stay_list_con div#couple_image04 {
	width: 290px;
	height: 160px;
	background: url(../stay/images/howtostay2/img_howtostay04_01.png) no-repeat 0 0;
}

#stay #contents #contents_wrapper #main div.stay_list_con div#couple_image06 {
	width: 290px;
	height: 200px;
	background: url(../stay/images/howtostay2/img_howtostay06_01.png) no-repeat 0 0;
}

#stay #contents #contents_wrapper #main div.stay_list_con div#couple_image08 {
	width: 290px;
	height: 160px;
	background: url(../stay/images/howtostay2/img_howtostay08_01.png) no-repeat 0 0;
}






/* -----------------------------------------------------------
	howtostay3/index.htm
		三世代ファミリーでの過ごし方
----------------------------------------------------------- */

/* 見出し
------------------------------------------------ */
#stay #contents #contents_wrapper #main div.stay_stay3top_con {
	width: 680px;
	height: 420px;
	background: url(../stay/images/howtostay3/bg_stay_family.jpg) no-repeat 0 0;
	text-indent: -9999px;
}


/* 過ごし方　各見出し
------------------------------------------------ */
#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay3_01 {
	width: 310px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay3/st_stay_family01.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay3_02 {
	width: 310px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay3/st_stay_family02.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay3_03 {
	width: 310px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay3/st_stay_family03.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay3_04 {
	width: 390px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay3/st_stay_family04.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay3_05 {
	width: 310px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay3/st_stay_family05.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay3_06 {
	width: 310px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay3/st_stay_family06.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay3_07 {
	width: 310px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay3/st_stay_family07.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#stay #contents #contents_wrapper #main div.stay_list_con h3#st_howtostay3_08 {
	width: 390px;
	height: 69px;
	margin: 0 0 10px 0;
	background: url(../stay/images/howtostay3/st_stay_family08.gif) no-repeat 0 0;
	text-indent: -9999px;
}


/* 過ごし方　png指定
------------------------------------------------ */
#stay #contents #contents_wrapper #main div.stay_list_con div#family_image01 {
	width: 290px;
	height: 260px;
	background: url(../stay/images/howtostay3/img_stay01.png) no-repeat 0 0;
}

#stay #contents #contents_wrapper #main div.stay_list_con div#family_image02 {
	width: 290px;
	height: 200px;
	background: url(../stay/images/howtostay3/img_stay02.png) no-repeat 0 0;
}

#stay #contents #contents_wrapper #main div.stay_list_con div#family_image03 {
	width: 290px;
	height: 160px;
	background: url(../stay/images/howtostay3/img_stay03.png) no-repeat 0 0;
}

#stay #contents #contents_wrapper #main div.stay_list_con div#family_image06 {
	width: 290px;
	height: 200px;
	background: url(../stay/images/howtostay3/img_stay06.png) no-repeat 0 0;
}

#stay #contents #contents_wrapper #main div.stay_list_con div#family_image07 {
	width: 290px;
	height: 160px;
	background: url(../stay/images/howtostay3/img_stay07.png) no-repeat 0 0;
}

#stay #contents #contents_wrapper #main div.stay_list_con div#family_image09 {
	width: 290px;
	height: 315px;
	background: url(../stay/images/howtostay3/img_stay09.png) no-repeat 0 0;
}










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

	hack - 各種cssハック - for IE7

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

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

	hack - 各種cssハック - for IE6

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

* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
} 


/* #menu_stay - 過ごし方　メニュー
------------------------------------------------ */

/* ---- メニュー共通 -----*/
* html #stay #contents #contents_wrapper #main #menu_stay_con {
	margin: 0 0 5px 0;
}