@charset "shift_jis";
/* CSS Document */

body{
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, Osaka, "MS PGothic", sans-serif;
}

/*===================================================================
	 common setting
===================================================================*/

.modInner{
	width:1000px;
	margin:0 auto;
}

.floLeft{
	float:left;
}

.floRight{
	float:right;
}

.dispNo{
	display:none;
}

.bold{
	font-weight:bold;
}

.fontRed{
	color:#d50100;
}

.hidetxt{
	display: block;
    line-height: 0;
    overflow: hidden;
    text-align: left;
	color:#fde15c;
}


.unitTtl{
	text-align:left;
}

.unitTtl.featureUnit{
	margin-bottom:30px;
}

.unitTtl.sevenUnit{
	padding-bottom:35px;
}

.indent{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

/*===================================================================
	 icon setting
===================================================================*/
/*icon*/
.topIcon{
	display:inline-block;
	background-image:url(/dom/customer/images/renewal/icon_sprite.png);
	background-repeat:no-repeat;
	vertical-align:middle;
}

.topIcon.hotel{
	width:19px;
	height:19px;
	background-position:-1px -156px;
	margin:0 5px 0 0;
}

.topIcon.ja{
	width:40px;
	height:40px;
	background-position:0 0;
	margin-right:5px;
}

.topIcon.jaLag{
	width:45px;
	height:45px;
	background-position:-126px 0;
	margin-right:5px;
}


.topIcon.wrld{
	width:40px;
	height:40px;
	background-position:-40px 0;
	margin-right:5px;
}

.topIcon.jaWrld{
	width:45px;
	height:45px;
	background-position:-80px 0;
	margin-right:5px;
}

.topIcon.speaker{
	width:27px;
	height:23px;
	background-position:1px -120px;
	margin-right:5px;
}

.topIcon.out{
	width:28px;
	height:28px;
	background-position:-117px -120px;
	margin-right:5px;
}

.topIcon.event{
	width:28px;
	height:28px;
	background-position:-88px -120px;
	margin-right:5px;
}

.topIcon.spa{
	width:28px;
	height:28px;
	background-position:-30px -120px;
	margin-right:5px;
}

.topIcon.qa{
	width:28px;
	height:28px;
	background-position:-59px -120px;
	margin-right:5px;
}

.topIcon.rank{
	width:38px;
	height:33px;
	background-position:-1px -63px;
	margin-right:5px;
}




/*===================================================================
	 header
===================================================================*/

/*--prBox------------------------------------------*/
#contents .contentsInner .prBox {
    display: block;
    width: 1000px;
	margin:0 auto 30px;
}

div#contents .contentsInner .prBox ul.pr {
    text-align: left;
}

#contents .contentsInner .prBox ul.pr li {
    float: left;
    width: 49%;
}

#contents .contentsInner .prBox ul.pr li.push a {
    background: url("/img/ico/ico_push_new.gif");
	background-repeat:no-repeat;
    display: block;
    float: left;
    font-size: 0.93em;
    margin: 9px 0 0;
    min-height: 20px;
    padding-left: 56px;
}


/*===================================================================
	 contents
===================================================================*/

/*-------------------------------------------------------------------------------------#tabArea--*/

#tabArea{
	margin-bottom:40px;
}


/*--tabList----------------*/
#tabArea .tabList{
}

#tabArea .tabList li{
	float:left;
}
#tabArea .tabList li a{
	display:block;
	background-image:url(/dom/customer/images/renewal/tab.png);
	background-repeat:no-repeat;
	height:43px;
	width:155px;
	text-indent:-9999px;
	overflow:hidden;

}

#tabArea .tabList li.menu01 a{
	background-position:0 0;
}
	#tabArea .tabList li.menu01 a:hover,
	#tabArea .tabList li.menu01.select a{
		background-position:0 -43px;
	}

#tabArea .tabList li.menu02 a{
	background-position:-155px 0;
}
	#tabArea .tabList li.menu02 a:hover,
	#tabArea .tabList li.menu02.select a{
		background-position:-155px -43px;
	}

#tabArea .tabList li.menu03 a{
	background-position:-310px 0;
}
	#tabArea .tabList li.menu03 a:hover,
	#tabArea .tabList li.menu03.select a{
		background-position:-310px -43px;
	}

