@charset "Shift_JIS";

/*=========================================================================
種別 ：
サイト共通レイアウトフォーマット
適用 ：
/star/
=========================================================================*/

/*
外枠
=========================================================================*/
body{
	margin:0;
	padding:0;
	text-align:center;
	background:#fff;
	color:#333;
}
#CONTAINER{
	width:970px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
/*
 コンテンツ幅バリエーション
-------------------------------------------------------------------------*/
#SECOND-CONTAINER_S {
	margin:0 auto;
	width:640px;
}
#SECOND-CONTAINER_S .main_content {
	margin-bottom:40px;
}

#contents770 {
	width:770px;
	margin:0 0 0 100px;
}




/*
ヘッダ HEADER
=========================================================================*/
#HEADER{
	line-height:1.4;
}

/*
ヘッダ上部
--------------------------------------*/
#HEADER #HEADER-MAIN {
	padding:10px 10px 0 0;
	background:url(/resources_info/images/header/header_main_bg.gif) repeat-x left bottom;
}
#HEADER #HEADER-MAIN .ci {
	float: left;
	margin-left: 9px;
	padding-top:7px;
	width:231px;
	background:url(/images/icon_season.gif) no-repeat 162px 6px;
	text-align:left;
}

/*
ログイン情報、ユーティリティリンク、グローバルナビ
--------------------------------------*/
#HEADER #HEADER-MAIN .naviArea {
	float: right;
	width:720px;
}
#HEADER #HEADER-MAIN .naviArea .welcomeAndLinks p {
	float:left;
	padding-top:1px;
	font-size:85%;
}
#HEADER #HEADER-MAIN .naviArea .welcomeAndLinks p strong {
	padding:0 1em 0 0;
}
#HEADER #HEADER-MAIN .naviArea .welcomeAndLinks p span {
	padding:0 1em 0 0;
}
#HEADER #HEADER-MAIN .naviArea .welcomeAndLinks p span em {
	color:#cc0000;
}
#HEADER #HEADER-MAIN .naviArea .welcomeAndLinks ul {
	float:right;
}
/*
ユーティリティリンク
--------------------------------------*/
#HEADER #HEADER-MAIN .naviArea .utilityLinks {
	padding-top:1px;
	font-size:85%;
	float:left;
}
#HEADER #HEADER-MAIN .naviArea .utilityLinks li {
	display: inline;
	margin-left:16px;
}
/* インフォメーション */
#HEADER #HEADER-MAIN .naviArea p.information {
	margin-top:3px;
	padding:3px;
	background-color:#eff4fa;
}
#HEADER #HEADER-MAIN .naviArea p.information a {
	padding:2px 0 2px 28px;
	/* background */
	font-size:85%;
}


/*
グローバルナビゲーション
--------------------------------------
#HEADER #HEADER-MAIN .grobalNavigation {
	clear:both;
	padding-top: 9px;
	text-align:left;
}
* html #HEADER #HEADER-MAIN .grobalNavigation { padding-top: 7px; }
*:first-child+html #HEADER #HEADER-MAIN .naviArea .grobalNavigation { padding-top: 7px; }

#HEADER #HEADER-MAIN .grobalNavigation li {
	display:inline;
}
#HEADER #HEADER-MAIN .grobalNavigation li a,
#HEADER #HEADER-MAIN .grobalNavigation li span {
	display:block;
	float:left;
	padding:0 1px 0 0;
}
#HEADER #HEADER-MAIN .grobalNavigation li a img,
#HEADER #HEADER-MAIN .grobalNavigation li span img {
	vertical-align:bototm;
}
*/
/* アイソレーション 
#HEADER #HEADER-MAIN .grobalNavigation li.isolation a,
#HEADER #HEADER-MAIN .grobalNavigation li.isolation span {
	margin:0 21px 0 0;
}
*/

/* タブなし
#HEADER.notab #HEADER-MAIN {
	padding:10px 10px 20px 0;
	background:url(/resources_info/images/header/header_notab_bg.gif) repeat-x left bottom;
}
 */


