* {
	outline: none;
}
#mileWrap {
	background-image: url(../images/bg.png);
	height: 355px;
	width: 279px;
	color: #FFF;
	padding-top: 20px;
	overflow: hidden;
}
#mileWrap h1 {
	line-height: 19px;
	background-image: url(../images/linerbg.png);
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
#card {
	height: 156px;
	width: 246px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	font-family: "Courier New", sansself;
	font-size: 12px;
	color: #D8D8D8;
	font-weight: bold;
}
.card0 {
	background-image: url(../images/card0.png);
}
.card1 {
	background-image: url(../images/card1.png);
}
.now {
	position: absolute;
	height: 15px;
	width: 100px;
	left: 57px;
	top: 76px;
}
.total {
	position: absolute;
	height: 12px;
	width: 142px;
	left: 57px;
	top: 90px;
}
.name {
	position: absolute;
	height: 12px;
	width: 91px;
	left: 8px;
	top: 131px;
}
.no {
	position: absolute;
	height: 12px;
	width: 70px;
	text-align: right;
	left: 101px;
	top: 131px;
}
.btnbox {
	width: 243px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 16px;
}
.btnbox h2 {
	text-align: center;
	height: 20px;
}
.btnbox ul li {
	float: left;
}
.lisns,.lisns a {
	height: 35px;
}
.li1,.li1 a {
	width: 122px;
}
.li2,.li2 a {
	width: 121px;
}
.libtn,.libtn a {
	height: 34px;
}
.li3,.li3 a {
	width: 81px;
}
.li4,.li4 a {
	width: 81px;
}
.li5,.li5 a {
	width: 81px;
}
#mileWrap h1 span {
	font-size: 11px;
}
.btnbox li a {
	background-position: center top;
	display:block;
}
.btnbox li a:hover {
	background-position: center bottom;
}
.li1 a {
	background-image: url(../images/btn_twitter.png);
}
.li2 a {
	background-image: url(../images/btn_facebook.png);
}
.li3 a {
	background-image: url(../images/btn_mile.png);
}
.li4 a {
	background-image: url(../images/btn_help.png);
}
.li5 a {
	background-image: url(../images/btn_logout.png);
}
.usemile {
	display: block;
	position: absolute;
	height: 20px;
	width: 76px;
	left: 8px;
	top: 110px;
}
.logout {
	display: block;
	position: absolute;
	height: 20px;
	width: 75px;
	left: 88px;
	top: 110px;
}
.startbox {
	width: 162px;
	padding-top: 1px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 60px;
	background-image: url(../images/line.png);
	background-repeat: repeat-x;
	background-position: center top;
}
.startbox li {
	height: 34px;
	width: 162px;
}
.startbox li a {
	display: block;
	height: 34px;
}
.startbox li a:hover {
	background-position: center bottom;
}
.start1 a {
	background-image: url(../images/btn_login.png);
}
.start2 a {
	background-image: url(../images/btn_regist.png);
}
.start3 a {
	background-image: url(../images/btn_about.png);
}
.head {
	height: 12px;
	position: relative;
}
.head img {
	position: absolute;
	left: 92px;
	top: -20px;
}
.loginbox {
	width: 162px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}
.registbox {
	width: 240px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}
.loginbox input {
	line-height: 20px;
	color: #FFF;
	background-color: #111111;
	height: 20px;
	width: 160px;
	border: 1px solid #000;
	margin-top: 5px;
}
.registbox input {
	line-height: 20px;
	color: #FFF;
	background-color: #111111;
	height: 20px;
	width: 140px;
	border: 1px solid #000;
	margin-top: 5px;}
.btn0box {
	background-image: url(../images/line.png);
	background-repeat: repeat-x;
	background-position: center top;
	width: 162px;
	margin-top: 10px;
	padding-top: 1px;
	margin-right: auto;
	margin-left: auto;
}
#submit {
	background-image: url(../images/btn_login.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 34px;
	width: 162px;
	text-indent: -9999px;
	cursor: pointer;
	background-color: #000;
}
#submit:hover{
	background-position:center bottom;
}
#reg {
	background-image: url(../images/btn_reg.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 34px;
	width: 162px;
	text-indent: -9999px;
	cursor: pointer;
	background-color: #000;
}
#reg:hover{
	background-position:center bottom;
}
#regok {
	background-image: url(../images/btn_regok.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 34px;
	width: 82px;
	text-indent: -9999px;
	cursor: pointer;
	background-color: #000;
	float: right;
}
#regok:hover{
	background-position:center bottom;
}
.err {
	padding: 5px;
	font-size: 11px;
	color: #F00;
	text-align: center;
}
.registbox img {
	vertical-align: middle;
}
.registbox select {
	background-color: #000;
	border: 1px solid #000;
	font-size: 11px;
	color: #FFF;
	width: 140px;
	height: 23px;
}

