@charset "Shift_JIS";


/*右カラム共通CSS
----------------------------------------------------------*/
#r_column{
float:right;
width:300px;
}
#r_column #bnr_bp1,
#r_column #bnr_bp2,
#r_column #bnr220{
width:300px;
margin-bottom:15px;
}
#r_column #personal_box1_hd{
width:220px;
margin:0 0 15px 0;
padding:12px 0 0 0;
background:url(/ec/img/personal/personal_box1_hd.png) no-repeat 0 0;
}
#r_column #personal_box1_bd1{
width:220px;
}
#r_column #personal_box1_bd2{
width:220px;
background:url(/ec/img/personal/personal_box1_bg.png) repeat-y 0 0;
}
#r_column #personal_box1_ft{
width:220px;
padding:0 0 12px 0;
background:url(/ec/img/personal/personal_box1_ft.png) no-repeat 0 bottom;
}
#r_column #personal_data{
width:190px;
padding:3px 0 3px 15px;
}
#r_column #personal_data p{
font-size:65%;
color:#345;
line-height:140%;
margin:0;
padding:0;
}
#r_column #personal_data p span{
font-size:120%;
color:#FF6800;
font-weight:bold;
}
#r_column #personal_data p.day{
font-size:73%;
color:#345;
margin:0 0 3px 0;
}
#r_column #personal_data #personal_point{
width:190px;
min-height:40px;
_height:56px;
background:#FFF url(/ec/img/personal/personal_coin.gif) 0 0 no-repeat;
margin:10px 0 0 0;
padding:8px 0 5px 0;
}
#r_column #personal_data #personal_point p{
font-size:73%;
color:#345;
padding-left:58px;
line-height:180%;
font-weight:bold;
}
#r_column #personal_data #personal_point p span{
font-size:180%;
font-weight:bold;
}


#r_column #personal_box_hd2{
width:190px;
margin:10px 0 0 0;
background:url(/ec/img/personal/personal_box_hd2.gif) no-repeat 0 top;
padding-top:5px;
}
#r_column #personal_box_ft2{
width:190px;
padding:0 0 5px 0;
background:url(/ec/img/personal/personal_box_ft2.gif) no-repeat 0 bottom;
}


#r_column #personal_data #personal_ul1{
width:190px;
font-size:75%;
margin-bottom: 10px;
}
#r_column #personal_data #personal_ul1 li.personal_btn{
margin:10px 0 0 0;
}
#r_column #personal_data #personal_ul1 li.personal_sp{
margin:8px 0 0 0;
padding:0 0 5px 20px;
background:url(/ec/img/personal/personal_question.gif) 0 0 no-repeat;
}
#r_column #personal_data #personal_ul2{
width:190px;
font-size:73%;
margin:0 0 0 0;
}

#r_column #personal_data #personal_ul2 a,
#r_column #personal_data #personal_ul3 a,
#r_column #personal_data #personal_ul4 a{
color:#888;
}
#r_column #personal_data #personal_ul2 a:hover,
#r_column #personal_data #personal_ul3 a:hover,
#r_column #personal_data #personal_ul4 a:hover{
color:#555;
}
#r_column #personal_data #personal_ul2{
background:#f5f2e4;
padding:5px 0;
}
#r_column #personal_data #personal_ul2 li{
padding:0 0 0 10px;
}
#r_column #personal_data #personal_ul3{
width:190px;
font-size:73%;
background:#f5f2e4 url(/ec/img/personal/personal_line2.gif) 0 0 no-repeat;
padding:10px 0 0 0;
}
#r_column #personal_data #personal_ul3 li{
padding:0 0 0 10px;
}
#r_column #personal_data #personal_ul3:after{
display:block;
height:0px;
content:"";
clear:both;
}
*html #r_column #personal_data #personal_ul3{
height:0%;
}
#r_column #personal_data #personal_ul4{
width:190px;
font-size:73%;
background-color:#f5f2e4;
padding:0 0 5px 0;
}
#r_column #personal_data #personal_ul4 li{
padding:0 0 0 10px;
}
#r_column #personal_data #personal_ul4:after{
display:block;
height:0px;
content:"";
clear:both;
}
*html #r_column #personal_data #personal_ul4{
height:0%;
}

#r_column #personal_data #personal_ul2 li,
#r_column #personal_data #personal_ul3 li,
#r_column #personal_data #personal_ul4 li{
line-height:160%;
}
#r_column #personal_data #personal_ul3 li,
#r_column #personal_data #personal_ul4 li{
float:left;
display:block;
}


#r_column #personal_data .each_btn {
 	width: 190px;
	margin: 8px auto 0 auto;	
}

#r_column #personal_data .each_btn:hover {
	cursor: pointer;
}

#r_column #personal_data .each_btn a {
	display: block;
}

	#r_column #personal_data .each_btn a img {
		width: 100%;
		height: auto;
	}

#r_column #personal_data #stamp_page {
	margin-top: 10px;
}





















