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

body{
	font-size: 12px;
}

#wrap_exchange h3{
	margin-bottom:20px;
}
#wrap_exchange .border{
	margin-bottom:15px;
}

.clear {
	clear: both;
}

.left{
	float:left;
}
.right{
	float:right;
}
t_txt{
	vertical-align:top;
}

.mt_10{
	margin-top:10px;
}

.mb_15{
	margin-bottom:15px;
}

.mr_15{
	margin-right:15px;
}

.ml_50{
	margin-left:50px;
}	

p{
	margin:0;
	paddiing:0;
}	


/* exchange top  */

div#wrap_main h2 {
	margin-top:15px;
	height:34px;
}

div.border ol li {
	list-style:none;
	padding:4px 0 4px 24px;
}

div.border ol li.step1 {
	background: url(/images/u/exchange/step_1.png) no-repeat 0 50%;
}

div.border ol li.step2 {
	background: url(/images/u/exchange/step_2.png) no-repeat 0 50%;
}

div.border ol li.step3 {
	background: url(/images/u/exchange/step_3.png) no-repeat 0 50%;
}

div.border form {
	padding-bottom:20px;
	background: url(/images/common/dotline.gif) no-repeat 0 bottom;
}


table.about {
	margin-top:15px;
	border-top:1px solid #a5a5a5;
	border-left:1px solid #a5a5a5;
}

table.about td, table.about th {
	padding:9px;
	border-right:1px solid #a5a5a5;
	border-bottom:1px solid #a5a5a5;
}

table.about th {	
	text-align:center;
	white-space:nowrap;
	font-weight:normal;
}

table.about th img {	
	margin-bottom:5px;
}

table.about th strong {	
	color:#ff1b86;
}

table.about tr.ebank {	
	background:#FFFFC9;
}

table.about tr.post {	
	background:#FFDBDB;
}

table.about tr.bank {	
	background:#DBF1FF;
}

table.about tr.edy {	
	background:#CCFFCC;
}

table.about tr.point_ex {	
	background:#FFCCCC;
}

table.about td img {
	margin-left:10px;
	float:right;
}

table.about td strong, table.about td span {
	color:#ff1b86;
}

table.about p span {
	color:#ff1b86;
}

div.border {
	border:1px solid #a5a5a5;
	border-top:none;
	padding:12px 11px 12px 11px;
}



/* PointExchange top  */

div.pointex_form{
	background: url(/images/u/exchange/exchange_img03.png) no-repeat 0 0;
	margin: 0 auto;
	width:450px;
	height:170px;
}

div.pointex_form form {
	border: none;
	background:none;
}

div.pointex_form h4 {
	text-align: center;
	font-size:1.5em;
}

.pointex_button {
	margin-left:32px;
}

h1.pointexchange{
	background: url(/images/u/exchange/title_exchange.jpg) no-repeat 0 0;
	width:546px;
	height:170px;
}

h2.pointex_sub_title01{
	background: url(/images/u/exchange/sub_title_pointexchange01.png) no-repeat 0 0;
	width:546px;
	height:34px;
	text-indent:-9999px;
}

h2.pointex_sub_title02{
	background: url(/images/u/exchange/sub_title_pointexchange02.png) no-repeat 0 0;
	width:546px;
	height:34px;
	text-indent:-9999px;
}

h2.pointex_sub_title03{
	background: url(/images/u/exchange/sub_title_pointexchange03.png) no-repeat 0 0;
	width:546px;
	height:34px;
	text-indent:-9999px;
}

h2.pointex_sub_title04{
	background: url(/images/u/exchange/sub_title_pointexchange04.png) no-repeat 0 0;
	width:546px;
	height:34px;
	text-indent:-9999px;
}

h2.pointex_sub_title05{
	background: url(/images/u/exchange/sub_title_pointexchange05.png) no-repeat 0 0;
	width:546px;
	height:34px;
	text-indent:-9999px;
}

h2.pointex_sub_title06{
	background: url(/images/u/exchange/sub_title_pointexchange06.png) no-repeat 0 0;
	width:546px;
	height:34px;
	text-indent:-9999px;
}

