@charset "Shift_JIS";


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

　エースナビ（ヘッダとフッタ）の設定（ページ幅740pxと970pxで共用）2011.03.03 K.hayashi@Office26

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*■---------------------------------------------エースナビ */


#ace_navi_container {
	border-bottom: 1px solid #333333;
	width: 970px;
	font: 13px/1.22 arial,helvetica,clean,sans-serif; /* 以下3行はjtb_site_plus_970.cssのbodyタグに対するフォント指定と同内容にしている（740px幅用のjtb_site_plus.cssにはこの指定がなく、そのために表示されるフォントの大きさが異なってしまうため、それを回避するための設定） */
	*font-size: small;
	*font: x-small;
}

#ace_navi_container * { box-sizing : content-box} /* 以下2行は、一部のページで全要素に対し「box-sizing : border-box」の指定がされているものがあり、そのページでは表示が崩れてしまうため、その回避のための設定 */
#ace_navi_container * { -moz-box-sizing : content-box}

#ace_navi_container img {
	display: block;
}

#ace_navi_container #logo-container { /* ロゴ周り */
	float: left;
	width: 238px;
	margin: 0px;
	padding: 0px;
}

#ace_navi_container #logo-container .shoulder-txt {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif; /* ブラウザによって文字の表示される大きさがかなり異なってしまう（例えばFirefoxでは文字が潰れてしまう）ため、フォント種類を指定してその問題を回避するための設定 */
	font-size: 11px;
	line-height: 9px;
	letter-spacing: -1px;
	padding: 8px 10px 0px 10px;
	margin: 0px;
}

#ace_navi_container #logo-container p {
	margin: 0px;
	padding: 0px;
}

#ace_navi_container dl { /* どこへ、誰と、何する、の3つのボタン */
	position: relative;
	float: left;
	width: 108px;
	padding: 0px 0px 0px 3px;
	margin: 0px;
	z-index: 2;
}

#ace_navi_container dl dt {
	display: block;
	padding: 3px 0px;
	margin: 0px;
}

#ace_navi_container dl dd { /* ボタンをクリックするとドロップダウンで開くメニューの部分 */
	position: absolute;
	top: 58px;
	width: 174px;
	display: none;
	margin: 0px;
	padding: 0px;
}

#ace_navi_container dl dd ul {
	padding: 0px 14px 0px 15px;
	margin: 0px 0px -1px;
}

#ace_navi_container dl dd ul li {
	padding: 2px 0px 4px 11px;
	margin: 0px;
	background: url(/ace/SYT/common/navi/images/ok-acenavi-menu-linkarrow.gif) no-repeat 0px 4px;
	border-bottom: dotted 1px #999999;
}

#ace_navi_container #ctg1 ul {	background: url(/ace/SYT/common/navi/images/ok-acenavi-menu-ctg1-bg.gif) repeat-y top left; } /* 以下3行はボタンをクリックするとドロップダウンで開くメニューの背景設定 */
#ace_navi_container #ctg2 ul {	background: url(/ace/SYT/common/navi/images/ok-acenavi-menu-ctg2-bg.gif) repeat-y top left; }
#ace_navi_container #ctg3 ul {	background: url(/ace/SYT/common/navi/images/ok-acenavi-menu-ctg3-bg.gif) repeat-y top left; }

#ace_navi_container p.btn { /* 全部見るのボタン */
	float: left;
	width: 108px;
	padding: 3px 0px 3px 3px;
	margin: 0px;
}

#ace_navi_container #otoiawase-container { /* お問い合わせ */
	float: left;
	width: 275px;
	margin: 0px;
	padding: 1px 0 1px 3px;
}

#ace_navi_container #otoiawase-container img {
	float: left;
}


/* ◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇
   お問い合わせフッタ
◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */


/* --------------- お問い合わせとリンク集で共通設定 */

.footer_contents * {
	margin: 0;
	padding: 0;
}

.footer_contents img {
	display: block;
}

.footer_contents {
	font: 13px/1.1 arial,helvetica,clean,sans-serif; /* 以下3行はjtb_site_plus_970.cssのbodyタグに対するフォント指定と同内容にしている（740px幅用のjtb_site_plus.cssにはこの指定がなく、そのために表示されるフォントの大きさが異なってしまうため、それを回避するための設定） */
	*font-size: small;
	*font: x-small;
}

.footer_contents * { box-sizing : content-box} /* 以下2行は、一部のページで全要素に対し「box-sizing : border-box」の指定がされているものがあり、そのページでは表示が崩れてしまうため、その回避のための設定 */
.footer_contents * { -moz-box-sizing : content-box}

/* --------------- お問い合わせ */

.otoiawasefooter {
	width: 950px;
	margin: 10px 0px 15px;
	padding: 0 0 11px;
	background: url(/ace/SYT/common/apply/images/ok-otoiawasefooter-bg.gif) repeat-y top left;
	border-bottom: 5px solid #b3b3b3;
}

/* --------------- お電話とインターネットメールのコンテナ */
 
.otoiawasefooter_tel_mail_container {
	width: 671px;
	float: left;
}

.otoiawasefooter_tel_mail_container .ast {
	padding: 10px 0 0 24px;
}

/* --------------- お電話 */
 
.otoiawasefooter_tel {
	width: 461px;
	float: left;
	padding: 0 0 0 15px;
}

