@charset "Shift_JIS";

/* 基本レイアウト・フォント装飾関連 */
.roman-s { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px}
.f-bold { font-weight: bold}
.f-b-red { font-weight: bold ; color: #FF0000}
.f-b-y { font-weight: bold ; color: #FFFFCC}
.f-b-pink { font-weight: bold ; color: #FF6666}
.f-b-orange { font-weight: bold ; color: #FF6600}
.f-b-s-pink { font-weight: bold ; color: #FF3399}
.f-b-white { font-weight: bold ; color: #FFFFFF}
.f-b-purple { font-weight: bold; color: #B086B9}
.f-b-dp { font-weight: bold; color: #663399}
.f-b-green { font-weight: bold; color: #008888}
.f-b-blue { font-weight: bold; color: #0066CC}
.f-dp { color: #663399}
.f-white { color: #FFFFFF}
.f-red { color: #FF0000}

/* レイアウト */
.t10b { font-size: 10px; line-height: 14px}
.t10-r { font-size: 10px ; color: #FF0000}	
.t10w { font-size: 10px; color: #FFFFFF}
.t14b { font-size: 14px ; font-weight: bold ; color: #666666}
.t14y { font-size: 14px ; font-weight: bold ; color: #FFFFCC}
.t16b { font-size: 16px; font-weight: bold; color: #3366CC}

/* CSS初期設定 */
body {
	background-color:#ffffff;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
p,h2,h3,h4,h5,ul,li,dl,dt,dd { 
	margin:0;
	padding:0;
	color:#000;
	text-decoration:none;
	line-height: 1.3em;

}

h1{
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:0;
	}

ul {
	list-style:none;
}
a {
	overflow: hidden;
}
.clear {
	clear: both;
}
.clearfix:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 
.clearfix { 
	display: inline-table; 
	min-height: 1%; 
} 
/* for macIE \*/ 
* html .clearfix { 
	height: 1%; 
} 
.clearfix { 
	display: block; 
} 
/* end of for macIE */
.clearfix {
	overflow:hidden;
}
/* プルダウン 該当無しの設定
-------------------------------------------------*/
option.na {
	color: #999;
	background-color: #DDD;
}

/* チェックボックス・ラベルの該当無し設定
-------------------------------------------------*/
label.na {
	color: #999;
}

a.OpaChange:hover *{
filter:alpha(opacity=70); /*IE*/
-moz-opacity:0.70; /*FF*/
opacity:0.70;
}


/* ●●●背景●●● */
#bg {
	width:950px;
	padding-bottom:15px;
}
#bg img {
	vertical-align: bottom;
}
#bg a {
	line-height:1.3em;
}

/* ●●●タイトル●●● */
#boxTitle {
	position:relative;
	height: 98px;
	width: 950px;
	border-bottom: 10px solid #008bff;
	margin-bottom:12px;
}
#boxTitle p {
	position:absolute;
	color:#006cc7;
	top:30px;
	left:220px;
}
#boxTitle ul {
	position:absolute;
	top:67px;
	left:9px;
}
#boxTitle li {
	float:left;
	height:31px;
	text-indent: -9999px;
}
#boxTitle a {
	display:block;
	height:31px;
}
.tab1 {
	width:110px;
	background-image: url(../images/tab1.gif);
}
.tab2 {
	width:84px;
	background-image: url(../images/tab2.gif);
}
.tab3 {
	width:100px;
	background-image: url(../images/tab3.gif);
}
.tab4 {
	width:83px;
	background-image: url(../images/tab4.gif);
}
.tab5 {
	width:134px;
	background-image: url(../images/tab5.gif);
}
.tab6 {
	width:70px;
	background-image: url(../images/tab6.gif);
}
.tab7 {
	width:100px;
	background-image: url(../images/tab7.gif);
}
.tab8 {
	width:70px;
	background-image: url(../images/tab8.gif);
}
.tab9 {
	width:71px;
	background-image: url(../images/tab9.gif);
}
.tab10 {
	width:110px;
	background-image: url(../images/tab10.gif);
}
.tab1on {
	width:110px;
	background-image: url(../images/tab1_on.gif);
}
.tab2on {
	width:84px;
	background-image: url(../images/tab2_on.gif);
}
.tab3on {
	width:100px;
	background-image: url(../images/tab3_on.gif);
}
.tab4on {
	width:83px;
	background-image: url(../images/tab4_on.gif);
}
.tab5on {
	width:134px;
	background-image: url(../images/tab5_on.gif);
}
.tab6on {
	width:70px;
	background-image: url(../images/tab6_on.gif);
}
.tab7on {
	width:100px;
	background-image: url(../images/tab7_on.gif);
}
.tab8on {
	width:70px;
	background-image: url(../images/tab8_on.gif);
}
.tab9on {
	width:71px;
	background-image: url(../images/tab9_on.gif);
}
.tab10on {
	width:110px;
	background-image: url(../images/tab10_on.gif);
}
.tab1 a {
	width:110px;
	background-image: url(../images/tab1.gif);
}
.tab2 a {
	width:84px;
	background-image: url(../images/tab2.gif);
}
.tab3 a {
	width:100px;
	background-image: url(../images/tab3.gif);
}
.tab4 a {
	width:83px;
	background-image: url(../images/tab4.gif);
}
.tab5 a {
	width:134px;
	background-image: url(../images/tab5.gif);
}
.tab6 a {
	width:70px;
	background-image: url(../images/tab6.gif);
}
.tab7 a {
	width:100px;
	background-image: url(../images/tab7.gif);
}
.tab8 a {
	width:70px;
	background-image: url(../images/tab8.gif);
}
.tab9 a {
	width:71px;
	background-image: url(../images/tab9.gif);
}
.tab10 a {
	width:110px;
	background-image: url(../images/tab10.gif);
}
.tab1 a:hover {
	background-image: url(../images/tab1_ov.gif);
}
.tab2 a:hover {
	background-image: url(../images/tab2_ov.gif);
}
.tab3 a:hover {
	background-image: url(../images/tab3_ov.gif);
}
.tab4 a:hover {
	background-image: url(../images/tab4_ov.gif);
}
.tab5 a:hover {
	background-image: url(../images/tab5_ov.gif);
}
.tab6 a:hover {
	background-image: url(../images/tab6_ov.gif);
}
.tab7 a:hover {
	background-image: url(../images/tab7_ov.gif);
}
.tab8 a:hover {
	background-image: url(../images/tab8_ov.gif);
}
.tab9 a:hover {
	background-image: url(../images/tab9_ov.gif);
}
.tab10 a:hover {
	background-image: url(../images/tab10_ov.gif);
}

/* ●●●ボックス左●●● */
#boxLeft {
	float:left;
	width:230px;
	margin-right:15px;
}

/* ●●●海外ツアー検索●●● */
#boxKensaku {
	position:relative;
	width:230px;
	background-image: url(../images/box_sub.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:10px;
	margin-bottom:15px;
}
#boxKensaku h3 {
	margin-bottom:8px;
}
.kensaku {
	background-image: url(../images/kaigai/bg_kensaku.gif);
	height: 303px;
	width: 220px;
	margin-left:5px;
}
.kensaku .In {
	padding:22px 0px 0px 20px;
}
.kensaku dl {
	margin-bottom:7px;
}
.kensaku dt {
	color:#660000;
}
#NTA_W_kodawari {
	clear:both;
}
#buttonbox {
	position:absolute;
	width:194px;
	text-align:center;
	padding:8px 0px;
	background-color: #c7e4ff;
	left:18px;
	top:288px;
}

/* ●●●予約確認●●● */
#boxYoyaku {
	width:230px;
	background-image: url(../images/box_sub.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom:15px;
	padding-bottom: 7px;
}
#boxYoyaku dl {
	padding:8px 0px 0px 9px;
}
#boxYoyaku dt {
	float:left;
	width:89px;
}
#boxYoyaku dd {
	margin-bottom:7px;
}
.yoyakuSinki {
	float:left;
	background-image: url(../images/kaigai/arrow1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:7px;
	margin-bottom:7px;	
}
.yoyakuID {
	clear:both;
}
.yoyakubtn {
	padding-left:68px;
}

/* ●●●行き先で探す●●● */
#boxIkisaki {
	width:230px;
	background-image: url(../images/box_sub.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom:0px;
}
#boxIkisaki h3 {
	margin-bottom:10px;
}
#boxIkisaki ul {
	padding:0px 0px 10px 12px;
}
#boxIkisaki li {
	display:inline;
	background-image: url(../images/kaigai/arrow2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
	margin-right:7px;
}

/* ●●●目的で探す●●● */
#boxMokuteki {
	width:230px;
	background-image: url(../images/box_sub.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom:5px;
}
#boxMokuteki h3 {
	margin-bottom:10px;
}
#boxMokuteki ul {
	padding:0px 0px 10px 10px;
}
#boxMokuteki li {
	display:inline;
	background-image: url(../images/kaigai/arrow1.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left:10px;
	padding-bottom:5px;
}

/* ●●●パンフレットから探す●●● */
#boxPanf {
	width:230px;
	background-image: url(../images/box_sub.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:5px;
	margin-bottom:15px;
}
#boxPanf h3 {
	margin-bottom:10px;
}
.txtPanf {
	padding:0px 10px 5px 10px;
}
#boxPanf ul {
	padding:0px 0px 10px 12px;
}
#boxPanf li {
	display:inline;
	background-image: url(../images/kaigai/arrow2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
	margin-right:7px;
}
.linkPanf {
	background-image: url(../images/kaigai/arrow1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:10px;
	margin-left:54px;
}

/* ●●●携帯サイトはこちら●●● */
#boxKeitai {
	position:relative;
	width:230px;
	height:113px;
	background-image: url(../images/box_sub.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom:15px;
}
.txtKeitai {
	position:absolute;
	width:140px;
	left:12px;
	top:46px;
}
.linkKeitai {
	position:absolute;
	left:12px;
	top:87px;
	background-image: url(../images/kaigai/arrow1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:10px;	
}
.QR {
	position:absolute;
	left:162px;
	top:46px;
}

/* ●●●お問い合わせ　Ｑ＆Ａ●●● */
#boxToiawase {
	width:230px;
	background-image: url(../images/box_sub.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:10px;
	margin-bottom:15px;
}
#boxToiawase h3 {
	margin-bottom:10px;
}
#boxToiawase p {
	background-image: url(../images/kaigai/arrow1.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left:10px;
	margin:0px 0px 7px 12px;
}
#boxToiawase dl {
	width:215px;
	margin:0px 0px 0px 7px;
}
#boxToiawase dd {
	border:1px solid #bebebe;
	padding:5px 0px;
	text-align:center;
}