h2.pointex_sub_title07{
	background: url(/images/u/exchange/sub_title_pointexchange07.png) no-repeat 0 0;
	width:546px;
	height:34px;
	text-indent:-9999px;
}

h2.pointex_sub_title08{
	background: url(/images/u/exchange/sub_title_pointexchange08.png) no-repeat 0 0;
	width:546px;
	height:34px;
	text-indent:-9999px;
}
h2.pointex_sub_title09{
	background: url(/images/u/exchange/sub_title_pointexchange09.png) no-repeat 0 0;
	width:546px;
	height:34px;
	text-indent:-9999px;
}


h3.pointex_catalog{
	margin:20px 0;
	background: url(/images/u/exchange/exchange_img01.png) no-repeat 0 0;
	width:521px;
	height:38px;
	text-indent:-9999px;
}

p.ex_b_line{
	background: url(/images/common/dotline.gif) no-repeat 0 bottom;
	padding-bottom: 20px;
}

h3.signup{
	margin:20px 0 0;
	background: url(/images/u/exchange/exchange_img10.png) no-repeat 0 0;
	width:521px;
	height:38px;
	text-indent:-9999px;
}

h3.signin{
	margin:20px 0 0;
	background: url(/images/u/exchange/exchange_img11.png) no-repeat 0 0;
	width:521px;
	height:38px;
	text-indent:-9999px;
}

ul.ul_signup{
	list-style:decimal;
	padding-left:20px;
}

ul.ul_signup li{
	padding-bottom:5px;
}

ul.ul_signin{
	list-style:decimal;
	padding-left:20px;
}

ul.ul_signin li{
	padding-bottom:5px;
}

ul.pointex_merit{
	margin:0;
	padding:0;
	list-style:none;
}

li.pointex_point01{
	background: url(/images/u/exchange/exchange_icon01.png) no-repeat 0 0;
	padding:10px 0 0 65px;
	height:35px;
	vertical-align:middle;
}

li.pointex_point02{
	background: url(/images/u/exchange/exchange_icon02.png) no-repeat 0 0;
	padding:20px 0 0 65px;
	height:25px;
	vertical-align:middle;
}

li.pointex_point03{
	background: url(/images/u/exchange/exchange_icon03.png) no-repeat 0 0;
	padding:20px 0 0 65px;
	height:25px;
	vertical-align:middle;
}

.pl_100{
	padding-left:100px;
}

/*-----------------------------------------------------------------------*/
						  /*9・8楠数)・・y・祖】*/
/*-----------------------------------------------------------------------*/


div.border2 {
	padding:12px 10px 12px 9px;
	border:1px solid #a5a5a5;
	border-top:none;
}

div.border2 p {
	margin-top:12px;
	text-align:left;
}

div.border2 div.button {
	margin-top:12px;
	text-align:center;
}


/*-----------------------------------------------------------------------*/
					 /*   /9・8楠数)・・y・祖】  */
/*-----------------------------------------------------------------------*/


div.border ul.ebank_menu {
	margin-top:5px;
	width:522px;
}

div.border ul.ebank_menu li {
	margin-top:4px;
	width:259px;
	height:28px;
	list-style:none;
	float:left;
}

div.border ul.ebank_menu li span {
	position:absolute;
	text-indent:-9999px;
}

div.border ul.ebank_menu li.m01 {
	background: url(/images/u/exchange/ebank1.png) no-repeat 0 0;
}

div.border ul.ebank_menu li.m02 {
	margin-left:4px;
	background: url(/images/u/exchange/ebank2.png) no-repeat 0 0;
}

div.border ul.ebank_menu li.m03 {
	background: url(/images/u/exchange/ebank3.png) no-repeat 0 0;
}

div.border ul.ebank_menu li.m04 {
	margin-left:4px;
	background: url(/images/u/exchange/ebank4.png) no-repeat 0 0;
}

div.border p {
	margin-top:12px;
	text-align:left;
}

div.border p span {
	color:#ff00ff;
}

div.border div.button {
	margin-top:12px;
	text-align:center;
}

div.button input {
	vertical-align:bottom;
}

p.mobile {
	margin-top:15px;
	line-height:1.3;
}

p.mobile img {
	margin-right:10px;
	float:left;
}

