@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;
}

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

/*
ヘッダ上部
--------------------------------------*/
#HEADER #HEADER-MAIN {
	width:950px;
	padding:10px ;
	/*101206_del
	background:url(/resources/images/header/header_main_bg.gif) repeat-x left bottom;
	*/
}
#HEADER #HEADER-MAIN .ci {
	float: left;
	padding-top:5px;
	width:220px;
	/*
	background:url(http://info.rurubu.travel/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:5px;
	padding:3px;
	background:url(/Common/images/header/icn_info.gif) no-repeat 3px 50% #eff4fa;
	padding:3px 3px 3px 31px;
	font-size:85%;
	text-align:left;
}
#HEADER #HEADER-MAIN .naviArea p.information a {
	padding:2px 0px;
	/*
	2010/04 ヘッダー内、infoのレイアウト変更により削除
	font-size:85%;
	*/
}
/* ANA Step予約 メッセージ */
#HEADER #HEADER-MAIN .naviArea p.anaStepMessage {
	margin-top:5px;
	padding:3px;
	background-color:#FFE1CC;
}
#HEADER #HEADER-MAIN .naviArea p.anaStepMessage span {
	padding:2px;
	/* background */
	font-size:85%;
	color:#FF6800;
}





/*
グローバルナビゲーション
--------------------------------------
#HEADER #HEADER-MAIN .grobalNavigation {
	clear:both;
	padding-top: 5px;
	text-align:left;
}

#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/images/header/header_notab_bg.gif) repeat-x left bottom;
}
 */


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


#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/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(/Common/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(/Common/images/header/header_notab_bg.gif) repeat-x left bottom;
}






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

/* 左検索系機能領域 leftFunction --------------------------------------------*/
/* 2011/1/12改修 左右カラム入替え */
#MAIN .leftFunction {
	width:190px;
	float:right;
}

/* 右検索結果領域 resultContents --------------------------------------------*/
/* 2011/1/12改修 左右カラム入替え */
#MAIN .resultContents {
	width:770px;
	float:left;
}

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



/*
フッタ FOOTER
=========================================================================*/
#FOOTER {
	font-size:85%;
	padding-bottom:1em;
}
#FOOTER .powerdBy {
	padding: 30px 0 5px 0;
}
#FOOTER .powerdBy img {
	display:block;
}
#FOOTER .powerdBy p{
	text-align:right;
}
#FOOTER div.twoLine {
	padding:10px 0 0 0;
	text-align: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;
}



/*
拡大画像画面 PHOTO-LARGE
=========================================================================*/
/*
外枠
--------------------------------------*/
#PHOTO-LARGE #CONTAINER {
	margin:0 auto;
	width:640px;
}
/*
ヘッダ HEADER
--------------------------------------*/
#PHOTO-LARGE #HEADER .header {
	background: url(/Common/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:620px;
	background:#edf4fe;
}
#PHOTO-LARGE .title h3{
	float:left;
}
#PHOTO-LARGE .anchor{
	float:right;
	color:#827e75;
}
/*画像*/
#PHOTO-LARGE .photo{
	margin:30px 40px 0;
	padding:30px 80px;
	width:400px;
	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; }
/* */


/*-101207タブ改修--------------------------------------------------------------------------------------------------*/
#CONTAINER div#navi .clearfix:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}
#CONTAINER div#navi .clearfix{
   display:inline-block;
   min-height:1%;  /* for IE 7 and MacIE5.5*/
}
/* Hides from IE-mac \*/
*html div#navi .clearfix{height: 1%;}
div#navi .clearfix{display: block;}
/* for ie5,6*/
div#navi,
div#navi a,
div#navi ul,
div#navi li{
	border: 0px none;color:#000;font-style:normal;text-decoration:none;margin:0;padding:0;list-style:none;
}


#CONTAINER div#navi{
	font-size:12px;
	width:970px;
	margin:0 auto;
}

