@charset "UTF-8";

img{
	vertical-align:bottom;
	}	


div#mainContents{
	background:url(../rpage/images/main-back.gif) repeat-y;
	padding:0 0 13px 0;
	}


#contentBox{
	background:#960c24;
	margin:0;
	padding:13px 0 0 0 ;
	}
.contentFooter{
	clear:both;
	display: block;
	width: 714px;
	height: 13px;
	overflow: hidden;
	}
.entry{
	width:688px;
	margin:0 auto;
	}		
h3{
	display: block;
	width: 688px;
	height: 159px;
	overflow: hidden;
	text-indent: -10000em;
	background:url(../images/campaign2.jpg) no-repeat;
	}
.annotation{
	font-size:75%;
	text-align:right;
	margin:0 0 5px 0;
	color:#FFF;
	}
div#campaignInfo{
	background:url(../rpage/images/info-back.gif) repeat-y;
	border-bottom:solid 1px #9d9d9d;
	margin:0;
	}
	
h4{
	display: block;
	width: 688px;
	height: 39px;
	overflow: hidden;
	text-indent: -10000em;
	background:url(../rpage/images/h4title.jpg) no-repeat;
	}






div#infoInner{
	padding:13px;
	overflow: hidden;
	}
	
#infoInner:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*\*/
* html #infoInner {
    height: 1em;
    overflow: visible;
}
/**/





	
div#rakutenSuper{
	background:#e3e1d9;
	width:444px;
	margin:13px 0 0 0;
	float:left;
	height:160px;
	}
	
#superInner{
	padding:10px 0 13px 13px;
	}
	
#noBotan a{
	display: block;
	width: 170px;
	height: 53px;
	overflow: hidden;
	text-indent: -10000em;
	background:url(../rpage/images/link01.jpg) 0 0 no-repeat;
	float:left;
	}
#noBotan a:hover{
	background:url(../rpage/images/link01.jpg) 0 -53px no-repeat;
	}
#arrow{
	width:17px;
	float:left;
	padding:17px 10px;
	}
#inputBox{
	width:211px;
	float:left;
	margin:7px 0 0 0;
	}
#inputBox input{
	margin:3px 0 0 0;
	}
#item{
	margin:10px 0;
	}
.Method{
	line-height:1.3;
	padding-top:10px;
	}
div#procedure{
	width:206px;
	background:#e3e1d9;
	margin:13px 0 0 0;
	float:right;
	height:160px;
	}
div#procedureInner{
	padding:10px 0 13px 13px;
	}
#account a{
	display: block;
	width: 181px;
	height: 85px;
	overflow: hidden;
	text-indent: -10000em;
	background:url(../rpage/images/link02.jpg) 0 0 no-repeat;
	margin:10px 0 0 0;
	}
#account a:hover{
	background:url(../rpage/images/link02.jpg) 0 -85px no-repeat;
	}

	
.box{
	width:714px;
	background:url(../rpage/images/boxhead.gif) 0 0 no-repeat #fff;
	margin:13px 0 0 23px;
	}
#rateTable{
	background:#fff;
	border:solid 2px #df8d03;
	font-size:87%;
	margin:13px 0 0px 13px;
}
#rateTitle{
	background:#df8d03;
	width:684px;
	margin:0;
	padding:0;
	}

.leftOrange{
	border-left:solid 2px #df8d03;
	}
.leftOrange,.flag{
	padding:0 0 0 2px;
	}
.glayBack{
	background:#f4f2e5;
	border-bottom:solid 1px #df8d03;
	text-align:center;
	}
.leftDot{
	border-left:dotted 1px #666;
	}
.no{
	text-align:right;
	}
#rateTable img{
	margin:0 5px 0 0;
	}
#rateTitle img{
	margin:0;
	padding:0;
	}	
#menu{
	margin:0 13px;;
	}
.menu01 a{
	display: block;
	width: 230px;
	height: 54px;
	overflow: hidden;
	text-indent: -10000em;
	background:url(../rpage/images/ran-menu.jpg) 0 0 no-repeat;
	}
.menu01 a:hover{
	background:url(../rpage/images/ran-menu.jpg) 0 -54px no-repeat;
	}
.menu02 a{
	display: block;
	width: 229px;
	height: 54px;
	overflow: hidden;
	text-indent: -10000em;
	background:url(../rpage/images/ran-menu.jpg) -230px 0 no-repeat;
	}
.menu02 a:hover{
	background:url(../rpage/images/ran-menu.jpg) -230px -54px no-repeat;
	}
.menu03 a{
	display: block;
	width: 229px;
	height: 54px;
	overflow: hidden;
	text-indent: -10000em;
	background:url(../rpage/images/ran-menu.jpg) -459px 0 no-repeat;
	}
.menu03 a:hover{
	background:url(../rpage/images/ran-menu.jpg) -459px -54px no-repeat;
	}
.menu01,.menu02,.menu03{
	float:left;
	margin:13px 0 0px 0;
	}
.melit01,.melit02,.melit03{
	margin:20px 0 0 13px;
	}
.melitBox{
	margin:0 0 0 13px;
	width:688px;
	}		
