@charset "shift_jis";
/* -----------------------------------------------------------
CSS Information

File name:      style.css
Style Info:     旧じゃらんポイントをポンパレギフト券へ交換キャンペーン！専用
----------------------------------------------------------- */

/* -----------------------------------------------------------

common

----------------------------------------------------------- */
.clear{ clear:both;}
a:link {text-decoration:underline;}

/* -----------------------------------------------------------

layout

----------------------------------------------------------- */
#container {
margin: 0 auto;
width: 780px;
}
#pageBody {
margin: 10px auto 20px;
width: 780px;
}
#contents {
margin: 0 0 20px;
text-align: center;
}
#contents_in {
margin: 0 auto 10px;
text-align: center;
width: 780px;
}
#contents_area {
margin: 0 auto 10px;
width: 760px;
background-color:#FFF;
text-align: left;
}
#style {
text-align: center;
margin: 0 auto 10px;
}
/* -----------------------------------------------------------

contentsInfo

----------------------------------------------------------- */
#contentsInfo:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
#contentsInfo{
	margin-top: 10px;
	text-align: left;
	width:760px;
	height:83px;
	zoom:1;
	background-repeat: repeat-x;
	background-color: #FFF;
}
#contentsInfo .txt{
padding:0;
margin:15px 0 10px;
width:372px;
float:left;
}
#contentsInfo .dtailApp{
float:right;
width:370px;
margin-top:15px;
color:#666;
font-weight:normal;
font-size:10px;
text-align:right;

}
#contentsInfo .dtailApp .time{
display:block;
margin-bottom:3px;
font-size:12px;
}
.index_h1 {
color: #666666;
display: block;
font-size: 12px;
font-weight: normal;
padding: 5px 0;
text-align: right;
width: 780px;
}
/* -----------------------------------------------------------

pon_koukan

----------------------------------------------------------- */
#pon_koukan{
width:760px;
font-size:12px;
}
#contents_in #pon_koukan p{
padding:0;
}
#pon_koukan .headArea {
background:url(../images/head_bg.jpg) 0 0 no-repeat;
height:610px;
margin-top:15px;
}
#pon_koukan .headArea p {
margin:0;
padding:0;
}
#pon_koukan .headArea p.suptxt {
margin-top:-2px;
}
#pon_koukan .headArea .link {
margin-top:220px;
margin-left:30px;
font-size:16px;
font-weight:bold;
text-align:center;
}
#pon_koukan .headArea .link a{
text-decoration:underline;
}
#pon_koukan .headArea .notice{
margin-top:33px;
text-align:center;
}
#pon_koukan .attention{
	width:730px;
	line-height: 1.5;
	font-size:14px;
	color: #F00;
	margin: 0 auto;
}

