@charset "UTF-8";
/* ◇ PeX - appeal - 2007/07/25 - same ◇ */

/* コンテンツ */
#contents {width: 775px; float: right; background: #FFFFFF; text-align: left; margin-right: 10px; padding-bottom: 30px;}
* html #contents {margin-right:5px;}
#contents p {font-size: 93%; color: #333333;}

#contents table {border-collapse: collapse;}

/* ジャンル */
#appeal .genre {position: absolute; margin: 26px 0 0 640px;}

/* h3 */
#appeal h3 {height: 41px; font-size: 20px; line-height: 23px; margin: 0px 0 18px 10px; border-left: 7px solid #6bab4c; padding-left: 10px;}
#appeal h3 span {font-size: 13px; line-height: 22px; font-weight: normal;}
#appeal h3 span strong {font-weight: normal;}


/* 交換の流れ */
#appeal .exchang_flow table {margin: 0 0 20px 225px;}
#appeal .exchang_flow th {width: 64px; height: 66px; background: url(/images/appeal/flow_arrow.gif) 14px 28px no-repeat;}
#appeal .exchang_flow td {width: 124px; height: 64px; background: url(/images/appeal/logo_frame.gif) no-repeat 0 1px; text-align: center;}

/* 交換の流れ ロゴ */
#appeal .exchang_flow td.pex_logo img {width: 120px; height: 60px; background: url(/images/common/logo/logo_pex_120x60.gif) no-repeat;}

/* 説明文 */
#appeal .explana {width: 775px; border-top: solid #DCDDD8 2px; background: #F9F9F2 url(/images/appeal/condition_border.gif) repeat-x bottom;}
#appeal .explana strong {font-weight: normal;}
#appeal .explana .campaign {text-align: center; margin-top: 5px; }
#appeal .explana p {font-size: 13px; color: #373B25; padding: 5px 27px;}


/* 条件 */
#appeal .condition .total {width: 510px; border-collapse: collapse; margin-bottom: 0px;}
#appeal .condition .total .con_title {width: 120px; padding: 8px 0; text-align: left; vertical-align: top;}
#appeal .condition .total .con_title p {margin: 0 0px 0 27px; font-size: 12px; color: #333333;}
#appeal .condition .total .con_dot {padding: 12px 13px 0px 0px; vertical-align: top;}
#appeal .condition .total .con_contents {padding: 6px 0 8px 0; vertical-align: top;}
#appeal .condition .total .con_contents p {font-size: 12px; color: #333333; font-family: Verdana;}
#appeal .condition .total .con_contents p .small {font-size: 10px; letter-spacing: 0.1em;}
#appeal .condition .total .con_contents p img {margin: 0px 8px;}


/* 条件 交換レート */
#appeal .condition .total .late {border-collapse: collapse;}
#appeal .condition .total .late .late_flow img {width: 22px; height: 8px; background: url(/images/appeal/late_arrow.gif) no-repeat 0 1px;}
#appeal .condition .total .late img {margin: 0px 8px;}
#appeal .condition .total .late p strike {color: #808080; padding: 0 2px;}
#appeal .condition .total .late p strong {color: #C72222; padding-left: 2px;}
#appeal .condition .total .late p strong span {font-size: 17px; padding-right: 2px;}

#appeal .condition .section {background: url(/images/appeal/condition_border.gif) repeat-x bottom;}


/* 条件 手数料 */
#appeal .condition .total .give .gray_line {color: #666666; margin-right: 5px; text-decoration: line-through;}
#appeal .condition .total .give .small {margin-left: 5px; font-size: 10px;}
#appeal .condition .total .give .red {margin-left: 5px; color: #C72222;}


/* 条件 お受け取り方法 */
#appeal .condition .total .catch_atte {margin: 7px 0 5px 48px; padding-left: 10px; background: url(/images/appeal/link_arrow.gif) no-repeat 0px 4px;}



/* 交換申し込み */
#appeal .btn_area {width: 265px; height: 38px; padding: 10px 0;}
#appeal .btn_area .ex_btn {width: 205px; height: 38px; margin-left: 35px;}
#appeal .btn_area .ex_btn img {width: 205px; height: 38px;}
#appeal .btn_area .ex_btn a:link,#appeal .btn_area .ex_btn a:visited {background: url(/images/appeal/exchange_btn.gif) no-repeat; display: block;}
#appeal .btn_area .ex_btn a:active,#appeal .btn_area .ex_btn a:hover {background: url(/images/appeal/exchange_btn_on.gif) no-repeat; display: block;}
#appeal .condition_dot_bottom {background: url(/images/appeal/condition_border.gif) repeat-x bottom;}
#appeal .btn_area .ex_atte {text-align: left; margin: 5px 10px 0 40px; padding-left: 10px; background: url(/images/appeal/link_arrow.gif) no-repeat 0px 3px;}

