@charset "Shift_JIS";
/*ヘッダー・パンくず・フッター：更新者−林大輔（2009.03.19）*/

/*
##グループ共通ヘッダー grpheaderArea
##シンプル版のヘッダー grpSimpleHeader
##提携コードのヘッダー grpTeikeiHeader
##パンくずエリア       grplocationArea
##フッター楽天グループ grprakutenArea
##フッタートラベル　　 grpfooterArea
*/


/*--------------------------------------------
ヘッダー、フッターの横幅調整
--------------------------------------------*/

div#grpheaderArea,
div#grpSimpleHeader,
div#grprakutenArea,
div#grpfooterArea{
	width: 750px;
	font-size: 16px;
}

div#wrapper div#grpheaderArea,
div#wrapper div#grpSimpleHeader,
div#wrapper div#grprakutenArea,
div#wrapper div#grpfooterArea{
	width: 750px;
}

div#widewrapper div#grpheaderArea,
div#widewrapper div#grpSimpleHeader,
div#widewrapper div#grprakutenArea,
div#widewrapper div#grpfooterArea,
div#grpTeikeiHeader{
	width: 950px;
}


/*--------------------------------------------
グループ共通ヘッダーのセレクタ
--------------------------------------------*/
/* ヘッダ全体枠 */
div#grpheaderArea {
	margin: 8px 0 10px 0;
	text-align: left; /* for Quirks Mode */
}

/* タグライン */
div#grpheaderArea p#grpTagLine {
	line-height: 1.1;
	color: #999999;
	font-size: 82%;
	text-align: right;
}

div#grpheaderArea p#grpTagLine em{
	font-style: normal;
}

/* サイトID */
div#grpheaderArea #grpSiteID {
	float: left;
	width: 97px;
	/*width: 100px;  ←サイトID幅＋サービスタイトル幅＋マージンの合計値を入れる */
	height: 52px;
}

div#grpheaderArea #grpSiteID img.grpServiceLogo {
	/*margin-right: 5px;*/
	margin-right: 2px;
	margin-left: 5px;
}

div#grpheaderArea #grpSiteID img.grpServiceTitle {
	margin-left: 10px;
	margin-bottom: 11px;
}

div#grpheaderArea p#grpServiceTitle {
	float: left;
	width: 85px;
	padding: 5px 0 0 0;
}

/* グループ回遊＆ユーティリティ */
div#grpheaderArea dl#grpRemoteNav dd.grpRelation ul {
	float: right;
	padding-top: 6px;
}

div#grpheaderArea dl#grpRemoteNav dd.grpSiteUtility {
	clear: right;
}

div#grpheaderArea dl#grpRemoteNav dd.grpSiteUtility ul {
	float: right;
	padding-top: 6px;
}

div#grpheaderArea dl#grpRemoteNav dd.grpRelation ul li,
div#grpheaderArea dl#grpRemoteNav dd.grpSiteUtility ul li {
	float: left;
	line-height: 1.1;
	padding-right: 0.5em;
	padding-left: 0.5em;
	border-right: 1px solid #000000;
	list-style-type: none;
	font-size: 82%;
}

div#grpheaderArea dl#grpRemoteNav dd.grpRelation ul li.grpHome {
	padding-right: 0;
	border: none;
	font-weight: bold;
}

div#grpheaderArea dl#grpRemoteNav dd.grpRelation ul li a,
div#grpheaderArea dl#grpRemoteNav dd.grpSiteUtility ul li a {
	white-space: nowrap;
}

/* セクションメニュー */
div#grpheaderArea dl#grpSectionDomestic {/*国内*/
	clear: both;
	width: 100%;
	height: 29px;
	background: url("/share/themes/header/images/tab_line_domestic.gif") repeat-x bottom;
}
div#grpheaderArea dl#grpSectionForeign {/*海外*/
	clear: both;
	width: 100%;
	height: 29px;
	background: url("/share/themes/header/images/tab_line_foreign.gif") repeat-x bottom;
}

div#grpheaderArea dl#grpSectionDomestic dd.grpMenuList,
div#grpheaderArea dl#grpSectionForeign dd.grpMenuList {
	float: left;
	width: 300px; /* ←タブ幅＋タブ間マージンの合計値を入れる */
	line-height: 0;
	font-size: 0;
}

