@charset "Shift_JIS";

/*last updated by shirato 2010.11.29*/

/*recentBox*/
div#verticalRecentRoot{ /*2010.03.04*/
	position: relative;
	/*width: 100%;*/
    background-color:#FFFFFF;
    border-left:1px solid #23a5d3;
	border-right:1px solid #23a5d3;
	border-bottom:1px solid #23a5d3;
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom:13px;
	*padding-top:0px;
	*padding-bottom:0px;


}

div#verticalRecentRoot.biz{/*2010.03.31*/
	border: 1px solid #8C97A3;
}

div#verticalRecentRoot.atDmstTop{/*2010.03.04*/
	border: none;
}

div#verticalRecentRoot h3{ /*2010.02.10*/
	background-image:url(../images/icon_presonal_recent.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:78%;
	font-weight:bold;
	margin:0;
	padding:2px 0 2px 25px;

}

div#verticalRecentRoot ul#wdgtTabArea{/* 2010.03.04 */
	margin: 0;
	padding: 0;
	list-style: none;
}

div#verticalRecentRoot ul#wdgtTabArea li#wdgtDmstTab{/* 2010.03.04 */
	float: left;
	width: 48%;
	height: 29px;
}

div#verticalRecentRoot ul#wdgtTabArea li#wdgtOvrsTab{/* 2010.03.04 */
	float: right;
	width: 48%;
	height: 29px;
}

div#verticalRecentRoot ul#wdgtTabArea li a,
div#verticalRecentRoot ul#wdgtTabArea li a strong,
div#verticalRecentRoot ul#wdgtTabArea li span,
div#verticalRecentRoot ul#wdgtTabArea li span strong{/* 2010.03.04 */
	display: block;
	height: 29px;
	text-align: center;
	text-decoration: none;
}

div#verticalRecentRoot ul#wdgtTabArea li a strong,
div#verticalRecentRoot ul#wdgtTabArea li span strong{
	line-height: 205%;
	font-size: 80%;
	cursor: pointer;
}

div#verticalRecentRoot ul#wdgtTabArea li#wdgtDmstTab span{/* 2010.03.04 */
	background: url(../images/bg_widget_tab_dmst.gif) no-repeat left top;
}

div#verticalRecentRoot ul#wdgtTabArea li#wdgtDmstTab a{/* 2010.03.04 */
	background: url(../images/bg_widget_tab_dmst.gif) no-repeat left bottom;
}

div#verticalRecentRoot ul#wdgtTabArea li#wdgtOvrsTab span{/* 2010.03.04 */
	background: url(../images/bg_widget_tab_ovrs.gif) no-repeat right top;
}

div#verticalRecentRoot ul#wdgtTabArea li#wdgtOvrsTab a{/* 2010.03.04 */
	background: url(../images/bg_widget_tab_ovrs.gif) no-repeat right bottom;
}


div#verticalRecentRoot ul#wdgtTabArea li#wdgtDmstTab span strong{/* 2010.03.04 */
	background: url(../images/bg_widget_tab_dmst_right.gif) no-repeat right top;
	color: #FFF;
}

div#verticalRecentRoot ul#wdgtTabArea li#wdgtDmstTab a strong{/* 2010.03.04 */
	background: url(../images/bg_widget_tab_dmst_right.gif) no-repeat right bottom;
	color: #66B821;
	text-decoration: underline;
}


div#verticalRecentRoot ul#wdgtTabArea li#wdgtOvrsTab span strong{/* 2010.03.04 */
	background: url(../images/bg_widget_tab_ovrs_left.gif) no-repeat left top;
	color: #FFF;
}

div#verticalRecentRoot ul#wdgtTabArea li#wdgtOvrsTab a strong{/* 2010.03.04 */
	background: url(../images/bg_widget_tab_ovrs_left.gif) no-repeat left bottom;
	color: #5085C5;
	text-decoration: underline;
}

div#verticalRecentRoot ul#wdgtTabArea li#wdgtDmstTab a:hover{/* 2010.03.04 */
	background: url(../images/bg_widget_tab_dmst.gif) no-repeat left center;
	visibility: visible;
}

div#verticalRecentRoot ul#wdgtTabArea li#wdgtOvrsTab a:hover{/* 2010.03.04 */
	background: url(../images/bg_widget_tab_ovrs.gif) no-repeat right center;
	visibility: visible;
}

