/* CSS Document */



@charset "utf-8"



html {
	overflow-y:scroll;
}


body {
    margin:0px;
    padding:0px;
	font-size:12px;
	line-height:17px;
	color:#636363;
	

	
	
}

a:link {
	
	text-decoration:underline;
	color:#00f;
	
}


a:visited {
	
	text-decoration:underline;
	color:#309;
	
}


a:hover {
	
	text-decoration:underline;
	color:#00f;
}



img{
	border:none;
}

img a:link{
		border:none;
}



img a:visited{
		border:none;
}

img a:hover{
		border:none;
}


.red{
	color:#ff0000;
	font-size:10px;
}

.clear{
	clear:both;
	
}

	
	
#content{
	width:100%;
	
}

#main{
	width:920px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
}

#main_under{
	width:920px;
	margin-top:10px;
}		


/* header */
				
#header{
	width:100%;
	height:90px;
	background:url(../image/real/head_bg.jpg) repeat-x;
}


#head_box{
	width:920px;
	height:90px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	
}

#logo{
	width:240px;
	height:55px;
	position:absolute;
	top:18px;
	left:0px;
}

h1.header_text{
	width:550px;
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:12px;
	color:#666;
	text-align:right;
	line-height:18px;
	height:18px;
	position:absolute;
	top:57px;
	left:0;
}

ul.head_menu{
	width:350px;
	margin:0;
	padding:0;
	color:#636363;
	position:absolute;
	top:57px;
	right:0px;
}

li.head_li01{
	width:72px;
	float:right;
	display:inline;
	border-left:1px solid #666;
	padding-left:25px;
	background:url(../image/real/faq_icon.jpg) 10% center no-repeat;
}	

li.head_li02{
	width:72px;
	float:right;
	display:inline;
	border-left:1px solid #333;
	padding-left:25px;
	background:url(../image/real/regist_icon.jpg) 10% center no-repeat;
}				

li.head_li03{
	width:87px;
	float:right;
	display:inline;
	border-left:1px solid #333;
	padding-left:30px;
	background:url(../image/real/login_icon.jpg) 10% center no-repeat;
}

/* menu */

#menu_box_real{
	width:920px;
	border-bottom:10px solid #98cb02;
	

}


#menu_btn01{
	width:134px;
	height:45px;
	float:left;
	display:inline;
}	

#menu_btn02{
	width:202px;
	height:45px;
	float:left;
	display:inline;
	margin-left:3px;
}	


#menu_btn03{
	width:135px;
	height:45px;
	float:left;
	display:inline;
	margin-left:3px;
}	

#menu_btn04{
	width:164px;
	height:45px;
	float:left;
	display:inline;
	margin-left:3px;
}	


#menu_btn05{
	width:134px;
	height:45px;
	float:left;
	display:inline;
	margin-left:3px;
}	

#menu_btn06{
	width:137px;
	height:45px;
	float:left;
	display:inline;
	margin-left:2px;
}


/* menu net */


#menu_box_net{
	width:920px;
	border-bottom:10px solid #fc8c02;
	margin-top:10px;

}


#menu_btn07{
	width:101px;
	height:45px;
	float:left;
	display:inline;
}	

#menu_btn08{
	width:158px;
	height:45px;
	float:left;
	display:inline;
	margin-left:3px;
}	


#menu_btn09{
	width:105px;
	height:45px;
	float:left;
	display:inline;
	margin-left:3px;
}	

#menu_btn10{
	width:177px;
	height:45px;
	float:left;
	display:inline;
	margin-left:3px;
}	


#menu_btn11{
	width:126px;
	height:45px;
	float:left;
	display:inline;
	margin-left:3px;
}	

#menu_btn12{
	width:96px;
	height:45px;
	float:left;
	display:inline;
	margin-left:2px;
}	

#menu_btn13{
	width:140px;
	height:45px;
	float:left;
	display:inline;
	margin-left:2px;
}	










	

