*html body{

	color:#FFFFFF;}
	
	.error_txt{
	color:#FF0000;
	}

/* =====================================================================
*    wrapper
* =================================================================== */

#wrapper{
	margin:0 auto;
	text-align:left;
	width:900px;
	background:none;
	padding-top:10px;
	margin-bottom:40px;
	color:#FFFFFF;
}

/* =====================================================================
*    header
* =================================================================== */

#header{
	width:900px;
	position:relative;
	height:230px;
}

#header #kyoraku{

}

#header #user_name{
	text-align:right;
	color:#FFFFFF;
	margin-top:-20px;

}

#my_main{
	margin-top:13px;
	margin-left:2px;
	width:897px;
	height:204px;
	background:url(../images/my_main.jpg) no-repeat;
}


.back_btn{
	position:absolute;
	left:710px;
	top:130px;

}

.back_btn a{
	display:block;
	text-indent:-9999px;
	width:183px;
	height:106px;
	background:url(../images/back_btn.gif) no-repeat;
}

.back_btn a:hover{
	display:block;
	text-indent:-9999px;
	width:183px;
	height:106px;
	background:url(../images/back_btn.gif) 0 -106px no-repeat;
}



#header h1{
	text-indent:-9999px;
	width:343px;
	height:150px;
	background:url(../images/krm_logo.jpg) no-repeat;
	position:absolute;
	top:5px;
	left:311px;
}


#my_menu{
	width:887px;
	height:46px;
	margin-left:17px;
	margin-bottom:35px;
}

*html #my_menu{
	width:887px;
	
}

#my_menu li{
	float:left;
}

#my_menu li a{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	height:46px;
	margin-right:6px;
}

#my_menu li.on{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	height:46px;
	margin-right:6px;
}


#my_menu li#data a{ width:168px; background:url(../images/my_menu.jpg) no-repeat; }
#my_menu li#connect a{ width:168px; background:url(../images/my_menu.jpg) -174px 0 no-repeat; }
#my_menu li#yes_ranking a{ width:168px; background:url(../images/my_menu.jpg) -349px 0 no-repeat; }
#my_menu li#all_ranking a{ width:168px; background:url(../images/my_menu.jpg) -523px 0 no-repeat; }
#my_menu li#prof a{ width:168px; background:url(../images/my_menu.jpg) -697px 0 no-repeat; }

#my_menu li#data a:hover{ width:168px; background:url(../images/my_menu.jpg) 0 -48px no-repeat; }
#my_menu li#connect a:hover{ width:168px; background:url(../images/my_menu.jpg) -174px -48px no-repeat; }
#my_menu li#yes_ranking a:hover{ width:168px; background:url(../images/my_menu.jpg) -349px -48px no-repeat; }
#my_menu li#all_ranking a:hover{ width:168px; background:url(../images/my_menu.jpg) -523px -48px no-repeat; }
#my_menu li#prof a:hover{ width:168px; background:url(../images/my_menu.jpg) -697px -48px no-repeat; }

#my_menu li#data.on{ width:168px; background:url(../images/my_menu.jpg) 0 -48px no-repeat; }
#my_menu li#connect.on{ width:168px; background:url(../images/my_menu.jpg) -174px -48px no-repeat; }
#my_menu li#yes_ranking.on{ width:168px; background:url(../images/my_menu.jpg) -349px -48px no-repeat; }
#my_menu li#all_ranking.on{ width:168px; background:url(../images/my_menu.jpg) -523px -48px no-repeat; }
#my_menu li#prof.on{ width:168px; background:url(../images/my_menu.jpg) -697px -48px no-repeat; }











#data_title{
	margin-left:17px;
	width:855px;
	height:86px;
	background:url(../images/my_data_t.gif) no-repeat;
	margin-bottom:30px;
}


#uer_point{
margin-left:450px;
padding-top:12px;
	width:390px;
}

#uer_point_title{
	color:#FFFF00;
	font-size:16px;
	font-weight:bold;
}

#uer_point_txt{
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	color:#FFFFFF;
	font-size:10px;
	margin-bottom:5px;
}

#uer_point_point{
text-align:right;
	font-size:14px;
	font-weight:bold;
}

.login h2{
	clear:both;
	text-indent:-9999px;
	width:862px;
	height:33px;
	background:url(../images/my_login_t.gif) no-repeat;
	margin-left:15px;
	margin-bottom:25px;
}


#my_data #bp{
	clear:both;
	text-indent:-9999px;
	width:862px;
	height:33px;
	background:url(../images/my_data_t2.gif) no-repeat;
	margin-left:15px;
	margin-bottom:25px;
}

