@charset "euc-jp";

/*  ---- Reset ----  */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	text-indent:-9999px;
	overflow:hidden;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*  ---- Fontsize Base ----  */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.22;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}

/*  ---- Fontsize Pattern ----  */
/*
10px 	77%
11px 	85%
12px 	93% (was 93)
13px 	100%
14px 	108% (was 107)
15px 	116% (was 114)
16px 	123.1% (was 122)
*/
/*  ----------  */

body{
	background:#DCF2AD;
}

strong{
	font-weight:bold;
}

#wrapper{
	text-align:left;
	line-height:1.2;
}
#main{
}
#main_footer{
}

.text-pink{
	color:#FF0080;
}

.text-red{
	color:#F00;
}

.text-small{
	font-size:83%;
}
.m30{
	margin-top:30px;
	margin-right:10px;
}
.mBt10{
	margin-bottom:10px;
}
/*  ---- header ----  */


.yPoint-header img{
	float:left;
	height:40px;
}


#main-header{
	width:950px;
	position:relative;
}

.head-title{
	height:236px;
	background:url(http://i.yimg.jp/images/points/promo/suipt/head_01.gif) no-repeat;
}

.head-txt{
	background:#dcf2ad;
	padding:0.5em 0;
	text-align:right;
	border-right:#61BC45 5px solid;
	border-left:#61BC45 5px solid;
}

/*  ---- contents box 1 ----  */

.content-box1-left{
	width:715px;
	float:left;
}

.content-box1-right{
	width:195px;	
	float:right;
}

.content-box1{
	padding:17px 10px 0;
	background-color:#FFF;
	border-right:#61BC45 5px solid;
	border-left:#61BC45 5px solid;
}

.content-box1_gray{
	border-left:#DFDFDF 1px solid;
	border-right:#DFDFDF 1px solid;
	border-bottom:#DFDFDF 1px solid;
	padding:7px 6px 20px;
	margin-bottom:17px;
	background:#FFF;
}

.ttl_content01{
	width:715px;
	height:40px;
	background:url(http://i.yimg.jp/images/points/promo/suipt/ttl_content01.gif);
}

.ttl_content02{
	width:715px;
	height:40px;
	background:url(http://i.yimg.jp/images/points/promo/suipt/ttl_content02.gif);
}

.ttl_content03{
	width:715px;
	height:40px;
	background:url(http://i.yimg.jp/images/points/promo/suipt/ttl_content03.gif);
}

.table-1{
	margin:12px 0;
	line-height:1.4;
	width:494px;
}

.table-1 td{
	border:1px solid #999999;
	padding:0.3em 0.6em;
}

.table-1 li{
	text-indent:-8px;
	padding-left:5px;
}

.table-head{
	width:7.5em;
	color:#000;
	text-align:center;
	font-weight:bold;
	background:#D6F2FF;
}

.orangeBox{
	padding:10px;
	border:#ffa40b 1px solid;
	background:#FEEC92;
}
/***/
.orange2col_top{
	width:701px;
	height:10px;
	background:url(http://i.yimg.jp/images/points/promo/suipt/orange2col_top.gif) top left no-repeat;
	margin:0;
	padding:0;
}
.orange2col{
	width:701px;
	background:url(http://i.yimg.jp/images/points/promo/suipt/orange2col_bg.gif) top left repeat-y;
    overflow: hidden;
}
.orange2col:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .orange2col{
    height: 1em;
    overflow: visible;
}
/**/
.orange2col_bottom{
	width:701px;
	height:10px;
	background:url(http://i.yimg.jp/images/points/promo/suipt/orange2col_bottom.gif) top left no-repeat;
	margin:0;
	padding:0;
}
.orange_leftBox{
	width:329px;
	float:left;
	margin-left:8px;
	_margin-left:5px;
}
.orwBox{
	width:329px;
	background:#FFF;
}
.orwBox td{
	padding:1px 8px;
}
.orange_rightBox{
	width:326px;
	float:right;
	margin-right:8px;
	_margin-right:5px;
}
/***/
.img_fleft{
	float:left;
}

.img_center{
	text-align:center;
}

.content-suicaPoint{
	width:195px;
	background:#F0E9CF url(http://i.yimg.jp/images/points/promo/suipt/bg_rbox.gif) repeat-y;
	margin-bottom:17px;
}

.content-suicaPoint dt{
	height:45px;
	background:url(http://i.yimg.jp/images/points/promo/suipt/ttl_suicaPoint.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.content-suicaPoint dd{
	font-size:83%;
	text-align:center;
}

.content-yPoint{
	width:195px;
	background:#F0E9CF url(http://i.yimg.jp/images/points/promo/suipt/bg_rbox.gif) repeat-y;
	margin-bottom:17px;
}

.content-yPoint dt{
	height:45px;
	background:url(http://i.yimg.jp/images/points/promo/suipt/ttl_yPoint.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.content-yPoint dd{
	font-size:83%;
	text-align:center;
}

dd p{
	padding:0 10px 8px;
	text-align:left;
}
dd p.flow-btm{
	padding:0 10px 8px;
	text-align:left;
	background:url(http://i.yimg.jp/images/points/promo/suipt/bg_rboxbottom.gif) left bottom no-repeat;
}

/*  ---- campaign box ----  */
.ttl_campaign{
	background:url(http://i.yimg.jp/images/points/promo/suipt/ttl_campaign.gif);
	height:116px;
	width:715px;
}

.campaign-box{
	background:#FFDD00;
	padding:0 10px;
	border-left:#FFFF00 10px solid;
	border-right:#FFFF00 10px solid;
}
.campFoot{
	margin-bottom:17px;
}

.table-camp{
	background:#FFF;
	margin:12px 0 0;
	line-height:1.4;
}
.table-camp td{
	border:1px solid #663300;
	padding:3px 11px;
}
.table-camp li.liGreen{
	padding-left:16px;
	background:url(http://i.yimg.jp/images/points/promo/suipt/listmark_green.gif) no-repeat 0px 0.4em;;
}
.greenbtxt{
	color:#329835;
	font-weight:bold;
}
.table-camp li.lired{
	padding-left:16px;
	background:url(http://i.yimg.jp/images/points/promo/suipt/listmark_red.gif) no-repeat 0px 0.4em;;
}
.redbtxt{
	color:#fe3434;
	font-weight:bold;
}
.table-head_camp{
	background:#F0E9CF;
	color:#663300;
	font-weight:bold;
	width:7.5em;
	text-align:center;
}

.buttonBox{
	background:url(http://i.yimg.jp/images/points/promo/suipt/pict_tesuuryou.gif) right no-repeat;
	padding:20px 0;
}

/*  ---- footer ----  */

.foot-text{
	padding:10px 0;
}

.contents-foot{
	padding:10px 0;
	font-size:83%;
}


/*  ---- clearfix ----  */

.clearfix{
    zoom:1;
}
.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/*------------------------------
サービスアイコン一覧（使える）
------------------------------*/
.orange_leftBox ul.useServiceIcLi {
width: 309px;    /* 合計329px */
background: #ffffff;
padding: 5px 10px;
}

.orange_leftBox ul.useServiceIcLi li {
line-height: 1.4em;
float: left;
margin: 0 0 2px;
text-indent: -16px;
padding: 0 0 0 16px;
width: 293px;
}

.orange_leftBox ul.useServiceIcLi img {
margin:0 4px 0 0;
vertical-align:middle;
}

.clfix{*zoom:1;}.clfix:after{content:"";display:block;clear:both;}