@charset "utf-8";
/* CSS Document */
/*general*/
.content{ margin:0 auto;border:0px solid #CCCCCC;width:950px;position:relative; }
.content_left{ margin-left:0;border:0px solid #CCCCCC;width:750px; background-color:#FFFFFF;}
.content_right { margin-left:755px;border:0px solid #CCCCCC;width:195px; position:absolute; top:0; left:0;}
.wrap {width:100%;}
body {margin:0; background-color:#ade44a; font:Arial, Helvetica, sans-serif; }
A:LINK{ color:#666666; text-decoration:none; }
A:VISITED{ color:#666666; text-decoration:none; }
A:HOVER{ color:#CCCCCC; text-decoration:none;}
A:ACTION{ color:#666666; text-decoration:none; }

/* end general */
#header_wrap{ height:140px; background-image:url(../images/headerBg.gif); background-position:top; background-repeat:repeat-x;}
#headerThin_wrap{ height:5px; background-color:#5cb277;}
#headerNavi_wrap{ height:120px;}
#header_wrap img {border:none;}
#logo{ float:left;}
#register_icon{ float:right;}
/*flicker*/
#frame_flicker{ height:125px; background-color:#cdee90; margin-top:5px; background-image:url(../images/flickerBg.gif); background-repeat:no-repeat; background-position:top;}
#frame_flicker ul { margin:0 auto; width:750px; height:115px; padding:5px;  }
.flickerImg{ float:left; list-style:none; width:110px; height:110px; text-align:center; border:1px solid #EEE; padding:1px; margin-left:1px; background-color:#FFFFFF;}
.flickerNavi{ float:left; list-style:none; width:60px; height:110px; text-align:center; padding:1px; margin-left:3px; margin-top:20px;}
#frame_flicker img{ border:none; max-height:100px; max-width:100px; padding:5px;}
/* end flicker */
MARQUEE {padding:0; margin:0;}
#notice {height:20px;}
#topic { height:auto; margin-top:10px; background-color:#d8f2a8;}
#topicImage{ min-height:350px; background-color:#eaf8d1;}
#topicImage img{ max-height:600px; max-width:600px; padding:3px; border:1px solid #CCCCCC; margin:10px auto;}
#imageFrame{ min-height:300px; width:610px; margin:0 auto; text-align:center; }
#topicContent{ min-height:50px; background-color:#eaf8d1;}
#topicTitleDesc{ min-height:50px; background-color:#eaf8d1; }
#multi_post {  background-color:#eaf8d1; }

#multi_line { height:auto; width:750px; margin:0 auto; border:1px solid #CCCCCC;padding:0; }
#multi_line img{ max-height:270px; max-width:270px; padding:3px; border:1px solid #CCCCCC;}
.post_img { height:280px; width:280px; padding:3px; border:0px solid #CCCCCC; text-align:center;}
.post_text { min-height:280px; width:430px; padding:3px; border:0px solid #CCCCCC; margin-top:-305px; margin-left:290px;}

#shareInfo{ margin-left:10px; width:180px; float:left; font-family:Arial, Helvetica, sans-serif; padding:0;}
#shareInfo li{ list-style:none; margin:0; padding:0;}

#topicContent p{ padding:5px; width:600px; min-height:50px; margin:0 auto; text-align:left; color:#000000; }
.Apple-style-span{min-height:20px; }
#counter{float:right;margin-top:-30px;margin-right:10px;}
#msgBar{height:50px;border:1px solid #EEE;}
#commentInput{ weight:950px; height:150px; position:relative; background-image:url(../images/CommentBg.gif); background-repeat:no-repeat; background-position:top;}
.commentStep { margin:0; height:80px; padding:10px 0; width:370px;float:right;}
.commentStep li{ list-style:none; float:left;}
#textareaWrap { width:500px; float:left; padding-left:50px; padding-top:10px;}
#step1{ padding-left:80px; width:180px;}
#step2{ width:180px; padding-top:60px; padding-left:20px;}
#step3{ width:100px; padding:5px 30px; }
#step3 img{ border:none;}
#voteStatus { width:150px; height:50px; float:left; vertical-align:middle;}
#commentDisplay ul{ width:750px;margin:0;padding:0; height:auto; background-color:#d8f2a8;}
#commentDisplay li{ list-style:none; width:950px; margin:2px 0;}
#commantUser { padding:0; width:750px; margin:2px auto;}
#commantContent { padding:0; width:750px; margin:2px auto;}
#commentBox { width:750px; min-height:60px; margin:5px auto;margin-left:150px; background-color:#FFFFFF; border:1px solid #FFF; }
#imgLoading { margin:0 auto;}
/* right top loging control */
.top_right  {padding:5px; width:430px;float:right; }
#login_tab  {border-bottom:1px solid #CCCCCC; }
#search_tab {}
#search_tab input{ font-size:1.1em;}

/* err msg */
#err_msg{ height:50px; background-color:#d8f2a8;}
#err_msg p{ margin:0 auto; vertical-align:middle; padding:2px; width:500px; border:1px solid #FF9900; background-color:#FFFF99; color:#FF3300;}
#top_navi {font-size:18px; color:#FFFFFF; text-decoration:none; float:left; background:#FF6600; padding:14px;}

#linkUser, #linkLogout { font-size:18px;color:#FFFFFF; text-decoration:none;}
#linkForget { color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}
#commentBubble { float:left; }
#shareIcon { border:none; float:right;}

#shareInfo2{ margin:0 auto; width:600px; font-family:Arial, Helvetica, sans-serif;padding-top:5px;}
#shareInfo2 li{ list-style:none; margin-right:10px; float:left;}

/* left column */
#content_right_01 p {padding:5px;font-size:0.8em; color:#003300;}
#content_right_01 {background-color:#FFFFFF;border:1px solid #CCCCCC; -moz-border-radius: 0.5em;  border-radius: 0.5em; margin-bottom:5px;}
#content_right_01 ul{padding:5px; margin:0; font-size:0.8em;}
#content_right_01 li{ list-style:none; margin-bottom:5px; border-bottom:1px solid #CCCCCC;}
#content_right_01 a {text-decoration:none; color:#666666;}
#content_right_01 a:LINK{text-decoration:none; color:#666666;}
#content_right_01 a:visited{text-decoration:none; color:#666666;}
#content_right_01 a:hover{text-decoration:underline; color:#003333;}
#content_right_01 a:ACTIVE{text-decoration:none;}


#footer_wrap {margin:20px 0;}
#footer_wrap p { font-size:0.8em;padding:0; text-align:center; margin:0; }
#copyright {color:#006600;}