/* ●●●出発地別旅行情報●●● */
#boxRyoko {
	width:230px;
	background-image: url(../images/box_sub.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:0px;
}
#boxRyoko h3 {
	margin-bottom:10px;
}
#boxRyoko ul {
	padding:0px 0px 10px 12px;
}
#boxRyoko li {
	display:inline;
	background-image: url(../images/kaigai/arrow2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
	margin-right:7px;
}

/* ●●●ボックス真ん中●●● */
#boxCenter {
	float:left;
	width:460px;
	margin-right:15px;
	font-size:12px;
}

/* ●●●行き先で探す●●● */
#boxIkisaki2 {
	background-image: url(../images/box_main.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 460px;
	padding-bottom:13px;
	margin-bottom: 15px;
}
#boxIkisaki2 h3 {
	margin-bottom:13px;
}
#boxIkisaki2 p {
	text-align:center;
}

/* ●●●特集・画像付・2列パターン●●● */
#boxTokusyu {
	background-image: url(../images/box_main.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 460px;
	padding-bottom:15px;
	margin-bottom: 15px;
}
#boxTokusyu h3 {
	margin-bottom:15px;
}
#boxTokusyuIn {
	padding:0px 0px 15px 10px;
}
.tokusyu {
	float:left;
	width:217px;
	background-image: url(../images/line4.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:15px;
	margin-bottom:9px;
	margin-right: 5px;
}
.tokusyu-noline {
	float:left;
	width:217px;
	margin-right: 5px;
}
#boxTokusyuIn dt {
	float:left;
	width:90px;
}