#assist_box{
	width:890px;
	line-height:30px;
	height:30px;
	background:url(../image/real/assist_icon.jpg) 1% center no-repeat #cccabd;
	padding-left:30px;
	color:#fff;
	position:relative;
	
}


	

#assist_menu{
	width:396px;
	height:21px;
	background:url(../image/real/menu_bg_grey.jpg) no-repeat;
	position:absolute;
	top:4px;
	margin:0;
	padding:0;
	line-height:21px;
	font-size:11px;
	text-align:center;
	right:4px;
}


*html body div#assist_menu{
	width:396px;
	height:21px;
	background:url(../image/real/menu_bg_grey.jpg) no-repeat;
	position:absolute;
	top:4px;
	right:4px;
	line-height:21px;
	font-size:10px;
	text-align:center;
	
}


#content_bar{
	width:535px;
	height:36px;
}	








#assist_menu img{
	display:inline;
	margin-left:5px;
}		



/* menu */
	


/* content */		


#main_center{
	width:535px;
	float:left;
	display:inline;
	margin-left:6px;
}	
	





/* left */

#left_box{
	width:194px;
	float:left;
	display:inline;
	padding-bottom:100px;
}

#left_up{
	width:186px;
	padding:4px;
	background:#f2f3eb;	
	
}

#left_menu01{
	width:186px;
	
	background:#fff;
}	

#bigginer_top{
	width:186px;
	height:20px;
}

#whats_logo01{
	width:176px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:5px;
	margin-right:5px;
}			

#whats_logo02{
	width:176px;
	text-align:center;
	margin-left:5px;
	margin-right:5px;
	
}

#rule_banner{
	width:154px;
	height:20px;
	line-height:20px;
	border-bottom:1px dotted #ccc;
	background:url(../image/real/arrow_02.jpg) left center no-repeat;
	padding-left:22px;
	font-size:13px;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;			
}

#faq_banner{
	width:154px;
	height:20px;
	font-size:13px;
	line-height:20px;
	background:url(../image/real/arrow_02.jpg) left center no-repeat;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	padding-left:22px;		
}	

.faq_link{
	width:144px;
	margin-left:27px;
	background:url(../image/real/arrow_03.jpg) left center no-repeat;
	padding-left:10px;
	height:16px;
	line-height:16px;
	font-size:11px;
}	
	
	
#irai_banner{
	width:180px;
	padding:2px;
	border:1px solid #ccc;
	margin-top:8px;
}	


#mobile_box{
	width:174px;
	border:1px solid #ccc;
	padding:5px;
	margin-top:5px;
}	
		
		
#mobile_logo{
	width:174px;
	text-align:center;
	border-bottom:2px dotted #ff8b74;
	padding-bottom:5px;
}

#qr_box{
	width:174px;
	height:66px;
	padding-top:5px;
	padding-bottom:5px;
}

#qr_text{
	width:108px;
	float:left;
	display:inline;
	line-height:14px;
	height:66px;
	font-size:11px;
}

#qr_img{
	width:66px;
	height:66px;
	float:left;
	display:inline;
}



.pickup_name_net{
	width:176px;
	margin-top:5px;
	color:#98cb02;
}


#pickup_top_net{
	width:194px;
	background:#98cb02;
	line-height:20px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	height:20px;
	text-align:center;
}					
	
	
#pickup_top{
	width:194px;
	background:#ffb402;
	line-height:20px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	height:20px;
	text-align:center;
}

#pickup_text{
	width:186px;
	padding:4px;
	background:#fff;

}

.pickup_shop{
	width:176px;
	padding:4px;
	border:1px solid #ccc;
	background:#fff;
	margin-top:5px;
}

.pickup_img{
	width:176px;
	height:132px;
}

.pickup_name{
	width:176px;
	margin-top:5px;
	color:#ffb402;
}