div#grpheaderArea dl#grpSectionDomestic dd.grpMenuList ul li,
div#grpheaderArea dl#grpSectionForeign dd.grpMenuList ul li {
	display: inline;
	margin-right: 2px;
	list-style-type: none;
}

div#grpheaderArea dl#grpSectionDomestic dd.grpMenuList ul li img,
div#grpheaderArea dl#grpSectionForeign dd.grpMenuList ul li img {
	margin-top: 3px;
	margin-bottom: 4px;
}

div#grpheaderArea dl#grpSectionDomestic dd.grpMenuList ul li.grpCurrent img,
div#grpheaderArea dl#grpSectionForeign dd.grpMenuList ul li.grpCurrent img {
	margin-top: 0;
	margin-bottom: 0;
}

/* セクション拡張エリア */
div#grpheaderArea dl#grpSectionDomestic dd.grpExpansionArea,
div#grpheaderArea dl#grpSectionForeign dd.grpExpansionArea {
	position: relative;
	height: 29px;
	line-height: 1;
	margin-left: 315px; /* ←タブ幅＋タブ間マージンの合計値を入れる */
	font-size: 82%;
}

div#grpheaderArea dl#grpSectionDomestic dd.grpExpansionArea p,
div#grpheaderArea dl#grpSectionForeign dd.grpExpansionArea p {
	position: absolute;
	right: 10px;
	bottom: 6px;
	margin-right: -10px;
}

/* サブセクションメニュー */
div#grpheaderArea dl#grpSubSectionDomestic {/*国内*/
	clear: both;
	position: relative;
	width: 100%;
	padding: 5px 0 7px;
	background-color: #66B821; /* ←メニューの背景色を指定する */
}
div#grpheaderArea dl#grpSubSectionForeign {/*海外*/
	clear: both;
	position: relative;
	width: 100%;
	padding: 5px 0 7px;	
	background-color: #5085C5; /* ←メニューの背景色を指定する */
}

div#grpheaderArea dl#grpSubSectionDomestic dd.grpMenuList,
div#grpheaderArea dl#grpSubSectionForeign dd.grpMenuList {
	line-height: 1.1;
	padding-left: 1px;
	font-size: 82%;
}

div#grpheaderArea dl#grpSubSectionDomestic dd.grpMenuList ul li,
div#grpheaderArea dl#grpSubSectionForeign dd.grpMenuList ul li {
	display: inline; /* for Quirks Mode */
	/*float: left;*/
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-right: 1px solid #ffffff;
	list-style-type: none;
	color: #ffffff;
}

div#grpheaderArea dl#grpSubSectionDomestic dd.grpMenuList ul li ul.grpMenuSecondary{
	display: inline;
	padding-left: 8px;
	background: url("/share/themes/header/images/list_secondary_start.gif") no-repeat 3px;
}
div#grpheaderArea dl#grpSubSectionDomestic dd.grpMenuList ul li ul.grpMenuSecondary li{
	padding-left: 0.2em;
	padding-right: 0.2em;
}
div#grpheaderArea dl#grpSubSectionDomestic dd.grpMenuList ul li ul.grpMenuSecondary li.grpLast{
	padding-right: 8px;
	background: url("/share/themes/header/images/list_secondary_end.gif") no-repeat right;
}

div#grpheaderArea dl#grpSubSectionDomestic dd.grpMenuList ul li.grpLast,
div#grpheaderArea dl#grpSubSectionForeign dd.grpMenuList ul li.grpLast {
	border: none;
}

div#grpheaderArea dl#grpSubSectionDomestic dd.grpMenuList ul li a,
div#grpheaderArea dl#grpSubSectionForeign dd.grpMenuList ul li a {
	color: #ffffff;
	white-space: nowrap;
}

div#grpheaderArea dl#grpSubSectionDomestic dd.grpMenuList ul li.grpCurrent,
div#grpheaderArea dl#grpSubSectionForeign dd.grpMenuList ul li.grpCurrent {
	font-weight: bold;
}