#boxTokusyuIn dt img {
	padding:1px;
	border: 1px solid #CCCCCC;
}
#boxTokusyuIn dt a:hover img {
	border: 1px solid #F90;
}

#boxTokusyuIn dd {
	float:left;
	width:120px;
	display: block;
}

/* ●●●特集・画像付・1列パターン●●● */
#boxTokusyu1 {
	background-image: url(../images/box_main.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 460px;
	padding-bottom:15px;
	margin-bottom: 15px;
}
#boxTokusyu1 h3 {
	margin-bottom:15px;
}
#boxTokusyu1In {
	padding:0px 0px 15px 10px;
}
.tokusyu1 {
	float:left;
	width:439px;
	background-image: url(../images/line4.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom:10px;
	margin-bottom:9px;
	margin-right: 0px;
}
.tokusyu1-noline {
	float:left;
	width:439px;
	margin-right: 0px;
}
#boxTokusyu1In dt {
	float:left;
	width:90px;
}

#boxTokusyu1In dt img {
	padding:1px;
	border: 1px solid #CCCCCC;
}
#boxTokusyu1In dt a:hover img {
	border: 1px solid #F90;
}

#boxTokusyu1In dd {
	float:left;
	width:344px;
	display: block;
	line-height: 1.2em;
	margin-bottom: 2px;
}

