@import "./common.css";

h1{
background : transparent url(../img/mypage/chara.jpg) no-repeat 655px 1px;
}

h2{
margin-bottom : 20px;
}

div.article{
padding : 0 0 40px;
}

a img{
	border-style: none;
}

p#personalInfo{
margin-bottom : 5px;
height:32px;
background : #3832AE url(../img/mypage/bg_personal.jpg) no-repeat left top;
}
p#personalInfoOirc{
margin-bottom : 5px;
height:32px;
background : #3832AE url(../img/mypage/bg_personal.jpg) no-repeat left top;
}
p#personalInfoEntrant{
margin-bottom : 5px;
height:32px;
background : #00CED1 url(../img/mypage/bg_personal_entrant.jpg) no-repeat left top;
}
p#personalInfoSupporter{
margin-bottom : 5px;
height:32px;
background : #3832AE url(../img/mypage/bg_personal.jpg) no-repeat left top;
}
p#personalInfo_4v{
margin-bottom : 5px;
height:32px;
background : #3832AE url(../img/mypage_4v/bg_personal.gif) no-repeat left top;
}
p#personalInfo_pw{
margin-bottom : 5px;
height:32px;
background : #3832AE url(../img/mypage_pw/bg_personal.gif) no-repeat left top;
}
ul#editInfo{
margin-top : 0;
margin-bottom : 20px;
text-align : right;
}

ul#editInfo li{
display : inline;
margin-left : 10px;
}

div#soukou{
float : left;
width : 367px;
}

div#cancell{
float : right;
width : 367px;
}

p.changeDisplay{
margin-bottom : 0;
padding-right : 10px;
text-align : right;
}

p.mypage{
margin-top : 10px;
text-align : center;
}

button.formImgBtn{
margin : 0;
border : 0;
padding : 0;
width:100px;
height : 20px;
text-align : center;
vertical-align : top;
background : transparent no-repeat left top;
cursor : pointer;
}

	button.formImgBtn img{
	visibility : hidden;
	}

	button.confirm{
	background-image : url(../img/btn_confirm.gif);
	}
	
	button.set{
	background-image : url(../img/btn_set.gif);
	}
	
	button.back{
	background-image : url(../img/btn_back.gif);
	}
	
/* mypage*/
.information_list{
	border:none;
	width:100%;
	height : 200px;
}
	.information_list ul{
	 	list-style:circle;
		margin-left:10px;
	 }
	.information_list li{
	 	margin-bottom:5px;	
	}

/*------��table class��------*/

table.normal{
margin : 0 auto;
width : 760px;
}

div#soukou table.normal,
div#cancell table.normal{
width : 365px;
}
	
	table.normal td,
	table.normal th{
	border-top : 1px solid #DDD;
	border-bottom : 1px solid #FFF;
	font-size : 12px;
	letter-spacing:1px;
	}
	
	table.normal th{
	padding : 10px;
	background : #555;
	font-weight : normal;
	color : #FFF;
	}
	
	table.normal td{
	padding : 5px;
	}
	
	table.normal tr.odd td{
	background : #FFF;
	}
	
	table.normal tr.even td{
	background : #FAFAFA;
	}


/*マイページの走行タイム*/
table.run_time{
width : 750px;
}
table.my_race{
margin : 0 auto;
width : 760px;
}

div#soukou table.my_race,
div#cancell table.my_race{
width : 365px;
}
    
    table.my_race td,
    table.my_race th{
    border-top : 1px solid #DDD;
    font-size : 12px;
    letter-spacing:1px;
    }
    
    table.my_race th{
    padding : 10px;
    background : #555;
    font-weight : normal;
    color : #FFF;
    }
    table.my_race tr.odd td{
    background : #FFF;
    }
    
    table.my_race tr.even td{
    background : #F5F5F5;
    }

	table.run_time td,
	table.run_time th{
	text-align : center;
	font-size : 12px;
	}
	
	table.run_time th{
	background : #555;
	font-weight : normal;
	color : #FFF;
	}
	
	table.run_time td{
		padding : 0px;
	}
	



/*---------------------------*/

table.edit{
border-collapse : collapse;
margin : 0 auto;
width : 600px;
font-size : 12px;
}

	table.edit th,
	table.edit td{
	border : 1px solid #999;
	padding : 5px 10px;
	}

	table.edit th{
	background : #F0F0F0;
	text-align : left;
	font-weight : normal;
	}
	
	table.edit td{
	background : #FFF;
	}
	
	table.edit th.header{
	border : none;
	padding : 5px 0;
	background : none;
	font-size : 14px;
	font-weight : bold;
	color : #333;
	}
	
	table.edit th.hRow{
	width : 300px;
	}
	
	table.edit th.deep{
		background-color : #DDD;
	}
	
	table.edit td.submit{
	border : none;
	padding-top : 20px;
	text-align : center;
	background : #FFF;
	}
	
	#top{
	position: relative;
	width: 760px;
	height: 92px;
	}
	
	#header{
	padding: 20px 0 20px 20px;
	background: url(../img/mypage/chara.jpg) no-repeat 655px 1px;
	width: 760px;
	height: 52px;
	}
	
	#tutorials{
	position: absolute;
	background: url(../img/mypage/btn_tutorials.png) no-repeat;
	width: 146px;
	height: 85px;
	top: 2px;
	left: 500px;
	padding: 26px 0 0 24px;
	}

/*---------------------------*/

table.some{
margin-bottom : 20px;
}

/*------/��table class��------*/