.mPoint01,.mPoint02{
	width:334px;
	height:370px;
	background:url(../rpage/images/melit-back.gif) 0 0 repeat-y;
	border-bottom:solid 1px #b71563;
	margin:15px 0 0 0;
	}
.mPoint03,.mPoint04{
	width:334px;
	height:460px;
	background:url(../rpage/images/melit-back.gif) 0 0 repeat-y;
	border-bottom:solid 1px #b71563;
	margin:15px 0 0 0;
	}	
	
.mPoint01 p,.mPoint02 p,.mPoint03 p,.mPoint04 p,.mtool01 p,.mtool02 p,.mtool03 p{
	margin:10px;
	}
.small{
	font-size:75%;
	}
.mPoint01,.mPoint03{
	float:left;
	}
.mPoint02,.mPoint04{
	float:right;
	}
.goTop{
	text-align:right;
	margin:0 13px;
	padding:5px 0;
	}
.mTool01,.mTool02,.mTool03{
	width:215px;
	margin:15px 0 0 0;
	float:left;
	}
.mTool01,.mTool02{
	padding:0 21px 0 0;
	}
.mToolInner{
	border-bottom:solid 1px #cd5f8b;
	background:url(../rpage/images/melit-back2.gif) 0 0 repeat-y;	
	height:280px;	
	}
	
.mFlow01,.mFlow02,.mFlow03,.mFlow04,.mFlow05{
	width:130px;
	margin:15px 0 0 0;
	float:left;
	}
.mFlowInner{
	height:290px;
	background:url(../rpage/images/flow-back02.gif) 0 100% no-repeat;	
	}	
.mFlow02,.mFlow03,.mFlow04,.mFlow05{
	padding:0 0 0 9px;
	}
.mFlow01 p,.mFlow02 p,.mFlow03 p,.mFlow04 p,.mFlow05 p{
	width:110px;
	margin:10px 0 0 15px;
	}
	
.explanation{
	padding:13px 13px 10px 13px;
	}
.e-title{
	font-size:110%;
	color:#ba2969;
	font-weight:bold;
	margin:15px 0 5px 0;
	}
.e-title02{
	background:#e3e1d9;
	margin:5px 0;
	display: block;
	padding:5px;
	font-weight:bold;
	}
.explanation ul li{
	margin:0 0 0 13px;
	}
	
.lisk{
	padding:13px 13px 10px 13px;
	}
.liskTitle{
	font-size:110%;
	color:#ba2969;
	font-weight:bold;
	margin:0 0 5px;
	}


/*  randing page
-----------------------------------*/

.rp_top_directions_raku{
	width:322px;
	height:25;
	position:absolute;
	left: 411px;
	top: 266px;
	font-size: 10px;
	line-height: 1.1em;
	letter-spacing: 0.1em;
}

.rp_top_btn{
	width:333px;
	height:55px;
	position:absolute;
	left: 395px;
	top: 317px;
}

.rp_top_btn01 a {
	height:91px;
	width:100px;
	overflow:hidden;
	position:absolute;
	text-indent: -9999px;
	left: 404px;
	top: 186px;
}

.rp_top_btn01 a:hover, .rp_top_btn01 a:active {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../rpage/images/rp_top_btn01raku_on.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
.rp_top_btn02 a {
	height:91px;
	width:100px;
	overflow:hidden;
	position:absolute;
	text-indent: -9999px;
	left: 520px;
	top: 186px;
}

.rp_top_btn02 a:hover, .rp_top_btn02 a:active {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../rpage/images/rp_top_btn02on.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
.rp_top_btn03 a {
	height:91px;
	width:100px;
	overflow:hidden;
	position:absolute;
	text-indent: -9999px;
	left: 636px;
	top: 186px;
}

.rp_top_btn03 a:hover, .rp_top_btn03 a:active {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../rpage/images/rp_top_btn03on.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
	

#tieup_header {
	width:792px;
	margin:0 auto;
}

#tieup_header_box {
	position:relative;
	top:0;
	left:0;
}

#tieup_header #tieup_btn {
	background-color:transparent;
	position:absolute;
	top:145px;
	right:45px;
}

#tieup_header #flow_link {
	background-color:transparent;
	position:absolute;
	top:236px;
	right:58px;
}

#tieup_header #flow_link a:link {
	color:#ffffff;
	text-decoration:underline;
}

#tieup_header #flow_link a:visited {
	color:#ffffff;
	text-decoration:underline;
}

#tieup_header #flow_link a:hover {
	color:#ffffff;
	text-decoration:none;
}

.offmt           {width:675px; margin:24px auto 40px auto;}
.offbox          {float:left;width:349px;padding:10px;position:relative;}
.offbdr          {border-left:#c0c0c0 2px solid;}
.offbox p        {position:absolute; left: 23px; top: 63px; width: 321px; height: 79px;}

.artbox       {width:600px;margin:20px auto 0 auto; background:#ffffe5; border:1px solid #c0c0c0; padding:20px 8px 20px 15px;}
.artbox ul li {list-style-type:disc;font-size:12px;line-height:1.3em;}
.artbox ul    {padding-left:10px; padding-top:15px;}

.clr{clear:both;}

.entry_btn {
	padding-top:20px;
	text-align:center;
}