p.mobile a {
	padding-left:12px;
	background: url(/images/common/arrow_orange.png) no-repeat 0 50%;
}

div.border strong.coin {
	padding-left:15px;
	background: url(/images/common/icon_coin.gif) no-repeat 0 50%;
	color:#ff1b86;
}

div.border p.explane {
	margin-top:5px;
	padding-bottom:0px;
}

div.border p.explane2 {
	margin-top:5px;
	padding:5px 0 12px 30px;
	background: url(/images/u/exchange/injustice_icon.png) no-repeat ;
}

div.border p.explane3 {
	text-align:center;
}

div.explane {
	margin:0;
	padding:0;
	background: url(/images/common/dotline.gif) no-repeat 0 bottom;
}

strong.red{
	color:#ff0000;
}

.pink{
	color:#ff3399;
	font-weight:bold;
}

table.user_coin {
	height:44px;
	background: url(/images/u/exchange/bg_user_coin_right.png) no-repeat right 0;
}

table.user_coin td {
	height:44px;
	padding:0 10px 12px 40px;
	background: url(/images/u/exchange/bg_user_coin_left.png) no-repeat 0 0;
}

h3.input {
	margin-top:13px;
	height:24px;
	background: url(/images/u/exchange/post_txt_1.png) no-repeat 0 0;
}

div.wrap_table {
	margin:13px 22px 0 22px;
}

div.wrap_table_confirm {
	margin:15px 40px 15px 50px;
}

input.short {
	height:20px;
	width:200px;
	border:1px solid #a5a5a5;
}

input.small_short {
	height:20px;
	width:50px;
	border:1px solid #a5a5a5;
}

ul.alert {
	margin:10px 12px 0 12px;
	padding-bottom:10px;
}

ul.alert li {
	/margin-left:15px;
}

ul.injustice {
	margin:10px 12px 0 12px;
}

ul.injustice li {
	/margin-left:15px;
}

div.border p {
	margin-top:10px;
}

span.txt_bold{
	font-weight:bold;
	color:#FF1B86;
	text-align:center;
	display:block;
	margin: 10px 0 0 0;
}

.txt_b{
	font-weight:bold;
}
	


/*---------------------------- tabele commonness--------------------------------------- */

table.commonness {
	margin-top:7px;
	border-top:1px solid #a5a5a5;
	border-left:1px solid #a5a5a5;
}

table.commonness td, table.commonness th {
	padding:10px;
	border-right:1px solid #a5a5a5;
	border-bottom:1px solid #a5a5a5;
}


table.commonness th span, table.commonness td span {
	font-size:0.8em;
	color:#ff1b86;
}

table.commonness td strong {
	color:#ff1b86;
}

table.commonness td {
	width:350px;
}

/* ---------------------tabele commonness_confirm -------------------------------*/

#complete_dori{
	width:469px;
	height:142px;
	float:left;
}








/* ---------------------tabele commonness_confirm -------------------------------*/

table.commonness_confirm td, table.commonness_confirm th {
	padding-left:6px;
	border-right:1px solid #a5a5a5;
	border-bottom:1px solid #a5a5a5;
}

table.commonness_confirm {
	margin-top:7px;
	border-top:1px solid #a5a5a5;
	border-left:1px solid #a5a5a5;
}

table.commonness_confirm th span, table.commonness_confirm td span {
	font-size:0.8em;
	color:#ff1b86;
}

/*table.commonness_confirm td strong {
	color:#ff1b86;
}*/

.t_back{
	white-space:nowrap;
	background:#FFDBDB;
	text-align:center;
}

p.top{
	margin-top:26px;
}




/*---------------------- exchange post -------------------------------------------*/

h2.post_complete {
	background: url(/images/u/exchange/sub_title_11.png) no-repeat 0 0;
}

h2.post_confirm {
	background: url(/images/u/exchange/sub_title_4.png) no-repeat 0 0;
}

h2.post_exchange {
	background: url(/images/u/exchange/sub_title_5.png) no-repeat 0 0;
}

h3.schedule {
	margin-top:13px;
	height:24px;
	background: url(/images/u/exchange/post_txt_3.png) no-repeat 0 0;
}

