@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
}
.clear {
	clear: both;
}
h3{
	font-size: 16px;
	padding: 10px;
	margin-bottom: 0;
	color: #15558f;
	background: #ebf2f8;
	border: 1px solid #15558f;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#tpp_header {
	margin: 0px auto;
	padding: 0px;
	height: 185px;
	width: 720px;
	background-image: url(../../skin/tpp_images/tpp_head_img_regist.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.header_text {
	height: 41px;
	margin: 0px;
	text-indent: -1000em;
	display: block;
	padding: 0px;
}
a.header_link {
	height: 60px;
	width: 120px;
	margin: 0px 0px 0px 480px;
	text-indent: -1000em;
	display: block;
	padding: 0px;
}


#tpp_main_area {
	margin: 0px auto 30px 0px;
	padding: 0px;
	width: 720px;
	line-height: 1.5em;
}
#tpp_main_area ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
.tpp_title {
	margin: 20px auto 0px auto;
	padding: 0px;
	height: 40px;
	width: 720px;
	background-image: url(../../skin/tpp_images/tpp_title_bg.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
}
.tpp_subtitle {
	margin: 20px auto 0px auto;
	padding: 0px;
	height: 20px;
	width: 720px;
	text-indent: -1000em;
}

.tpp_table1 {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	width: 290px;
	font-size: 12px;
	float: left;
	line-height: 1.5em;
}

.tpp_table2 {
	margin: 20px 0px 0px 20px;
	padding: 0px;
	width: 290px;
	font-size: 12px;
	float: left;
	line-height: 1.5em;
}
#tpp_main_area h1 {
	font-size: 16px;
	font-weight: bold;
	height: 16px;
	width: 590px;
	padding: 5px;
	margin: 10px 0px 0px 0px;;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #065091;
	color: #065091;
}
.hrb {
	width: 100%;
	height: 1px;
	padding: 0;
	margin: 20px 0;
	border-top: 1px solid #cccccc;
}

#tpp_main_area p {
	padding: 0px;
	font-size: 14px;
	font-weight: normal;
	margin: 15px 0px 0px 0px;
	line-height: 1.5em;
	width: 720px;
}
#tpp_main_area img {
	margin: 3px 10px 0px 0px;
}
.tpp_body1 {
	font-size: 14px;
	line-height: 1.5em;
	margin: 10px auto 0px auto;
	padding: 0px;
	width: 720px;
}
.tpp_body2 {
	font-size: 14px;
	line-height: 1.5em;
	padding: 10px;
	width: 578px;
	border: 1px solid #006699;
	margin: 5px auto 0px auto;
}
.tpp_body3 {
	font-size: 14px;
	line-height: 1.5em;
	margin: 30px auto 0px auto;
	padding: 0px;
	width: 720px;
}
.tpp_body4 {
	font-size: 14px;
	line-height: 1.5em;
	margin: 0px auto;
	padding: 0px;
	width: 720px;
	height: 24px;
}
.tpp_body5 {
	font-size: 16px;
	line-height: 1.5em;
	margin: 30px auto 0px auto;
	padding: 0px;
	width: 720px;
	font-weight: bold;
	color: #FF0000;
}
.tpp_body6 {
	font-size: 14px;
	line-height: 1.5em;
	margin: 5px 0px 0px 0px;
	padding: 10px;
	width: auto;
	color: #000000;
	background-color: #CCCCCC;
}

.tpp_body7 {
	font-size: 14px;
	margin: 30px auto 60px auto;
	padding: 0px;
	width: 720px;
}

.up {
	font-size: 9px;
}
.white {color: #FFFFFF}
.red_bold {
	color: #FF0000;
	font-weight: bold;
}
.tpp_download_install_title1 {
	margin: 20px auto 0px 11px;
	padding: 0px;
	height: 60px;
	width: 709px;
	background-image: url(../../skin/tpp_install_boot_image/download_install_title.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

.tpp_main_body {
	font-size: 14px;
	margin: 10px auto 20px auto;
	padding: 0px;
	height: auto;
	width: 720px;
}
.tpp_download_install_title2 {

	margin: 20px auto 0px 11px;
	padding: 0px;
	height: 60px;
	width: 709px;
	background-image: url(../../skin/tpp_install_boot_image/boot_order_title.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -1000em;
}
.menubg {
	width: 600px;
	height: 24px;
	padding: 0px;
	margin: 0px auto;
	background-image: url(../../skin/tpp_images/tpp_menu.png);
}
ul#menu{
	list-style:none;
	margin: 0px;
	padding: 0px;
	height: 24px;
}
ul#menu li{
	list-style:none;
	float:left;
	margin: 0px;
}
ul#menu a{
	display:block;
	height:24px;
	text-indent:-1000em;
	overflow:hidden;
	background-image:url(../../skin/tpp_images/tpp_menu.png);
	padding: 0px;
}

ul#menu li.feature{
	width:42px;
}
ul#menu a.feature{
	width:42px;
}
ul#menu li.regist{
	width:100px;
}
ul#menu a.regist{
	width:100px;
}
ul#menu li.screenshot{
	width:108px;
}
ul#menu a.screenshot{
	width:108px;
}
ul#menu li.install{
	width:107px;
}
ul#menu a.install{
	width:107px;
}
ul#menu li.order{
	width:53px;
}
ul#menu a.order{
	width:53px;
}
ul#menu li.faq{
	width:43px;
}
ul#menu a.faq{
	width:43px;
}
ul#menu li.history{
	width:65px;
}
ul#menu a.history{
	width:65px;
}
ul#menu li.download{
	width:82px;
}
ul#menu a.download{
	width:82px;
}

a.feature{
    background-position:0px 0px;
}
a.regist{
    background-position:-42px 0px;
}
a.screenshot{
    background-position:-142px 0px;
}
a.install{
    background-position:-250px 0px;
}
a.order{
    background-position:-357px 0px;
}
a.faq{
    background-position:-410px 0px;
}
a.history{
    background-position:-453px 0px;
}
a.download{
    background-position:-518px 0px;
}


a:hover.feature{
    background-position:0px -24px;
}
a:hover.regist{
    background-position:-42px -24px;
}
a:hover.screenshot{
    background-position:-142px -24px;
}
a:hover.install{
    background-position:-250px -24px;
}
a:hover.order{
    background-position:-357px -24px;
}
a:hover.faq{
    background-position:-410px -24px;
}
a:hover.history{
    background-position:-453px -24px;
}
a:hover.download{
    background-position:-518px -24px;
}


a:active.feature{
    background-position:0px -48px;
}
a:active.regist{
    background-position:-42px -48px;
}
a:active.screenshot{
    background-position:-142px -48px;
}
a:active.install{
    background-position:-250px -48px;
}
a:active.order{
    background-position:-357px -48px;
}
a:active.faq{
    background-position:-410px -48px;
}
a:active.history{
    background-position:-453px -48px;
}
a:active.download{
    background-position:-518px -48px;
}
.bar1 {
	width: 40%;
	height: 24px;
	background-color: #CC0000;
	border: 1px solid #990000;
	text-align: right;
	vertical-align: middle;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}
.bar2 {
	width: 80%;
	height: 24px;
	padding: 3px;
	background-color: #CCCCCC;
	border: 1px solid #999999;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}
.menu_new_icon {
	height: 20px;
	width: 180px;
	margin: 0 auto 10px auto;
	margin-top: -30px;
}