#tabArea .tabList li.menu04 a{
	background-position:-465px 0;
}
	#tabArea .tabList li.menu04 a:hover,
	#tabArea .tabList li.menu04.select a{
		background-position:-465px -43px;
	}

#tabArea .tabList li.menu05 a{
	background-position:-620px 0;
}
	#tabArea .tabList li.menu05 a:hover,
	#tabArea .tabList li.menu05.select a{
		background-position:-620px -43px;
	}


/*--tabCont----------------*/
#tabArea .tabCont{
	border:#d50100 solid 4px;
	margin-top:16px;
}

#tabArea .tabCont .contInner{
	padding:30px 25px 25px;
}

#tabArea .tabCont .tabLeft{
	width:700px;
}

#tabArea .tabCont .tabLeft .topCont{
	margin-bottom:20px;
}

/*company reserv*/
#tabArea .tabCont .tabLeft .topCont .reservBox{
	border:#ffd300 solid 2px;
}

#tabArea .tabCont .tabLeft .topCont .reservBox .reservTtl{
	background-color:#ffd300;
	color:#6f3201;
	font-weight:bold;
}

#tabArea .tabCont .tabLeft .topCont .reservBox .boxInner{
	padding:10px 10px 5px 10px;
}

#tabArea .tabCont .tabLeft .topCont .reservBox .boxInner ul {
	margin-bottom: 5px;
}
#tabArea .tabCont .tabLeft .topCont .reservBox .boxInner ul li a img {
	vertical-align: bottom;
}

#tabArea .tabCont .tabLeft .topCont .reservBox li{
	float:left;
	margin-right:5px;
}

#tabArea .tabCont .tabLeft .topCont .reservBox li.last{
	margin-right:0;
}


/*--tabCont btmCont----------------*/
/*--map serch--*/
#tabArea .tabCont .tabLeft .btmCont{
	text-align:left;
}

#tabArea .tabCont .tabLeft .btmCont .provSearch .areaTtl{
	margin-bottom:10px;
}

#tabArea .tabCont .tabLeft .btmCont .provSearch{
	width:280px;
}

#tabArea .tabCont .tabLeft .btmCont .serchCol{
	width:270px;
}

/* jaHotel スタイル打�消�・新�CSS*/
#tabArea .btmCont #searchYado .searchBox{
	border:none;
	clear:none;
}

#tabArea .tabCont .tabLeft .btmCont .serchCol{
	background-color:#fde15c;
}

#tabArea .btmCont .searchBox .searchMap{
	background:none !important;
	border-bottom:none !important;
	display:none;
}

#tabArea .btmCont .searchBox .condition{
	background:none !important;
	padding-bottom:0 !important;
}

#tabArea .btmCont .searchBox .condition dl.base{
	border-bottom:0 !important;
	padding:15px 15px 0px 18px;
	margin-bottom: 0 !important;
	*margin-bottom:10px !important;
}

#tabArea .btmCont .searchBox .condition dl.base dt{
	background-image:none !important;
	float:none !important;
	margin-bottom:0 !important;
	padding:0 ;
	font-weight:bold;
	width:230px !important;
}



#tabArea .btmCont .searchBox .condition dl.base dd select{
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 9px;
	display:block;
	width:230px !important;
}

#tabArea .btmCont .searchBox .condition dl.base dd #pf,
#tabArea .btmCont .searchBox .condition dl.base dd #search_dest_dom{
	margin-bottom:10px;
}

#tabArea .btmCont .searchBox .condition dl.base dd #rn{
	margin-left:20px;
}

#tabArea .btmCont .searchBox .condition dl.base dd #np,
#tabArea .btmCont .searchBox .condition dl.base dd #rn{
	display:inline;
    text-align: center;
    width: 80px !important;
}

#tabArea .btmCont .searchBox .condition dl.base dd{
}

#tabArea .btmCont .searchBox .condition dl.base dt.people{
	margin-left:0 !important;
}

#tabArea .btmCont .searchBox .condition div.search{
	background-color: #ececec;
    padding: 10px 0;
    text-align: center;
}



/*mapLink*/
#tabArea .tabCont .tabLeft .btmCont .mapSearch .mapLink{
	margin-bottom:15px;
}