#CONTAINER div#navi a{
	color:#333;
	text-decoration:none;
}
#CONTAINER div#navi a:hover {
	color:#ff0000;
	text-decoration:underline;
}

#CONTAINER div#navi ul{
	height:14px;
	padding:12px 0 8px;
	background-image: url(/Common/images/header/navi_bg.jpg?v=201105);
	float:left;
}

#CONTAINER div#navi ul.cur{
	padding:10px 0;
	background-image: url(/Common/images/header/navi_cur_bg.jpg?v=201105);
}

#CONTAINER div#navi ul li{
	white-space:nowrap;
	/*padding:0 10px;*/
	padding:0 11px;
	border-right:1px solid #999;
	float:left;
}

#CONTAINER div#navi ul.cur li.cur a{
	font-weight:bold;
}

#CONTAINER div#navi ul li.last{
	padding:0 0 0 10px;
	padding:0 0 0 11px;
	border-right: none;
	float:left;
}

#CONTAINER div#navi ul#hotel{
	width:610px;
	background-repeat: no-repeat;
	padding-left:24px;
	background-position:0 0;
	letter-spacing:1px;
}
#CONTAINER div#navi ul#tour{
	width:167px;
	background-repeat: no-repeat;
	padding-left:67px;
	background-position:-634px 0;
}
#CONTAINER div#navi ul#plane{
	width:84px;
	background-repeat: no-repeat;
	padding-left:18px;
	background-position:-868px 0;
}


* html #CONTAINER div#navi ul#hotel{
	width:634px;
}
* html #CONTAINER div#navi ul#tour{
	width:234px;
}
* html #CONTAINER div#navi ul#plane{
	width:102px;
}


/*-- 110908 ヘッダ改修 --------------------------------------------------------------------------------------------------*/
#GlobalHead { margin:10px 0 12px 0; text-align:left; }
#GlobalHead p#headLogo { float:left; width:230px; background:url(http://info.rurubu.travel/images/icon_season.gif) right bottom no-repeat; margin-top:3px; }
#GlobalHead div#headMenu { float:right; width:730px; }
#GlobalHead div#headMenu div p { float:left; font-size:85%; }
#GlobalHead div#headMenu div p span.name {}
#GlobalHead div#headMenu div p span.point { color:#cc0000; }
#GlobalHead div#headMenu div ul { float:right; }
#GlobalHead div#headMenu div ul li { display:inline; margin-left:4px; font-size:85%; }
#GlobalHead div#headMenu p.info { background:#EFF4FA url(/Common/images/icon/icn_info.gif) 3px 50% no-repeat; font-size:85%; margin-top: 5px; padding: 3px 3px 3px 31px; }