/******　StepBoxTopix　*******/
#stepArea0Topiximg{
background-image: url(../images/StepBox0Topiximg.gif);
height: 46px;
}
/******　StepBox　*******/
#stepArea{
margin: 15px auto 30px;
text-align: center;
}
#stepArea .StepBox0{
background-repeat: no-repeat;
background-position:left bottom;
}
#stepArea .StepBox0_in{
background-image:url(../images/bg_steparea.gif);
padding-top:20px;
padding-bottom:20px;
}
.mb15{
margin-bottom:15px;
}
/******　StepBox_in　*******/
#stepArea .StepBox0_in .cell{ 
zoom:1;
margin-left: 20px;
margin-right:20px;
padding-bottom: 30px;
background:url(../images/ico_arrow.gif) 310px 83px no-repeat; 
}
#stepArea .StepBox0_in .cell .cell_in,
#stepArea .StepBox0_in .cellLast .cell_in{
margin:0 auto ;
text-align: center;
background:#fff;
padding:10px;
border:1px solid #eed785;
}
#stepArea .StepBox0_in .s3 .cell_in{
min-height:989px;
/min-height:979px;
_height:979px;
padding-bottom:10px;
/padding-top:20px;
}
#stepArea .StepBox0_in .s4{
padding-bottom:0;
}
#stepArea .StepBox0_in .s3{
background-position: 310px 1022px;
}
/******　Step内　*******/
#stepArea .StepBox0_in .cell .cell_in .step_in p,
#stepArea .StepBox0_in .cellLast .cell_in .step_in p {
padding: 0;
text-align: left;
}
#stepArea .StepBox0_in .cell .cell_in .step,
#stepArea .StepBox0_in .cellLast .cell_in .step{
margin:8px 0 8px 8px;
}
#stepArea .StepBox0_in .cell .cell_in .step_in, 
#stepArea .StepBox0_in .cellLast .cell_in .step_in{
width: 690px;   
}
#stepArea .StepBox0_in .cell .cell_in .step_p,
#stepArea .StepBox0_in .cellLast .cell_in .step_p{
float: right;
width: 590px; 
font-size:12px;
color:#000;
margin-top:6px;
}
#stepArea .step_p strong{
display:block;
margin-top:15px;
margin-bottom:15px;
font-weight:bold;
color:#fe0000;
}
#stepArea .ttl strong{
margin-top:0;
margin-bottom:10px;
color:#000;
}
#stepArea .step_list {
clear:both;
margin-left:72px;
/margin-left:0px;
padding:10px 0 10px 0;
background:#e5e5e5;
width:534px;
text-align:left;
overflow:hidden;
line-height:1.4;
}
#stepArea .step_list li{
margin:0 10px;
}
.pon_all_table{
text-align:left;
margin-top:24px;
margin-left:90px;
/margin-left:0px;
border-left:1px solid #ce4312;
border-top:1px solid #ce4312;
line-height:1.5;
}
.pon_all_table02{
text-align:left;
margin-top:24px;
margin-left:90px;
border-left:1px solid #ce4312;
border-top:1px solid #ce4312;
line-height:1.5;
}
.pon_all_table caption,
.pon_all_table02 caption{
text-align:right;
}
.pon_all_table th,
.pon_all_table02 th{
background:#f15f2c;
border-right:1px solid #ce4312;
border-bottom:1px solid #ce4312;
color:#fff;
font-weight:bold;
padding:3px 0 2px 4px;
}
.pon_all_table td,
.pon_all_table02 td{
border-right:1px solid #ce4312;
border-bottom:1px solid #ce4312;
padding:2px 0 2px 4px;
}
#step01 {
float: left;
width: 82px;
height:36px;
text-decoration: none;
text-indent: -9999px;
background-image:url(../images/Step01.gif);
background-repeat:no-repeat;
display: block;
}
#step02 {
float: left;
width: 82px;
height:36px;
text-decoration: none;
text-indent: -9999px;
background-image:url(../images/Step02.gif);
background-repeat:no-repeat;
display: block;
}
#step03 {
float: left;
width: 82px;
height:36px;
text-decoration: none;
text-indent: -9999px;
background-image:url(../images/Step03.gif);
background-repeat:no-repeat;
display: block;
}
#step04 {
float: left;
width: 82px;
height:36px;
text-decoration: none;
text-indent: -9999px;
background-image:url(../images/Step04.gif);
background-repeat:no-repeat;
display: block;
}
#style {
background-image:url(../images/bg_steparea.gif);
}
.headTpics{
margin-bottom:15px;
}
#attentionArea{
text-align:left;
}
#attention_style_in{
margin:20px 0;
width:720px;
margin-left:20px;
background:#fff;
border: 1px solid #EED785;
}
#attention_style_in dl{
padding:18px;
line-height:1.6;
}
#attention_style_in dl dt{
border-top:1px dotted #000;
padding-top:19px;
margin-top:19px;
font-weight:bold;
}
#attention_style_in dl dt.top{
border-top:none;
margin-top:0;
padding-top:0;
}
#attention_style_in .att_inner{
padding:0;
}
#attention_style_in .att_inner dt{
border:none;
font-weight:normal;
margin-top:10px;
padding-top:0;
}
#attention_style_in .att_inner dd.top{
margin-top:0;
}
#attention_style_in .att_inner .pon_all_table {
margin-bottom:15px;
}
.excArea {
background:url(../images/bg_excare.gif) no-repeat;
width:700px;
height:146px;
margin-left:30px;
margin-bottom:30px;
margin-top:28px;
}