/*popurarArea*/
#tabArea .tabCont .tabLeft .btmCont .popurarArea{
	background-color:#fff7d1;
	padding:3px 0px;
	width:415px;
}

#tabArea .tabCont .tabLeft .btmCont .popurarArea .paTtl{
	float:left;
	padding-left:5px;
}

#tabArea .tabCont .tabLeft .btmCont .popurarArea ul{
	float:left;
	padding-left:20px;
	padding-right:5px;
}

#tabArea .tabCont .tabLeft .btmCont .popurarArea ul li{
	display:inline;
	padding-right:10px;
}

	#tabArea .tabCont .tabLeft .btmCont .popurarArea ul li.last{
		padding-right:0;
	}

#tabArea .tabCont .tabLeft .btmCont .popurarArea ul li a{
	color:#0190d3;
}


/*bnr ph*/
#tabArea .tabCont .bnrRight{
	width:230px;
}

#tabArea .tabCont .bnrRight p{
	margin-bottom:15px;
}


/*japan tour*/
#tabArea .tabMenu.jaTour .reservBox{
	width:230px;
}

#tabArea .tabMenu.jaTour .reservBox .boxInner{
	padding-top:5px !important;
	padding-bottom:0 !important;
}

#tabArea .tabMenu.jaTour .reservBox ul{
	width:160px;
	margin:0 auto;
}


/* jaTour スタイル打�消�・新�CSS*/
#tabArea .tabMenu.jaTour .searchMap_dom{
	display:none;
}

#tabArea .tabMenu.jaTour .serchBox{
	border:none !important;
	background:none !important;
}

#tabArea .tabMenu.jaTour .serchBox .condition{
	background-color:#fde15c;
}

#tabArea .tabMenu.jaTour .serchBox .condition dl.base{
	border:none !important;
	width: auto !important;
	padding:15px 15px 0px 18px;
}


/*japan air*/
#tabArea .tabMenu.jaAir .tabTtl{
	margin-bottom:20px;
}

#tabArea .tabMenu.jaAir .reservBox{
	width:230px;
}

#tabArea .tabMenu.jaAir .reservBox .boxInner{
	padding:10px 0 !important;
}

#tabArea .tabMenu.jaAir .reservBox ul{
	width:168px;
	margin:0 auto;
}

#tabArea .tabMenu.jaAir .reservBox ul li{
	margin-right:10px !important;
}

#tabArea .tabMenu.jaAir .reservBox ul li.last{
	padding-right:0;
}

#tabArea .tabMenu.jaAir .provSearch .areaTtl{
	text-align:left;
	margin-bottom:8px;
}

#tabArea .tabMenu.jaAir .recBox ul{
	background-image:url(/dom/customer/images/renewal/nanaco_chara.gif);
	background-repeat:no-repeat;
	background-position:100% 100%;
}

/* japan air スタイル打�消�・新�CSS*/
#tabArea .tabMenu.jaAir .serchBox{
	background: none repeat scroll 0 0 #fde15c;
    width: 700px;
}

#tabArea .tabMenu.jaAir .serchBox .search{
	padding:15px 20px;
}

#tabArea .tabMenu.jaAir .serchBox .search dl.col3{
	width:230px;
	text-align:left;
}

#tabArea .tabMenu.jaAir .serchBox .search div.col3{
	width:195px;
	text-align:left;
}

#tabArea .tabMenu.jaAir .serchBox .search dl{
}

#tabArea .tabMenu.jaAir .serchBox .search dt{
	font-weight:bold;
}

#tabArea .tabMenu.jaAir .serchBox .search dd{
	margin-bottom:5px;
}
	#tabArea .tabMenu.jaAir .serchBox .search dd select{
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 4px;
		padding: 9px;
		display:block;
		width:200px !important;
	}

#tabArea .tabMenu.jaAir .serchBox .search dd select[name="nowMonth"],
#tabArea .tabMenu.jaAir .serchBox .search dd select[name="nowDay"]{
	width:80px !important;
	text-align:center;
	display:inline;
}

#tabArea .tabMenu.jaAir .serchBox .search dd li{
	float:left;
}

#tabArea .tabMenu.jaAir .serchBox .search .col3 dl{
	margin-bottom:10px;
}