div#verticalRecentRoot ul#wdgtTabArea li#wdgtDmstTab a:hover strong{/* 2010.03.04 */
	background: url(../images/bg_widget_tab_dmst_right.gif) no-repeat right center;
	color: #FFF;
	text-decoration: none;
}

div#verticalRecentRoot ul#wdgtTabArea li#wdgtOvrsTab a:hover strong{/* 2010.03.04 */
	background: url(../images/bg_widget_tab_ovrs_left.gif) no-repeat left center;
	color: #FFF;
	text-decoration: none;
}

/*ラジオボタンスイチE 2010.03.04*/
div.recentList ul#radioSwtch{
	margin: 0;
	padding:0 0 4px 0;
	list-style: none;
	font-size: 70%;
	background: url(../images/line_gray.gif) repeat-x bottom;
}

div.recentList ul#radioSwtch li{
	padding-bottom: 4px;
}

div.recentList ul#radioSwtch li div{
	/*display: inline-table;*/
	display:inline-block;
	vertical-align: middle;
}

div.recentList ul#radioSwtch li div img{
	vertical-align: text-bottom;
	padding-right: 4px;
}

div.recentList ul#radioSwtch li div input{
	margin-right: 4px;
}

div.recentList ul#radioSwtch li div{
	cursor: pointer;
}

* html div.recentList ul#radioSwtch li div{/* IE 6 */
	zoom:1;
}

*:first-child+html div.recentList ul#radioSwtch li div{/* IE 7 */
	zoom:1;
}

div.recentList ul#radioSwtch li div label span{
	padding: 0 2px;
}

/*----*/


div#verticalRecentRoot p.recentOutline{ /*2010.02.10*/
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	background-image: url(../images/line_gray.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	font-size: 65%;
	line-height: 1.2;
}


div#verticalRecentRoot p.recentPaging{ /*2010.02.10*/
	margin: 0 0 5px 0;
	padding: 5px 0 5px 0;
	background-image: url(../images/line_gray.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	font-size: 65%;
    text-align:center;
}

div#verticalRecentRoot p.upDownBtn{/*2010.03.04*/
	height: 20px;
	margin: 0;
	padding: 5px 0;
}

div#verticalRecentRoot p.upDownBtn.upBtn{/*2010.03.04*/
	background: url(../images/line_gray.gif) repeat-x bottom;
	margin-bottom: 5px;
}

div#verticalRecentRoot p.upDownBtn.downBtn{/*2010.03.04*/
	padding-top: 0;
}

div#verticalRecentRoot p.upDownBtn a{/*2010.03.04*/
	width: 80%;
	height: 20px;
	background: url(../images/bg_up_down_btn.gif) no-repeat left;
	margin-left: 10%;
	display: block;
	text-decoration: none;
}

div#verticalRecentRoot p.upDownBtn a span{/*2010.03.04*/
	display: block;
	background: url(../images/bg_up_down_btn_right.gif) no-repeat right;
	text-align: center;
	color: #333;
	height: 20px;
	font-size: 90%;
	line-height: 1.5em;
	cursor: pointer;
}

div#verticalRecentRoot p.recentPaging.downArrw{/*2010.03.04*/
	background: none;
	padding: 0;
}

div#verticalRecentRoot div.recentList{ /*2010.03.04*/
	border: 1px solid #66B821;
	/*border: 1px solid #5085C5;*/
	padding: 4px 4px 0 4px;
}

div#sideArea div.personalBox div.recentBox div.recentHotel{
	background-image: url(../images/line_gray.gif);
	/*background-image: none;*/
}

div#verticalRecentRoot div.recentHotel{ /*2010.02.10*/
	margin: 0 0 5px 0;
	padding: 0 0 7px 0;
	background-image: url(../images/line_gray.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	/*border-bottom: 2px dotted #CCC;*/
    height:50px;
}

div#verticalRecentRoot div.recentHotel h4{ /*2010.02.10*/
	font-size: 82%;
	font-weight: bold;
	line-height: 1.2;
    margin:0px;
}

a img {
    border:medium none;
}

div#verticalRecentRoot div.recentHotel h4 span{ /*2010.02.10*/
	display: block;
	float: left;
	width: 57px;
}