.ryokin {
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	color: #F00;
}

/* ●●●特集・画像なし●●● */

#boxTokusyuTxt {
	background-image: url(../images/box_main.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 460px;
	padding-bottom:15px;
}
#boxTokusyuTxt h3 {
	margin-bottom:15px;
}
#boxTokusyuTxtIn {
	padding:0px 0px 15px 10px;
}
.ninki {
	float:left;
	width:217px;
	background-image: url(../images/line4.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:15px;
	margin-bottom:9px;
	margin-right: 5px;
}
.ninki-noline {
	float:left;
	width:217px;
	margin-right: 5px;
}
#boxTokusyuTxtIn dt {
	float:left;
	width:90px;
}

#boxTokusyuTxtIn dt img {
	padding:1px;
	border: 1px solid #CCCCCC;
}
#boxTokusyuTxtIn dt a:hover img {
	border: 1px solid #F90;
}
#boxTokusyuTxtIn dd {
	float:left;
	width:120px;
	display: block;
}

/* ●●●ボックス右●●● */
#boxRight {
	float:left;
	width:230px;
	font-size:12px;
}

/* ●●●売れ筋ランキング！●●● */
#boxRanking {
	width:230px;
	background-image: url(../images/box_sub.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:12px;
	margin-bottom:15px;
}
#boxRanking h3 {
	margin-bottom:13px;
}
.rank1-2 {
	width:203px;
	background-image: url(../images/line3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:10px;
	margin:0px 0px 9px 11px;
}
.rank3 {
	width:203px;
	margin:0px 0px 0px 11px;
}
#boxRanking dt {
	float:left;
	width:55px;
}
#boxRanking dd {
	float:left;
	width:145px;
}

/* ●●●トラベルサポート●●● */
#boxSuport {
	width:230px;
	background-image: url(../images/box_sub.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:5px;
	margin-bottom:15px;
}
#boxSuport h3 {
	margin-bottom:9px;
}
#boxSuport ul {
	margin:0px 0px 0px 12px;
}
#boxSuport li {
	background-image: url(../images/kaigai/arrow1.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left:10px;
	margin-bottom:7px;		
}

/* ●●●渡航に関するご案内●●● */
#boxTokou {
	width:230px;
	background-image: url(../images/box_sub.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:5px;
	margin-bottom:15px;
}
#boxTokou h3 {
	margin-bottom:9px;
}
#boxTokou ul {
	margin:0px 0px 0px 12px;
}
#boxTokou li {
	background-image: url(../images/kaigai/arrow1.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left:10px;
	margin-bottom:7px;		
}

/* ●●●お楽しみ情報●●● */
#boxOtanosimi {
	width:230px;
	background-image: url(../images/box_sub.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:5px;
	margin-bottom:15px;
}
#boxOtanosimi h3 {
	margin-bottom:9px;
}
#boxOtanosimi ul {
	margin:0px 0px 0px 12px;
}
#boxOtanosimi li {
	background-image: url(../images/kaigai/arrow1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:10px;
	margin-bottom:7px;		
}

/* ●●●日本旅行の店舗検索●●● */
#boxTenpo {
	position:relative;
	width:230px;
	background-image: url(../images/box_sub.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:10px;
	margin-bottom:15px;
}
#boxTenpo h3 {
	margin-bottom:9px;
}
.txtTenpo {
	margin:0px 0px 5px 12px;
}
.imgTenpo {
	margin-left:20px;
}
.menuTenpo {
	position:absolute;
	left:86px;
	top:80px;
}
.linkTenpo {
	position:absolute;
	left:75px;
	top:110px;
	background-image: url(../images/kaigai/arrow1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:10px;	
}

/* ●●●法人のお客様●●● */
#boxHoujin {
	width:230px;
	background-image: url(../images/box_sub.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:7px;
	margin-bottom:15px;
}
#boxHoujin h3 {
	margin-bottom:9px;
}
.txtHoujin {
	margin:0px 12px 10px 12px;
}	
#boxHoujin ul {
	margin:0px 0px 0px 12px;
}
#boxHoujin li {
	background-image: url(../images/kaigai/arrow1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:10px;
	margin-bottom:7px;		
}

/* ●●●バナー●●● */
#boxBanner li {
	margin-bottom:10px;
}
#boxBanner li img {
	padding:1px;
	border: 1px solid #CCCCCC;
}
#boxBanner li a:hover img {
	border: 1px solid #F90;
}
.security {
	text-align:center;
}

.imgBorder {
	padding: 1px;
	border: 1px solid #CCC;
}