#tabArea .tabMenu.jaAir .serchBox .search .submit{
	background-color: #e8cc4d;
    padding: 10px 5px;
    text-align: center;
}

#tabArea .tabMenu.jaAir .serchBox .search .submit input[type="image"]:hover{
	opacity:0.7;
}







/*world*/
#tabArea .tabMenu.world .tabCont{
	border:#018ccd solid 4px;
}

#tabArea .tabMenu.world .reservBox{
	width:230px;
}

#tabArea .tabMenu.world .reservBox .boxInner{
	padding:5px 0 !important;
}

#tabArea .tabMenu.world .reservBox ul{
	width:195px;
	margin:0 auto;
}

/* world スタイル打�消�・新�CSS*/
#tabArea .tabMenu.world .serchCol{
	background:#fde15c;
    width: 270px;
}

#tabArea .tabMenu.world .searchBox{
}

#tabArea .tabMenu.world .searchBox .searchBox_ab{
	padding:0 !important;
}

#tabArea .tabMenu.world .searchBox .condition_ab{
	background:none !important;
	border:none !important;
}

#tabArea .tabMenu.world .searchBox .condition_ab .hBox_ab{
	display:none;
}

#tabArea .tabMenu.world .searchBox .condition_ab dl.base{
	 padding: 10px 18px 0 !important;
}

#tabArea .tabMenu.world .searchBox .condition_ab dl.base dt{
	background:none !important;
	float:none;
	width: auto!important;
	padding:2px 0 0 0;
	font-weight:bold;
}

#tabArea .tabMenu.world .searchBox .condition_ab dl.base dd{
	background:none !important;
	padding:0 !important;
	font-weight:bold;
}

#tabArea .tabMenu.world .searchBox .condition_ab dl.base dd select{
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 9px;
	display:inline;
}

#tabArea .tabMenu.world .searchBox .condition_ab dl.base dd select[name="dept_airport"],
#tabArea .tabMenu.world .searchBox .condition_ab dl.base dd #search_area_ab,
#tabArea .tabMenu.world .searchBox .condition_ab dl.base dd #search_country_ab{
	width:230px;
}

#tabArea .tabMenu.world .searchBox .condition_ab dl.base dd select[name="dept_month"],
#tabArea .tabMenu.world .searchBox .condition_ab dl.base dd select[name="dept_date"]{
	width:90px;
}

#tabArea .tabMenu.world .searchBox .search{
	background-color:#ececec;
	padding:10px 0;
}





#tabArea .tabCont .tabLeft .btmCont .recBox{
}

#tabArea .tabCont .tabLeft .btmCont .recBox.floLeft{
	width:360px;
}

#tabArea .tabCont .tabLeft .btmCont .recBox.floRight{
	width:320px;
}

#tabArea .tabCont .tabLeft .btmCont .recBox .areaTtl{
	margin-bottom:10px;
}

#tabArea .tabCont .tabLeft .btmCont .recBox li{
	font-size:1.35em;
	font-weight:bold;
}

#tabArea .tabCont .tabLeft .btmCont .recBox ul.linkList{
	margin-bottom:10px;
	background-image:none !important;
}

#tabArea .tabCont .tabLeft .btmCont .recBox ul.linkList li{
	font-size:1.2em;
	display:inline;
	padding-right:10px;
}

#tabArea .tabCont .tabLeft .btmCont .recBox ul.linkList li a{
	color:#0190d4;
}

#tabArea .tabCont .tabLeft .btmCont .splLink{
	font-weight:bold;
	text-align:right;
	margin-bottom:10px;
}

#tabArea .tabCont .tabLeft .btmCont .splLink a{
	color:#f57a03;
}



/*===================================================================
	 #col2Contents
===================================================================*/
#col2Contents {
	width:1000px;
	margin:0 auto;
}


/*-----------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------leftContents--*/
/*-----------------------------------------------------------------------------------------------------------*/
#col2Contents .leftContents{
	width:665px;
	float:left;
}

/*-------------------------------------------------------------------------------------featureMod--*/

.unit.featureBgPh{
	background-image:url(/dom/customer/images/renewal/unit_bg01.gif);
	background-position:98% 29px;
	background-repeat:no-repeat;
}

.mod.featureMod{
	padding-bottom:20px;
	border-bottom:#ffe5b3 dotted 3px;
}