/*botan*/
.excArea .btn {
margin-left: 54px;
margin-top: 9px;
padding-bottom: 15px;
background: url(../images/btn_01.gif) no-repeat scroll 0 0 transparent;
display: block;
height: 60px;
text-indent: -9999px;
width: 595px;
}
.excArea .btn a{
background: url(../images/btn_01.gif) no-repeat scroll 0 0 transparent;
display: block;
height: 60px;
text-indent: -9999px;
width: 595px;
}
.excArea .btn a:hover{
background-position:0 -60px;
}

.btn02 {
margin-left: 54px;
margin-top: 9px;
padding-bottom: 15px;
background: url(../images/btn_02.gif) no-repeat scroll 0 0 transparent;
display: block;
height: 60px;
text-indent: -9999px;
width: 595px;
}
.btn02 a{
background: url(../images/btn_02.gif) no-repeat scroll 0 0 transparent;
display: block;
height: 60px;
text-indent: -9999px;
width: 595px;
}
.btn02 a:hover{
background-position:0 -60px;
}

.btn03 {
margin-left: 54px;
margin-top: 9px;
padding-bottom: 15px;
background: url(../images/btn_03.gif) no-repeat scroll 0 0 transparent;
display: block;
height: 60px;
text-indent: -9999px;
width: 595px;
}
.btn03 a{
background: url(../images/btn_03.gif) no-repeat scroll 0 0 transparent;
display: block;
height: 60px;
text-indent: -9999px;
width: 595px;
}
.btn03 a:hover{
background-position:0 -60px;
}

.btn04 {
margin-left: 54px;
margin-top: 9px;
padding-bottom: 15px;
background: url(../images/btn_04.gif) no-repeat scroll 0 0 transparent;
display: block;
height: 60px;
text-indent: -9999px;
width: 595px;
}
.btn04 a{
background: url(../images/btn_04.gif) no-repeat scroll 0 0 transparent;
display: block;
height: 60px;
text-indent: -9999px;
width: 595px;
}
.btn04 a:hover{
background-position:0 -60px;
}

.btn05 {
margin-left: 54px;
margin-top: 9px;
padding-bottom: 15px;
background: url(../images/btn_05.gif) no-repeat scroll 0 0 transparent;
display: block;
height: 60px;
text-indent: -9999px;
width: 595px;
}
.btn05 a{
background: url(../images/btn_05.gif) no-repeat scroll 0 0 transparent;
display: block;
height: 60px;
text-indent: -9999px;
width: 595px;
}
.btn05 a:hover{
background-position:0 -60px;
}

.btn06 {
margin-left: 54px;
margin-top: 9px;
padding-bottom: 15px;
background: url(../images/btn_06.gif) no-repeat scroll 0 0 transparent;
display: block;
height: 60px;
text-indent: -9999px;
width: 595px;
}
.btn06 a{
background: url(../images/btn_06.gif) no-repeat scroll 0 0 transparent;
display: block;
height: 60px;
text-indent: -9999px;
width: 595px;
}
.btn06 a:hover{
background-position:0 -60px;
}

.btn07 {
margin-left: 54px;
margin-top: 9px;
padding-bottom: 15px;
background: url(../images/btn_07.gif) no-repeat scroll 0 0 transparent;
display: block;
height: 60px;
text-indent: -9999px;
width: 595px;
}
.btn07 a{
background: url(../images/btn_07.gif) no-repeat scroll 0 0 transparent;
display: block;
height: 60px;
text-indent: -9999px;
width: 595px;
}
.btn07 a:hover{
background-position:0 -60px;
}

.excArea .ttl{
margin: 0 0 0 136px;
}
.excArea .ttl img{
margin-top:26px;
}