/* CSS Document */

@charset "Shift_JIS"; /* 文字コード */

/* 回り込み設定 */
.floatl {
	float: left;
}
.floatr {
	float: right;
}
.brclear {
	clear: both;
}

/* <IMG>垂直位置設定 */
img { vertical-align: text-bottom; }

/* ツアー代金 */
.kakaku { color: #ff0000; }

/* お得な新着情報 */
#whatsnew {
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	line-height: 16px;
}
#whatsnew .head {
	margin: 0px;
}
#whatsnew .body {
	background: #ffffff;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
#whatsnew .body ul {
	font-size: 12px;
	line-height: 130%;
	margin: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	list-style-type: none;
}
#whatsnew .body ul li {
	background: url(../../tour/area-top-img/ciao-index/delta.gif) no-repeat 0px 7px;
	padding-top: 5px;
	padding-left: 12px;
}
#whatsnew .foot {
	/* text-align: right; */
	margin-top: 5px;
	margin-left: 18px;
}

/* おすすめ海外旅行 */
#osusume {
	clear: both;
}
#osusume-l {
	margin-top: 0px;
	margin-bottom: 20px;
	text-align: left;
	vertical-align: top;
	float: left;
}
#osusume-l .head {
	text-align: left;
}
#osusume-r {
	margin-top: 25px;
	margin-bottom: 20px;
	text-align: left;
	vertical-align: top;
	float: right;
}
#osusume .course {
	width: 284px;
	margin-bottom: 5px;
	background: #ffffff;
	font-size: 13px;
	line-height: 18px;
	border-top: 3px solid #666666;
	border-bottom: 1px solid #666666;
}
#osusume .coursedata {
	width: 204px;
	text-align: left;
	vertical-align: top;
	float: left;
	background: #ffffff;
}
#osusume .courselineup {
	min-height: 17px !important;
	height: auto !important; /* */
	height: 21px;
	padding-top: 4px;
	padding-left: 2px;
	text-align: left;
	line-height: 13px;
	background: #eaeaea;
}
#osusume .courseinfo {
	padding-top: 3px;
	text-align: left;
}
#osusume .coursepic {
	width: 80px;
	text-align: right;
	vertical-align: top;
	float: left;
}

/* 旅の特集 */
#article, #article2, #article3 {
	clear: both;
}

#article-l {
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: left;
	vertical-align: top;
	float: left;
}

#article-l .head, #article2-l .head, #article3-l .head {
	text-align: left;
}
#article-r {
	margin-top: 50px;
	margin-bottom: 10px;
	text-align: left;
	vertical-align: top;
	float: right;
}

#article2-l {
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: left;
	vertical-align: top;
	float: left;
}
#article2-r {
	margin-top: 25px;
	margin-bottom: 10px;
	text-align: left;
	vertical-align: top;
	float: right;
}

#article3-l {
	margin-top: 0px;
	margin-bottom: 50px;
	text-align: left;
	vertical-align: top;
	float: left;
}
#article3-r {
	margin-top: 25px;
	margin-bottom: 50px;
	text-align: left;
	vertical-align: top;
	float: right;
}


#article .course, #article2 .course, #article3 .course {
	width: 284px;
	margin-bottom: 5px;
	background: #ffffff;
	font-size: 12px;
	line-height: 16px;
	border-top: 3px solid #666666;
	border-bottom: 1px solid #666666;
}

#article .coursedata, #article2 .coursedata, #article3 .coursedata {
	width: 234px;
	padding-top: 2px;
	text-align: left;
	vertical-align: top;
	float: left;
}
#article .coursepic, #article2 .coursepic, #article3 .coursepic {
	width: 50px;
	text-align: right;
	vertical-align: top;
	float: left;
}
