@charset "shift_jis";

/* ページ全体
----------------------------------------------- */
#coupon-body {
 font-size:12px;
 line-height: 1.3em;
 color:#555;
 width:600px;
 /*border:1px solid #696969;*/
}

/*--------------------------------------------- */
/* バナー　　*/
/*----------------------------------------------- */
#coupon-body-banner {
 background: #fff url(../images/ordermadebanner.jpg) no-repeat center left; 
 width: 598px;
 height: 260px; 
 margin-bottom: 20px;
}

/*--------------------------------------------- */
/* キャンペーン概要　　*/
/*----------------------------------------------- */
#cpinfo {
 float:left;
 width:270px;
 _width:290px;
 background:#fff;
 padding:6px 6px 8px 6px; 
 color:#AF8F3A;
 border:1px dashed #DCDCDC;
}
#cpinfo .cpinfo-title {
 margin-bottom:10px;
 line-height:16px;
}

/*--------------------------------------------- */
/* Ｗクーポン　　*/
/*----------------------------------------------- */
#wcoupon {
 width:270px;
 _width:290px;
 float:right;
 margin-bottom: 10px;
 position:relative;
}

/*--------------------------------------------- */
/* 手順　　*/
/*----------------------------------------------- */
#flow-box-left {
 float:left;
 width:270px;
 _width:290px;
 height: 420px;
 margin:10px 0px 20px 0px; 
 _margin:0px 0px 10px 0px;
 padding:10px;
 background:#F2F2E3;
}
#flow-box-right {
 float:right;
 width:270px;
 _width:290px;
 height: 420px;
 margin:10px 0px 20px 0px; 
 _margin:0px 0px 10px 0px;
 padding:10px;
 background:#F2F2E3;
}
.flow-title {
 margin-bottom:8px;
 padding:3px 0px;
 background:#FFF;
}
.flow-step {
 text-align:center;
 background:#659E18;
 color:#FFF;
 line-height:16px;
 width:80px;
 margin-bottom:5px;
}
.flow-step-end {
 text-align:center;
 background:#FFB70F;
 color:#663333;
 line-height:16px;
 width:80px;
 margin-bottom:5px;
}
.flow-point {
 margin:4px 0px 10px 0px;
 color:#AF8F3A;
 padding:6px 0px;
 font-size: 14px;
 line-height:18px;
}
.flow-mailto {
 margin:10px 0px 20px 0px;
 background:#FFFFCC;
 padding:8px 5px;
 text-align:center;
}

/*--------------------------------------------- */
/* 利用規約　　*/
/*----------------------------------------------- */
#notice {
 margin-bottom:20px;
 border:1px solid #DCDCDC; 
 padding:10px 20px;
 background:#EFEFEF;
}
#notice ul {
 margin: 0px;
 padding: 0px;
 list-style-type:none;
}
#notice ul li {
 padding-left: 16px;
 text-indent: -6px;
}

/*--------------------------------------------- */
/* TOPへ　　*/
/*----------------------------------------------- */
.coupon-pagetop {
 margin:10px 0px 30px 0px;
 text-align: right;
}
.coupon-pagetop a {
 color:#CC0000;
 text-decoration: underline;
}
.coupon-pagetop a:hover {
 text-decoration: none;
}

/* フォントサイズ */
.txt9 {
	font-size: 9px;
}
.txt10 {
	font-size: 10px;
}
.txt12 {
	font-size: 12px;
}
.txt14 {
	font-size: 14px;
}
.txt24 {
	font-size: 24px;
}
/* 文字色 */
span.red {
	color:#CC0000;	/* 文字色：赤 */
}