#my_data #dt{
	clear:both;
	text-indent:-9999px;
	width:862px;
	height:33px;
	background:url(../images/my_data_t3.gif) no-repeat;
	margin-left:15px;
	margin-bottom:25px;
}

#my_prof #prof{
	clear:both;
	text-indent:-9999px;
	width:862px;
	height:33px;
	background:url(../images/my_prof_t.gif) no-repeat;
	margin-left:15px;
	margin-bottom:25px;
}


#my_data table{
	width:476px;
	border:1px solid #FFFFFF;
	border-bottom:none;
	border-right:none;
	margin-bottom:15px;
}

#my_data table th{
	background:#3d3d3d;
	width:50%;
	padding:10px 0 10px 10px;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	text-align:center;
}

.data table th img{
	vertical-align:middle;
	margin-left:5px;
}

#my_data table td{
	background:#cbcbcb;

	padding:10px 0 10px 13px;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
		text-align:center;
}

*+html #my_data table th{
	background:#3d3d3d;
	height:15px;
	padding:10px 0 10px 10px;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	text-align:center;
}

*+html #my_data table td{
	background:#cbcbcb;
	height:15px;
	padding:10px 0 10px 13px;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
		text-align:center;
}

#my_data table td.red{
	background:#770000;
	color:#FFFFFF;
}

#my_data table td.black{
	color:#000000;
}

.program table td.black{
	color:#000000;
}

.data_image{
	text-align:center;
	float:left;
	width:380px;
}


/* =====================================================================
*    contents
* =================================================================== */




#content{
	clear:both;
	width:890px;
	margin-left:3px;
	margin-bottom:20px;

}

*html #content{
	clear:both;
	width:905px;

}

#my_top{
	text-indent:-9999px;
	width:898px;
	height:1px;
	background:url(../images/my_bottom.gif) no-repeat;
	margin:0;
	padding:0;
}

#content_in{
	clear:both;
	width:898px;
	background:url(../images/my_top.gif) repeat-y;
	padding:20px 0 25px 0;
	/*height:1000px;*/
}

#content_in2{
	clear:both;
	width:898px;
	background:url(../images/my_top.gif) repeat-y;
	padding:20px 0 25px 0;
	height:1000px;
}


*html #content_in{
	clear:both;
	width:898px;
	background:url(../images/my_top.gif) repeat-y;
	padding:20px 0 25px 0;
	margin-top:-17px;
}


*html #content_in2{
	clear:both;
	width:898px;
	background:url(../images/my_top.gif) repeat-y;
	padding:20px 0 25px 0;
	margin-top:-17px;
}

#my_bottom{
	text-indent:-9999px;
	width:898px;
	height:3px;
	background:url(../images/my_middle.gif) no-repeat;
		margin:0;
	padding:0;
}


.text{
	margin-left:20px;
	margin-bottom:40px;	
}

.text2{
	margin-left:20px;
	margin-bottom:10px;	
}


.login table{
	margin-left:85px;
	width:720px;
	border:1px solid #FFFFFF;
	border-bottom:none;
	margin-bottom:15px;
}

.login table th{
	width:200px;
	background:#3d3d3d;

	padding:10px 0 10px 10px;
	border-bottom:1px solid #FFFFFF;
}

.login table td{
	background:#cbcbcb;

	padding:10px 0 10px 13px;
	border-bottom:1px solid #FFFFFF;
}


#my_prof table{
	margin-left:85px;
	width:720px;
	border:1px solid #FFFFFF;
	border-bottom:none;
	margin-bottom:15px;
}

#my_prof table th{
	width:200px;
	background:#3d3d3d;
    color:#ffffff;
	padding:10px 0 10px 10px;
	border-bottom:1px solid #FFFFFF;
}

#my_prof table td{
	background:#cbcbcb;

	padding:10px 0 10px 13px;
	border-bottom:1px solid #FFFFFF;
	color:#000000;
}




.text_input{
	border:none;
	width:300px;
	height:20px;
}

.text_input2{
	border:none;
	width:150px;
	height:20px;
}

.text_input3{
	border:none;
	width:200px;
	height:20px;
}

.text_area{
	border:none;
	width:400px;
	height:120px;
}

#login_btn{
text-align:center;}



/* =====================================================================
*    main
* =================================================================== */

#main{
float:left;
margin-left:5px;
}

*html #main{
float:left;
margin-left:3px;
}