.mod.featureMod .featureBox{
	text-align:left;
	margin-bottom:20px;
}

.mod.featureMod .featureBox .boxCol{
	width:325px;
	word-wrap: break-word;
}

.mod.featureMod .featureBox .boxttl{
	color: #0190d3;
    font-size: 1.4em;
    font-weight: bold;
	margin-bottom:5px;
}

.mod.featureMod .featureBox .boxttl a{
	color:#0190d3;
}

.mod.featureMod .featureBox .boxPh{
	margin-bottom:10px;
}

.mod.featureMod .featureBox ul{
}

.mod.featureMod .featureBox li{
	margin-bottom:15px;
}

.mod.featureMod .featureBox li .txt span.ico{
	display:block;
	float:left;
	padding-top:2px;
	margin-right:5px;
}

.mod.featureMod .featureBox li .txt span.cacth{
	display:block;
	float:left;
	width:280px;
}

.mod.featureMod .featureBox li .txt span.cacth a{
	color:#0190d3;
	font-size:1.1em;
}

.mod.featureMod .featureBox .moreLink{
	text-align:right;
	font-weight:bold;
	clear: both;
}
	.mod.featureMod .featureBox .moreLink a{
		background-image: url(/dom/customer/images/renewal/tria_icon.png );
		background-repeat:no-repeat;
		padding-left:10px;
		background-position: 0 3px;
		color:#0190d3;
		font-size:0.9em;
	}



/*-------------------------------------------------------------------------------------themeMod--*/

.unit.themeBgPh{
	background-image:url(/dom/customer/images/renewal/unit_bg01.gif);
	background-position:98% 15px;
	background-repeat:no-repeat;
	padding-top:30px;
}

.infowrap .unit.themeBgPh{
	margin-left: 20px;
}

.mod.themeMod{
	padding-bottom:0px;
	border-bottom:#ffe5b3 dotted 3px;
}

.mod.themeMod .themeArea{
}

.mod.themeMod .themeCont{
	margin-bottom:45px;
}


.mod.themeMod .themeCont .themeBox.menu03,
.mod.themeMod .themeCont .themeBox.menu06,
.mod.themeMod .themeCont .themeBox.menu09{
	margin-right:0 !important;
}

.mod.themeMod .themeCont .themeBox{
	margin-right:7px;
}

.mod.themeMod .themeCont .themeBox a{
	display:block;
	width:217px;
	min-height:217px;
	background-repeat:no-repeat;
	position:relative;
}


.mod.themeMod .themeCont .themeBox span.boxBtn{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:190px;
	height:46px;
	background-image:url(/dom/customer/images/renewal/theme_btn.png);
	background-repeat:no-repeat;
	margin:0 auto 0;
	display:block;
	position:absolute;
	bottom:-15px;
	left:10px;
}


.mod.themeMod .themeCont .themeBox span.topIcon{
 	left: 20px;
    position: absolute;
    top: 7px;
}



	.mod.themeMod .themeCont .themeBox.menu01 a{
		background-image:url(/dom/customer/images/renewal/theme_bg01.jpg);
	}
	.mod.themeMod .themeCont .themeBox.menu01 span.boxBtn{
		background-position:0 0;
		text-indent:-9999px;
		overflow:hidden;
	}

	.mod.themeMod .themeCont .themeBox.menu02 a{
		background-image:url(/dom/customer/images/renewal/theme_bg02.jpg);
	}
	.mod.themeMod .themeCont .themeBox.menu02 span.boxBtn{
		background-position:0 -50px;
	}

	.mod.themeMod .themeCont .themeBox.menu03 a{
		background-image:url(/dom/customer/images/renewal/theme_bg03.jpg);
	}
	.mod.themeMod .themeCont .themeBox.menu03 span.boxBtn{
		background-position:0 -102px;
	}

	.mod.themeMod .themeCont .themeBox.menu04 a{
		background-image:url(/dom/customer/images/renewal/theme_bg04.jpg);
	}
	.mod.themeMod .themeCont .themeBox.menu04 span.boxBtn{
		background-position:0 -155px;
	}

	.mod.themeMod .themeCont .themeBox.menu05 a{
		background-image:url(/dom/customer/images/renewal/theme_bg05.jpg);
	}
	.mod.themeMod .themeCont .themeBox.menu05 span.boxBtn{
		background-position:0 -206px;
	}

	.mod.themeMod .themeCont .themeBox.menu06 a{
		background-image:url(/dom/customer/images/renewal/theme_bg06.jpg);
	}
	.mod.themeMod .themeCont .themeBox.menu06 span.boxBtn{
		background-position:0 -257px;
	}

	.mod.themeMod .themeCont .themeBox.menu07 a{
		background-image:url(/dom/customer/images/renewal/theme_bg07.jpg);
	}
	.mod.themeMod .themeCont .themeBox.menu07 span.boxBtn{
		background-position:0 -309px;
	}

	.mod.themeMod .themeCont .themeBox.menu08 a{
		background-image:url(/dom/customer/images/renewal/theme_bg08.jpg);
	}
	.mod.themeMod .themeCont .themeBox.menu08 span.boxBtn{
		background-position:0 -362px;
	}

	.mod.themeMod .themeCont .themeBox.menu09 a{
		background-image:url(/dom/customer/images/renewal/theme_bg09.jpg);
	}
	.mod.themeMod .themeCont .themeBox.menu09 span.boxBtn{
		background-position:0 -416px;
	}



