@charset "UTF-8";

/*
======================================================================

contents.css

======================================================================
**********************************************************************

* site name   : p-store rakuten campaign list
* description : contents css
* since       : 2009.07.02
* editor      : tanjo
* modified    : 
* editor      : 

**********************************************************************
*/

/* -------- Columns -------- */

#mainColumn {
	float: left;
	width: 550px;
	margin: 15px 0 25px;
	padding-bottom: 4px;
	background-image: url(../img/main_bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#subColumn {
	float: right;
	width: 200px;
	margin: 15px 0 25px;
	padding-bottom: 4px;
	background-image: url(../img/sub_bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
p.pageTop {
	clear: both;
}

/* -------- Main Column -------- */

p#titleSub {
	padding: 0 10px 1em 60px;
	background-image: url(../img/main_bg_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div#campaigns {
	background-image: url(../img/main_bg_side.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

dl.campaignList {
	clear: both;
	margin: 0 12px;
	padding: 1em 0;
	background-image: url(../img/border_dotted.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

dl.campaignList dt {
	float: left;
	width: 165px;
}
dl.campaignList dd {
	float: right;
	width: 350px;
}

dl.campaignList h2, dl.campaignList p {
	margin-bottom: 0.5em;
}
dl.campaignList h2 {
	font-weight: normal;
}

/* -------- Sub Column -------- */

#subColumn h2, #subColumn ul, #subColumn p {
	text-align: center;
}
ul#shopList {
	background-image: url(../img/sub_bg_side.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

ul#shopList li {
	padding: 0 12px 15px;

}

/* -------- Clear Fix -------- */

dl.campaignList {
	display: inline-block;
}
/* rule out MacIE \*/
dl.campaignList {
	overflow: auto; display: block;
} /* */