div#verticalRecentRoot p.more{ /*2010.02.10*/
	line-height:1.1em;
	margin: 6px 0 6px 0;
	padding: 0 2px;
}
div#verticalRecentRoot p.more a{ /*2010.02.10*/
	padding: 0 0 0 12px;
	background-position: 0 1px;
	background-repeat: no-repeat;
	font-size: 82%;
}
div#verticalRecentRoot p.more a:link       { background-image: url(../images/icon_arrow01.gif); } /*2010.02.10*/
div#verticalRecentRoot p.more a:visited    { background-image: url(../images/icon_arrow01_visited.gif); } /*2010.02.10*/
div#verticalRecentRoot p.more a:visited:hover, /*2010.02.10*/
div#verticalRecentRoot p.more a:link:hover { background-image: url(../images/icon_arrow01_hover.gif); } /*2010.02.10*/
div#verticalRecentRoot p.more a:visited:active, /*2010.02.10*/
div#verticalRecentRoot p.more a:link:active{ background-image: url(../images/icon_arrow01_active.gif) } /*2010.02.10*/

div#verticalRecentRoot p.empty { /*2010.04.26*/
    margin:6px 0;
    padding:0 2px;
    line-height:1.1em;
    font-size:82%
}

div#verticalRecentRoot p.empty a { /*2010.04.26*/
    font-weight:bold;
}

/*場所によっての枠*/

div#wdgtAtKwList{
	width: 240px;
	position: relative;
	margin:0 0 15px 15px;
}

div#wdgtAtKwList div#verticalRecentRoot{
	padding: 5px;
	margin-bottom: 0;
}
 
div#wdgtAtHotelList{
	width: 184px;
	margin-bottom: 15px;
}

div#wdgtAtHotelList.nrml{/*2010.03.26*/
	width: auto;
	margin-bottom: 15px;
}

div#wdgtAtHotelList div#verticalRecentRoot{
	padding: 4px;
}

div#wdgtAtOvrsTop{
	/*width: 181px;*/
}

div#wdgtAtOvrsTop div#verticalRecentRoot{
	padding: 4px;
	margin-bottom: 15px;
	font-size: 120%;
}


/*air tickets 2010.03.4*/

#air_recent_item_area{
	margin-bottom: 5px;
}

#air_recent_item_area .le_01 {
    float: left;
    padding-right: 3px;
    padding-left: 5px;
}

#air_recent_item_area .mi_01 {
    float: left;
    font-size: 88%;
    font-weight: bold;
    padding-top: 2px;
    color: #bf0000;
}

#air_recent_item_area .ri_01 {
    float: right;
    padding: 3px 8px 6px 0;
}

#air_recent_item_area .air_koku {
	float:left;
	font-size:78%;
	padding:0 15px 0 10px;
	vertical-align:middle;
}

#air_recent_item_area .air_koku .air_logo {
	float:left;
}

#air_recent_item_area .air_koku .air_logo_name {
	float:left;
	margin-left:3px;
	width:90px;
}

#air_recent_item_area .airplan {
	color:#5552F0;
	font-size:8pt;
	padding:5px 2px;
	margin: 0;
	clear: both;
    height:20px;
}

#air_recent_item_area .planki {
	color:#5F5F5F;
	font-size:8pt;
	padding:0 2px;
	margin: 0;
}

#air_recent_item_area .planbutton {
	padding:5px 0px 5px 0px;
	margin: 0;
}

#air_recent_item_area .air_item{
	margin-top: 5px;
    height:150px;/*2010.06.25*/
	background: url(../images/line_gray.gif) repeat-x bottom;
}

.recentList .planfont {
	color:#666666;
	font-size:65%;
	padding:0 5px 10px;
	background: url(../images/line_gray.gif) repeat-x bottom;
}

/*rakupack*/
div#sideArea div#verticalRecentRoot div.recentHotel.rakuPack{/*dmstTop*/
	height: 155px;/*2010.05.21*/
}

div#verticalRecentRoot div.recentHotel.rakuPack{/*dmstTop*/
	height: 155px;/*2010.05.21*/
}

div.recentHotel{
	clear: both;
}

div.recentHotel .dptDate{
	font-size: 70%;
	padding: 0 2px 0 2px;
	color: #666;
	text-align: left;
}

