@import url(/css/dppc_contents.css);

/* center */
div#wrap_top_center{
	width: 546px;
	margin: 0;
	padding: 0;
	float: left;
}

div#wrap_top_center #main_img{
	width: 546px;
	height: 563px;
	margin: 10px 0 20px;
	padding: 0;
	background: url(/images/common/renew/top_main_back.png) no-repeat 0 0;
}

#main_img #main_left{
	width: 265px;
	height: 275px;
	margin: 0;
	padding: 0 0 15px;
	float: left;
	}
	
#main_img #main_right{
	width: 265px;
	height: 275px;
	margin: 0;
	padding: 0 0 15px;
	float: right;
	}
	
#main_img #main_bottom{
	width: 546px;
	height: 272px;
	margin: 0;
	padding: 0;
	clear: both;
	}

#main_img #main_left a {
	width: 265px;
	height: 275px;
	display: block;
	text-indent: -9999px;
	background: url(/images/common/renew/ltop_img.png) no-repeat 0 0;
}
#main_img #main_left a:hover {
	width: 265px;
	height: 275px;
	background: url(/images/common/renew/ltop_img.png) no-repeat 0 -275px;
}

#main_img #main_right a {
	width: 265px;
	height: 275px;
	display: block;
	text-indent: -9999px;
	background: url(/images/common/renew/rtop_img02.png) no-repeat 0 0;
}
#main_img #main_right a:hover {
	width: 265px;
	height: 275px;
	background: url(/images/common/renew/rtop_img02.png) no-repeat 0 -275px;
}

#main_img #main_bottom a {
	width: 546px;
	height: 272px;
	display: block;
	text-indent: -9999px;
	background: url(/images/common/renew/btop_img2.png) no-repeat 0 0;
}
#main_img #main_bottom a:hover {
	width: 546px;
	height: 272px;
	background: url(/images/common/renew/btop_img2.png) no-repeat 0 -272px;
}


/* new list */
div#new {
	margin: 5px 0 20px 0;
	padding: 0;
}

div#new h3 {
	height:27px;
	background: url(/images/top/renew/title_new.png) no-repeat 0 0;
}

div#new div.wrap {
	width:542px;
	height:286px;
	overflow-x: hidden;
	overflow-y: scroll;
}

div#new div.wrap2 {
	width:542px;
}

div#new table {
	width: 501px;
	margin: 4px 13px 6px 13px;
	padding: 0;
}

div#new table td {
	padding:3px 5px 3px 0;
}

div#new table th {
	color:#ff0000;
	text-align:left;
}

div#new table th span {
	font-weight:normal;
	color:#333;
}

div#new table th span strong {
	font-weight:bold;
	color:#ff00ff;
	font-size:1.0em;
}

div#new table td.spacer {
	padding:0;
	background: url(/images/common/dotline.gif) no-repeat 0 50%;
	height:7px;
	font-size:0;
	line-height:0;
}

div#new table th a {
	color:#1170FF;
	font-weight:bold;
}

div#new table th a:hover {
	color:#FF9900;
	font-weight:bold;
}


/* game */
div#game {
	margin-top:16px;
}

div#game h3 {
	height:27px;
	background: url(/images/top/renew/title_game2.png) no-repeat 0 0;
}

div#game div.wrap {
	padding: 10px;
}

div#game table {
	margin-top:10px;
}

div#game table td.explane {
	padding-top:5px;
	line-height:1.0;
}

div#game table td span {
	color:#ffa200;
}

div#game table td strong {
	color:#ff5400;
}

div#wrap_item_left {
	margin-top:16px;
	width:732px;
}

/* muryo */
div#muryo {
	width:358px;
	float:left;
}

div#muryo div.wrap {
	padding:7px 13px 12px 11px;
}

div#muryo h2 {
	height:27px;
	background: url(/images/top/title_muryo.png) no-repeat 0 0;
}

div#muryo h3.genre {
	height:27px;
	background: url(/images/top/txt_muryou_01.png) no-repeat 0 0;
}

div#muryo h3.coin {
	margin-top:10px;
	height:27px;
	background: url(/images/top/txt_muryou_02.png) no-repeat 0 0;
}

div#muryo ul {
	width:324px;
	padding-top:8px;
	background: url(/images/common/dotline.gif) no-repeat 0 top;
}

div#muryo ul li {
	padding:0 0 0 16px;
	width:146px;
	background: url(/images/common/icon_coin.gif) no-repeat 0 50%;
	list-style:none;
	float:left;
}


/* shopping */
div#shopping {
	margin-top:16px;
	width:546px;
}

div#shopping div.wrap {
	padding:11px 7px 5px 12px;
}

div#shopping h3 {
	height:27px;
	background: url(/images/top/renew/title_shopping.png) no-repeat 0 0;
}

div#shopping table {
	margin-top:10px;
}

div#shopping table td {
	padding:0 3px 12px 0;
	line-height:1.05;
	vertical-align:top;
}

div#shopping table td.w_td{
	width:	85px;
}

div#shopping table td a {
	color:#1170FF;
	font-weight:bold;
}

div#shopping table td a:hover {
	color:#FF9900;
}

div#shopping table td * {
	line-height:1.05;
}

div#shopping table td strong {
	color:#fe5f93;
}



