@CHARSET "utf-8";

/* CenterRight column */
#crcol_pickup > .h, #crcol_pickup > .f, #crcol_tak > .h, #crcol_tak > .f {
	background-image: url(../images/tpl_20100302/20100302_r3_c4.gif); background-repeat: no-repeat;
}
/* Center column */
.ccol_contents_plain > .h, .ccol_contents_plain > .f, #ccol_realtime, #ccol_tpx > .h, #ccol_tpx > .f, #ccol_reason {
	background-image: url(../images/tpl_20100302/20100302_r5_c5.gif); background-repeat: no-repeat;
}

/* Icons */
#crcol_tak dl dt, #crcol_tak button, #ccol_tpx > .m li .icon {
	background-image: url(../images/tpl_20100302/20100302_r8_c6.gif);
}

/* Banners */
#ccol_bnr1 { background: url(/assets/images/tpl_20100302/20100302_r11_c5.gif) no-repeat; }

#crcol_pickup > .m, #crcol_tak > .m {
	height: 278px; width: 90%; margin: auto; overflow: hidden;
}
#crcol_pickup > .m > .description, #crcol_tak > .m > .description {
	font-size: 11px; color: #294FBC; margin-top: 5px;
}
#crcol_pickup > .m > .description strong, #crcol_tak > .m > .description strong {
	color: red; font-weight: bold;
}
#crcol_pickup { position: relative; }
#crcol_pickup { float: left; width: 340px; height: 321px; background: #fff; }
#crcol_pickup > .h { height: 36px; background-position: 0 -67px; }
#crcol_pickup > .date { font-size: 10px; position: absolute; right: 10px; top: 13px; color: #666; }
#crcol_pickup .item { margin-top: 8px; padding-bottom: 8px;}
#crcol_pickup .item > .img { height: 60px; width: 90px; background: #999; float: left; margin-right: 5px; }
#crcol_pickup .item > .img img { max-height: 60px; max-width: 90px; }
#crcol_pickup .item > h4 { font-weight: bold; }
#crcol_pickup .item > .description { font-size: 11px; color: #294FBC; margin-top: 3px; }
#crcol_pickup .item > .price { color: red; font-size: 18px; font-weight: bold; text-align: center; margin-top: 3px; }
#crcol_pickup .attention { font-size: 11px; color: ##666600; text-align: right; }
#crcol_pickup > .f { height: 8px; background-position: 0 -103px; }
#crcol_tak { float: right; width: 340px; height: 321px; background: #fff; }
#crcol_tak > .h { height: 36px; background-position: -351px -67px; }
#crcol_tak > .m { height: 278px; background: url(/assets/images/tpl_20100302/4wa32c12.gif) no-repeat right 80%; }
#crcol_tak form { position: relative; }
#crcol_tak dl { width: 260px; margin: auto; }
#crcol_tak dl dt { width: 61px; height: 48px; clear: both; float: left; margin-top: 10px;}
#crcol_tak dl dt.s { background-position: 0 -53px; }
#crcol_tak dl dt.m { background-position: -69px -53px; }
#crcol_tak dl dt.l { background-position: -140px -53px; }
#crcol_tak dl dd { width: 180px; height: 40px; margin-top: 15px; float: right; }
#crcol_tak button { width: 152px; height: 27px; position: absolute; top: 205px; left: 80px;  background-position: -1px -18px; border: none; cursor: pointer; }
#crcol_tak > .f { height: 8px; background-position: 0 -103px; }

#ccol_bnr1 { height: 120px; margin-top: 0; }
.ccol_contents_plain { background: #fff; }
.ccol_contents_plain > .h { height: 7px; background-position: 0 0; }
.ccol_contents_plain > .m { width: 90%; margin: auto; text-align: center; }
.ccol_contents_plain > .f { height: 7px;  background-position: 0 -13px; }
#ccol_realtime { height: 148px; background-position: 0 -67px; }
#ccol_realtime table { position: absolute; top: 40px; width: 100%; }
#ccol_realtime .loading {
	position: absolute; z-index: 100; top: 40px; height: 100px; width: 100%;
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	background: #fff url(/assets/js/loadingAnimation.gif) no-repeat 50% 50%;
}
#ccol_realtime th, #ccol_realtime td, #ccol_realtime td div {
	height: 21px; line-height: 21px;
}
#ccol_realtime th { width: 108px; text-align: left; padding-left: 10px; color: #294FBC; font-size: 12px; }
#ccol_realtime td { width: 392px; padding-left: 10px; }
#ccol_realtime td div { overflow: hidden; }
#ccol_realtime td a { color: #ff7700; font-weight: bold;}
#ccol_realtime td strong { font-weight: bold;  }
#ccol_tpx { background: #fff; }
#ccol_tpx > .h { height: 37px; background-position: 0 -215px; }
#ccol_tpx > .m { width: 95%; margin: auto; }
#ccol_tpx > .m ul { margin: 10px 0 -10px 0; }
#ccol_tpx > .m ul.lcol { float: left;  width: 49%; border-right: 1px solid #eee; }
#ccol_tpx > .m ul.rcol { float: right; width: 49%; }
#ccol_tpx > .m li { position: relative; width: 90%; }
#ccol_tpx > .m li .icon { height: 16px; width: 16px; display: block;  }
#ccol_tpx > .m li a { font-weight: bold; text-decoration: none; display: block; position: relative; top: -14px; left: 16px; }
#ccol_tpx > .m li p { font-size: 11px; color: #666; position: relative; top: -10px; left: 16px; }
#ccol_tpx > .f { height: 11px; background-position: 0 -9px; }
#ccol_reason { height: 190px; background-position: 0 -259px; }
#ccol_reason h2 a { width: 40px; height: 18px; position: absolute; top: 10px; right: 0; }


#lead_fla { width: 980px; height: 134px; position: absolute; top: 100px; }