/*
グローバルナビゲーション
--------------------------------------*/
#HEADER #HEADER-MAIN #grobalNavigationContainer {
	clear:both;
	padding-top:4px;
}
#HEADER #HEADER-MAIN #grobalNavigationContainer table,
#HEADER #HEADER-MAIN #grobalNavigationContainer table td {
	border:0;
	padding:0;
	border-collapse: collapse;
	vertical-align:bottom;
}
#HEADER #HEADER-MAIN #grobalNavigationContainer .grobalNavigation {
	margin:0;
	padding:0;
}
#HEADER #HEADER-MAIN #grobalNavigationContainer .grobalNavigation li {
	float:left;
	margin-right:1px;
}
#HEADER #HEADER-MAIN #grobalNavigationContainer .grobalNavigation li a,
#HEADER #HEADER-MAIN #grobalNavigationContainer .grobalNavigation li span {
	display:block;
}
#HEADER #HEADER-MAIN #grobalNavigationContainer .grobalNavigation li a img,
#HEADER #HEADER-MAIN #grobalNavigationContainer .grobalNavigation li span img {
	vertical-align:bototm;
}
#HEADER #HEADER-MAIN #grobalNavigationContainer .grobalNavigation li.gnHotel {
	height:34px;
	width:474px;
	background:url(/resources_info/images/header/header_hotel_bg_def.gif) repeat-x left bottom;
	position:relative;
}
#HEADER #HEADER-MAIN #grobalNavigationContainer .grobalNavigation li.gnHotel ul {
	position:absolute;
	top:11px;
	left:22px;
}
#HEADER #HEADER-MAIN #grobalNavigationContainer .grobalNavigation li.gnHotel ul li {
	margin-right:10px;
	float:left;
}
/* gnHotelカレント */
#HEADER #HEADER-MAIN #grobalNavigationContainer .grobalNavigation li.gnHotel.cur {
	background:url(/resources_info/images/header/header_hotel_bg_cur.gif) repeat-x left bottom;
}
#HEADER #HEADER-MAIN #grobalNavigationContainer .grobalNavigation li.gnHotel.cur ul {
	top:9px;
	left:22px;
}
#HEADER #HEADER-MAIN #grobalNavigationContainer td.tabs {
	width:824px;
}
#HEADER #HEADER-MAIN #grobalNavigationContainer td.serchTheme {
	font-size:85%;
	vertical-align:middle;
}
/* タブなし */
#HEADER.notab #HEADER-MAIN {
	padding:10px 10px 20px 0;
	background:url(/resources_info/images/header/header_notab_bg.gif) repeat-x left bottom;
}




/*ヘッダー ： サブウィンドウ用ショート*/
#HEADER_S {
width:800px;
}
/*h1 埋め込み*/
#HEADER_S h1 {
display:none;
}
/*タスク文*/
#HEADER_S p.head_task {
text-align:right;
color:#666666;
padding-bottom:5px;
}
/*インクルードパーツ*/
#HEADER_S div.header {
background: url(/resources_info/images/header/header_sub_bg.gif) repeat-x left bottom;
border-bottom: 1px solid #e5e5e5;
padding: 10px 6px 5px 8px;
margin: 0 0 10px 0;
height: 55px;
}
#HEADER_S div.header div.logo {
float: left;
}
#HEADER_S ul.head-menu-list {
float: right;
width: 300px;
text-align: right;
margin: 21px 0 5px 0;
}
#HEADER_S ul.head-menu-list li {
margin: 0 0 0 12px;
display: inline;
}
#HEADER_S ul.head-btn {
float: right;
width: 460px;
text-align: right;
}
#HEADER_S ul.head-btn li {
display: inline;
margin: 0 0 0 8px;
line-height: 0;
font-size: 0;
}
#HEADER_S p.welcome {
float: right;
font-weight: bold;
margin: 10px 8px 0 200px;
}



/*
 ヘッダー・グローバルメニュー領域
--------------------------------------*/
#GlobalHeaderWrap{margin-top:19px;width:970px;text-align:center;padding-bottom:4px;}
#GlobalHeaderWrap div.wrap{margin:0 auto;text-align:center;position:relative;}
#GlobalHeaderWrap div.left{width:970px;margin:0 auto;text-align:left;}
#GlobalHeaderWrap div.right{position:absolute;top:0;right:0;text-align:left;}
#GlobalHeaderWrap div.left div.inner{margin-left:5px;}
#GlobalHeaderWrap div.right div.inner{margin-right:5px;}

