@charset "shift_jis";
/* horizontal widget by yokomichi 2011.11.24 */

div#hrRcmdBox{
	margin-top: 12px;
        margin-bottom: 12px;
}

div#hrztlWdgtArea{
	clear: both;
    width: 950px;
    margin:auto;
}

div#hrztlWdgtArea h3{
	background-image:url(http://travel.rakuten.co.jp/share/themes/top/images/icon_presonal_recent.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:82%;
	font-weight:bold;
	margin:0;
	padding:2px 0 2px 25px;
	margin-bottom: 6px;
}

div#hrztlWdgtArea div#hrztlWdgtBox{
	background-color: #BFD2EA;
	border: 1px solid #5085C5;
	padding: 10px;
}

div#hrztlWdgtArea div#hrztlWdgtBox a h4{
	cursor: pointer;
}

div#hrztlWdgtArea div#hrztlWdgtBox div#hrztlWdgtInside{
	border: 1px solid #5085C5;
	background-color: #FFF;
	padding: 8px;
}

div#hrztlWdgtArea div#hrztlWdgtBox div#hrztlWdgtInside div#rwdBtn{
	float: left;
	width: 19px;
	display: inline;
}

div#hrztlWdgtArea div#hrztlWdgtBox div#hrztlWdgtInside div#fwdBtn{
	float: right;
	width: 19px;
	display: inline;
}

div#hrztlWdgtArea div#hrztlWdgtBox div#hrztlWdgtInside div#rwdBtn a,
div#hrztlWdgtArea div#hrztlWdgtBox div#hrztlWdgtInside div#fwdBtn a{
	display: inline-block;
	width: 19px;
	height: 72px;
}

div#hrztlWdgtArea div#hrztlWdgtBox div#hrztlWdgtInside div#rwdBtn a{
	background: url(../images/btn_hor_wdgt_left_on.gif) no-repeat;
}

div#hrztlWdgtArea div#hrztlWdgtBox div#hrztlWdgtInside div#fwdBtn a{
	background: url(../images/btn_hor_wdgt_right_on.gif) no-repeat;
}

div#hrztlWdgtArea div#hrztlWdgtBox div#hrztlWdgtInside div#rwdBtn a:hover,
div#hrztlWdgtArea div#hrztlWdgtBox div#hrztlWdgtInside div#fwdBtn a:hover{
	visibility: visible;
}

div#hrztlWdgtArea div#hrztlWdgtBox div#hrztlWdgtInside div#rwdBtn a:hover img,
div#hrztlWdgtArea div#hrztlWdgtBox div#hrztlWdgtInside div#fwdBtn a:hover img{
	visibility: hidden;
}

div#hrztlWdgtArea div#hrztlWdgtBox div#hrztlWdgtInside ul{
	list-style: none;
}

div#hrztlWdgtArea div#hrztlWdgtBox div#hrztlWdgtInside ul li{
	border: 1px solid #5085C5;
	background-color: #FFF;
	padding: 4px;
	float: left;
	font-size: 80%;
	width: 156px;
	margin-left: 7px;
	/margin-left: 6px; /*IE6&7*/
	height: 65px;
	display: inline;
}

div#hrztlWdgtArea div#hrztlWdgtBox div#hrztlWdgtInside ul li h4 img{
	cursor: pointer;
}

div#hrztlWdgtArea div#hrztlWdgtBox div#hrztlWdgtInside ul li img{
	float: left;
	margin-right: 4px;
}

div#hrztlWdgtArea div#hrztlWdgtBox div#hrztlWdgtInside ul.recentContents li.recentHotel a h4{
	cursor: pointer;
	height: 50px;
}

div#hrztlWdgtArea div#hrztlWdgtBox p{
	margin-top: 8px;
	border: 1px solid #5085C5;
	background-color: #FFF;
	padding: 3px;
	float: right;
	display: inline;
}

div#hrztlWdgtArea div#hrztlWdgtBox p a{
	font-size: 80%;
	background: url(http://travel.rakuten.co.jp/share/themes/top/images/icon_arrow01_hover.gif) no-repeat left center;
	padding-left: 14px;
}

