/* reset */
body{margin:0px 0px 20px 0px; background-color:#efefef; background-image:url(../images/bg.gif); background-repeat:repeat-x; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}

table{border-collapse:collapse;}
td, img{padding:0px; vertical-align:top;}

img{border:0px; vertical-align:top;}

a{text-decoration:none;}
a:hover{text-decoration:underline;}

.layout{width:940px; margin:auto;}

/* header */
.header{width:100%;}
.header td{text-align:center; line-height:50px;}
.header td a{color:#3f3f3f; display:block; font-size:15px; font-weight:bold; text-decoration:none; letter-spacing:-1px;}
.header td a:hover{}
.header_bl{background-image:url(../images/btn_sep.gif); background-position:left; background-repeat:no-repeat;}

/* content */
.content{width:100%; margin-top:20px; background-color:#FFFFFF; font-size:12px;}

.content .lt, .content .rt, .content .lb, .content .rb{width:6px; height:6px; background-image:url(../images/content_corner.gif); font-size:0px;}
.content .lt{background-position:left top;}
.content .rt{background-position:right top;}
.content .lb{background-position:left bottom;}
.content .rb{background-position:right bottom;}

.content_space{padding:10px;}
.content .h1_div{letter-spacing:-1px; font-size:22px; font-weight:normal; margin:0px 0px 10px 0px; color:#3f3f3f; border-bottom:1px solid #CCCCCC;}
.content h2{font-size:16px; font-weight:bold; margin:0px 0px 10px 0px; color:#000000;}
.content .img{border-bottom:1px solid #CCCCCC; margin-bottom:20px;}
.content .img table{margin:0px auto 20px auto;}
.content .img table td{text-align:center; font-size:14px;}
.content .img a{color:#FF0000; font-weight:bold; text-decoration:none;}
.content .img a:hover{text-decoration:underline;}
.content .text{color:#333333; text-align:left;}
.content .text b{color:#000000;}

.content .guide td{padding:15px; width:33%;}

.content .info{margin:20px auto 0px auto; border:1px solid #CCCCCC;}
.content .info span{color:#FF0000; font-weight:bold;}
.content .info td{vertical-align:middle; padding:4px 10px 4px 10px;}
.content .info .tab{padding-left:30px;}
.content .info .in1{width:250px;}
.content .info input[type=checkbox]{cursor:pointer;}
.content .info input[type=submit]{cursor:pointer;}
.content .info table{margin:auto; text-align:center;}

.content .comment{margin: 20px auto 20px auto;}
.content .comment .area{width:900px; height:200px;}
.content .comment table{margin:auto;}
.content .comment table td{vertical-align:middle; padding:10px;}
.content .comment input[type=submit]{cursor:pointer;}
.content .comment .in1{width:100px;}
.content .comment .error{color:#FF0000; font-weight:bold;}

.online{margin:auto;}
.online td{text-align:center; vertical-align:middle; padding:4px;}
.online .field{width:300px;}

/* popup */
.popup_1_hidden, .popup_2_hidden{display:none;}

.popup_1{position:fixed; top:50%; left:50%; margin:-50px 0px 0px -250px; width:500px; height:80px; background-color:#FFFFFF; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #666666; text-align:center; padding-top:20px; font-weight:bold;}
.popup_1 input[type=submit]{margin-top:10px; cursor:pointer;}

.popup_2{position:fixed; top:50%; left:50%; margin:-232px 0px 0px -320px; width:640px; height:464px; background-color:#FFFFFF; border:1px solid #666666;}
.popup_2 div{text-align:center;}

/* footer */
.footer{width:100%; margin-top:20px; background-color:#464544; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

.footer .lt, .footer .rt, .footer .lb, .footer .rb{width:6px; height:6px; background-image:url(../images/footer_corner.gif); font-size:0px;}
.footer .lt{background-position:left top;}
.footer .rt{background-position:right top;}
.footer .lb{background-position:left bottom;}
.footer .rb{background-position:right bottom;}
.footer .c{text-align:center; color:#FFFFFF;}
.footer .c span{border-left:1px solid #FFFFFF; padding-left:4px;}
.footer .c span a{color:#FFFFFF; text-decoration:underline;}