/* サブセクション拡張エリア */
div#grpheaderArea dl#grpSubSectionDomestic dd.grpExpansionArea,
div#grpheaderArea dl#grpSubSectionForeign dd.grpExpansionArea {
	display: inline; /* for Quirks Mode */
	float: right;
	width: 11em; /* ←拡張メニューの文字数以上の値をemで指定する */
	line-height: 1.1;
	margin-right: 0.5em;
	font-size: 82%;
	text-align: right;
}

div#grpheaderArea dl#grpSubSectionDomestic dd.grpExpansionArea p a,
div#grpheaderArea dl#grpSubSectionForeign dd.grpExpansionArea p a {
	color: #ffffff;
}

/* パンくずリスト */
div#grpheaderArea dl#grpTopicPath dd {
	clear: both;
	line-height: 1.6;
	padding: 0.25em 0.75em;
	font-size: 82%;
}

/* ヘッダ内定義リストのdtを非視覚化 */

div#grpheaderArea dl#grpRemoteNav dt,
div#grpheaderArea dl#grpSectionDomestic dt,
div#grpheaderArea dl#grpSectionForeign dt,
div#grpheaderArea dl#grpSubSectionDomestic dt,
div#grpheaderArea dl#grpSubSectionForeign dt,
div#grpheaderArea dl#grpTopicPath dt {
	position: absolute;
	left: -9999px;
	width: 100px;
	height: 0;
}

/* ヘッダ内画像のborderを消す */
div#grpheaderArea p#grpSiteID img,
div#grpheaderArea dl#grpSectionNav img,
div#grpheaderArea dl#grpSubSectionNav img {
	border: none;
}

/* アクセシビリティ対応 */
div#grpheaderArea div#grpheaderArea p.grpNoCSS {
	display: none;
}

div#grpheaderArea div#grpheaderArea ul.grpNavSkip {
	position: absolute;
	left: -9999px;
	width: 100px;
	height: 0;
}

/*----------------------------------------------------------------------------------------
動的ページに使用するシンプルヘッダーのセレクタ
----------------------------------------------------------------------------------------*/
div#grpSimpleHeader{
	margin: 0 0 10px 0;
	border-bottom: 2px solid #CCCCCC;
}

div#grpSimpleHeader p#grpSiteID{
	float: left;
	padding: 3px;
}

div#grpSimpleHeader p.grpHelp{
	float: right;
	margin: 10px 0 0 0;
	padding: 0 5px 0 0;
	font-size: 82%;
	text-align: right;
}
div#grpSimpleHeader p.grpHelp a{
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: 0 2px;
}

p.grpHelp a:link       { color : #6F6F6F; background-image: url(/share/themes/header/images/icon_arrow01_gray.gif);}
p.grpHelp a:visited    { color : #6F6F6F; background-image: url(/share/themes/header/images/icon_arrow01_gray.gif);}
p.grpHelp a:visited:hover,
p.grpHelp a:link:hover { color : #2a2ad1; background-image: url(/share/themes/header/images/icon_arrow01_hover.gif);}
p.grpHelp a:visited:active,
p.grpHelp a:link:active{ color : #bf0000; background-image: url(/share/themes/header/images/icon_arrow01_active.gif);}

div#grpSimpleHeader h1#pageTitle{
	float: left;
	padding: 12px 0 0 30px;
	font-size: 100%;
	font-weight: bold;
}

/*----------------------------------------------------------------------------------------
提携コードで表示されるヘッダー
----------------------------------------------------------------------------------------*/
div#grpTeikeiHeader:after{
	margin: 0 auto 10px auto;
	border-bottom: 2px solid #CCCCCC;
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
div#grpTeikeiHeader{
	display: inline-block;
}

div#grpTeikeiHeader img.grpLogoL{/*楽天トラベルロゴ*/
	float: left;
}
div#grpTeikeiHeader img.grpLogoR{/*提携企業様ロゴ*/
	float: right;
}

.grpTeikeiTxt{
	margin: -5px auto 10px auto;
	text-align: right;
	font-size: 82%;
}

/*--------------------------------------------
パンくず
--------------------------------------------*/
p#grplocationArea{
	float: left;
	margin: 5px 0 20px 0;
	padding: 0 0 0 3px;
	font-size: 82%;
}

div#grpSimpleHeader p#grplocationArea{
	margin: 10px 0 0 0;
}