#GlobalMenu ul { position:relative; width:970px; height:34px; background:url(/Common/images/header/gm_bg.gif) no-repeat; margin-bottom:3px; }
#GlobalMenu ul.hotel   { background:url(/Common/images/header/gm_hotel.gif) no-repeat; }
#GlobalMenu ul.tour    { background:url(/Common/images/header/gm_tour.gif) no-repeat; }
#GlobalMenu ul.plane   { background:url(/Common/images/header/gm_plane.gif) no-repeat; }
#GlobalMenu ul.rentcar { background:url(/Common/images/header/gm_rentcar.gif) no-repeat; }
#GlobalMenu ul.oversea { background:url(/Common/images/header/gm_oversea.gif) no-repeat; }
#GlobalMenu li { position:absolute; }
#GlobalMenu li { top:10px; }
#GlobalMenu li a { display:block; height:16px; text-indent:-99999px; overflow: hidden; }
#GlobalMenu li#GMhotel    { width: 79px; left: 24px; }
#GlobalMenu li#GMbusiness { width: 77px; left:119px; }
#GlobalMenu li#GMstar     { width: 91px; left:210px; }
#GlobalMenu li#GMpension  { width:136px; left:316px; }
#GlobalMenu li#GMonsen    { width: 79px; left:467px; }
#GlobalMenu li#GMtour     { width: 87px; left:601px; }
#GlobalMenu li#GMplane    { width: 64px; left:720px; }
#GlobalMenu li#GMrentcar  { width: 84px; left:819px; }
#GlobalMenu li#GMoversea  { width: 36px; left:923px; }
#GlobalMenu li#GMhotel a    { background:url(/Common/images/header/gm_01hotel.gif) no-repeat; }
#GlobalMenu li#GMhotel a:hover { background-position:0 -16px;}
#GlobalMenu li#GMhotel a.cur { background-position:0 -32px; }
#GlobalMenu li#GMhotel a.cur:hover { background-position:0 -48px;}
#GlobalMenu li#GMbusiness a { background:url(/Common/images/header/gm_02business.gif) no-repeat; }
#GlobalMenu li#GMbusiness a:hover { background-position:0 -16px;}
#GlobalMenu li#GMbusiness a.cur { background-position:0 -32px; }
#GlobalMenu li#GMbusiness a.cur:hover { background-position:0 -48px;}
#GlobalMenu li#GMstar a     { background:url(/Common/images/header/gm_03star.gif) no-repeat; }
#GlobalMenu li#GMstar a:hover { background-position:0 -16px;}
#GlobalMenu li#GMstar a.cur { background-position:0 -32px; }
#GlobalMenu li#GMstar a.cur:hover { background-position:0 -48px;}
#GlobalMenu li#GMpension a  { background:url(/Common/images/header/gm_04pension.gif) no-repeat; }
#GlobalMenu li#GMpension a:hover { background-position:0 -16px;}
#GlobalMenu li#GMpension a.cur { background-position:0 -32px; }
#GlobalMenu li#GMpension a.cur:hover { background-position:0 -48px;}
#GlobalMenu li#GMonsen a    { background:url(/Common/images/header/gm_05onsen.gif) no-repeat; }
#GlobalMenu li#GMonsen a:hover { background-position:0 -16px;}
#GlobalMenu li#GMonsen a.cur { background-position:0 -32px; }
#GlobalMenu li#GMonsen a.cur:hover { background-position:0 -48px;}
#GlobalMenu li#GMtour a     { background:url(/Common/images/header/gm_06tour.gif) no-repeat; }
#GlobalMenu li#GMtour a:hover { background-position:0 -16px;}
#GlobalMenu li#GMtour a.cur { background-position:0 -32px; }
#GlobalMenu li#GMtour a.cur:hover { background-position:0 -48px;}
#GlobalMenu li#GMplane a    { background:url(/Common/images/header/gm_07plane.gif) no-repeat; }
#GlobalMenu li#GMplane a:hover { background-position:0 -16px;}
#GlobalMenu li#GMplane a.cur { background-position:0 -32px; }
#GlobalMenu li#GMplane a.cur:hover { background-position:0 -48px;}
#GlobalMenu li#GMrentcar a  { background:url(/Common/images/header/gm_08rentcar.gif) no-repeat; }
#GlobalMenu li#GMrentcar a:hover { background-position:0 -16px;}
#GlobalMenu li#GMrentcar a.cur { background-position:0 -32px; }
#GlobalMenu li#GMrentcar a.cur:hover { background-position:0 -48px;}
#GlobalMenu li#GMoversea a  { background:url(/Common/images/header/gm_09oversea.gif) no-repeat; }
#GlobalMenu li#GMoversea a:hover { background-position:0 -16px;}
#GlobalMenu li#GMoversea a.cur { background-position:0 -32px; }
#GlobalMenu li#GMoversea a.cur:hover { background-position:0 -48px;}

/*-- 110908 フッタ改修 --------------------------------------------------------------------------------------------------*/
#FOOTER dl { padding:8px 10px 8px 15px; }
#FOOTER dd ul li a { padding:0 5px; }