/* sponsor */
div#sponsor {
	margin-top:16px;
}

div#sponsor h2 {
	height:27px;
	background: url(/images/top/title_sponsor.png) no-repeat 0 0;
}

div#sponsor div.wrap {
	margin:10px 11px;
}

div#sponsor ul {

}

div#sponsor ul li {
	display:inline;
}

div#sponsor p {
	margin-top:7px;
	text-align:right;
}

/* search */
div#search {
	margin-top:16px;
	padding-top:10px;
	background: url(/images/top/bg_search.png) no-repeat 0 0;
}

div#search div.bottom {
	background: url(/images/top/bg_search.png) no-repeat left bottom;
}
/* common */
div.border {
	border:1px solid #ccc;
}

div.border_green {
	border:1px solid #319605;
}

div.border_red {
	border:1px solid #fc395e;
}


/* campaign */
div#campaign {
	margin-top:16px;
}

div#campaign h3 {
	height:27px;
	background: url(/images/top/title_campaign.png) no-repeat 0 0;
}

div#campaign dl {

}

div#campaign dl dt {
	margin:10px 0 0 0;
	padding:0;
	line-height:0;
	font-size:0;
}

div#campaign dl dd {
	margin:8px 0 0 0;
	padding:0;
	font-weight:bold;
	color:#427777;
	line-height:1.5;
}

div#campaign dl dd.c002 {
	color:#6f494c;
}

div#campaign dl dd.c003 {
	color:#fb579c;
}

div#campaign dl dd.c004 {
	color:#CC3300;
}

div#campaign h1.c001 {
	margin-top:15px;
	height:113px;
	background:url(/images/u/campaign/ttl_01.png) no-repeat 0 0;
}

div#campaign h1.c002 {
	margin-top:15px;
	height:113px;
	background:url(/images/u/campaign/ttl_02.png) no-repeat 0 0;
}

div#campaign h1.c003 {
	margin-top:15px;
	height:113px;
	background:url(/images/u/campaign/ttl_03.png) no-repeat 0 0;
}

div#campaignPickup {
	margin-top:7px;
	margin-bottom:15px;
}

div#campaignHalfWrap {
	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;
}

div.campaignText {
	width:258px;
	height:60px;
	margin-top:7px;
	float:left;
}

/* ����Qhop */
div#basicShop{
	margin-top:16px;
}

div#basicShop strong span {
color:#FF00FF;
font-size:1.1em;
font-weight:bold;
}

div#basicShop h2 {
	background: url(/images/top/renew/title_top_basicShop.png) no-repeat 0 0;
	height:30px;
}

div#basicShop table {
	margin-top:10px;
}

div#basicShop table h4 {
	margin-top:5px;
}

div#basicShop table td {
	text-align:center;
}

div#basicShop table td strong {
	color:#000000;
}

div#basicShop table td strong span {
	color:#ff00ff;
	font-weight:bold;
	font-size:1.1em;
}

div.basicShopBorder {
border:1px solid #FF6700;
border-style:none solid solid;
border-width:medium 1px 1px;
padding:12px 10px 2px 14px;
}

div.basicShopBorder table td {
padding:0 4px 10px 0;
}

div#good_search {
	margin-top: 7px;
	padding-bottom:5px;
	width:546px;
	height:80px;	
	background: url(/images/common/search/bg_search.png) no-repeat 0 0;
}

div#good_search form {
	margin:0;
	padding:0;
	position:relative;
}

div#good_search form input.goodText {
	margin:13px 0 0 197px;
	padding:2px;
	width:250px;
	border:#669900 solid 1px;
}

div#good_search form input.goodButton {
	position:absolute;
	top:14px;
	left:457px;
}

div#good_search form p.pickUpText {
	margin:2px 0 0 265px;
	font-size:0.95em;
	line-height:1.0;
}

/*----------------------------------------------------------
�X�}�z�A�h���X�o�^�t�H�[��
----------------------------------------------------------*/

div#smart_email {
	width: 546px;
	height: 113px;
	background: url(/images/banner/smart_email_bg.png) no-repeat 0 0;
}

div#smart_email form input.smart_email_account {
	margin: 71px 0 0 81px;
	width: 180px;
	height: 21px;
	border: #690 solid 1px;
}

div#smart_email form select.smart_email_domain {
	height: 21px;
	border: #690 solid 1px;
}

div#smart_email form input[type="image"]{
	vertical-align: middle;
	padding-bottom: 2px;
}

/*----------------------------------------------------------
���O�C���OTOP�|QR�{�b�N�X
----------------------------------------------------------*/

#top_qr_box {
	margin-top: 7px;
}

#qr_left {
	width: 161px;
	height: 102px;
	padding: 196px 12px 0 14px;
	float: left;
	background: url(/images/beforetop/mobile_back.png) no-repeat 0 0;
}

#qr_center {
	width: 161px;
	height: 102px;
	padding: 196px 9px 0 14px;
	float: left;
	background: url(/images/beforetop/smartphone_back.png) no-repeat 0 0;
}

#qr_right {
	width: 161px;
	height: 72px;
	padding: 226px 0 0 14px;
	float: left;
	background: url(/images/beforetop/pc_back.png) no-repeat 0 0;
}

.qr_pc_txt {
	height: 20px;
	font-size: 11px;
}