p#grplocationArea a:link       { color : #6F6F6F;}
p#grplocationArea a:visited    { color : #6F6F6F;}
p#grplocationArea a:visited:hover,
p#grplocationArea a:link:hover { color : #2a2ad1;}
p#grplocationArea a:visited:active,
p#grplocationArea a:link:active{ color : #bf0000;}


/*--------------------------------------------
グループ共通フッター要素のセレクタ
--------------------------------------------*/

/*楽天グループ*/
div#grprakutenArea {
	clear: both;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: left;
}

div#grprakutenArea dl#grpRakutenFoot {
	font-size: 82%;
}

div#grprakutenArea dl#grpRakutenFoot dt {
	font-weight: bold;
	color: #BF0000;
}

div#grprakutenArea dl#grpRakutenFoot dd {
	padding-bottom: 10px;
}

div#grprakutenArea dl#grpRakutenFoot dd ul {
	list-style-type: none;
}

div#grprakutenArea dl#grpRakutenFoot dd ul li {
	float: left;
	line-height: 1.1;
	margin:0 0 0.3em 0;
	padding:0 0.3em 0 0.3em;
	border-right: 1px solid #ADADAD;
	list-style-type: none;
}

div#grprakutenArea dl#grpRakutenFoot dd ul li a:link {
	color: #333333;
}
div#grprakutenArea dl#grpRakutenFoot dd ul li a:visited {
	color: #666666;
}
div#grprakutenArea dl#grpRakutenFoot dd ul li a {
	white-space: nowrap;
}

/*楽天トラベル補助メニュー*/
div#grpfooterArea {
	clear: both;
	margin: 0.5em 0 10px 0;
	padding: 0.2em 0 0 0;
	border-top: 1px solid #000000; /* ←ボーダーカラーを指定する */
}

div#grpfooterArea dl#grpSupportMenu {
	float: left;
	margin: 0.2em 0 5px 0;
	padding: 0;
	font-size: 82%;
}

div#grpfooterArea dl#grpSupportMenu dt {/*dtを非視覚化*/
	position: absolute;
	left: -9999px;
	width: 100px;
	height: 0;
}

div#grpfooterArea dl#grpSupportMenu dd {
	margin: 0 0 0 0.3em;
}

div#grpfooterArea dl#grpSupportMenu dd ul {
	list-style-type: none;
}

div#grpfooterArea dl#grpSupportMenu dd ul li {
	float: left;
	line-height: 1.1;
	margin: 0 0.3em 0 0;
	padding: 0 0.3em 0 0;
	border-right: 1px solid #ADADAD;
	list-style-type: none;
}

div#grpfooterArea dl#grpSupportMenu dd ul li a:link {
	color: #333333;
}
div#grpfooterArea dl#grpSupportMenu dd ul li a:visited {
	color: #666666;
}
div#grpfooterArea dl#grpSupportMenu dd ul li a {
	white-space: nowrap;
}

/*コピーライト*/
div#grpfooterArea p#grpCopyright{
	float: right;
	margin: 0.3em 0.3em 5px 0;
	padding: 0;
	font-size: 78%;
}

div#grpfooterArea p#grp10th{
	clear: both;
	text-align: right;
}

/*--------------------------------------------
共通要素のセレクタ
--------------------------------------------*/

div#grpheaderArea p, div#grprakutenArea p, div#grpfooterArea p,
div#grpheaderArea ul,div#grprakutenArea ul,div#grpfooterArea ul,
div#grpheaderArea li,div#grprakutenArea li,div#grpfooterArea li,
div#grpheaderArea dl,div#grprakutenArea dl,div#grpfooterArea dl,
div#grpheaderArea dt,div#grprakutenArea dt,div#grpfooterArea dt,
div#grpheaderArea dd,div#grprakutenArea dd,div#grpfooterArea dd{
	margin: 0;
	padding: 0;
	font-size: 100%;
}

/*リストの最後尾*/
div#grpheaderArea dl#grpRemoteNav dd.grpSiteUtility ul li.grpLast,
div#grpheaderArea dl#grpSubSectionNav dd.grpMenuList ul li.grpLast,
div#grprakutenArea dl#grpRakutenFoot dd ul li.grpLast,
div#grpfooterArea dl#grpSupportMenu dd ul li.grpLast {
	padding-right: 0;
	border: none;
}

a img{
	border: 0;
}