@charset "utf-8";

/*============================================================================
	
	4.ポイントをためる
		4-0 共通スタイル
		4-1 ポイントシステム
		4-2 ポイント交換
		4-3 JALマイレージコース
		
=============================================================================*/

/* @ 4-0 共通
---------------------------------------------------------------------- */

/* @end -------------------------------------------------------------- */

/* @ 4-1 ポイントシステム
---------------------------------------------------------------------- */

div#pointSystem div.fr {
	width: 530px;
	margin-bottom: 20px;
}

div#pointSystem img.fl {
	width: 170px;
	margin-bottom: 20px;
}

div#pointSystem table {
	clear: both;
	text-align: center;
}

div#pointSystem table caption {
	font-size: 116%;
	margin-bottom: 4px;
}

div#pointSystem table em {
	color: #ef7e00;
}

div#pointSave div.life {
	border: 1px solid #a9a9a9;
	margin-bottom: 20px;
	padding: 10px;
}

div#pointSave div.life:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#pointSave div.life {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html div#pointSave div.life {
	height: 1%;
}

div#pointSave div.life {
	display: block;
}
/**/

div#pointSave div.life dl.fl {
	float: left;
	width: 209px;
	height: 130px;
	margin-right: 10px;
}

div#pointSave div.life dl.line {
	border-right: 1px solid #a9a9a9;
	width: 208px;
}

div#pointSave div.life dl.fl dt {
	padding-bottom: 4px;
	color: #ef7e00;
}

div#pointSave dl span {
	color: #454545;
}

div#pointSave div.life dl ul {
	list-style: square;
	margin: 0 0 0 1.5em;
}

div#pointSave div.pointList dl.shopping,
div#pointSave div.pointList dl.eventLeisure,
div#pointSave div.pointList dl.travelGourmet,
div#pointSave div.pointList dl.others {
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #a9a9a9;
	width: 308px;
}

div#pointSave div.pointList dl.shopping dt,
div#pointSave div.pointList dl.eventLeisure dt,
div#pointSave div.pointList dl.travelGourmet dt,
div#pointSave div.pointList dl.others dt {
	padding-bottom: 4px;
}

div#pointSave div.pointList dl.shopping,
div#pointSave div.pointList dl.travelGourmet {
	float: left;
}

div#pointSave div.pointList dl.eventLeisure,
div#pointSave div.pointList dl.others {
	float: right;
}

div#pointSave div.pointList dl.shopping ul,
div#pointSave div.pointList dl.eventLeisure ul,
div#pointSave div.pointList dl.travelGourmet ul,
div#pointSave div.pointList dl.others ul {
	list-style: square;
	margin: 0 0 0 1.5em;
}

div#pointSave p {
	clear: both;
}

div#pointExample .fl,
div#pointExample .fr {
	width: 330px;
	margin-bottom: 20px;
}

div#pointExample strong,
div#pointExample strong {
	margin-bottom: 10px;
	display: block;
}

div#pointExample table {
	font-size: 93%;
	height: 250px;
}

div#pointExample table * {
	vertical-align: middle;
}

div#pointExample table tbody th {
	white-space: normal;
	font-weight: normal;
	width: 8em;
}

div#pointExample table tbody td {
	white-space: nowrap;
}

div#pointExample table em {
	white-space: nowrap;
	color: #ef7e00;
}

div#pointExample dl.bg {
	padding-top: 30px;
	background: transparent url(../../point/images/index/bg_table.gif) no-repeat 50% 0%;
}

div#pointExample dl.attention {
	padding: 10px;
	border: 1px solid #ef7e00;
	clear: both;
}

div#pointExample dl.attention dt {
	padding-bottom: 7px;
}

div#pointExample dl.attention ul {
	margin-bottom: 0;
}

/* @end -------------------------------------------------------------- */

/* @group 4-2 ポイント交換
---------------------------------------------------------------------- */

div#pointExchange {
	margin-bottom: 20px;
}

div#pointExchange div.intro {
	margin-bottom: 20px;
}

div#pointExchange ul.link {
	margin-bottom: 20px;
	text-align: right;
}

div#pointExchange div.intro dt,
div#pointExchange div.intro dd {
	float: left;
	margin-bottom: 5px;
}

div#pointExchange p {
	width: 680px;
	margin-left: auto;
	margin-right: auto;
}

ul#exchangeList {
	width: 680px;
	margin: 0 auto 30px;
}

ul#exchangeList:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul#exchangeList {
	display: inline-block;
	min-height: 1%;
}

/*\*/
* html ul#exchangeList {
	height: 1%;
}

