@charset "EUC-JP";

/* -----------------------------------------------------------
CSS Information

File name:      campaign.css
Created:        2009-07-16
Last update:    2012-04-10 by Iwabuchi
Style Info:     4travelポイントクラブ配下
----------------------------------------------------------- */


/*
campaign_001 
 -----------------------------------------------------------*/

div.campaign_001 {
	margin: 20px;
}
div.campaign_001 .header {
	margin-bottom: 20px;
}
div.campaign_001 .flow_wrap {
	margin-bottom: 10px;
	padding: 2px 2px 20px 2px;
	border: solid 3px #ffc591;
}
div.campaign_001 .flow_wrap td {
	vertical-align: top;
	text-align: center;
}
div.campaign_001 .flow_wrap td.col_flow {
	padding: 10px 0;
	background: #e1dfdc;
}
div.campaign_001 .flow_wrap td.col_arrow {
	background: #ededed;
}
div.campaign_001 .flow_wrap td.col_flow .txt {
	margin-bottom: 30px;
	padding: 0 2px 0 7px;
	text-align: left;
	font-size: 0.9em;
}
div.campaign_001 .details {
	margin-bottom: 30px;
}


div.campaign_001 p.txt_get {
	margin-bottom: 10px;
}
div.campaign_001 div.outline {
	margin-bottom: 30px;
}
div.campaign_001 div.giving {
	margin-bottom: 30px;
}
div.campaign_001 h3 {
	margin-bottom: 10px;
	padding-bottom: 2px;
}
div.campaign_001 div.giving table {
	width: 930px;
	border: solid 3px #cccccc;
	margin-bottom: 5px;
}
div.campaign_001 div.giving table th {
	padding: 10px;
	border: solid 1px #cccccc;
	background: #eee;
}
div.campaign_001 div.giving table td {
	padding: 10px;
	text-align: center;
	border: solid 1px #cccccc;
}
div.campaign_001 div.giving table td .txt_imadake {
  position: relative;
  text-align: left;
}
div.campaign_001 div.giving table td .txt_imadake img {
  position: absolute;
  top: -47px;
  left: 10px;
}
div.campaign_001 div.giving table tr.pickup td {
	background: #fffbd1;
	border-bottom: none;
}
div.campaign_001 div.giving table tr.pickup td span.jaran {
	font-weight: bold;
	color: #ff6600;
}
div.campaign_001 div.giving table td span.tit_4tp {
	font-weight: bold;
}
div.campaign_001 div.giving table td span.point_count {
	font-weight: bold;
}
div.campaign_001 div.giving table td p.jal_maile {
	width: 59%;
	margin: 0 auto;
	background: #ffdbd6;
}
div.campaign_001 div.giving table td span.mile_count {
	color: #cc0000;
	font-weight: bold;
	font-size: 1.4em;
}
div.campaign_001 div.giving table td img {
	vertical-align: middle;
	margin-right: 10px;
}

div.campaign_001 div.giving .jouki {
	font-size: 0.8em;
}

div.campaign_001 div.login_box {
	margin-bottom: 10px;
	padding: 10px;
	border: solid 1px #dd5757;
	background: #fefedf;
	font-size: 1.1em;
	text-align: center;
}

div.campaign_001 div.login_box table {
	margin: 0 auto 10px;
}

div.campaign_001 div.login_box table td {
	padding: 2px;
	text-align: left;
}

div.campaign_001 div.login_box table td .attention {
	font-weight: bold;
}

div.campaign_001 div.login_box table td .attention02 {
	font-weight: bold;
	font-size: 1.6em;
	color: #cc0000;
}

div.campaign_001 div.lead {
	margin-bottom: 30px;
	text-align: center;
}

div.campaign_001 div.lead div.attention {
	width: 600px;
	margin: 15px auto;
	color: #cc0000;
	font-weight: bold;
}

div.campaign_001 div.lead div.attention p {
	text-align: left;
}
div.campaign_001 p.apology {
	margin-bottom: 30px;
	border: 3px double #e7262f;
	padding: 10px 10px 10px 50px;
	background: #fffad6;
}