/*-------------------------------------------------------------------------------------sevenMod--*/
.unit.sevenBgPh{
	padding-top:30px;
}

.mod.sevenMod .inner li{
	margin-bottom:15px;
}

.mod.sevenMod .inner dt{
	margin-bottom:5px\9;
}

.mod.sevenMod .inner dd{
	font-size:0.85em;
}
	.mod.sevenMod .inner dd a{
		color:#0190d3;
	}




/* #pickup */
#pickup{
	margin:0 0 20px;
}

#pickup .inner .slideBg{
	padding:58px 18px 10px;
	background-image:url(/dom/customer/images/renewal/pick_up_slide_bg.jpg);
	background-repeat:no-repeat;
	margin-bottom:30px;
}

#slideshow_link{
	padding-bottom:8px;
	padding-top:10px;
	border-bottom:1px solid #ece4d7;
}

#slideshow_link #slideshow{
	width:400px;
	height:185px;
	margin:0 auto;
	padding-bottom:5px;
	position:relative;
}

#slideshow_link h3{
	margin: 0;
	padding: 0;
	border:1px solid #cccccc;
}

#slideshow_link #nav{
	text-align: center;
}

#slideshow_link #nav a {
	background:#b69f76;
	color:#ffffff;
	margin:0 2px;
	padding:1px 7px 1px 9px;
	text-align:center;
	text-decoration:none;
}

#slideshow_link #nav a.activeSlide {
	background:none repeat scroll 0 0 #ffffff;
	border:1px solid #b69f76;
	color:#b69f76;
	padding:0 6px 0 8px;
}

.link_list{
	width:450px;
	border-top:1px solid #ffffff;
}

.link_list ul li{
	zoom:1;
	text-align:left;
	margin-bottom:20px;
}
	.link_list ul li a{
		color:#0190d3;
		font-size:1.2em;
	}

.link_list ul li .planDate{
	display:inline;
	padding-left:0 !important;
}

.link_list ul li .price{
	display:inline;
	padding-left:0 !important;
}



.link_list ul.itemList .thumb{
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	width: 90px;
}

.link_list ul.itemList p, .link_list ul.itemList h3 {
    padding-left: 90px;
	font-size:0.93em;
}

p.price{
	color:#cc0000;
}

.planDate {
	color:#cc0000;
	font-size:0.86em !important;
	font-weight:normal;
	line-height:1.2;
	margin:0;
	padding:2px 0;
}
#pickup .bottom{
	height:2px;
	background:url(/dom/customer/images/bg/bg_maincontents_bottom.gif) 0 0 no-repeat;
}


.mod.sevenMod .floLeft{
	width:455px;
	margin-top:-30px;
}

.mod.sevenMod .floRight{
	width:195px;
}

.mod.sevenMod .floRight #recommendContents h3{
	display:none;
}









/*-----------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------rightContents--*/
/*-----------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------rightContents--*/
#col2Contents .rightContents{
	width:300px;
	float:right;
}

#col2Contents .rightContents .rankttl{
	font-weight:bold;
	font-size:1.4em;
	text-align:left;
	margin-bottom:10px;
}