.pick_shop_text{
	width:176px;
	line-height:16px;
}							
	
/* right */

#right_box{
	width:170px;
	padding-left:5px;
	padding-right:5px;
	background:#f2f3eb;
	padding-top:5px;
	padding-bottom:100px;
	margin-left:5px;
	float:left;
	display:inline;
}


*html body div#right_box{
	width:170px;
	padding-left:5px;
	padding-right:5px;
	background:#f2f3eb;
	padding-top:5px;
	padding-bottom:50px;
	margin-left:2px;
	float:left;
	display:inline;
}


#net_banner{
	width:170px;
	text-align:center;
	height:36px;
}

#usr_name{
	width:165px;
	background:#bab8a6;
	color:#fff;
	height:20px;
	padding-left:5px;
	line-height:20px;
	margin-top:10px;
}

#btn_box_right{
	width:166px;
	background:#fff;
	padding-top:3px;
	padding-bottom:3px;
	margin-left:2px;
	margin-right:2px;
}		
		
.btn_right01{
	width:160px;
	margin-left:3px;
	margin-right:3px;
	margin-top:5px;
}			
	

.btn_right02{
	width:160px;
	margin-left:3px;
	margin-right:3px;
	margin-top:3px;
}

.forget_pass{
	width:140px;
	padding-left:20px;
	background:url(../image/real/aroow_04.jpg) left center no-repeat;
	line-height:18px;
	font-size:10px;
	margin-top:3px;
}	

.banner_box{
	width:164px;
	padding:2px;
	border:1px solid #ccc;
	margin-top:10px;
}	


#ranking_banner{
	width:170px;
	height:35px;
	margin-top:10px;
}

.ranking_box_r{
	width:168px;
	border-left:1px solid #98cb02;
	border-right:1px solid #98cb02;
	border-bottom:1px solid #98cb02;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;
}	
			
	
.ranking_box_n{
	width:168px;
	border:1px solid #ffb402;
	
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;
}	
	

#real_rank{
	width:168px;
	text-align:center;
	height:22px;
}

table.rank{
	width:160px;
	border:none;
	margin-top:5px;
	margin-left:4px;
	margin-right:4px;
}

tr.rank_tr{
	width:160px;	
}

td.ranktd_l{
	width:26px;
	height:30px;
}

td.ranktd_r{
	width:130px;
	vertical-align:bottom;
	padding-left:4px;
}

.rank_shop{
	width:160px;
	margin-left:4px;
	margin-right:4px;
	padding-bottom:4px;
	border-bottom:1px dotted #ccc;
}	


.rank_img{
	width:80px;
	float:left;
	display:inline;
	height:60px;
}



.rank_text{
	width:77px;
	float:left;
	display:inline;
	margin-left:3px;
	font-size:11px;
	line-height:15px;			

}

	
/* footer */


#page_top_box{
	width:100%;
	height:15px;
	margin-top:30px;
}	


#page_top{
	width:530px;
	height:15px;
	text-align:right;
	padding-right:5px;
	margin-left:auto;
	margin-right:auto;
	
}	





#footer{
	width:100%;
		margin-top:10px;
	border-top:1px solid #ccc;
	height:50px;
}


#foot_box{
	width:920px;
	margin-left:auto;
	margin-right:auto;
	
}

#foot_menu{
	width:920px;
	text-align:right;
	line-height:30px;
}

#foot_menu img{
	display:inline;
}	 

#foot_copy{
	width:920px;
	height:20px;
	line-height:20px;
	text-align:right;
	font-size:10px;
	color:#666;
}

#error_box{
	color:#f00;
	font-size:12px;
	width:385px;
	background:#fffeee;
	text-align:left;
	padding-left:150px;
	line-height:17px;
	margin-top:10px;
}

.regist_btn_box{
	width:535px;
	height:42px;
	text-align:center;
	margin-top:15px;
}