@charset "utf-8";
body {
	background: #FFFFFF url(../images/background01.jpg) top repeat-x;
	padding:0px;
	margin:0px;
}
#frame {
	position:absolute;
	left:50%;
	margin-left:-474px;
	width:948px;
	padding:450px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:150%;
	font-size:13px;
	color:#333333;
}
#logo {
	position:absolute;
	top:0px;
	left:25px;
}
#slogan {
	position:absolute;
	top:0px;
	right:15px;
	height:110px;
	width: 310px;
}
#tellFriend {
	position:absolute;
	top:15px;
	right:0px;
	height:90px;
	width: 290px;
}
#imageBar {
	position:absolute;
	top:125px;
	left:0px;
	width:948px;
	height:272px;
}
/*----------- nav -------------*/
#nav, #nav2 {
	position:absolute;
	top:406px;
	left:360px;
	width:588px;
	height:35px;
	background: url(../images/nav_back.jpg) no-repeat top left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.link1, .link2, .link3, .link4, .link5, .link6 {
	position:absolute;
	top:5px;
}
.link1 {left:15px; width:75px;}
.link2 {left:93px; width:149px;}
.link3 {left:245px; width:103px;}
.link4 {left:351px; width:108px;}
.link5 {left:462px; width:111px;}
#nav a, #nav2 a {
	font-size:14px;
	color:#333333;
	display:block;
	text-align:center;
	padding:2px 0px;
	text-decoration:none;
}
#nav2 a {
	font-size:13px;
}
#nav a:hover {
	background-color:#9CC4F3;
}
#nav2 a:hover {
	background-color:#96F27B;
}
/*----------- left -------------*/
#left {
	position:absolute;
	left:0px;
	top:406px;
	width:344px;
	height:763px;
}
#leftBck {
	background-color:#E2EBF3;
	padding:4px 3px 6px 3px;
	border-left:1px solid #D9D9D9;
	border-right:1px solid #D9D9D9;
	border-bottom:1px solid #999999;
}
.leftHd {
	text-align:left;
}
.leftCenterBlue, .leftCenterGrey, .leftCenterRed, .leftCenterGreen, .leftCenterFlash {
	position:relative;
	background:#FFFFFF url(../images/leftBck_blue.jpg) top repeat-x;
	padding:20px 20px 15px 20px;
	width:294px;
	margin:0px 0px 4px 0px;
	text-align:center;
	font-size:11px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #999999;
}
.leftCenterGrey {
	background:#FFFFFF url(../images/leftBck_grey.jpg) top repeat-x;
}
.leftCenterGreen {
	background:#FFFFFF url(../images/leftBck_green.jpg) top repeat-x;
}
.leftCenterRed {
	background:#FFFFFF url(../images/leftBck_red.jpg) top repeat-x;
}
.leftCenterFlash {
	padding:0px;
	width:334px;
	height:288px;
}
.leftBoxTop {
	position:absolute;
	top:0px;
	left:0px;
	background: url(../images/leftBox_top.gif) no-repeat top left;
	width:344px;
	height:5px;
}
.leftBoxMid {
	position:relative;
	background: url(../images/leftBox_mid.gif) no-repeat center bottom;
	width:344px;
	height:6px;
	margin:0px -4px 0px -4px;
}
.leftBoxBtm {
	position:relative;
	background:#E2EBF3 url(../images/leftBox_btm.gif) no-repeat center bottom;
	height:10px;
	width:342px;
	border-left:1px solid #D9D9D9;
	border-right:1px solid #D9D9D9;
}
.leftTbl, .leftTbl2, .leftTbl3 {
	padding:10px 0px;
}
.leftTbl td {
	padding:2px 4px;
}
.leftTbl2cellHd {
	padding:2px 4px;
	width:80px;
	text-align:right;
	color:#999999;
	font-style:italic;
}
.leftTbl2cell {
	text-align:left;
	padding:2px 4px;
	width:200px;
	color:#333333;
}
.boxLoginBtn {
	text-align:right;
}
.boxBtn {
	margin:5px;
}
.boxBtn a {
	font-size:12px;
	display:block;
	color:#990000;
	background: url(../images/arrow_01.gif) center right no-repeat;
	text-align:right;
	padding:2px 25px 2px 0px;
	text-decoration:none;
}
.boxBtn a:hover {
	color:#FF0000;
	background: url(../images/arrow_01_f2.gif) center right no-repeat;
	text-decoration:underline;
}
/*----------- main -------------*/
#main {
	position:relative;
	padding-left:368px;
	width:580px;
}
h1 {
	padding:40px 0px 10px 0px;
	margin:0px;
	color:#FF0000;
	font-size:30px;
}
h2 {
	padding:40px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#CC0000;
	font-size:22px;
}
h3 {
	padding:20px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#990000;
	font-size:16px;
}
a {
	color:#BF3130;
	text-decoration:none;
}
a:hover {
	color:#FF0000;
	text-decoration:underline;
}
#main ul {
	list-style-image:url(../images/bullet01.gif);
}
#main li {
	padding-bottom:10px;
}
.error {
	color:#FF0000;
	font-weight:bold;
	font-size:larger;
}
.red {
	color:#CC0000;
}
.redLg1 {
	color:#CC0000;
	font-size:larger;
	font-weight:bold;
}
.redLg2 {
	color:#CC0000;
	font-size:large;
	font-weight:bold;
}
.redLg3 {
	padding:0px 0px;
	color:#FF0000;
	font-size:20px;
	font-weight:bold;
}
.redLg4 {
	padding:5px 0px;
	margin:0px;
	color:#FF0000;
	font-size:25px;
	font-weight:bold;
}
.lg1 {
	font-size:larger;
	font-weight:bold;
}
.lg2 {
	font-size:large;
	font-weight:bold;
}
.lg3 {
	padding:0px 0px;
	font-size:20px;
	font-weight:bold;
}
.grey {
	color:#999999;
}
.infoTxt {
	color:#666666;
	font-size:11px;
	font-style:italic;
}
#back {
	position:absolute;
	top:50px;
	right:20px;
	width:100px;
	text-align:right;
}
#back a {
	font-weight:bold;
	color:#990000;
}
#back a {
	font-weight:bold;
	color:#FF0000;
}
/*----------- spot box -----------*/
#spotBoxTop {
	background:#E2EBF3 url(../images/sopt_box_top.gif) top left no-repeat;
	height:22px;
	width:560px;
	color:#000000;
	text-align:left;
	font-size:12px;
	padding:1px 10px 0px 10px;
	margin-top:40px;
}
#spotBox {
	position:relative;
	background:#E2EBF3;
	border-left:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	padding:9px 9px 250px 9px;
	width:560px;
	color:#666666;
	text-align:left;
	font-size:11px;
	line-height:120%;
	margin-bottom:20px;
}
#spotBox img {
	border:1px solid #999999;
	margin-top:4px;
}
#screenA, #screenB {
	position:absolute;
	bottom:30px;
	left:10px;
	font-size:14px;
	font-weight:bold;
}
#screenB {
	left:290px;
}
#spotBox .infoTxt {
	position:absolute;
	bottom:10px;
	left:10px;
}
/*----------- footer -------------*/
#footer {
	margin-left:368px;
	margin-top:20px;
	border-top:1px dashed #CCCCCC;
	padding:10px 0px 100px 0px;
	text-align:right;
	font-size:11px;
	color:#666666;
}
#footer a {
	color:#777777;
	padding:0px 2px 0px 2px;
}
#footer a:hover {
	color:#BF3130;
}
#copyright {
	font-size:10px;
	color:#999999;
}