.hstback {
	background-image: url(../images/btn_regback.png);
	float: left;
	height: 34px;
	width: 80px;
	display: block;
}
.hstback:hover {
	background-position:center bottom;
}.conf {
	line-height: 180%;
}
.compbox {
	line-height: 18px;
	text-align: center;
	width: 210px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	font-size: 12px;
}
.finibox {
	width: 162px;
	padding-top: 1px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 18px;
	background-image: url(../images/line.png);
	background-repeat: repeat-x;
	background-position: center top;
}
.finibox li {
	height: 34px;
	width: 162px;
}
.finibox li a {
	display: block;
	height: 34px;
}
.startbox li a:hover {
	background-position: center bottom;
}
.btnback {
	height: 34px;
	width: 162px;
	position: absolute;
	background-image: url(../images/btn_back.png);
}
.notice {
padding-bottom:5px;
text-align:right;
padding-right:10px;
padding-top:3px;
}
#aboutHead {
	width: 597px;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
}
#aboutHead li {
	float: left;
	height: 50px;
	width: 199px;
}
#aboutHead li a {
	display: block;
	height: 50px;
	width: 199px;
}
.menu1 a {
	background-image: url(../images/menu1.gif);
}
.menu2 a {
	background-image: url(../images/menu2.gif);
}
.menu3 a {
	background-image: url(../images/menu3.gif);
}
#aboutImg {
	margin-top: 48px;
	width: 645px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/mainimg.jpg);
	height: 343px;
	margin-bottom: 46px;
}
#aboutFrow {
	background-image: url(../images/flow.gif);
	height: 181px;
	width: 598px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
}
#aboutReg {
	height: 222px;
	width: 580px;
	margin-right: auto;
	margin-bottom: 65px;
	margin-left: auto;
	background-image: url(../images/ororeg.jpg);
}
.prez {
	background-color: #CDCDCD;
	width: 100%;
	background-image: url(../images/pregbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.prez h2 {
	background-position: center center;
	height: 69px;
	background-repeat: no-repeat;
	background-image: url(../images/h2_prez.gif);
}
.prezin {
	padding-top: 13px;
	padding-bottom: 32px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFF;
}
.prezinner {
	margin-right: auto;
	margin-left: auto;
			width: 598px;
				position: relative;
}
.prez1 {
	background-image: url(../images/prez1.jpg);
	height: 223px;
}
.prez2 {
	background-image: url(../images/prez2.jpg);
	height: 223px;
}
.prez3 {
	background-image: url(../images/prez3.jpg);
	height: 251px;
}
.prez4 {
	background-image: url(../images/prez4.jpg);
	height: 223px;
}
.prez5 {
	background-image: url(../images/prez5.jpg);
	height: 223px;
}

.prez6 {
	background-image: url(../images/prez6.jpg);
	height: 280px;
}

.prez7 {
	background-image: url(../images/prez7.jpg);
	height: 223px;
}
.prez8 {
	background-image: url(../images/prez8.jpg);
	height: 223px;
}

.prez9 {
	background-image: url(../images/prez9.jpg);
	height: 280px;
}
.prez10 {
	background-image: url(../images/prez10.jpg);
	height: 223px;
}
.prez11 {
	background-image: url(../images/prez11.jpg);
	height: 223px;
}
.prez12 {
	background-image: url(../images/prez12.jpg);
	height: 223px;
}
.prez13 {
	background-image: url(../images/prez13.jpg);
	height: 223px;
}
.prez14 {
	background-image: url(../images/prez14.jpg);
	height: 223px;
}
.prez15 {
	background-image: url(../images/prez15.jpg);
	height: 223px;
}
.prez16 {
	background-image: url(../images/prez16.jpg);
	height: 223px;
}
.prez17 {
	background-image: url(../images/prez17.jpg);
	height: 223px;
}
.prez18 {
	background-image: url(../images/prez18.jpg);
	height: 223px;
}
.prez19 {
	background-image: url(../images/prez19.jpg);
	height: 223px;
}
.prez20 {
	background-image: url(../images/prez20.jpg);
	height: 223px;
}
.prez21 {
	background-image: url(../images/prez21.jpg);
	height: 223px;
}
.prez22 {
	background-image: url(../images/prez22.jpg);
	height: 223px;
}
.prez23 {
	background-image: url(../images/prez23.jpg);
	height: 223px;
}
.prez24 {
	background-image: url(../images/prez24.jpg);
	height: 223px;
}
.prez25 {
	background-image: url(../images/prez25.jpg);
	height: 223px;
}
#aboutGet {
	width: 580px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 70px;
	padding-bottom: 30px;
}
#aboutGet h2 {
	background-image: url(../images/oroget.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 69px;
}
#aboutGet dl {
	padding-top: 30px;
	padding-bottom: 30px;
}
#aboutGet dl dt {
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
	height: 25px;
}
#aboutGet dl dd {
	padding-top: 5px;
	padding-bottom: 20px;
	padding-left: 30px;
	font-weight: bold;
	font-size: 12px;
}
#aboutGet dl dd .pink {
	color: #FF008A;
	font-size: 14px;
}
.orocard {
	background-image: url(../images/orocard.jpg);
	height: 357px;
	width: 580px;
	margin-bottom: 65px;
}
#aboutHelp {
	width: 580px;
	margin-right: auto;
	margin-left: auto;
}
#aboutHelp h2 {
	background-image: url(../images/h2_help.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 57px;
}
#aboutHelp dl dt {
	font-size: 16px;
	line-height: 25px;
	font-weight: bold;
	background-image: url(../images/pc.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	padding-left: 20px;
	text-decoration: underline;
}
#aboutHelp dl {
	padding-top: 40px;
	padding-bottom: 40px;
}
a {
	color: #FF008A;
}
#aboutHelp dl dd {
	line-height: 160%;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-size: 12px;
	font-weight: bold;
}
.bttop {
	height: 30px;
	width: 111px;
	padding-left: 469px;
	margin-right: auto;
	margin-left: auto;
}
.bttop a {
	display: block;
	height: 30px;
	width: 111px;
	background-image: url(../images/bttop.gif);
}
#footer {
	background-color: #DEDEDE;
	padding-top: 20px;
	padding-bottom: 100px;
}
.footerin {
	width: 580px;
	margin-right: auto;
	margin-left: auto;
}
.footerin p {
	float: left;
	width: 50%;
	font-size: 12px;
}
.footerin a {
	color: #484848;
}
#about {
	color: #666;
}
.prezinner .dl {
	position: absolute;
	height: 65px;
	width: 244px;
	right: 10px;
	bottom: 10px;
}
.inputpass {
	color: #FFF;
	background-color: #111;
	height: 30px;
	width: 160px;
	border: 1px solid #000;
	cursor: pointer;
	display: block;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
}
.noi {
	width: 210px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
.contact {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
.contact table {
	width: 600px;
}
.contact p {
	padding-top: 30px;
	padding-bottom: 30px;
}
.contact table tr th {
	font-weight: bold;
	width: 200px;
}
.contact table tr th, .contact table tr td {
	padding: 20px;
}
.contact table tr td textarea, .contact table tr td input {
	width: 300px;
}
.contbtn {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}
.contbtn img {
	vertical-align: top;
}
.age {
	width: 100px;
}
.contact form table tr td .age {
	width: 50px;
}
.errBox {
	padding: 30px;
	border: 1px solid #F00;
	margin: 30px;
	text-align: center;
}
.boxi {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	line-height: 180%;
}
.boxi strong {
	background-color: #F00;
}
.tenmile {
	display: block;
	text-align: center;
	background-color: #FF008A;
	color: #FFF;
	text-decoration: none;
	font-size: 11px;
	padding: 5px;
	margin-bottom: 5px;
}
.attention {
	width: 500px;
	border: thin solid #F00;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	padding: 50px;
}
.attention h2 {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #F00;
	margin-bottom: 20px;
}
.attention p {
	line-height: 160%;
}