/*
 ヘッダー領域
--------------------------------------*/
#GlobalHead{margin:0 !important;padding-bottom:11px;}
#GlobalHead div.left #headMenu{margin-left:245px;font-size:12px;color:#333;float:none;width:auto;}
#GlobalHead div.left #headMenu #h-point em{font-style:normal;font-weight:bold;color:#c00;}
#GlobalHead div.left #headMenu ul.info{margin-top:24px;float:right;background:#fff2e9;padding:2px 8px 2px 0;line-height:19px;font-size:inherit;border:1px solid #ffddc2;overflow:hidden;}
#GlobalHead div.left #headMenu ul.info li{display:inline;margin-left:10px;}
#GlobalHead div.left #headMenu ul.info li a{background:url("/resources_info/images/icn/icn_arrow_box_orange.png") 0 center no-repeat;padding-left:16px;}
#GlobalHead div.right ul{}
#GlobalHead div.right li{display:inline;margin-left:4px;}
#GlobalHead div.left div.topLogo{float:left;width:230px;background:url("//rurubu.travel/images/icon_season.gif") right bottom no-repeat;margin:0;}

/*
 グローバルメニュー領域
--------------------------------------*/
#GlobalMenu{border-top:3px solid #369ef0;padding-top:1px;background:url("//rurubu.travel/search/images/bg_global_menu_sub.png") 0 0 repeat-x;}
#GlobalMenu ul.mainMenu{float:left;background:none;width:auto;height:auto;margin:0;position:static;}
#GlobalMenu ul.mainMenu li{float:left;height:41px;position:static;top:0;}
#GlobalMenu ul.mainMenu li.cur{background:#f7f7f7;}
#GlobalMenu ul.mainMenu li.menu1{width:128px;}
#GlobalMenu ul.mainMenu li.menu2{width:120px;}
#GlobalMenu ul.mainMenu li.menu3{width:106px;}
#GlobalMenu ul.mainMenu li.menu4{width:114px;}
#GlobalMenu ul.mainMenu li.menu5{width:146px;}
#GlobalMenu ul.mainMenu li a{display:block;height:40px;line-height:40px;white-space:nowrap;border-right:1px solid #d6d6d6;text-align:center;font-size:14px;font-weight:bold;color:#3c3c3c;text-decoration:underline;overflow:auto;text-indent:0;}
#GlobalMenu ul.mainMenu li.cur a{border-right-color:#f7f7f7;}
#GlobalMenu ul.mainMenu li a:hover{color:#ff6800;}
#GlobalMenu ul.subMenu{clear:both;height:auto;background:none;width:auto;margin:0;position:static;}
#GlobalMenu ul.subMenu li{float:left;font-size:13px;font-weight:bold;background:url("//rurubu.travel/search/images/icn/icn_arrow_right.png") 0 center no-repeat;padding:4px 0 4px 2px;margin-right:19px;position:static;top:0;height:21px;}
#GlobalMenu ul.subMenu li a{display:inline-block;#display:inline;#zoom:1;line-height:21px;color:#505050;text-decoration:underline;padding:0 7px;height:auto;overflow:auto;text-indent:0;}
#GlobalMenu ul.subMenu li a:hover{color:#ff6800;}
#GlobalMenu ul.subMenu li.cur{background:none;}
#GlobalMenu ul.subMenu li.cur a{background:#f83543;color:#fff;text-decoration:none;}
#GlobalMenu ul.subMenu li.cur a:hover{color:#fff;}
#GlobalMenu p.GlobalMenuBtn span{display:inline-block;*display:inline;*zoom:1;height:25px;line-height:25px;font-size:13px;font-weight:bold;white-space:nowrap;background:#e2ebf8;border-bottom:3px solid #b3bdc9;}
#GlobalMenu p.GlobalMenuBtn span a{display:inline-block;*display:inline;*zoom:1;height:25px;line-height:25px;padding:0 25px;text-decoration:underline;}
#GlobalMenu p.GlobalMenuBtn span, #GlobalMenu p.GlobalMenuBtn span a{color:#505050;}
#GlobalMenu p.GlobalMenuBtn span:hover, #GlobalMenu p.GlobalMenuBtn span a:hover{color:#ff6800;}
#GlobalMenu div.left p.GlobalMenuBtn span{float:left;margin:6px 0 0 9px;}
#GlobalMenu div.right p.GlobalMenuBtn span{margin:6px 0 0 0;}
#GlobalMenu p.GlobalMenuBtn span.cur{background:#f83543;border-bottom:0;}
#GlobalMenu p.GlobalMenuBtn span.cur a{text-decoration:none;}
#GlobalMenu p.GlobalMenuBtn span.cur, #GlobalMenu p.GlobalMenuBtn span.cur a{color:#fff;}
#GlobalMenu p.GlobalMenuBtn span.cur:hover, #GlobalMenu p.GlobalMenuBtn span.cur a:hover{color:#fff;}