/* パートナーリンク */
#appeal .partnerlink {text-align: center; padding: 15px 0 12px 0; border-bottom: solid #DCDDD8 2px; margin-bottom: 30px;}
#appeal .partnerlink ul {margin-bottom: 10px;}
#appeal .partnerlink li {margin: 0 10px 0 0; display: inline;}
#appeal .partnerlink li img {padding: 0 6px;}
#appeal .partnerlink li p {font-size: 12px; color: #FFFFFF; font-weight: bold; display: inline; padding-right: 15px; background: url(/images/appeal/pl_window.gif) no-repeat right;}
#appeal .partnerlink li a:link,#appeal .partnerlink li a:visited {padding: 5px; background: url(/images/appeal/pl_bg.gif) repeat; color: #FFFFFF; text-decoration: none;}
#appeal .partnerlink li a:active,#appeal .partnerlink li a:hover {padding: 5px; background: url(/images/appeal/pl_bg_on.gif) repeat; color: #FFFFFF; text-decoration: none;}
#appeal .partnerlink .pl_atte {font-size: 10px; letter-spacing: 0.1em; padding-left: 10px; background: url(/images/appeal/link_arrow.gif) no-repeat 0px 4px; display: inline; margin-top: 10px;}
#appeal .partnerlink .pl_atte strong {font-weight: normal;}
#appeal .partnerlink .pl_atte a:link,#appeal .partnerlink .pl_atte a:visited {padding-left: 13px; background: url(/images/appeal/link_bg.gif) no-repeat;}
#appeal .partnerlink .pl_atte a:active,#appeal .partnerlink .pl_atte a:hover {padding-left: 13px; background: url(/images/appeal/link_bg_on.gif) no-repeat;}


/* 特別コンテンツ iframe */
#appeal iframe {text-align: center;}


/* 説明事項 */
#appeal .sub_box {width: 755px; margin-top: 15px;}
#appeal .sub_box strong {font-weight: normal;}
#appeal .sub_box h4 {margin: 0 0 5px 8px; line-height: 20px; padding-left: 10px; font-size: 16px; border-left: 6px solid #6bab4c;}
#appeal .sub_box p {font-size: 13px;}
#appeal .sub_box .small {font-size: 10px; letter-spacing: 0.1em;}

/* 説明事項 ポイントご利用方法 */
#appeal .sub_box h4.point_guide img {width: 163px; height: 18px; background: url(/images/appeal/subtitle_pointguide.gif) no-repeat;}
/* 説明事項 ギフト券ご利用方法 */
#appeal .sub_box h4.gift_guide img {width: 162px; height: 18px; background: url(/images/appeal/subtitle_giftguide.gif) no-repeat;}
/* 説明事項 ギフト券ご利用方法 */
#appeal .sub_box h4.guide img {width: 91px; height: 18px; background: url(/images/appeal/subtitle_guide.gif) no-repeat;}
/* 説明事項 クーポンご利用方法 */
#appeal .sub_box h4.coupon_guide img {width: 163px; height: 18px; background: url(/images/appeal/subtitle_couponguide.gif) no-repeat;}

/* 説明事項 ポイント獲得方法 */
#appeal .sub_box h4.point_get img {width: 144px; height: 18px; background: url(/images/appeal/subtitle_pointget.gif) no-repeat;}

/* 説明事項 お受け取り方法 */
#appeal .sub_box h4.catch img {width: 128px; height: 18px; background: url(/images/appeal/subtitle_catch.gif) no-repeat;}

/* 説明事項 注意事項 */
#appeal .sub_box h4.attention img {width: 75px; height: 18px; background: url(/images/appeal/subtitle_attention.gif) no-repeat;}

#appeal .sub_box .sub_box_contents {padding: 15px; border: solid #CCCCCC 1px; border-top: solid #76BD45 3px;}
#appeal .sub_box .sub_box_contents p {padding-bottom: 10px; line-height: 1.5em;}
#appeal .sub_box .sub_box_contents ul {padding-bottom: 10px;}
#appeal .sub_box .sub_box_contents li {margin: 0 15px 5px 15px; list-style: disc; line-height: 1.5em;}
#appeal .sub_box .sub_box_contents span a:link,#appeal .sub_box .sub_box_contents span a:visited {padding-left: 13px; background: url(/images/appeal/link_bg.gif) 0 2px no-repeat;}
#appeal .sub_box .sub_box_contents span a:active,#appeal .sub_box .sub_box_contents span a:hover {padding-left: 13px; background: url(/images/appeal/link_bg_on.gif) 0 2px no-repeat;}

/* sub_box_pr */
#sub_box_pr {
	text-align: center;
	margin-bottom: 30px;
	display: block;
}

p#outlink_payca a{
	background:url(/images/payca/btn_payca.gif);
	display:block;
	width:505px;
	height:77px;
	margin:10px auto;
	text-indent:-9999px;
}
p#outlink_payca a:hover{
	background:url(/images/payca/btn_payca_on.gif);
}


/* ページトップへ */
#appeal .pagetop {text-align: right; margin: 10px 10px 0 0;}
#appeal .pagetop img {width: 134px; height: 22px; vertical-align: middle;}
#appeal .pagetop a:link,#appeal .pagetop a:visited {width: 134px; height: 22px; background: url(/images/common/text/text_pagetop.gif) 0 no-repeat; padding: 1px 0;}
#appeal .pagetop a:active,#appeal .pagetop a:hover {width: 134px; height: 22px; background: url(/images/common/text/text_pagetop_on.gif) 0 no-repeat; padding: 1px 0;}