@charset "utf-8";


/*
	1 : headArea
	2 : menu
	3 : index.html
	4 : index.html
	5 : index.html
	6 : contentBlock table
	7 : rules.html
	8 : kiyaku
	9 : contact
 */
 
/* ***********************************************************************
	1 : headArea
*********************************************************************** */
div#headArea{
	position:relative;
	background:#666666 url(/myl/en/jsmiles/img/bg_head.gif);
	height:240px;
	width:765px;
	}
div#headArea .btn{
	float:left;
	width:288px;
	margin:0 10px;
	display:inline;
	}
div#headArea .btn02{
	position:absolute;
	right:0px;
	margin-right:10px;
	top: 208px;
	}
div#headArea .text{
	padding-top:3px;
	float:left;
	width:400px;
	height:46px;
	}
.white{
	color:#ffffff;
	line-height: 1.7;
	_line-height: 2;
	}
	
/* ***********************************************************************
	2 : menu
*********************************************************************** */
div.menu{
	width:765px;
	padding:0;
	}
div.menu ul{
	background-color:#eeeeee;
	display:block;
	list-style-type:none;
	margin:0;
	padding: 0;
	width:765px;
	height:47px;
	white-space:nowrap;
	}
div.menu li{
	float:left;
	list-style-type:none;
	margin-right:2px;
	padding:0;
	}
div.menu li.last{
	margin:0;
	}
/* ***********************************************************************
	3 : index.html
*********************************************************************** */
dl.h201 dt{
	float:left;
	width:222px;
	}
dl.h201 dd{
	margin-left:240px;
	margin-bottom:10px;
	}
/* ***********************************************************************
	4 : index.html
*********************************************************************** */
ul.h201{
	list-style-type:none;
	}
ul.h201 li{
	background:url(/myl/en/jsmiles/img/bg_img_01.jpg) no-repeat top left;
	float:left;
	width:245px;
	height:128px;
	margin-right:15px;
	}
ul.h201 li.last{
	margin:0;
	}
ul.h201 li dt,
ul.h201 li dd{
	padding:0;
	margin:0;
	}
ul.h201 li dl{
	margin:8px 12px;
	}
ul.h201 li dt{
	margin:0 auto;
	text-align:center;
	}
ul.h201 li dd{
	margin-top:4px;
	width:220px;
	}
/* ***********************************************************************
	5 : index.html 
*********************************************************************** */
dl.left{
	float:left;
	}
dl.right{
	float:right;
	}
dl.h202{
	background: url(/myl/en/jsmiles/img/bg_img_02.jpg) no-repeat;
	width:377px;
	height:118px;
	}
dl.h202 dt{
	margin:2px 0 0 2px;
	_margin:2px 1px;
	padding:0;
	float:left;
	}
dl.h202 dd.img{
	margin:2px;
	_margin:2px 1p 2px 3px;
	float:right;
	}
dl.h202 dd.text{
	clear:left;
	margin:0;
	padding:0 5px;
	}
/* ***********************************************************************
	6 : contentBlock table
*********************************************************************** */
div.contentBlock{
	text-align:center;
	}
div.contentBlock table{
	margin:0 auto;
	width:745px;
	}
div.contentBlock table{
	border:#ccc solid;
	border-width:0 1px 1px 0;
	}
div.contentBlock table th,
div.contentBlock table td{
	padding:5px 10px;
	border:#ccc solid;
	border-width:1px 0 0 1px;
	}
div.contentBlock table th{
	background:#89b5c5;
	text-align:left;
	color:#fff;
	}
div.contentBlock table th.note{
	text-align:right;
	font-weight:normal;
	vertical-align:bottom;
	}
div.contentBlock table td{
	color:#333;
	}
div.contentBlock table td.bold{
	font-weight:bold;
	background:#fdfaf1;
	white-space:nowrap;
	}
div.contentBlock table tr.subttl{
	background:#d9e8ed;
	}
	
	
/* ***********************************************************************
	7 : rules.html
*********************************************************************** */
dl.h204{
	margin:0 10px;
	}
dl.h204 dt{
	margin:15px 0 10px;
	color:#53879a;
	font-weight:bold;
	}
dl.h204 dd{
	margin:10px 0 0;
	padding:0;
	}
span.icon{
	padding:5px;
	background:#f7be0d;
	border:#699aac solid 2px;
	}
/* ***********************************************************************
	8 : kiyaku
*********************************************************************** */
ol.kiyaku1 li
	{
	margin: 20px 0 0 2em;
	font-size: 12px;
	line-height: 1.3;
	color: #CC0000;
	}
ul.kiyaku2 li
	{
	margin: 5px 0 0 0;
	list-style-type: none;
	color: #333333;
	}
ul.kiyaku2 span
	{
	font-weight: bold;
	}
div.last{
	text-align:right;
	margin:0 20px;
	}
/* ***********************************************************************
	9 : contact
*********************************************************************** */
div.contact dt,
div.contact dd{
	margin:0;
	padding:0;
	line-height:1.5;
	}
div.contact dt{
	font-weight:bold;
	}
div.contact{
	border:#ccc solid 1px;
	padding:5px 10px;
	margin:20px 10px 0;
	}
	
	
div.contentsGridA03 p,
div.contentsGridA03 ul.tableNoteListA01{
	margin:0 10px;
	}
div.contentsGridA03 ul.tableNoteListA01{
	color: #666666;
	}