/*
 コンテンツメインエリア MAIN
=========================================================================*/
#MAIN{
	margin:20px 0 0 0;
	padding:0;
	width:970px;
}

/* 左検索系機能領域 leftFunction --------------------------------------------*/
#MAIN .leftFunction {
	width:190px;
	float:left;
}

/* 右検索結果領域 resultContents --------------------------------------------*/
#MAIN .resultContents {
	width:770px;
	float:right;
}

/* 検索結果詳細領域 detailContents --------------------------------------------*/
#MAIN .detailContents {
	width:970px;
}



/*
フッタ FOOTER
=========================================================================*/
#FOOTER {
	font-size:85%;
	padding-bottom:1em;
}
#FOOTER .powerdBy {
	padding: 30px 0 10px 0;
}
#FOOTER .powerdBy img {
	display:block;
	float:left;
}
#FOOTER .powerdBy p {
	float:right;
}
/* 目的から旅行を探す */
#FOOTER dl {
	padding:8px 10px 8px 50px;
	/* background-color */
}
#FOOTER dt {
	font-weight:bold;
	float:left;
	width:11em;
}
#FOOTER dd ul li {
	display: inline;
	float:left;
	color:#666666;
}
#FOOTER dd ul li a {
	padding:0 11px;
}
/* ユーティリティリンク */
#FOOTER ul.utilityLink {
	float:left;
	padding:10px 0 0 8px;
}
#FOOTER ul.utilityLink li {
	display:inline;
	padding-right:14px;
}

#FOOTER p.copyRight {
	text-align:right;
	padding:10px 0 0 0;
}

/* フッターエリア（id:FOOTER）
---------------------------------------------------------------------------*/

/*タスク文*/
#FOOTER p.foot_task {
text-align:right;
color:#666666;
margin:0;
padding:0;
}
/*インクルードパーツ*/
#FOOTER div.footer {
border-top: 1px solid #e5e5e5;
margin: 10px 0 0;
padding: 10px 8px;
}
#FOOTER div.footer ul.foot-menu-list {
margin:0;
padding:0;
}
#FOOTER div.footer ul.foot-menu-list li {
float: left;
margin: 0 15px 0 0;
}
#FOOTER div.footer p.copyright-paragraph {
float: right;
}

/*フッター ： サブウィンドウ用ショート*/
#FOOTER_S{
margin:0;
padding:0;
width:800px;
}
/*タスク文*/
#FOOTER_S p.foot_task {
text-align:right;
color:#666666;
margin:0;
padding:0;
}
/*インクルードパーツ*/
#FOOTER_S div.footer {
border-top: 1px solid #e5e5e5;
margin: 10px 0 0;
padding: 10px 8px;
font-size:88%;
}
#FOOTER_S div.footer p.copyright-paragraph {
text-align:right;
padding:0;
}