table th.post {
	white-space:nowrap;
	background:#FFDBDB;
	text-align:left;
}

table th.post_confirm {
	white-space:nowrap;
	background:#FFDBDB;
	text-align:center;
	vertical-align:middle;
}

div.border div.schedule {
	margin-top:10px;
	text-align:center;
}

.table_com{
	margin: 27px 0 97px 51px;
}

/*---------------------- exchange edy -------------------------------------------*/

h2.edy_complete {
	background: url(/images/u/exchange/sub_title_11_edy.png) no-repeat 0 0;
}

h2.edy_confirm {
	background: url(/images/u/exchange/sub_title_4_edy.png) no-repeat 0 0;
}

h2.edy_exchange {
	background: url(/images/u/exchange/sub_title_5_edy.png) no-repeat 0 0;
}

h3.edyschedule {
	margin-top:13px;
	height:24px;
	background: url(/images/u/exchange/edy_txt_3.png) no-repeat 0 0;
}

table th.edy {
	white-space:nowrap;
	background:#FFDBDB;
	text-align:left;
}

table th.edy_confirm {
	white-space:nowrap;
	background:#FFDBDB;
	text-align:center;
	vertical-align:middle;
}

div.border div.edyschedule {
	margin-top:10px;
	text-align:center;
}

.table_com{
	margin: 27px 0 97px 51px;
}

/*--------------------------- exchange ebank---------------------------------------*/

div.ebank_schedule {
	text-align:center;
	width:420px;
	margin: 0 auto;
	padding:15px 0 15px;
}

h2.ebank_confirm {
	background: url(/images/u/exchange/sub_title_8_rakuten_bank.png) no-repeat 0 0;
}

table th.ebank {
	white-space:nowrap;
	background:#FFFFC9;
	text-align:left;
}

table th.ebank_schedule {
	white-space:nowrap;
	background:#FFFFC9;
	width:150px;
	text-align:left;
}

h2.ebank_complete {
	background: url(/images/u/exchange/sub_title_9_rakuten_bank.png) no-repeat 0 0;
}

.t_back_ebank{
	white-space:nowrap;
	background:#ffffcc;
	text-align:center;
}

h2.ebank_exchange {
	background: url(/images/u/exchange/sub_title_12_rakuten_bank.png) no-repeat 0 0;
}

div.ebank_schedule table.commonness td {
	width:200px;
}

/*--------------------------- exchange bank ------------------------------------------*/

h2.bank_confirm {
	background: url(/images/u/exchange/sub_title_6.png) no-repeat 0 0;
}

h2.bank_complete {
	background: url(/images/u/exchange/sub_title_10.png) no-repeat 0 0;
}

h2.bank_exchange {
	background: url(/images/u/exchange/sub_title_7.png) no-repeat 0 0;
}

table th.bank {
	white-space:nowrap;
	background:#ccffff;
	text-align:left;
}


.t_back_bank{
	white-space:nowrap;
	background:#ccffff;
	text-align:center;
}


.radio * {
	vertical-align:middle;
}


/*--------------------------- bank_list ------------------------------------------*/

h1.list {
	margin-top:10px;
	margin-bottom:10px;
	width:546px;
	height:34px;
	background: url(/images/u/exchange/bank_list.png) no-repeat 0 0;
}

h3#namber{
	background:url(/images/u/exchange/sub_title_13.png) no-repeat scroll 0 0;
	height:34px;
	margin-bottom:10px;
	padding: 0;
}


/*--------------------------- exchange bank ------------------------------------------*/

h2.medal_confirm {
	background: url(/images/u/change/sub_title_1.png) no-repeat 0 0;
}

h2.medal_complete {
	background: url(/images/u/change/sub_title_3.png) no-repeat 0 0;
}

h2.medal_exchange {
	background: url(/images/u/change/sub_title_2.png) no-repeat 0 0;
}

table th.medal {
	white-space:nowrap;
	background:#ccffff;
	text-align:left;
}


.t_back_medal{
	white-space:nowrap;
	background:#ccffff;
	text-align:center;
}


.radio * {
	vertical-align:middle;
}

strong.medal {
	padding-left:14px;
	background: url(/images/common/icon_medal2.gif) no-repeat 0 50%;
	color:#ff00ff;
}

