@import url(/css/dppc_base.css);

div#head_wrap h1 {
	display: block;
	width: 258px;
	height: 100px;
	float: left;
	background: url(/images/common/logo.png) no-repeat center center;
}

div#head_wrap h1 a {
	display:block;
	width: 258px;
	height: 100px;
	text-indent: -9999px;
}

/* side page main contents */
div#wrapper {
	margin: 0;
	padding: 0;
	width: 950px;
}

/* IE7 Only */
*+ html div#wrapper * {
	overflow-x:hidden;
}

/* search */
div#search {
	margin-top:16px;
	padding-top:10px;
	background: url(/images/common/bg_search.png) no-repeat 0 0;
}

div#search div.bottom {
	height:9px;
	background: url(/images/common/bg_search.png) no-repeat left bottom;
	font-size:0;
	line-height:0;
}

div#search input.text {
	width:250px;
	height:20px;
	margin:0 7px;
	border:1px solid #999;
}

div#search table td * {
	vertical-align:middle;
}

div#search form {
	margin:0 15px;
}

div#search form {
	text-align:center;
}

div#search ul {
	margin-top:7px;
}

div#search ul li {
	display:inline;
	padding:0 5px 0 6px;
	border-left:1px solid #009A69;
}

div#search ul li.none {
	border-left:none;
}

div#search ul li a {
	color:#009A69
}

/* left side */
div#wrap_left {
	margin-right:33px;
	width:170px;
	float:left;
}

/* right side */
div#wrap_right {
	margin-left:33px;
	width:170px;
	float:right;
}

/* main 1column */
div#wrap_main0 {
	width:950px;
	margin: 0;
	padding: 0;
	float:left;
}

/* main 3column */
div#wrap_main {
	width:546px;
	margin: 0;
	padding: 0;
	float:left;
}

/* main 2column */

div#wrap_main3 {
	margin:0;
	width:686px;
	float:left;
}

div#wrap_main p.pagenavi, div#wrap_main2 p.pagenavi {
	margin-top:10px;
	text-align:right;
}

div#wrap_main p.pagenavi a, div#wrap_main2 p.pagenavi a {
	text-decoration:underline;
	border-left:1px solid #ccc;
	padding:0 2px 0 4px;
}

div#wrap_main p.pagenavi a.first, div#wrap_main2 p.pagenavi a.first  {
	border-left:none;
}

div#wrap_main p.alert, div#wrap_main2 p.alert {
	margin-top:5px;
	color:#FF6600;
	font-size:0.85em;
}

ul#pankuzu {
	
}

ul#pankuzu li {
	display:inline;
	background: url(/images/common/arrow_pankuzu.png) no-repeat 0 50%;
	padding:0 5px 0 18px;
}

div.stripe {
	background: url(/images/common/bg_sidenavi.png) repeat;
}

div.stripe_b {
	background: url(/images/common/bg_sidenavi_blue.png) repeat;
}

div.rounded_top {
	height:5px;
	background: url(/images/common/rounded_top.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

div.rounded_bottom {
	height:5px;
	background: url(/images/common/rounded_bottom.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

div.wrap_border {
	margin:4px 7px 4px 7px;
	padding:4px 0 ;
	border:1px solid #ccc;
	background:#fff;
}

div.wrap_inner {
	padding:3px 5px;
}

div.dotline {
	margin-bottom:5px;
	padding-bottom:8px;
	background: url(/images/common/dotline.gif) no-repeat 0 bottom;
}

/* left side */
div#side_login {
	background: url(/images/common/bg_side_login.png) no-repeat 0 0;
}

div#side_login h2.login {
	height:45px;
	background: url(/images/common/bg_side_login.png) no-repeat 0 0;
}

div#side_login div.bottom {
	height:39px;
	background: url(/images/common/bg_side_login.png) no-repeat 0 bottom;
	font-size:0;
	line-height:0;
}

div.wrap_none {
	margin:0 7px;
	padding:4px 0 ;
	background:#fff;
}

div.wrap_none p {
	margin:10px 0 0 0;
}

div#wrap_left h2, div#wrap_right h2 {
	width:152px;
	height:24px;
}

h2.muryo {
	background: url(/images/common/ttl_left.png) no-repeat 0 0;
}

h2.coin {
	background: url(/images/common/ttl_left.png) no-repeat 0 -24px;
}

h2.shopping {
	background: url(/images/common/ttl_left.png) no-repeat 0 -48px;
}

div#wrap_left h3 {
	font-weight:bold;
}

h3.muryo {
	margin-top:5px;
	padding-left:17px;
	background: url(/images/common/icon_folder.png) no-repeat 0 50%;
	color:#0049B7;
}

h3.coin {
	margin-top:8px;
	padding-left:17px;
	background: url(/images/common/icon_coin.png) no-repeat 0 50%;
	color:#0049B7;
}