#r_column #campaign_box{
width:220px;
}
#r_column #campaign_box ul li p{
line-height:1.3;
}
#r_column #campaign_box ul li p.p1{
text-align:center;
font-size:73%;
margin:3px 0 0 0;
}
#r_column #campaign_box ul li p.p1 span{
background:url(/ec/img/mypage/ico_win.gif) no-repeat right center;
padding:0 15px 1px 0;
}
#r_column #campaign_box ul li p.p2{
font-size:65%;
color:#667788;
text-indent:-1em;
padding:0 0 0 1em;
}
#r_column #campaign_box ul li p.p2 span{
color:#FF0000;
}

#r_column #tameru_box_hd,
#r_column #tameru_box_bd{
width:220px;
}
#r_column #tameru_box_bd2{
width:220px;
background:url(/ec/img/personal/tameru_bg.png) repeat-y;
}
#r_column #tameru_box_ft{
width:220px;
padding:0 0 5px 0;
background:url(/ec/img/personal/tameru_ft.png) bottom no-repeat;
}
#r_column #tameru_box_ft h3{
margin:0;
padding:0;
}
#r_column #tameru_box_bd2 #tameru_inner{
width:190px;
margin:0 0 0 15px;
padding:10px 0 10px 0;
background:#FFF;
}
#r_column #tameru_box_bd2 #tameru_inner p{
color:#678;
}
#r_column #tameru_box_bd2 #tameru_inner #tameru_game{
}
#r_column #tameru_box_bd2 #tameru_inner #tameru_game ul{
margin:3px 0 0 0;
}
#r_column #tameru_box_bd2 #tameru_inner #tameru_game table{
border-collapse:collapse;
}
#r_column #tameru_box_bd2 #tameru_inner #tameru_game td{
padding:0 6px 8px 0;
line-height:1.3;
vertical-align:top;
}
#r_column #tameru_box_bd2 #tameru_inner #tameru_game td ul{
font-size:75%;
margin:0;
padding:0;
}
#r_column #tameru_box_bd2 #tameru_inner #tameru_game td li{
margin:0;
padding:0;
}
#r_column #tameru_box_bd2 #tameru_inner #tameru_game td p{
font-size:65%;
line-height:130%;
margin:0;
padding:0;
}
#r_column #tameru_box_bd2 #tameru_inner #tameru_mm{
margin:8px 0 0 0;
padding:8px 0 0 0;
background:url(/ec/img/personal/tameru_line.gif) 0 0 no-repeat;
}
#r_column #tameru_box_bd2 #tameru_inner #tameru_mm p{
font-size:75%;
margin:0;
padding:0;
}
#r_column #tameru_box_bd2 #tameru_inner #tameru_mm ul{
margin:5px 0 0 0;
}

#r_column #loginForm{
width:220px;
padding:0 0 15px 0;
}
#r_column #loginForm h3{
margin:0;
}
#r_column #loginForm iframe{
width:220px;
height:340px;
margin:-3px 0 0 0;
padding:0;
}












/* #coupon_side_bnr
============================================================ */
#coupon_side_bnr a:hover img{
opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";
}

	#coupon_side_bnr ul {
		position: relative;
		width: 220px;
		height: 225px;
	}	

	#coupon_side_bnr ul li.coupon_side_bnrs {
		position: absolute;
		top: 0;
		left: 0;
		padding: 60px 10px 15px 10px;
		width: 200px;
		height: 150px;
		background: url(/ec/coupon2013/img/bg_coupon_side_bnrs.png) left top no-repeat;
		background-size: 220px 225px;
	}		

		#coupon_side_bnr ul li.coupon_side_bnrs img {
			width: 200px;
			height: 150px;
			display: block;
	   }
	
		#coupon_side_bnr ul li#coupon_side_bnr1 { z-index: 15; }
		#coupon_side_bnr ul li#coupon_side_bnr2 { z-index: 14; display: none; }	
		#coupon_side_bnr ul li#coupon_side_bnr3 { z-index: 13; display: none; }	
		#coupon_side_bnr ul li#coupon_side_bnr4 { z-index: 12; display: none; }	


/* #coupon_side_box
============================================================ */
#coupon_side_box{
margin-top:15px;
width:220px;
background:url(/ec/img/coupon/side_bg.png) no-repeat 0 0 #fff;
background-size:100%;
border-radius:5px;
border:1px solid #e6e5ea;
}

#coupon_side_box h3{
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
height:65px;
}

#coupon_side_box ul li{
text-align:center;
}

#coupon_side_box ul li:nth-child(3){
display: none;
}

#coupon_side_box ul li dl{
display:table;
width:192px;
margin:3px auto;
}

#coupon_side_box ul li dl dt,
#coupon_side_box ul li dl dd{
display:table-cell;
vertical-align:middle;
text-align:left;
}

#coupon_side_box ul li dl dt{
width:70px;
font-size:0;
line-height:0;
}

#coupon_side_box ul li a:hover dl dt img{
opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";
}

#coupon_side_box ul li dl dd{
font-size:14px;
line-height:140%;
}

#coupon_side_box p.to_coupon a{
margin:10px auto;
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
width:200px;
height:54px;
background:url(/ec/img/coupon/side_to_coupon.png) no-repeat 0 0;
}

#coupon_side_box p.to_coupon a:hover{
opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";
}



/* #coupon_side_box
============================================================ */
#swe_side_bnr{
margin-top:15px;
}