@charset "utf-8";
/* CSS Document */

/*小見出し*/
h3.dotted {
    font-size: 16px;
    margin-bottom: 20px;
	padding: 0 10px 6px;
    text-align: left;
	background: url(/webfront/img/bar_dot.jpg) left bottom repeat-x;
}

/*共通ボックス*/

.box09_middle {
    background-image: url("/webfront/img/box/box09_middle.jpg");
    background-repeat: repeat-y;
    margin-bottom: 20px;
}

.box09_top {
    background-image: url("/webfront/img/box/box09_top.jpg");
    background-repeat: no-repeat;
}

.box09_bottom {
    background-image: url("/webfront/img/box/box09_bottom.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    padding: 22px;
}

/*セールキャンペーン情報*/

p.icon_saleAndCam {
	text-align: left;
	margin-bottom: 15px;
}

h4.saletitle {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
    margin-right: 3em;
}

/*詳細ボタン*/
div.saleDetail {
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: url(/webfront/img/static/sale_camp/btn_cam01.jpg) center center no-repeat;
	width: 150px;
	height: 30px;	
}

div.saleDetail span {
	line-height: 30px;
	vertical-align: middle;
	padding-left: 18px;
}

div.saleDetail a {
	width:150px;
	height:30px;
	text-decoration: none;
	display: block;
}
div.saleDetail a:hover {
	text-decoration: none;
}

/*セール情報個別整形*/
img.salebnr {
	float: left;
	display: inline;
}

div.saletxt {
	float: left;
	min-height: 101px;
	padding-bottom: 40px;
	display: inline;
	margin-left: 16px;
	width: 316px;
	position: relative;
}

div.saletxt p.outline {
	margin-bottom: 10px;
}

div.stLink {
	border-top: 1px dotted #CCC;
	padding-top: 10px;
}

div.stLink p {
	float: right;
	padding-left: 18px;
	background: url(/webfront/img/common_arrow01.jpg) left center no-repeat;
}


/*キャンペーン情報個別整形*/
img.cambnr {
	float: left;
	display: inline;
	margin-bottom: 10px;
}

div.camtxt {
	float: left;
	display: inline;
	margin-left: 20px;
	width: 456px;
	position: relative;
}

p.camicons {
	float: right;
	display: inline;
	width: 40px;
	margin-bottom: 14px;
}

h4.camtitle {
	float: left;
	display: inline;
	width: 366px;
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

div.camtxt p.caminfo {
	clear: both;
	margin-bottom: 20px;
}

/*応募ボタン*/
div.camApp{
	float:right;
	display: inline;
	background: url(/webfront/img/static/sale_camp/btn_cam01.jpg) center center no-repeat;
	width: 150px;
	height: 30px;
	margin-top: 10px;
}

div.camApp span {
	line-height: 30px;
	vertical-align: middle;
	padding-left: 18px;
}

div.camApp a {
	text-decoration: none;
	display: block;
}

/*Webチラシ*/

h4.webFtitle  {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

img.webFlier {
	width: 360px;
}

/*ランキング*/

ul.rankCau {
	text-align: left;
	margin-left: 1em;
	text-indent: -1em;
	margin-bottom: 30px;
}

div.rankingInfo {
	border: 1px solid #CCC;
	padding: 10px;
	margin-bottom: 20px;
}

div.rankingInfo p {
	float: left;
	display: inline;
	margin: 0 24px;
	line-height: 25px;
}

div.rankingInfo p img {
	margin-right: 3px;
	vertical-align: middle;
}

div.rankingBox {
	margin-bottom: 30px;
}

div.rankingBox p.link_check{
	text-align: right;
	margin-bottom: 8px;
}

div.rankingBox p.link_check a {
    background: url(/webfront/img/static/sale_camp/icon_check.jpg) no-repeat scroll 0 0 transparent;
    padding: 2px 0 2px 80px;
}

table.rankingTable {
	border: 1px solid #C6C6C6;
	width: 100%;
}

table.rankingTable tr {
	border-bottom: 1px solid #C6C6C6;
}

table.rankingTable td {
	
}
	
table.rankingTable th {
    background: none repeat scroll 0 0 #EDEDED;
    border: 1px solid #C6C6C6;
    vertical-align: middle;
}

table.rankingTable th.rank {
	width: 15%;
}
table.rankingTable th.maker {
	width: 20%;
}
table.rankingTable th.itemName {
	width: 45%;
}

table.rankingTable th.price {
	width: 20%;
}

table.rankingTable th,
table.rankingTable td {
	border-right: 1px solid #C6C6C6;
	vertical-align: middle;
	text-align: center;
	padding: 6px 4px;
}

table.rankingTable td.tal {
	text-align: left;
}

table.rankingTable td img {
	vertical-align: middle;
}

p.salebnrBox {
    width: 364px;
    float: left;
	margin: 0;
}

p.salebnrBox a:hover img {
	margin: -2px;
	border: 2px solid #ff6e00;
	opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity:0.60;
    opacity:0.60;
}