.otoiawasefooter_tel .main div p { /* 後方互換モードに対応するため、フロート指定している画像をpタグで囲う */
	float: left;
}

/* --------------- メール */

.otoiawasefooter_mail {
	width: 180px;
	float: left;
	padding: 0 0 0 15px;
}

.otoiawasefooter_mail ul {
	padding: 13px 0 0 10px;
}

* html .otoiawasefooter_mail ul { line-height: 0; } /* IE 6 */
*+html .otoiawasefooter_mail ul { line-height: 0; } /* IE 7 */

.otoiawasefooter_mail ul li {
	padding: 0 0 5px;
}

/* --------------- 店舗 */

.otoiawasefooter_shop {
	width: 264px;
	float: left;
	padding: 0 0 0 15px;
}

.otoiawasefooter_shop ul {
	margin: 10px 0 0 10px;
}

* html .otoiawasefooter_shop ul { line-height: 0; } /* IE 6 */
*+html .otoiawasefooter_shop ul { line-height: 0; } /* IE 7 */

.otoiawasefooter_shop ul li {
	float: left;
	padding: 0 6px 5px 0;
}


/* ◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇
   リンク集フッタ
◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */


.linkfooter {
	width: 950px;
	vertical-align: middle;
	padding: 0 0 9px;
	margin: 0px 0px 10px;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif; /* ブラウザによって、日本語フォントと英字フォントが混在すると下線部がずれてガタガタの表示になってしまうため、フォント指定をしてその現象を回避するための設定 */
	border-bottom: 1px solid #cccccc;
}

.linkfooter .title { /* 「エースJTBの国内ツアー・国内旅行（首都圏発）」が表示されている部分 */
	width: 930px;
	vertical-align: middle;
	padding: 8px 10px 10px;
	font-weight: bold;
	background-color: #efefef;
}

#contentsArea .linkfooter .title a {
	color: #666666;
}

#contentsArea .linkfooter a {
	color: #808080;
}

#contentsArea .linkfooter a:hover {
	color: #0077cb;
}

.linkfooter_link { /* 各カテゴリのリンクが入っているエリア */
	padding: 10px 0 0 10px;
}

.linkfooter_link dl { /* 各カテゴリ */
	padding: 0 0 3px;
	margin: 0 10px 0 0;
	float: left;
	width: 134px;
	font-size: 92%;
	line-height: 130%;
	background: url(/ace/SYT/common/apply/images/ok-linkfooter-dotline-h.gif) repeat-y right 0;
}

.linkfooter_link dt { /* カテゴリタイトル */
	font-weight: bold;
	color: #666666;
}

.linkfooter_link dd { /* リンク部分 */
	padding: 0px;
	margin: 0px;
	width: 134px;
	float: left;
}

.linkfooter_link dd.short {
	padding: 0px;
	margin: 0px;
	width: 124px;
	float: left;
}

.linkfooter_link dd ul {
	margin: 0px;
	padding: 0px 10px 0 0;
}

.linkfooter_link dd ul li {
	margin: 0px;
	padding: 2px 0px 0px 0;
}

.linkfooter_link dl.multicolumn { /* 1カテゴリで複数列表示の場合（＝行き先から探す） */
	width: auto;
}

.linkfooter_link .multirow { /* 1列に複数カテゴリを表示する場合（＝右端の『サイトマップから探す』と『パンフレットから探す』） */
	float: left;
	width: 118px;
	margin: -10px 0px -12px;
}

.linkfooter_link .multirow dl {
	padding: 10px 0px;
	margin: 0;
	width: 118px;
	clear: both;
	background: none;
}

.linkfooter_link .multirow dl.line {
	background: url(/ace/SYT/common/apply/images/ok-linkfooter-dotline-v.gif) repeat-x 0 0;
}

.linkfooter_link .multirow dt {
	padding: 0px;
}

.linkfooter_link .multirow dd {
	width: 118px;
}

.linkfooter_link .multirow dd li {
	padding: 2px 0px 0px;
}

/* --------------- エースフッタがすべてのファイルで左10pxとる設定 */

.footer_contents {
	margin-left:10px;
}

#contentsArea .footer_contents {
	margin-left:0px;
}



/*▲---------------------------------------------レコメンリンクエリア*/
.reco_list {
	margin-bottom:10px;
}

.reco_list ul li{
	list-style:none;
	list-style-type:none;
	display:block;
	line-height:100%;
	background-image:url(/ace/SYT/images/ico_arrow_01.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
	padding:0px 0px 3px 15px;
	margin:4px 10px 0px 10px;
	border-bottom:dotted 1px #999999;
}

.reco_list ul li img {
	margin-left:3px;
	vertical-align:middle;
}

.reco_list .top {
	margin:4px 10px 0px 10px;
	padding:0px 0px 3px 0px;
	line-height:100%;
	font-weight:bold;
	color:#CC0000;
	border-bottom:dotted 1px #999999;
}

.reco_list .top A:link {color: #CC0000;}
.reco_list .top A:visited {color: #CC0000;}
.reco_list .top A:hover {color: #0033CC;}



/*▲---------------------------------------------お問い合わせピクトのPOPUP説明*/
#fixedtipdiv{   
	position:absolute;   
	padding: 2px;   
	border:1px solid black;  
	z-index:100;   
}