#cyclone{
	text-indent:-9999px;
	width:630px;
	height:184px;
	background:url(../images/c_bg1.gif) no-repeat;
	margin-bottom:35px;
}

#select{
margin-bottom:40px;

}

#select h2{
	text-indent:-9999px;
	width:630px;
	height:87px;
	background:url(../images/select_title.gif) no-repeat;
	margin-bottom:20px;
}

#select_left{
	float:left;
	width:310px;
	height:577px;
	background:url(../images/c_bg2.gif) no-repeat;
	position:relative;
}

#select_right{
	float:left;
	width:310px;
	height:577px;
	background:url(../images/c_bg3.gif) no-repeat;
	margin-left:10px;
	position:relative;
}

.dl_btn{
	position:absolute;
	left:17px;
	top:496px;

}

.dl_btn a{
	display:block;
	text-indent:-9999px;
	width:278px;
	height:68px;
	background:url(../images/dl_btn.jpg) no-repeat;
}

.dl_btn a:hover{
	display:block;
	text-indent:-9999px;
	width:278px;
	height:68px;
	background:url(../images/dl_btn.jpg) 0 -68px no-repeat;
}


#select_more{
	clear:both;
	text-indent:-9999px;
	width:630px;
	height:62px;
	background:url(../images/c_bg4.gif) no-repeat;
	margin-bottom:30px;
}

#detail_area{
	width:630px;
	height:204px;
	background:url(../images/c_bg5.gif) no-repeat;
	position:relative;
	margin-bottom:30px;
}

.detail_btn{
	position:absolute;
	left:157px;
	top:127px;

}

.detail_btn a{
	display:block;
	text-indent:-9999px;
	width:299px;
	height:68px;
	background:url(../images/detail_btn.jpg) no-repeat;
}

.detail_btn a:hover{
	display:block;
	text-indent:-9999px;
	width:299px;
	height:68px;
	background:url(../images/detail_btn.jpg) 0 -68px no-repeat;
}

.pagetop{
	text-align:right;
}

/* =====================================================================
*    side
* =================================================================== */

#side{
float:left;
}

#mypage{
margin-bottom:20px;
} 

#mypage a{
	display:block;
	text-indent:-9999px;
	width:250px;
	height:77px;
	background:url(../images/my_pagebtn.jpg) no-repeat;
}

#mypage a:hover{
	display:block;
	text-indent:-9999px;
	width:250px;
	height:77px;
	background:url(../images/my_pagebtn.jpg) 0 -77px no-repeat;
}


.banner{
	margin-bottom:10px;
	padding-bottom:10px;
}

#mobile_title{
margin-top:10px;
}

#mobile{
	margin-top:10px;
	width:240px;
	border:#a8a8a8 solid 5px;
	background:#FFFFFF;
	padding:10px 0;
}

.mobile_txt{
	width:210px;
	margin-left:15px;
	margin-top:10px;
}

#mobile_line{
	margin-top:15px;
	margin-bottom:15px;
}



/* =====================================================================
*    connect
* =================================================================== */
#connect_area{
	margin-left:20px;
	width:853px;
	height:570px;
	background:url(../images/my_connect_top3.gif) no-repeat;
	position:relative;
}



*+html #connect_area{
	margin-left:20px;
	width:853px;
	height:570px;
	background:url(../images/my_connect_top3.gif) no-repeat;
	position:relative;
}

#connect_area2{
	margin-left:20px;
	width:853px;
	height:650px;
	background:url(../images/my_connect_top3.gif) no-repeat;
	position:relative;
}

*html #connect_area2{
	margin-left:20px;
	width:853px;
	height:670px;
	background:url(../images/my_connect_top3.gif) no-repeat;
	position:relative;
}

*+html #connect_area2{
	margin-left:20px;
	width:853px;
	height:670px;
	background:url(../images/my_connect_top3.gif) no-repeat;
	position:relative;
}

#connect_area3{
	margin-left:20px;
	width:853px;
	height:810px;
	position:relative;
	background:url(../images/ranking_bg.gif) no-repeat;	
}

#connect_area4{
	margin-left:20px;
	width:853px;
	height:450px;
	background:url(../images/my_connect_top3.gif) no-repeat;
	position:relative;
}

#connect_area5{
	margin-left:20px;
	width:853px;
	height:370px;
	background:url(../images/my_connect_top3.gif) no-repeat;
	position:relative;
}


#connect_area_in{
	clear:both;
	width:853px;
	position:absolute;
	top:37px;
	left:-15px;	
	background:url(../images/my_connect_middle.gif) repeat-y;
	padding:25px 0 0 0;
}