/*
拡大画像画面 PHOTO-LARGE
=========================================================================*/
/*
外枠
--------------------------------------*/
#PHOTO-LARGE #CONTAINER {
	margin:0 auto;
	width:800px;
}
/*
ヘッダ HEADER
--------------------------------------*/
#PHOTO-LARGE #HEADER .header {
	background: url(/resources_info/images/header/header_subwin_bg.jpg) repeat-x left bottom;
	border-bottom: 1px solid #e5e5e5;
	padding: 18px 6px 15px 8px;
	margin: 0 0 10px 0;
}
#PHOTO-LARGE #HEADER .header .logo {
	float: left;
}
#PHOTO-LARGE #HEADER .headMenu {
	float: right;
	width: 300px;
	text-align: right;
	margin: 15px 0 5px 0;
}
#PHOTO-LARGE #HEADER .headMenu li {
	margin: 0 0 0 12px;
	display: inline;
}
#PHOTO-LARGE #HEADER .headMenu a {
	padding: 0 0 2px 14px;
	margin: 0 0 0 3px;
	background:url(/search/images/icn/icn_close.gif) no-repeat 0 0;
}
/*
メインコンテンツ
--------------------------------------*/
/*タイトル*/
#PHOTO-LARGE .title{
	margin:20px 0 0;
	padding:10px;
	width:780px;
	background:#edf4fe;
}
#PHOTO-LARGE .title h2{
	float:left;
}
#PHOTO-LARGE .anchor{
	float:right;
	color:#827e75;
}
/*画像*/
#PHOTO-LARGE .photo{
	margin:30px 20px 0;
	padding:30px 80px;
	border:1px solid #e4e4e4;
	text-align:center;
}
#PHOTO-LARGE .photo .image{
	margin:0;
}
#PHOTO-LARGE .photo .text{
	margin:10px 0 0;
	text-align:left;
}
#PHOTO-LARGE .anchpoint {
	display:block;
	padding:5px;
}
/*
フッタ FOOTER
--------------------------------------*/
#PHOTO-LARGE #FOOTER{
	margin:40px 0 0;
	padding:0;
	width:640px;
}
/*タスク文*/
#PHOTO-LARGE #FOOTER .footTask {
	text-align:right;
	color:#666666;
	margin:0;
	padding:0;
}
#PHOTO-LARGE #FOOTER .footer {
	border-top: 1px solid #e5e5e5;
	margin: 10px 0 0;
	padding: 10px 8px;
	font-size:88%;
}
#PHOTO-LARGE #FOOTER .footer .copyright {
	text-align:right;
	padding:0;
}





/*
 クリアオブジェクトまとめ
 （floatをしている親オブジェクトに対して定義）
=========================================================================*/
#PHOTO-LARGE #HEADER .header:after,
#HEADER-MAIN:after,
#HEADER-MAIN .welcomeAndLinks:after,
#HEADER #HEADER-MAIN #grobalNavigationContainer:after,
#HEADER #HEADER-MAIN .naviArea .grobalNavigation:after,
#HEADER #HEADER-MAIN .naviArea .grobalNavigation ul:after,
#HEADER #HEADER-SUB:after,
#FOOTER .powerdBy:after,
#FOOTER dl:after,
#FOOTER dd ul:after,
#FOOTER ul.utilityLink:after,
#MAIN:after,
#PHOTO-LARGE .title:after
{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

#PHOTO-LARGE #HEADER .header,
#HEADER-MAIN,
#HEADER-MAIN .welcomeAndLinks,
#HEADER #HEADER-MAIN #grobalNavigationContainer,
#HEADER #HEADER-MAIN .naviArea .grobalNavigation,
#HEADER #HEADER-MAIN .naviArea .grobalNavigation ul,
#HEADER #HEADER-SUB,
#FOOTER .powerdBy,
#FOOTER dl,
#FOOTER dd ul,
#FOOTER ul.utilityLink,
#MAIN,
#PHOTO-LARGE .title
{ display:inline-table; min-height:1%; }

/* \*/
html #PHOTO-LARGE #HEADER .header,
html #HEADER-MAIN,
html #HEADER-MAIN .welcomeAndLinks,
html #HEADER #HEADER-MAIN #grobalNavigationContainer,
html #HEADER #HEADER-MAIN .naviArea .grobalNavigation,
html #HEADER #HEADER-MAIN .naviArea .grobalNavigation ul,
html #HEADER #HEADER-SUB,
html #FOOTER .powerdBy,
html #FOOTER dl,
html #FOOTER dd ul,
html #FOOTER ul.utilityLink,
html #MAIN,
#PHOTO-LARGE .title
{ * height:1%; }

#PHOTO-LARGE #HEADER .header,
#HEADER-MAIN,
#HEADER-MAIN .welcomeAndLinks,
#HEADER #HEADER-MAIN #grobalNavigationContainer,
#HEADER #HEADER-MAIN .naviArea .grobalNavigation,
#HEADER #HEADER-MAIN .naviArea .grobalNavigation ul,
#HEADER #HEADER-SUB,
#FOOTER .powerdBy,
#FOOTER dl,
#FOOTER dd ul,
#FOOTER ul.utilityLink,
#MAIN,
#PHOTO-LARGE .title
{ display:block; }
/* */