div.recentHotel p.daysAndRate{
	font-size: 80%;
	padding: 4px 0px;
	text-align: left;
	/*border: 2px solid #68B524;*/
	/*text-align: center;*/
}

div.recentHotel p.daysAndRate strong{
	font-size: 110%;
	color: #C00;
}

div.recentHotel p.daysAndRate span{
	font-size: 80%;
}

div#verticalRecentRoot div.recentHotel h4.dpHotel{
	margin-bottom: 6px;
}

div.recentHotel p.rpPlan{
	font-size: 70%;
	clear: both;
	padding: 4px 2px;
	line-height: 130%;
}

div.recentHotel p.iconRndTrp{
	clear: both;
	font-size: 70%;
	background: url(../images/icon_plane.gif) no-repeat;
	height: 2.5em;
	padding-left: 42px;
	margin-bottom: 6px;
	text-align: left;
}

div.recentHotel p.iconRndTrpANA{
	clear: both;
	font-size: 70%;
	background: url(../images/icon_ana_wdgt.gif) no-repeat;
	padding-left: 42px;
	margin-bottom: 6px;
}

div.recentHotel p.iconRndTrpJAL{
	clear: both;
	font-size: 70%;
	background: url(../images/icon_jal_wdgt.gif) no-repeat;
	padding-left: 42px;
	margin-bottom: 6px;
}

div.recentHotel p.pssgrNum{
	font-size: 70%;
	color: #666;
	text-align: left;
}

p.recTtlNum{
	background: url(../images/line_gray.gif) repeat-x center bottom;
	font-size: 70%;
	text-align: center;
	padding: 4px 0;
}

p.recTtlNum strong{
	color: #C00;
	font-size: 140%;
}

/* overseas air */
#right_part #verticalRecentRoot li {
    padding-bottom:0px;
    text-align:left;
}

#right_part div.recentList a {
    font-size:100%;
}

/* overseas dp */

div#verticalRecentRoot div.recentHotel.rakuPack.ovrsDp{
	height: 12.4em;
}

div#sideArea div#verticalRecentRoot div.recentHotel.rakuPack.ovrsDp{
	height: 12.4em;
}

div#verticalRecentRoot div.recentHotel p.ovrsDpAirNm{
	font-size: 70%;
}

div#verticalRecentRoot div.recentHotel p.ovrsDpAirNm img{
	float: left;
	margin-right: 4px;
}

div#verticalRecentRoot div.recentHotel p.anaRndTrp.overDpOD{
	text-align: center;
	font-size: 70%;
	margin: 4px 0 8px 0;
    clear: both;
}

div#verticalRecentRoot div.recentHotel p.anaRndTrp.overDpOD span{
	display: block;
}

div#verticalRecentRoot div.recentHotel p.anaRndTrp.overDpOD span.origin{
	
}

/*--------------------------------------------
強制皁Eclearするセレクタ 2010.03.04
--------------------------------------------*/
.clear {
	display: block;
	clear: both;
	height: 0;
	line-height: 0px;
	font-size: 1px;
	}
/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
.clearfix {
	display: inline-table;
	min-height: 1%;
	}
/*Hides from MacIE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*Hides from MacIE */


/* 最近見た特雁E*/

div#recentFtr{
	border-top: 1px solid #CCC;
	padding-top: 6px;
}

div#recentFtr h3{
	background: url(../images/icon_rcnt_ftr.gif) no-repeat left center;
}

div#recentFtr div#recentLnk{
	margin-top: 4px;
}

div#recentFtr div#recentLnk ul{
	list-style: none;
	font-size: 78%;
	border: 1px solid #CCC;
	padding: 2px;
}

div#recentFtr div#recentLnk ul li{
	overflow: hidden;
	height: 50px;
	background-image: url("../images/line_gray.gif");
	background-position: left bottom;
	background-repeat: repeat-x;
	padding: 3px;
}

div#recentFtr div#recentLnk ul li:last-child{
	background: none;
}

div#recentFtr div#recentLnk ul li a span{
	float: left;
        clear: left;
	display: block;
	width: 57px;
}


div#recentFtr p.empty{
    margin:6px 0;
    padding:0 2px;
    line-height:1.1em;
    font-size:82%
}

div#recentFtr p.empty a{
	font-weight: bold;
}
