@charset "utf-8";

/* スマイルカードのご案内
----------------------------------------------------------------------------------------------------*/

#smiTop {
	float: right;
	width: 700px;
}

#smiTop h2 {
	margin: 0 0 15px;
}

#smiTop h3 {
	margin: 0 0 15px;
	padding: 10px;
	background: url(../images/smi_back001.gif);
}

#smiTop h4 {
	margin: 0 0 10px;
}

#smiTop h5 {
	margin: 0 0 5px;
}

#smiTop p {
	margin: 0 0 1em;
}

#smiTop .box1 {
	border: solid 2px #FFC977;
	margin: 0 0 10px;
	padding: 20px;
}

#smiTop .box2 {
	border: solid 2px #FF9B05;
	margin: 0 0 20px;
	padding: 20px;
}

#smiTop .box2 p, #smiTop .box4 p {
	margin: 0;
}

#smiTop .box3 {
	margin: 0 0 10px;
}

#smiTop .box3 .left {
	float: left;
	width: 166px;
}

#smiTop .box3 .right {
	float: right;
	width: 430px;
}

#smiTop .box3 .right p {
	margin: 0 0 0.5em;
}

#smiTop .box4 {
	border: solid 2px #FF9B05;
	padding: 20px;
}

/* スマイルクレジットカードご利用特典のご案内
----------------------------------------------------------------------------------------------------*/

#smiCont1 {
	float: right;
	width: 700px;
}

#smiCont1 h2 {
	margin: 0 0 15px;
}

#smiCont1 h3 {
	margin: 0 0 15px;
}

#smiCont1 .box1 {
	border: solid 2px #FFC977;
	margin: 0 0 10px;
	padding: 20px;
}

#smiCont1 .box2 {
	margin: 0 0 10px;
}

#smiCont1 .box2 h3 {
	float: left;
	width: 507px;
	margin: 0 10px 0 0;
}

#smiCont1 .box2 .right {
	text-align: right;
}

#smiCont1 .box3, #smiCont1 .box4 {
	margin: 0 0 10px;
	padding: 10px;
	background: #F4F4F4;
}

#smiCont1 .box3 .left1, #smiCont1 .box4 .left1 {
	float: left;
	width: 50px;
	margin: 0 10px 0 0;
}

#smiCont1 .box3 .left2 {
	float: left;
	width: 440px;
}

#smiCont1 .box4 .left2 {
	float: left;
	width: 540px;
}

#smiCont1 .box4 .left2 p img {
	margin: 0 5px;
	vertical-align: middle;
}

#smiCont1 .box3 .left2 h4, #smiCont1 .box4 .left2 h4 {
	margin: 0 0 10px;
}

#smiCont1 .box5 {
	margin: 0 0 10px;
}

#smiCont1 .box4 table {
	margin: 0 0 10px;
	border-collapse: collapse;
	background: #fff;
}

#smiCont1 .box4 td, #smiCont1 .box4 th {
	border: solid 1px #ccc;
	padding: 5px;
	width: 16%;
}

#smiCont1 .box4 th {
	background: #EFEFEF;
}

#smiCont1 .box4 p {
	margin: 0 0 1em;
}

#smiCont1 .box6 {
	background: url(../images/smi_back002.gif);
	margin: 0 0 10px;
}

#smiCont1 .box6 .left1 {
	float: left;
	width: 157px;
	margin: 0 10px 0 0;
}

#smiCont1 .box6 .left2 {
	float: left;
	width: 150px;
}

#smiCont1 .box6 h4, #smiCont1 .box6 p {
	padding: 5px;
}

#smiCont1 .box6 h4 {
	margin: 0 0 5px;
}

#smiCont1 .box8 p img {
	margin: 0 10px 0 0;
}

/* フレスタスマイルクレジットカードご入会の流れ
----------------------------------------------------------------------------------------------------*/

#smiCont2 {
	float: right;
	width: 700px;
}

#smiCont2 h2 {
	margin: 0 0 15px;
}

#smiCont2 .box1 {
	border: solid 2px #FFC977;
	margin: 0 0 10px;
	padding: 20px;
}

#smiCont2 .box2 {
	margin: 0 0 15px;
}

#smiCont2 .box2 h3 {
	float: left;
	width: 389px;
	margin: 0 10px 0 0;
}

#smiCont2 .box2 p {
	text-align: left;
}

/* スマイルカードのお申し込み
----------------------------------------------------------------------------------------------------*/

#smiCont3 {
	float: right;
	width: 700px;
}

#smiCont3 .box5 {
	margin: 0 0 10px;
}

#smiCont3 .box5 .right {
	float: right;
	width: 139px;
}

#smiCont3 .box5 .left {
	float: left;
	width: 500px;
}

#smiCont3 h2 {
	margin: 0 0 15px;
}

#smiCont3 h3 {
	margin: 0 0 10px;
}

#smiCont3 h4 {
	margin: 0 0 10px;
}

#smiCont3 .box1 {
	border: solid 2px #FFC977;
	margin: 0 0 10px;
	padding: 20px;
}

#smiCont3 table {
	border-collapse: collapse;
	margin: 0 0 10px;
}

#smiCont3 td, #smiCont3 th {
	padding: 10px;
	border: solid 1px #FFC977;
	vertical-align: middle;
}

#smiCont3 th {
	white-space: nowrap;
	background: #FFEED5;
}

#smiCont3 .box2 {
	height: 7em;
	padding: 10px;
	border: solid 1px #CCCCCC;
	overflow: auto;
}

#smiCont3 .box3 {
	margin: 0 0 10px;
}

#smiCont3 .box4 {
	padding: 20px;
	background: url(../images/smi_back001.gif);
}

/* スマイルカードのご利用特典
----------------------------------------------------------------------------------------------------*/

#smiCont4 {
	float: right;
	width: 700px;
}

#smiCont4 h2 {
	margin: 0 0 15px;
}

#smiCont4 h4 {
	margin: 0 0 10px;
}

#smiCont4 h5 {
	margin: 0 0 5px;
}

#smiCont4 p {
	margin: 0 0 1em;
}

#smiCont4 .box1 {
	border: solid 2px #FFC977;
	margin: 0 0 10px;
	padding: 20px;
}

#smiCont4 .box2 {
	margin: 0 0 10px;
}

#smiCont4 .box2 h3 {
	float: left;
	width: 228px;
	margin: 0 10px 0 0;
}

#smiCont4 .box2 p {
	text-align: left;
}