ul#exchangeList {
	display: block;
}
/**/

ul#exchangeList li {
	float: left;
	padding: 10px;
}

/*各ポイント商品詳細ページ
---------------------------------------------------------------------- */

h2.ex_title {
	margin: 0 0 20px 0;
}

h3#ex_img {
	margin: 0 0 30px 0;
}

div.readarea_ex {
	margin: 0;
	padding: 0 15px;
}

div.readarea_ex div.ex_y_n {
	width: 680px;
	margin: 0 auto 10px;
}

div.readarea_ex div.ex_y_n dl,
div.readarea_ex div.ex_y_n dl dt,
div.readarea_ex div.ex_y_n dl dd {
	margin: 0;
}

div.readarea_ex ul#ex_point_list {
	list-style: none;
	margin: 10px 0 30px 0;
}

div.readarea_ex ul#ex_point_list li {
	float: left;
	margin: 0 25px 0 0;
	display: inline;
	width: 150px;
	padding: 0 0 20px 0;
}

div.readarea_ex ul#ex_point_list li.last {
	margin: 0;
}

/*menu
---------------------------------------------------------------------- */

div.point_menu {
	background-image: url("../images/exchange/ex_point_bg.gif");
	background-repeat: no-repeat;
	background-position: center top;
	height: 80px;
}

div.point_menu ul {
	width: 700px;
	padding-top: 30px;
	padding-left: 10px;
}

div.point_menu li {
	float: left;
	width: 58px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*1000p`20000p
---------------------------------------------------------------------- */

div.readarea_ex table {
	margin: 0 0 40px 0;
}

div.readarea_ex table tr td {
	padding: 0 10px 10px 10px;
	border-bottom: 1px dotted #CCCCCC;
	vertical-align: top;
	width: 150px;
}

div.readarea_ex table tr.last td {
	border: none;
}

div.readarea_ex table tr td p {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 90%;
	line-height: 100%;
}

div.readarea_ex table tr td div.col2 p {
	float: left;
	width: 75px;
}

div.readarea_ex table tr td div.col3 p {
	float: left;
	width: 50px;
}

div.readarea_ex table tr td dl {
	line-height: 1.3;
	padding: 5px 0 0 0;
}

div.readarea_ex table tr td dl dt {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 90%;
}

div.readarea_ex table tr td dl dd {
	margin: 0;
	padding: 0;
	font-size: 80%;
}

div.readarea_ex table tr td img {
	
}

div.readarea_ex table#p1000 {
	
}

div.readarea_ex table#p2000 {
	
}

div.readarea_ex table#p3000 {
	
}

div.readarea_ex table#p4000 {
	
}

div.readarea_ex table#p5000 {
	
}

div.readarea_ex table#p6000 {
	
}

div.readarea_ex table#p7000 {
	
}

div.readarea_ex table#p8000 {
	
}

div.readarea_ex table#p10000 {
	
}

/* @end -------------------------------------------------------------- */

/* @group 4-3 JALマイレージコース */
div#jal dl.group {
	border: 1px solid #a9a9a9;
	margin-bottom: 10px;
}

div#jal dl.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#jal dl.group {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html div#jal dl.group {
	height: 1%;
}

div#jal dl.group {
	display: block;
}
/**/

div#jal dl.group dt {
	float: left;
	width: 180px;
	background-color: #ef7e00;
	padding: 5px 10px;
}

div#jal dl.group dt img {
	padding: 20px 0 0 50px;
	_padding: 30px 0 0 50px;
}

div#jal dl.group dd {
	margin-left: 200px;
	padding: 5px 10px;
}

div#jal dl.group strong {
	font-size: 116%;
	color: #ef7e00;
	padding-bottom: 5px;
}

div#jal dl.group em {
	color: #ef7e00;
}

div#jal dl.group dd ul {
	margin: 5px 0 0 0;
	font-size: 85%;
}

div#jal dl.group dd p {
	margin: 0;
}

div#jal div.line {
	border: 1px solid #a9a9a9;
	padding: 10px;
	margin-bottom: 20px;
}

div#jal div.line h4,
div#jal div.line span {
	color: #ef7e00;
}

div#jal div.line ul.list {
	margin-bottom: 0;
}

div#jal table.pointRate {
	width: 100%;
	margin: 40px 0 5px 0;
	border-top: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
}

div#jal table.pointRate th {
	width: 20%;
	padding: 5px;
	text-align: center;
}

div#jal table.pointRate td {
	text-align: center;
	padding: 5px;
}

div#jal table.pointRate td span {
	color: #ef7e00;
}


/* @end -------------------------------------------------------------- */