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

/* コンテンツ */
#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;}

/* サービス紹介 - 簡易提携プラン */
#regular_introduction{width:750px; margin:20px auto 10px;}

/* サービス紹介 - 簡易提携プラン - 概要 */
#regular_introduction .searvice_description{background:#f6f6f6; position:relative; min-height:80px; height:auto !important; height:80px; padding:10px;}
#regular_introduction .logo{background:#ffffff; width:120px; text-align:center; position:absolute; top:15px; left:15px;}
#regular_introduction .logo img{border:solid 1px #cccccc;}
#regular_introduction .copy{font-weight:bold; font-size:16px; padding-left:145px; margin:5px 0 0;}
#regular_introduction .lead{line-height:1.6; padding-left:145px; margin:10px 0 0;}

/* サービス紹介 - 簡易提携プラン - 説明 */
#regular_introduction .howto,
#regular_introduction .merit{}
#regular_introduction .howto h3,
#regular_introduction .merit h3{border:none; background-image: -moz-linear-gradient(top,#c9c9c9,#e8e8e8); background-image: -webkit-gradient(linear, left top, left bottom,from(#c9c9c9),to(#e8e8e8)); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffc9c9c9, endcolorstr=#ffe8e8e8, gradienttype=0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffe8e8e8, endcolorstr=#ffe8e8e8, gradienttype=0))"; zoom: 1; margin:0; padding:10px; height:auto; font-size:16px;}
#regular_introduction .howto li{border-bottom:dotted 1px #cccccc; padding:10px; background:#fffefa;}
#regular_introduction .howto li.even{background:#ffffff;}
#regular_introduction .howto li h4{font-weight:bold; color:#e44848; font-size:14px;}
#regular_introduction .howto li p{margin:5px 0 0;}

/* サービス紹介 - 簡易提携プラン - 登録ボタン */
#regular_introduction .register{text-align:center;}
#regular_introduction .register span{display:block; width:280px; border:solid 2px #e68835; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; background-image: -moz-linear-gradient(top,#f9e3d0,#db7820); background-image: -webkit-gradient(linear, left top, left bottom,from(#f9e3d0),to(#db7820)); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fff9e3d0, endcolorstr=#ffdb7820, gradienttype=0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fff9e3d0, endcolorstr=#ffdb7820, gradienttype=0))"; zoom: 1; text-align:center; margin:20px auto; box-shadow:0 2px 2px #bbbbbb;}
#regular_introduction .register span:hover{background-image: -moz-linear-gradient(top,#fae3ce,#e28635); background-image: -webkit-gradient(linear, left top, left bottom,from(#fae3ce),to(#e28635)); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fffae3ce, endcolorstr=#ffe28635, gradienttype=0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fffae3ce, endcolorstr=#ffe28635, gradienttype=0))"; zoom: 1;}
#regular_introduction .register .btn{display:block; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border:solid 1px #f0ba8a; color:#ffffff; font-weight:bold; font-size:18px; text-decoration:none; text-shadow:1px 1px #a55a19; padding:12px 0;}
#regular_introduction .register .btn:hover{color:#fff04a;}

/* ジャンル */
#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 {text-align:center; margin:15px 0 0;}
#appeal .exchang_flow table {margin: 0 auto;}
#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; 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 {margin:15px 0 0; width: 775px; border-top: solid #DCDDD8 2px; background: #F9F9F2 url(/images/appeal/condition_border.gif) repeat-x bottom;  text-align:center;}
#appeal .explana strong {font-weight: normal;}
#appeal .explana p {font-size: 13px; color: #373B25; padding: 5px 0;}
#appeal .explana .campaign {margin-top: 5px; }

/* 説明文 キャンペーンバナー*/
#appeal .explana h4.campaign_tit {font-weight: bold; line-height: 1.3;}
#appeal .explana p.campaign_sub {font-size: 11px; color: #373B25; line-height: 1.2; margin-bottom: 5px;}
#appeal .explana table { width:700px; margin:0 auto;}
#appeal .explana td.cp_tit { width:185px; vertical-align:top; padding-top:15px;}
#appeal .explana td.cp_bnr { width:500px; text-align: left;}


/* 条件 */
#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; background:#f8fbfc; vertical-align:top; padding:30px 0 15px 0; text-align:center;}
#appeal .btn_area .ex_title{margin:0 25px; font-size:16px; font-weight:bold;}
#appeal .btn_area .ex_bnr {margin:10px auto 0; text-align:center;}
#appeal .btn_area .ex_bnr img{border:solid 1px #0B6F99;}
#appeal .btn_area .ex_btn {width: 215px; margin:10px 25px 0;}
#appeal .btn_area .ex_btn a:link,#appeal .btn_area .ex_btn a:visited {background: url(/images/common/btn/btn_go_exchange.gif) no-repeat 0 0; display: block; height: 50px; text-indent:-9999px; overflow:hidden;}
#appeal .btn_area .ex_btn a:active,#appeal .btn_area .ex_btn a:hover {background-position:0 -50px;}
#appeal .btn_area .ex_submenu{font-weight:bold; margin:15px 25px 5px;}
#appeal .btn_area .ex_sublink{font-weight:bold; margin:5px 25px;}
#appeal .condition_dot_bottom {background: url(/images/appeal/condition_border.gif) repeat-x bottom;}
#appeal .btn_area .ex_atte {text-align:center; margin:0 25px 10px;}

/* パートナーリンク */
#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;}