div#hrztlWdgtArea div#hrztlWdgtBox p a:link       { background-image: url(http://travel.rakuten.co.jp/share/themes/top/images/icon_arrow01.gif);}
div#hrztlWdgtArea div#hrztlWdgtBox p a:visited    { background-image: url(http://travel.rakuten.co.jp/share/themes/top/images/icon_arrow01_visited.gif);}
div#hrztlWdgtArea div#hrztlWdgtBox p a:visited:hover,
div#hrztlWdgtArea div#hrztlWdgtBox p a:link:hover { background-image: url(http://travel.rakuten.co.jp/share/themes/top/images/icon_arrow01_hover.gif);}
div#hrztlWdgtArea div#hrztlWdgtBox p a:visited:active,
div#hrztlWdgtArea div#hrztlWdgtBox p a:link:active{ background-image: url(http://travel.rakuten.co.jp/share/themes/top/images/icon_arrow01_active.gif);}


div#hrztlWdgtArea div#hrztlWdgtBox p a span{
	display: inline-block;
	cursor: pointer;
}

/*国内ウィジェット用*/

div#hrztlWdgtArea.hrDmstc div#hrztlWdgtBox{
	background-color: #B1E37E;
	border: 1px solid #66B821;
}

div#hrztlWdgtArea.hrDmstc div#hrztlWdgtBox div#hrztlWdgtInside{
	border: 1px solid #66B821;
}

div#hrztlWdgtArea.hrDmstc div#hrztlWdgtBox div#hrztlWdgtInside ul li{
	border: 1px solid #66B821;
	height: auto;
}

div#hrztlWdgtArea.hrDmstc div#hrztlWdgtBox div#hrztlWdgtInside ul li p.areaBox{
	border: none;
	clear: both;
	background-color: transparent;
	font-size: 90%;
	margin-top: 2px;
	font-weight: normal;
        padding:3px 0px;
	width: 98%;
	float: left;
	display: inline;
}

div#hrztlWdgtArea.hrDmstc div#hrztlWdgtBox div#hrztlWdgtInside ul li p.areaBox span{
	float: none;
	font-size: 90%;
	display: block;
	height: 1.1em;
}

div#hrztlWdgtArea.hrDmstc div#hrztlWdgtBox div#hrztlWdgtInside ul li p.areaBox a{
	background: none;
	float: right;
}

div#hrztlWdgtArea.hrDmstc div#hrztlWdgtBox p{
	border: 1px solid #66B821;
}

div#hrztlWdgtArea.hrDmstc div#hrztlWdgtBox p.more{
        margin-left:5px;
}


div#hrztlWdgtArea div#hrztlWdgtBox p#recTtlNum{
	position: relative;
	font-size: 80%;
}
div#hrztlWdgtArea div#hrztlWdgtBox p#recTtlNum strong{
	color: #CC0000;
}
div#hrztlWdgtArea div#hrztlWdgtBox p#recTtlNum span#toCompare{
	padding-left:14px;
}
div#hrztlWdgtArea div#hrztlWdgtBox p#recTtlNum span#toCompare a{
	font-size: 100%;
}

div#hrztlWdgtArea div#hrztlWdgtBox div#hrztlWdgtInside ul li p.areaBox{
	background-color: transparent;
	border: none;
	clear: both;
	display: inline;
	font-size: 90%;
	font-weight: normal;
	margin-top: 0;
	outline: medium none;
	padding:3px 0px;
	width: 98%;
}

div#hrztlWdgtArea.hrDmstc div#hrztlWdgtBox div#hrztlWdgtInside ul li p.areaBox a.mDeleteImg{
	background-image: url("http://travel.rakuten.co.jp/share/themes/top/images/icon_close.gif");
	background-repeat: no-repeat;
	height: 12px;
	outline: medium none;
	text-indent: -99999px;
	visibility: hidden;
	margin-left: 10px;
	margin-top: 2px;
}

div#hrztlWdgtBox div#hrztlWdgtInside ul li p.areaBox a.mDeleteImg{
	background-image: url("http://travel.rakuten.co.jp/share/themes/top/images/icon_close.gif");
	background-repeat: no-repeat;
	height: 12px;
	text-indent: -99999px;
	outline: medium none;
	visibility: hidden;
	float: right;
}

div#hrztlWdgtArea.hrDmstc div#hrztlWdgtBox div#hrztlWdgtInside ul li:hover p.areaBox a.mDeleteImg,
div#hrztlWdgtBox div#hrztlWdgtInside ul li:hover p.areaBox a.mDeleteImg{
	visibility: visible;
	opacity: 0.5;
}
div#hrztlWdgtArea.hrDmstc div#hrztlWdgtBox div#hrztlWdgtInside ul li p.areaBox a.mDeleteImg:hover,
div#hrztlWdgtBox div#hrztlWdgtInside ul li p.areaBox a.mDeleteImg:hover{
	visibility: visible;
	opacity: 1;
}