#col2Contents .rightContents .rankttl .rankIco{
	width:39px;
	height:32px;
	background-position:0 -63px;
	margin-right:5px;
}

#col2Contents .rightContents .rankBox{
	margin-bottom:25px;
	padding-bottom:30px;
	background-repeat:no-repeat;
	background-position:100% 0;
	border-bottom:#c3e8c8 dotted 3px;
}

#col2Contents .rightContents .rankBox .rankttl{
	text-align:left;
	margin-bottom: 15px;
}

	#col2Contents .rightContents .rankBox.jaRank{
		background-image:url(/dom/customer/images/renewal/unit_bg02.gif);

	}
	#col2Contents .rightContents .rankBox.wrldRank{
		background-image:url(/dom/customer/images/renewal/unit_bg03.gif);
	}



#col2Contents .rightContents .rankBox li{
	margin-bottom:15px;
}

#col2Contents .rightContents .rankBox li dt{
	text-align:left;
}

#col2Contents .rightContents .rankBox li dt span.rankPh{
	float:left;
	padding-right:5px;
}

#col2Contents .rightContents .rankBox li dt span.rank01{
	width:31px;
	height:21px;
	background-position:-44px -73px;
	text-indent:-9999px;
	overflow:hidden;
	margin-right:5px;
}
#col2Contents .rightContents .rankBox li dt span.rank02{
	width:31px;
	height:21px;
	background-position:-76px -73px;
	text-indent:-9999px;
	overflow:hidden;
	margin-right:5px;
}
#col2Contents .rightContents .rankBox li dt span.rank03{
	width:31px;
	height:21px;
	background-position:-108px -73px;
	text-indent:-9999px;
	overflow:hidden;
	margin-right:5px;
}

#col2Contents .rightContents .rankBox li dt a{
	color:#0190d3;
	font-weight:bold;
	vertical-align:middle;
}

#col2Contents .rightContents .rankBox li dd{
	text-align:left;
}


/*more style*/
#col2Contents .rightContents .splLink{
	font-size: 0.9em;
    font-weight: bold;
    text-align: right;
	margin-bottom:3px;
}
	#col2Contents .rightContents .splLink a{
		color:#0190d3;
		background-image: url(/dom/customer/images/renewal/tria_icon.png );
		background-repeat:no-repeat;
		padding-left:10px;
		background-position: 0 3px;
	}

#col2Contents .rightContents .splTxt{
	text-align:right;
	color:#505050;
	font-size: 0.9em;
}




/*-----.mod.qrMod--*/

.mod.qrMod{
	border-bottom:#c3e8c8 dotted 3px;
	padding-bottom:5px;
}

.mod.qrMod .modBtnArea{
	width:300px;
	height:145px;
	background-image:url(/dom/customer/images/renewal/qr_code_bg.gif);
	background-repeat:no-repeat;
	margin-bottom:20px;
}

.mod.qrMod .modBtnArea .modBtn{
	margin-left: 92px;
    margin-top: 69px;
}

.mod.qrMod .bnPh{
	margin-bottom:18px;
}




/*-----.mod.usefulMod--*/

.mod.usefulMod{
	text-align:left;
	padding-top:20px;
	border-bottom:#c3e8c8 dotted 3px;
	padding-bottom:30px;
}

.mod.usefulMod .modTtl{
	font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: left;
}

.mod.usefulMod .usefulBox{
	margin-bottom:10px;
}

.mod.usefulMod .usefulBox span.topIcon{
	display:table-cell;
	*display:inline;
	*zoom:1;
	*float:left;
}

.mod.usefulMod .usefulBox dl{
	display:table-cell;
	*display:inline;
	*zoom:1;
	padding-left: 8px;
}

.mod.usefulMod .usefulBox dl dt{
	margin-bottom:3px;
	font-weight:bold;
	font-size:1.1em;
}
.mod.usefulMod .usefulBox dl dt.listMag{
	margin-bottom:8px;
}
	.mod.usefulMod .usefulBox dl dt a{
		color:#0190d3;
	}

	.mod.usefulMod .usefulBox dl dd li a{
		color:#0190d3;
	}