div.campaign_001 p.apology span.apology_title {
	display: block;
	font-weight: bold;
	font-size: 1.2em;
	color: #e7262f;
}

div.campaign_001 p.apology span.moretext {
	padding: 3px 10px;
	margin: 5px 0;
	display: block;
	font-size: 0.85em;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
}

div.campaign_001 p.apology span.last {
	display: block;
}

div.campaign_001 div.pr_jalcard {
	padding-top: 20px;
	text-align: center;
}

/*
campaign_002
 -----------------------------------------------------------*/

body.campaign_002 h3 {
	margin: 20px 0;
	padding: 6px 0 0 30px;
	border-bottom: dotted 1px #666666;
	background: url(/img/general/4travel/pointclub/campaign/002/ico_point.jpg) no-repeat left center;
	font-size: 1.2em;
	font-weight: bold;
}

.campaign_002 p.txt_get {
	margin: 20px 0;
}

.campaign_002 div.login_col {
	padding: 10px;
	margin-top: 20px;
	border: solid 1px #dd5757;
	background: #fff8e4;
	font-size: 1.1em;
	text-align: left;
}

.campaign_002 div.login_col .attention02 {
	text-align: center;
}

.campaign_002 div.login_col span.attention {
	float: left;
	margin: 0 10px 30px 0;
	font-weight: bold;
}

.campaign_002 div.login_col .attention02 {
	font-weight: bold;
	color: #cc0000;
}

.campaign_002 p.login_arrow {
	text-align: center;
}

.campaign_002 .login_col p.your_id {
	margin: 20px 0;
	text-align: center;
}

.campaign_002 .login_col p.your_id span {
	margin: 0 10px;
	padding: 10px;
	background: #FFFFFF;
	border: solid 1px #999999;
	font-weight: bold;
	font-size: 1.3em;
}

.campaign_002 .login_col p.btn_login {
	margin: 10px 0 20px;
	text-align: center;
}

.campaign_002 div.explain {
	margin: 0 0 20px;
}

.campaign_002 .txt_detail {
	margin: 0 0 20px;
}

.campaign_002 .txt_detail span {
	color: #cc0000;
	font-size: 1.1em;
}

.campaign_002 p.btn_reserve {
	margin-top: 10px;
	text-align: center;
}

.explain dl {
	background: #f2f2f2;
}
.explain dl {
	background: #f2f2f2;
	margin-bottom: 15px;
	padding: 10px;
}
.explain dl dt {
	float: left;
	width: 150px;
	margin-top: 42px;
	margin-right: 30px;
}
.explain dl dd.img {
	float: left;
	width: 350px;
	margin-right: 30px;
}
.explain dl dd.text {
	float: left;
	width: 350px;
}
.explain dl dd.text span {
	color: #ff0000;
	font-weight: bold;
}
.explain .arrow {
	text-align: center;
	margin-bottom: 15px;
}
ul.btn_reserve {
	margin-top: 20px;
	padding-bottom: 50px;
	text-align: center;
}
ul.btn_reserve li {
	display: inline;
	width: 306px;
	margin: 0 15px;
}
ul.btn_reserve li a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

/* login_regist_box */
.campaign_001 .login_regist_box {
	margin-bottom: 10px;
	padding: 10px;
	border: solid 1px #dd5757;
	background: #fefedf;
	font-size: 1.1em;
	text-align: center;
}
.campaign_001 .login_regist_box .attention_wrap {
	width: 650px;
	margin: 0 auto;
	text-align: left;
	font-weight: bold;
}
.campaign_001 .login_regist_box .attention02 {
	font-weight: bold;
	font-size: 1.6em;
	color: #cc0000;
}
.campaign_001 .login_regist_box .btn_wrap {
	width: 550px;
	margin: 20px auto 0;
	overflow: hidden;
}
.campaign_001 .login_regist_box .btn_wrap div {
	float: left;
	width: 246px;
	margin-right: 50px;
}
.campaign_001 .login_regist_box .btn_wrap div.last {
	margin-right: 0;
}
.campaign_001 .login_regist_box .btn_wrap .btn a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}