#my_tab{
	width:460px;
	height:34px;
	margin-bottom:35px;
	position:absolute;
	top:144px;
	left:15px;
}

*html #my_tab{
	width:460px;
	
}

#my_tab li{
	float:left;
}

#my_tab li a{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	height:34px;
	margin-right:4px;
}

#my_tab li.on{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	height:34px;
	margin-right:4px;
}


#my_tab li#tab1 a{ width:143px; background:url(../images/my_tab.gif) no-repeat; }
#my_tab li#tab2 a{ width:143px; background:url(../images/my_tab.gif) -147px 0 no-repeat; }
#my_tab li#tab3 a{ width:143px; background:url(../images/my_tab.gif) -293px 0 no-repeat; }

#my_tab li#tab1 a:hover{ width:143px; background:url(../images/my_tab.gif) 0 -34px no-repeat; }
#my_tab li#tab2 a:hover{ width:143px; background:url(../images/my_tab.gif) -147px -34px no-repeat; }
#my_tab li#tab3 a:hover{ width:143px; background:url(../images/my_tab.gif) -293px -34px no-repeat; }


#my_tab li#tab1.on{ width:143px; background:url(../images/my_tab.gif) 0 -34px no-repeat; }
#my_tab li#tab2.on{ width:143px; background:url(../images/my_tab.gif) -147px -34px no-repeat; }
#my_tab li#tab3.on{ width:143px; background:url(../images/my_tab.gif) -293px -34px no-repeat; }





#my_tab2{

	height:34px;
	margin-bottom:35px;
	position:absolute;
	top:25px;
	left:15px;
}



#my_tab2 li{
	float:left;
}

#my_tab2 li a{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	height:34px;
	margin-right:4px;
}

#my_tab2 li.on{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	height:34px;
	margin-right:4px;
}


#my_tab2 li#tab1 a{ width:143px; background:url(../images/my_tab2.gif) no-repeat; }
#my_tab2 li#tab2 a{ width:187px; background:url(../images/my_tab2.gif) -147px 0 no-repeat; }


#my_tab2 li#tab1 a:hover{ width:143px; background:url(../images/my_tab2.gif) 0 -34px no-repeat; }
#my_tab2 li#tab2 a:hover{ width:187px; background:url(../images/my_tab2.gif) -147px -34px no-repeat; }



#my_tab2 li#tab1.on{ width:143px; background:url(../images/my_tab2.gif) 0 -34px no-repeat; }
#my_tab2 li#tab2.on{ width:187px; background:url(../images/my_tab2.gif) -147px -34px no-repeat; }








#connect_num{
	text-align:right;
	margin-top:-60px;
	margin-right:25px;
}

*html #connect_num{
	text-align:right;
	margin-top:-65px;
	margin-right:25px;
}

#connect_num strong{
	font-size:16px;
	color:#FFFF00;
	font-weight:bold;
}

#connect_title{
margin-top:25px;
margin-left:20px;
margin-bottom:20px;}


#cp_table_box{
height:205px;
overflow:auto;
width:820px;
}

.cp table{
	width:760px;
	border:1px solid #FFFFFF;
	border-bottom:none;
	border-right:none;
	margin-left:30px;

}

.cp table th{
	background:#3d3d3d;
	width:25%;
	padding:10px 0 10px 10px;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	text-align:center;
}

.cp table th.left{
	text-align:left;
}

.cp table td{
	background:#cbcbcb;
	width:25%;
	padding:10px 0 10px 13px;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
		text-align:center;
			color:#000000;
}

.cp table td.left{
	text-align:left;
}


.cp td.red{
	background:#770000;
	color:#FFFFFF;
}

*+html .cp table th{
	background:#3d3d3d;
	height:15px;
	padding:10px 0 10px 10px;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	text-align:center;
}

*+html .cp table td{
	background:#cbcbcb;
	height:15px;
	padding:10px 0 10px 13px;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
		text-align:center;
}


.program table{
	margin-left:85px;
	width:720px;
	border:1px solid #FFFFFF;
	border-bottom:none;
	margin-bottom:15px;
}

.program table th{
	width:200px;
	background:#3d3d3d;

	padding:10px 0 10px 10px;
	border-bottom:1px solid #FFFFFF;
}

.program table td{
	background:#cbcbcb;
    color:#000000;
	padding:10px 0 10px 13px;
	border-bottom:1px solid #FFFFFF;
}


#ranking_no1 table{
	margin-left:35px;
	margin-bottom:15px;
	width:500px;

}