.mod.usefulMod .usefulBox dl dd li{
/*	padding-left: 2.2em;*/
    text-indent: -1em;
	list-style:none;
	margin:0 0 5px;
}

.mod.usefulMod .usefulBox dl dd li:before{
	content: "�E";
}


/*-----.mod.freeBnMod--*/
.mod.freeBnMod{
	padding-top:30px;
}

.mod.freeBnMod dl{
    text-align: center;
    width: 220px;
	margin:0 auto 20px;
}

.mod.freeBnMod dl dt{
	margin-bottom:3px;
	line-height:1.2;
}

.mod.freeBnMod dl dd{
	padding:0;
	text-align:center;
	line-height:1.2;
}




/*-----contentsBTm---------------------------------------------------------------------------*/

#contentsBtm {
    margin: 0 auto;
    width: 1000px;
}

#contentsBtm .pagetoplink {
    margin: 0 auto 10px;
    text-align: right;
    width: 1000px;
}


#contentsBtm .pagetoplink a {
    background: url("/img/ico/arrow_pagetoplink_new.gif");
	background-repeat:no-repeat;
	background-position:0 0.3em;
    padding: 3px 10px 3px 15px;
    z-index: 98;
}

.seven_copyrightBox {
    font-size: 0.93em;
    margin: 0 0 12px;
    text-align: left;
    width: 1000px;
}

.seven_copyrightBox p {
    display: inline;
}


.seven_copyrightBox p.sevent_copyright {
    color: #999999;
    margin-left: 10px;
}

.seven_copyrightBox p {
    display: inline;
}


.seven_copyrightBox p {
    display: inline;
}

#contentsBtm #naviBottom {
    background: none repeat scroll 0 0 #ffcc00;
    margin: 0;
    padding: 0;
}

#contentsBtm #naviBottom div.pkg {
    margin: 0 auto;
    text-align: center;
    width: 1000px;
}

#contentsBtm #naviBottom p {
    padding: 2px 10px 4px 0;
}

#contentsBtm #naviBottom p span {
    font-size: 0.93em;
    margin-left: 50px;
}

#contentsBtm #naviBottom p a {
    background: url("/img/ico/arrow_contents_btm.gif");
	background-repeat:no-repeat;
	background-position:0 0.35em;
    color: #010000;
	padding-left:8px;
}



/*===================================================================
	 fancyBox
===================================================================*/
.fancybox-wrap{
	width:600px !important;
}

.fancybox-inner{
	padding:20px !important;
	width:auto !important;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span{
	background-image:url(/dom/customer/images/renewal/fancy_close_btn.png) !important;
	background-repeat:no-repeat !important;
	width:46px !important;
	height:45px !important;
}


/*--popUp------*/
.popUpArea .popUpBox .boxPh{
	width:146px;
}

.popUpArea .popUpBox .boxMenu{
	width:380px;
	text-align:left;
}

.popUpArea .popUpBox .boxMenu .boxTtl{
	font-weight:bold;
	color:#f47a03;
	margin-bottom:10px;
	font-size:2em;
}

.popUpArea .popUpBox .boxMenu .selectLink{
	margin-bottom:15px;
}

.popUpArea .popUpBox .boxMenu .selectLink .label{
	display:inline-block;
	*display:inline;
	*zoom:1;
	background-color:#efdb00;
	border-radius:5px;
	font-size:0.9em;
	text-align:center;
	margin-bottom:10px;
	padding:5px 8px 3px;
	text-align:left;
}

.popUpArea .popUpBox .boxMenu .selectLink ul{
	margin-bottom:5px;
}

.popUpArea .popUpBox .boxMenu .selectLink li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-bottom:5px;
	margin-right:5px;
	font-weight:bold;
	font-size:1.1em;
	text-indent:-1em;
	padding-left:1em;
}
	.popUpArea .popUpBox .boxMenu .selectLink li a{
		color:#0190d3;
	}

/*===================================================================
	 20160215 add
===================================================================*/
#air_jp .jaHotelSearchBox{
	margin-left: 20px;
}
.jaHotelSearchBox{
	width: 100%;
	height: 396px !important;
	padding-left: 20px;
}

#tk_menu_j_01 .unit.themeBgPh{
	margin-left: 40px;
}
#tabArea .tabCont .tabLeft .topCont .reservBox{
	margin-right: 20px;
}