/* right side */
div#wrap_right p {
	margin-top:5px;
	text-align:center;
}

div#wrap_right p strong {
	color:#FF0000;
}

div#wrap_right p.tosen {
	text-align:left;
	margin-left:5px;
	padding-left:17px;
	background: url(/images/common/icon_star.gif) no-repeat 0 3px;
}

div#wrap_right p.tosen span {
	color:#FF6600;
	font-size:1.2em;
	text-decoration:underline;
}

div#wrap_right p.tosen strong {
	color:#ff00ff;
	font-size:1.2em;
}

div#wrap_right p.t_left {
	text-align:left;
	line-height:1.4;
}

div#wrap_right p.t_left strong {
	text-align:left;
	color:#FF6600;
	line-height:1.4;
}

div#pmark {
	margin-top:10px;
}

div#pmark img {
	float:left;
	margin-right:3px;
}

div#pmark p {
	text-align:left;
	font-size:0.78em;
	line-height:1.3;
}

h2.tosen {
	background: url(/images/common/sn_title_tousen.png) no-repeat 0 0;
}

h2.campaign {
	background: url(/images/common/sn_title_campaign.png) no-repeat 0 0;
}

h2.ranking {
	background: url(/images/common/sn_title_rankings.png) no-repeat 0 0;
}

h2.mobile {
	background: url(/images/common/sn_title_mobile.png) no-repeat 00;
}

h2.media {
	background: url(/images/common/sn_title_media.png) no-repeat 0 0;
}
ul.category {
	margin-left:17px;
}

ul.category li {
	list-style:none;
	margin-top:3px;
	padding-left:12px;
	background: url(/images/common/arrow_orange.png) no-repeat 0 50%;
}

ul.shopping li a {
	color:#FE5F93;
}

ul.shopping li a:hover {
	color:#FF9900;
}

table.ranking {
	margin:7px auto;
	color:#ff7200;
}

/*table.ranking tr.even {
	background:#ddd;
}*/

table.ranking td {
	text-align:center;
	font-size:0.85em;
	padding:4px 3px;
}

table.ranking td span{
	color:#ff00a2;
}


table.ranking td.nickname {
	text-align:left;
	color:#666666;
	font-size:0.9em;
}

table.ranking td.nowrap {
	white-space:nowrap;
}

div.button_toroku {
	margin-top:30px;
	text-align:center;
}

/* campaign */
div#wrap_top_center dl {

}

div#wrap_top_center dl dt {
	margin:10px 0 0 0;
	padding:0;
	line-height:0;
	font-size:0;
}

div#wrap_top_center dl dd {
	margin:8px 0 0 0;
	padding:0;
	font-weight:bold;
	color:#427777;
	line-height:1.5;
}

div#wrap_top_center dl dd.c002 {
	color:#6f494c;
}

div#wrap_top_center dl dd.c003 {
	color:#fb579c;
}

div#wrap_top_center dl dd.c004 {
	color:#CC3300;
}

div#wrap_top_center h1.c001 {
	margin-top:15px;
	height:113px;
	background:url(/images/u/campaign/ttl_01.png) no-repeat 0 0;
}

div#wrap_top_center h1.c002 {
	margin-top:15px;
	height:113px;
	background:url(/images/u/campaign/ttl_02.png) no-repeat 0 0;
}

div#wrap_top_center h1.c003 {
	margin-top:15px;
	height:113px;
	background:url(/images/u/campaign/ttl_03.png) no-repeat 0 0;
}


div#listing_right, div#listing_left {
	position:relative;
	margin-top:8px;
	border:1px solid #FFCC00;
	padding:0 auto 5px auto;
}

div#listing_right div.ifm, div#listing_left div.ifm {
	margin-left:15px;
}

div#trgp1 {
	display:none;
	position:absolute;
	top:2px;
	left:5px;
}

div#trgp1t {
	display:none;
	position:absolute;
	top:2px;
	left:5px;
}

div#trgp2 {
	display:none;
	position:absolute;
	top:2px;
	left:5px;
}

div#trgp2t {
	display:none;
	position:absolute;
	top:2px;
	left:5px;
}

div#trgp3 {
	display:none;
	position:absolute;
	top:2px;
}

div#trgp3t {
	display:none;
	position:absolute;
	top:2px;
	left:-6px;
}

div#ultra_treasure {
	padding-bottom:5px;
}

div#campaignHalfWrap {
	margin-top:5px;
	width:546px;
}

div#campaignHalfWrap h3 {
	height:27px;
	background: url(/images/top/title_campaign2.png) no-repeat 0 0;
}

div.campaignHalf {
	width:267px;
	margin-top:7px;
	float:left;
}

div.campaignHalf p {
	margin-top:5px;
	font-size:0.9em;
	text-align:center;
}

div.campaignHalf p strong {
	color:#1170FF;
}