h3.input {
	margin-top:13px;
	height:24px;
	background: url(/images/u/change/post_txt_1.png) no-repeat 0 0;
}

h3.input2 {
	margin-top:13px;
	height:24px;
	background: url(/images/u/change/bank_txt_02.png) no-repeat 0 0;
}

h3.input3 {
	margin-top:13px;
	height:24px;
	background: url(/images/u/change/bank_txt_04.png) no-repeat 0 0;
}

h3.input4 {
	margin-top:13px;
	height:24px;
	background: url(/images/u/exchange/exchange_img05.png) no-repeat 0 0;
}

h3.alert {
	margin-top:13px;
	height:24px;
	background: url(/images/u/change/post_txt_2.png) no-repeat 0 0;
}

h3.alert2 {
	margin-top:13px;
	height:24px;
	background: url(/images/u/change/bank_txt_01.png) no-repeat 0 0;
}

h3.alert3 {
	margin-top:13px;
	height:24px;
	background: url(/images/u/change/bank_txt_03.png) no-repeat 0 0;
}

h3.alert4 {
	margin-top:13px;
	height:24px;
	background: url(/images/u/exchange/exchange_img07.png) no-repeat 0 0;
}

h3.injustice {
	margin-top:13px;
	height:24px;
	background: url(/images/u/change/injustice_txt.png) no-repeat 0 0;
}

h4.injustice {
	margin:13px 0;
}

p.attention {
	text-align: center;
	border: 2px #FF0000 solid;
	margin: 5px 0 15px;
	padding: 5px;
}

p.attention a {
	text-decoration: underline;
}

p.attention img {
	padding-right: 5px;
}

.agreement_title {
	color: #F00;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

.agreement_area {
	padding: 5px 10px 10px;
	border: 2px #F00 solid;
	background: #FFFFC9;
}

div.agreement_area .agreement_txt {
	text-align: center;
	color: #F00;
}

/* exchange_body */
#exchange_body h4{
	margin-top:30px;
}
.exchange_text{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	margin-top:12px;
}
.step_img{
	text-align:center;
	margin-top:20px;
}
.select_exchange{
	margin-bottom:1px solid #d9d9d9;
	padding-bottom:10px;
	margin:15px 0 20px;
	border-bottom:1px solid #d9d9d9;
}
.select_children{
	width:126px;
	float:left;
	display:inline;
	margin-right:10px;
}
.exchange_mini_img{
	text-align:center;
	border-bottom:1px solid #d9d9d9;
	padding:10px;
	margin:0 5px;
}
.exchange_text_box{
	height:115px;
}
.select_children p{
	background:transparent url(/images/u/exchange/exchange_icon.png) no-repeat scroll 0 1px;
	padding-left:14px;
	margin-top:5px;
}
.select_children p span{
	color:#ff94bd;
}
.exchange_btn{
	text-align:center;
}
.exchange_btn img:hover{
	filter: alpha(opacity=60);
	moz-opacity: 0.6;
	opacity: 0.6;
	zoom: 1;
}
#select_child_only{
	margin-right:20px;
}
.select_scale{
	position:relative;
	float:left;
	width:394px;
}
.select_scale .exchange_arrow{
	position: absolute;
	top: 67px;
	left: -10px;
}
.exchange_caution{
	margin:10px;
}
.exchange_text_detail{
	padding:15px 10px 20px;
}
.exchange_btn_bottom{
	text-align:center;
}
.exchange_btn_bottom img:hover{
	filter: alpha(opacity=60);
	moz-opacity: 0.6;
	opacity: 0.6;
	zoom: 1;
}
.error_msg{
	font-size: 20px;
	color: #ff0000;
	font-weight: 600;
}
.error_area {
	padding:20px;
}
.error_area li{
	display: inline;
	padding-left: 10px;
}

.error_area li span{
	position: absolute;
	top: 262px;
	border: 1px solid rgb(199, 199, 199);
	padding: 10px;
	width: 675px;
	height: 158px;
	font-size: 15px;
	background: url(/images/skin_top2_v3/coin.png) no-repeat scroll 12px 8%;
	padding-left: 42px;
	}