@charset "UTF-8";

/* --------------------------------
	layout_header-footer.css
--------------------------------
layout_header-footer.cssは全ページで使用しているCSSファイルです。
大枠のレイアウトと、汎用classの定義をまとめています。
（各ページのユニークな記述については別途各ページ用のCSSに記載されています）
** index
01.大枠レイアウト
02.タグライン				#Tagline
03.ヘッダー					#Header
04.フッター					#Footer
-------------------------------- */

/* --------------------------------
■01.大枠レイアウト
--------------------------------
ページ全体に関わる大枠の記述をしています。
-------------------------------- */
body {
	text-align:center;
}
.inner-box {
	width:960px;
	margin:0 auto;
	text-align:left;
}


/* --------------------------------
■02.タグライン(#Tagline)
--------------------------------
ページ最上部の青いラインのブロックです。
-------------------------------- */
#Tagline {
	padding:5px 0 4px;
	background:#17557a url("../img/header/bg_tagline.gif") repeat-x left bottom;
	background: -moz-linear-gradient(top,#17557a,#185980);	/* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#17557a),to(#185980));	/* Safari,Google Chrome用 */
	_background:#17557a url("../img/header/bg_tagline.gif") repeat-x left bottom;
	color:#fff;
	font-size:0.92em;
}
#Tagline .inner-box {
	overflow:hidden;
	_zoom:1;
}
#Tagline p {
	float:left;
}
#Tagline strong {
	font-weight:normal;
}
#Tagline ul {
	float:right;
	padding-right:75px;
}
#Tagline li {
	float:left;
	margin-left:20px;
	_margin-left:10px;
}
#Tagline a {
	display:block;
	width:42px;
	height:11px;
	color:#fff;
	text-indent:-9999px;
}
#Tagline .cn a {
	width:42px;
	background:url("../img/header/btn_language_cn.gif") no-repeat center center;
}
#Tagline .kr a {
	width:54px;
	background:url("../img/header/btn_language_kr.gif") no-repeat center center;
}


