@charset "utf-8"; 
body{margin:0; padding:0; background:#007DBF url(../../images/v2/bg_pgm-fi.jpg) no-repeat bottom center; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#333}
#header{background:url(../../images/v2/header.png); height:79px}

.welcome01{color:#000; font-size:13px}
.welcome02{color:#C00; font-size:14px}
.welcome03{font-size:10px; color:#CCC}
.welcome03 a{color:#999; text-decoration:none}
.welcome03 a:hover{text-decoration:underline}
#member{display:block; width:200px; height:30px; position:absolute; top:18px; left:736px; text-align:right}
#memberava{display:block; position:absolute; top:17px; left:945px; border:solid 1px #CCC; float:left; width:30px; height:30px; overflow:hidden; position:relative}
#memberava img{border:0}

a{color:#A00; text-decoration:none}
a:hover{color:#C00; text-decoration:underline}

#typecat{display:block; width:1000px; height:276px; position:absolute; top:80px; left:6px}
#typecat li a img{margin-top:1px}
.type{display:none}
.container{width:100%; height:276px; overflow:hidden}
.container img{border:0}
.container ul{list-style-type:none; margin:0; padding:0}
.container li{display:inline; margin:0; padding:0}
.contentContainer{padding:0px; float:left; width:0px; height:276px; overflow:hidden}
.handle{float:left; width:41px; height:276px; margin:0px; margin-right:5px; background: url(../../images/v2/typebg.png) no-repeat}

#tooltip{position:absolute; z-index:3000; border:1px solid #FFF; background-color:#900; padding:3px 8px; opacity:0.9}
#tooltip h3, #tooltip div{margin:0; font-size:10px; color:#FFF}

#outdiv{position:absolute; top:0px; left:50%; overflow:show}
#indiv{position:absolute; left:-500px}

#fblogin{display:block; width:217px; height:39px; position:absolute; top:10px; left:762px}
#fblogin a{float:right; width:217px; height:39px; text-indent:-10000px; position:relative; cursor:pointer}
#fblogin a.fbloginFader{background:url(../../images/v2/loginfader.png) top left no-repeat}

#facebook{display:block; width:117px; height:35px; position:absolute; top:360px; left:35px}
#facebook a{float:right; width:117px; height:35px; text-indent:-10000px; position:relative; cursor:pointer}
#facebook a.facebookFader{background:url(../../images/v2/facebook.png) top left no-repeat}
#twitter{display:block; width:104px; height:35px; position:absolute; top:360px; left:170px}
#twitter a{float:right; width:104px; height:35px; text-indent:-10000px; position:relative; cursor:pointer}
#twitter a.twitterFader{background:url(../../images/v2/twitter.png) top left no-repeat}

#facebox .b{background:url(../../images/v2/b.png)}
#facebox .tl{background:url(../../images/v2/tl.png)}
#facebox .tr{background:url(../../images/v2/tr.png)}
#facebox .bl{background:url(../../images/v2/bl.png)}
#facebox .br{background:url(../../images/v2/br.png)}
#facebox{position:absolute; top:0; left:0; z-index:100; text-align:left}
#facebox .popup{position:relative}
#facebox table{border-collapse:collapse}
#facebox td{border-bottom:0;  padding:0}
#facebox .body{padding:10px;  background:#fff; width:370px}
#facebox .loading{text-align:center}
#facebox .image{text-align:center}
#facebox img{border:0;  margin:0}
#facebox .header{text-align:left;  background-color:#C00;  color:#FFF;  padding-left:5px}
#facebox .footer{border-top:1px solid #DDD; padding-top:5px; margin-top:10px; text-align:right}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br{height:10px;  width:10px;  overflow:hidden;  padding:0}
#facebox_overlay{position:fixed; top:0px; left:0px; height:100%; width:100%}
.facebox_hide{z-index:-100}
.facebox_overlayBG{background-color:#000;  z-index:99}
* html #facebox_overlay{position:absolute;  height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')}

.sf-menu, .sf-menu *{margin:0; padding:0; list-style:none; z-index:98}
.sf-menu{padding-left:300px; padding-top:273px}
.sf-menu img{border:0}
.sf-menu ul{position:absolute; top:-999em; width:10em}
.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit}
.sf-menu li{float:left; position:relative}
.sf-menu a{display:block; position:relative}
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul{left:-3px; top:31px; z-index:99}
ul.sf-menu li:hover li ul, 
ul.sf-menu li.sfHover li ul{top:-999em}
ul.sf-menu li li:hover ul, 
ul.sf-menu li li.sfHover ul{left:141px; top:0}
ul.sf-menu li li:hover li ul, 
ul.sf-menu li li.sfHover li ul{top:-999em}
ul.sf-menu li li li:hover ul, 
ul.sf-menu li li li.sfHover ul{left:151px; top:0}
.sf-menu{float:left; margin-bottom:1em}
.sf-sub-indicator{position:absolute; display:block; right:.75em; top:1.05em; width:10px; height:10px; text-indent:-999em; overflow:hidden}
a >.sf-sub-indicator{ top:.8em; background-position:0 -100px}
#note01{font-size:14px; text-align:center; font-style:italic; font-weight:bold; color:#B00}

#form01{width:500px; font-family:Arial, Helvetica, sans-serif}
#form02{width:400px; font-family:Arial, Helvetica, sans-serif}
#form02a{width:410px; font-family:Arial, Helvetica, sans-serif}
#form03{width:600px; font-family:Arial, Helvetica, sans-serif}
#form04{width:500px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px}
#title{font-size:11px; color:#222; font-weight:bold}
#title span{color:#B00}
#form01 ul{list-style:none; margin:0; padding:0}
#form01 li{text-align:justify; line-height:18px; font-size:14px; padding-bottom:5px}
#form01 li span{color:#999; font-size:11px}
#form01 li img{padding:2px; display:block; border:2px #DDD solid; -moz-border-radius:5px; -webkit-border-radius:5px; line-height:0; margin: 0 10px 0 0; width:42px; height:42px}
#space{clear:both}

#flowv{width:80px; height:60px; overflow:hidden}

#speakup01{float:left; width:400px; font-size:14px; color:#222; font-weight:bold}
#speakup02{float:right; width:100px; font-size:18px; color:#900; font-weight:bold; font-style:italic; text-align:right}
#speakup03{font-size:10px; color:#666; font-weight:bold; font-style:italic}

#mviewleft{float:left; width:230px}
#mviewright{float:right; width:270px}
#mviewleft img{padding:5px; display:block; border:3px #DDD solid; -moz-border-radius:5px; -webkit-border-radius:5px; line-height:0}
#mviewright{font-size:12px; font-weight:normal; color:#200; line-height:24px}
#mviewright b{font-size:18px; font-style:italic; font-weight:bold; color:#C00}
#mviewright span{font-size:10px}
#mvline{width:260px; height:31px; display:block; background:url(../../images/mline03.gif) repeat-x}
#star img{vertical-align:top}
#mact ul{list-style:none; float:left; margin:0; padding:0 0 0 15px}
#mact li {display:block; float:left; margin:5px 5px 0 0}
#mact li a{padding:3px; display:block; border:2px #DDD solid; -moz-border-radius:5px; -webkit-border-radius:5px; line-height:0; width:80px}
#mact li a:hover{border:2px #C00 solid}
input, textarea, select {padding: 3px; border: 1px solid #999}
#cform input, textarea, select {padding: 3px; border: 1px solid #999; font-size:11px}

#form04 li{font:13px; padding:0 25px 10px 0; text-align:justify}