#ranking_no1 table th{
	font-size:30px;
	font-weight:bold;
	color:#000000;
	height:42px;
	padding:10px 0 10px 10px;

}

#ranking_no1 table td{
	font-size:20px;
	height:42px;
	padding:10px 0 10px 13px;
	text-align:right;
		color:#000000;

}

#ranking_no1 table td strong{
	font-size:35px;
	font-weight:bold;
	color:#7a001c;
}



#ranking_no2 table{
	margin-left:65px;
	margin-bottom:15px;
	width:500px;

}




#ranking_no2 table th{
	font-size:20px;
	font-weight:bold;
	color:#000000;
	height:42px;
	padding:10px 0 10px 10px;

}

#ranking_no2 table td{
	font-size:15px;
	height:22px;
		font-weight:bold;
	padding:10px 15px 10px 13px;
	text-align:right;
		color:#000000;

}




:root #ranking_no2 table th{
	font-size:20px;
	font-weight:bold;
	color:#000000;
	height:62px;
	padding:10px 0 10px 10px;

}

:root #ranking_no2 table td{
	font-size:15px;
	height:62px;
		font-weight:bold;
	padding:10px 25px 10px 13px;
	text-align:right;
		color:#000000;

}

*html #ranking_no2 table th{
	font-size:20px;
	font-weight:bold;
	color:#000000;
	height:62px;
	padding:10px 0 10px 10px;

}

*html #ranking_no2 table td{
	font-size:15px;
	height:62px;
		font-weight:bold;
	padding:10px 25px 10px 13px;
	text-align:right;
		color:#000000;

}




*+html #ranking_no2 table th{
	font-size:20px;
	font-weight:bold;
	color:#000000;
	height:42px;
	padding:10px 0 10px 10px;

}

*+html #ranking_no2 table td{
	font-size:15px;
	height:42px;
		font-weight:bold;
	padding:10px 15px 10px 13px;
	text-align:right;
		color:#000000;

}

#ranking100 table{
	width:565px;
	border:1px solid #6c6c6c;
}


#ranking100 table th{
width:64px;
		color:#FFFFFF;
			border:1px solid #6c6c6c;
			background:#373737;
			text-align:center;
}

#ranking100 table td{


	padding:10px 25px 10px 13px;
		color:#FFFFFF;
			border:1px solid #6c6c6c;
			background:#373737;

}

#ranking100 table td.pointarea{
width:61px;
			text-align:center;
		color:#FFFFFF;
			border:1px solid #6c6c6c;
			background:#373737;

}




#ranking_no1{
margin-left:130px;
background:url(../images/no1.jpg) no-repeat;
width:598px;
height:82px;
margin-bottom:30px;
	padding-top:95px;
}

*html #ranking_no1{

width:598px;
height:177px;

}


#ranking_no2{
margin-left:145px;
background:url(../images/no2_3.jpg) no-repeat;
width:565px;
height:126px;
	padding-top:30px;

}

*html #ranking_no2{

height:156px;


}

#ranking100{
margin-left:145px;
overflow:auto;
width:582px;
height:300px;
margin-bottom:15px;


}

*html #ranking100{
margin-top:-14px;
}

.finish{
font-size:20px;
font-weight:bold;
}



/* =====================================================================
*    footer
* =================================================================== */

#footer{
	clear:both;
	width:100%;
	border-top:1px solid #cc1616;
}

#footer address{
	text-align:center;
	margin-top:20px;
	margin-bottom:30px;
	
}


#my_data table.worldRank{
width:200px;
padding:0;
margin:0;
height:0;
border:0;
}


*html #my_data table.worldRank{
width:100px;
padding:0;
margin:0;
height:0;
border:0;
}

*+html #my_data table.worldRank{
width:100px;
padding:0;
margin:0;
height:0;
border:0;
}


#my_data table.worldRank td{
border:0;
margin:0;
padding:0;
color:#000000;
}


#my_data table.worldRank td.count1{
width:40px;
text-align:right;

}

#my_data table.worldRank td.count2{
width:10px;
text-align:center;

}

#my_data table.worldRank td.count3{
width:40px;
text-align:left;

}


*html #my_data table.worldRank td.count1,*+html #my_data table.worldRank td.count1{
padding:0 5px;
text-align:right;

}

*html #my_data table.worldRank td.count2,*+html #my_data table.worldRank td.count2{
width:10px;
text-align:center;

}

*html #my_data table.worldRank td.count3,*+html #my_data table.worldRank td.count3{
width:40px;
text-align:left;
padding:0 5px;

}