/* --------------------------------
■03.ヘッダー(#Header)
--------------------------------
ページ上部のヘッダーブロックです。
-------------------------------- */
#Header {	/* 2012/4/10 */
	padding-bottom:30px;
	border-bottom:1px solid #d9d9d9;
	background:#fff url("/images/img_new/bg_header_new.gif") repeat-x left bottom;
	background: -moz-linear-gradient(top,#fff,#fff 75%,#f7f7f7);	/* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff),color-stop(0.75,#fff),to(#f7f7f7));	/* Safari,Google Chrome用 */
}
#SiteNav {
	position:relative;
	*zoom:1;
}
#Header #SiteLogo {
	overflow:hidden;
	padding:44px 0 14px;
	font-size:1.17em;
	font-weight:bold;
	_zoom:1;
}
#Header #SiteLogo,
#Header #SiteLogo a {
	color:#17557a;
	text-decoration:none;
}
#Header #SiteLogo a:hover {
	text-decoration:underline;
}
#Header #SiteLogo img {
	float:left;
	margin-top:-30px;
	margin-right:20px;
}
#Header .about {
	position:absolute;
	right:75px;
	top:9px;
	_top:0;
	font-size:0.92em;
}
#Header .about li {
	float:left;
	margin-right:1em;
	*margin-right:0.5em;
	_padding-top:9px;
}
#Header .about a,
#Header .about strong {
	padding-left:15px;
	background:url("../img/icon/arrow_right_01.gif") no-repeat left center;
	color:#4d4d4d;
	text-decoration:none;
}
#Header .about a:hover {
	text-decoration:underline;
}
#Header .about .beginner a {
	*margin-top:-8px;
	_margin-top:-9px;
	padding:7px 10px 7px 23px;
	_padding-top:9px;
	background:#ededed url("../img/icon/icon_beginner.gif") no-repeat 8px 50%;
	*zoom:1;
}
#Header .catchcopy .label {
	position:absolute;
	right:62px;
	bottom:7px;
}
#Header .catchcopy .vis {
	position:absolute;
	right:10px;
	bottom:4px;
	z-index:10;
}
#Navs .tops {	/* 2012/4/10 */
	_position:relative;
	height:31px;
	overflow:hidden;
	margin:-31px 5px 12px;
}
#Navs .tops li {	/* 2012/4/10 */
	float:left;
}
#GlobalNav a {
	text-decoration:none;
	*cursor:pointer;
}
#GlobalNav a:hover {
	text-decoration:underline;
}
#GlobalNav .areas {
	overflow:hidden;
	border:1px solid #17557a;
	background:#195d86 url("../img/header/bg_global-nav_areas.gif") repeat-x left bottom;
	background: -moz-linear-gradient(top,#195d86,#154d6f);	/* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#195d86),to(#154d6f));	/* Safari,Google Chrome用 */
	_background:#195d86 url("../img/header/bg_global-nav_areas.gif") repeat-x left bottom;
	color:#fff;
	font-weight:bold;
	_zoom:1;
}
#GlobalNav .areas li {
	float:left;
}
#GlobalNav .areas a,
#GlobalNav .areas strong {
	display:block;
	padding:3px 0;
	color:#fff;
	text-align:center;
}
#GlobalNav .areas a strong,
#GlobalNav .areas strong a {
	display:inline;
	padding:0;
}
#GlobalNav .areas span {
	display:block;
	padding:5px;
	border-left:1px solid #457895;
}
#GlobalNav .areas .asia span,
#GlobalNav .areas .hawaii span,
#GlobalNav .areas .n-america span {
	width:89px;
}
#GlobalNav .areas .micronesia span,
#GlobalNav .areas .europe span,
#GlobalNav .areas .s-america span,
#GlobalNav .areas .africa span {
	width:109px;
}
#GlobalNav .areas .oceania span {
	width:168px;
}
#GlobalNav .areas .first span {
	border-left:none;
}
#GlobalNav .etc {
	overflow:hidden;
	padding:9px;
	border:1px #e6e6e6;
	border-style:none solid solid;
	background:#f3f3f3 url("../img/header/bg_global-nav_etc.gif") repeat-x left top;
	background: -moz-linear-gradient(top,#fff,#f3f3f3);	/* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff),to(#f3f3f3));	/* Safari,Google Chrome用 */
	font-size:0.92em;
	_zoom:1;
}
#GlobalNav .etc li {
	float:left;
	margin-right:1.25em;
}
#GlobalNav .etc a,
#GlobalNav .etc strong {
	padding-left:8px;
	background:url("../img/icon/arrow_right_02.gif") no-repeat left center;
	color:#4d4d4d;
}
#GlobalNav .etc a strong,
#GlobalNav .etc strong a {
	padding-left:0;
	background:transparent;
}
#PageNav {
	overflow:hidden;
	padding:9px 0 8px;
	font-size:0.92em;
	_zoom:1;
}
#PageNav ol {
	float:left;
	padding:5px 5px 0;
}
.breadcrumbs-list {
	overflow:hidden;
	_zoom:1;
}
.breadcrumbs-list li {
	float:left;
	margin-left:4px;
	padding-left:10px;
	background:url("../img/icon/icon_breadcrumbs-list_01.gif") no-repeat left center;
}
#Header .breadcrumbs-list li,
#Main .breadcrumbs-list li {
	*white-space:nowrap;
}
.breadcrumbs-list li.home {
	margin-left:0;
	padding-left:0;
	background:transparent;
}
#PageNav .breadcrumbs-list a {
	color:#4d4d4d!important;
}
#PageNav .sns {
	float:right;
	overflow:hidden;
	*overflow:visible;
	*white-space:nowrap;
	_zoom:1;
}
#PageNav .sns li {
	*display:inline;
	float:left;
	*float:none;
	margin-left:4px;
	*margin-left:0;
}
#PageNav .sns * {
	*vertical-align:middle;
}


/* --------------------------------
■04.フッター(#Footer)
--------------------------------
ページ最下部のフッターブロックです。
-------------------------------- */
.return-to {
	margin:30px 0;
	text-align:right;
}
.return-to strong {
	font-weight:normal;
}
.return-to a {
	color:#4d4d4d;
}
#Footer .return-to {
	margin-bottom:15px;
	padding-bottom:30px;
	border-bottom:1px solid #17557a;
}
#Footer .nav ul {
	margin:5px 0;
	text-align:center;
}
#Footer .nav li {
	display:inline;
	padding:0 5px 0 8px;
	border-left:1px solid #17557a;
}
#Footer .nav li.first {
	border-left:none;
}
#Footer .site {
	margin:15px 0;
	text-align:center;
}
#Footer .site a {
	margin-left:5px;
}
#Footer .site img {
	margin-left:10px;
}
#Footer .site a img {
	margin-left:0;
}


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

20120606タブ修正追加分

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


#Header {	/* 2012/06/06 */
	padding-bottom:30px;
	border-bottom:1px solid #85afde;
	background:#fff url("../../../images/img_new/tab_global-nav_bcg.gif") repeat-x left bottom;
}

#Navs .tops {	/* 2012/06/06 */
	_position:relative;
	height:38px;
	overflow:hidden;
	margin:-38px 5px 12px;
}

/* グランドトップ、SEOページ等のSEOメニューがあるページ用 */
#GlobalNav .sp_badge {
	line-height: 1;
	position: absolute;
	margin: -32px 0 0 860px;
}


/* ホテルトップ、ツアートップ等のSEOメニューがないページ用 */
#PageNav .sp_badge {
	line-height: 1;
	float: right;
}