@charset "utf-8";
/* CSS Document */

html { }
body,td,th { font-family:'Century Gothic',"Microsoft YaHei",Georgia,Verdana,Osaka,'MS P Gothic'; font-size:12px; color:#8a8e98; line-height:20px; letter-spacing:1px; }
body { background:#fff; margin:0; }

* { padding:0; margin:0; }
img { vertical-align:middle; border:0; }
small,.small { font-size:10px; }
.hidden { display:none; }
li { list-style-type: none; }

a:link { color:#8a8e98; text-decoration:none; }
a:visited { color:#8a8e98; text-decoration:none; }
a:hover { color:#e8c5c0; text-decoration:none; }
a:active { color:#8a8e98; text-decoration:none; }

a {noFocusLine:expression(this.onFocus=this.blur())} 
:focus {-moz-outline-style: none} 

#bg { }
#bg-1 { background:url(../imgs/ganhua.png); width:405px; height:154px; position:absolute; right:0; top:0; }
#bg-2 { background:url(../imgs/shugan.png); width:442px; height:444px; position:absolute; left:0; bottom:0; }
#bg-3 { background:url(../imgs/pinkflower.png); width:269px; height:449px; position:absolute; right:0; bottom:0; }
#main { position:absolute; width:100%; height:100%; top:0; left:0; }
#mainn {
	margin: auto;
    top: 38px;
	left:347px;
	bottom: 20%;
	right:20%;
	position: absolute;
	width: 1000px;
}

#iframe { margin:15px 15px 20px 19px; }
#iframee { text-align: center; margin:0 auto;}

#menu {text-align:right;}
#about { width:385px; height:273px; }
#link { width:345px; margin:10px 0 20px 20px; }
.link { width:78px; height:89px; background:url(../imgs/bg.gif) no-repeat; }
.link img { margin:6px 8px 6px 7px; }

#diary { width:345px; margin:10px 0 20px 20px; }

.diary .info { color:#e8c5c0; margin:0 0 20px 0; }
.diary .sub { text-align:right; margin:15px 0 30px 0; }

#res .info { color:#e8c5c0; margin:0 0 20px 0; }
#res .msg { margin:20px 0 0 0; }
.bh { text-align:right; margin:20px 0 0 0; }
#res .re .msg { margin:20px 0 0 0; }
.re .comment-meta { margin:20px 0 0 0; background:url(../imgs/arrow.gif) left no-repeat; padding:0 0 0 15px; }

#res-form .re-l { text-align:center; margin:30px 0 20px 0; }

#res-form input { font-family:'Century Gothic',"Microsoft YaHei",Georgia,Verdana,Osaka,'MS P Gothic'; font-size:10px; color:#8a8e98; letter-spacing:1px; background:none; padding:0 0 2px 2px; border-top:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #8a8e98; border-left:1px solid #fff; width:180px; }
#res-form textarea { font-family:'Century Gothic',"Microsoft YaHei",Georgia,Verdana,Osaka,'MS P Gothic'; font-size:12px; color:#8a8e98; letter-spacing:1px; background:none; padding:2px; border:1px solid #8a8e98; overflow:auto; width:240px; }
#res-form select { font-family:'Century Gothic',"Microsoft YaHei",Georgia,Verdana,Osaka,'MS P Gothic'; font-size:10px; color:#8a8e98; letter-spacing:1px; background:none; padding:2px; border:1px solid #ddd; }

#res-form input:hover { border-top:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #e8c5c0; border-left:1px solid #fff; }
#res-form textarea:hover { border:1px solid #e8c5c0; }
#res-form input:focus { border-top:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #e8c5c0; border-left:1px solid #fff; }
#res-form textarea:focus { border:1px solid #e8c5c0; }

#res-form .emotion_hide { margin:5px 0 0 74px; }
#res-form .emotion_hide a{ cursor: pointer; }

#res-form .form-bottom { margin:5px 0 0 74px; }
#res-form .form-bottom a{ cursor: pointer; }
#res-form .form-bottom .submit { font-family:'Century Gothic',"Microsoft YaHei",Georgia,Verdana,Osaka,'MS P Gothic'; font-size:10px; color:#8a8e98; border:none; background:none; width:auto; }

#res-form input.error { border-bottom:1px solid red; }
#res-form textarea.error { border: 1px solid red; }

#new-form { border:1px solid #8a8e98; padding:20px; background:url(../imgs/yumao.png) 265px 25px no-repeat; }
#new-form .new-top .msg-f { width:230px; border-bottom:1px solid #8a8e98; margin:0 0 2px 0; }

#new-form input { font-family:'Century Gothic',"Microsoft YaHei",Georgia,Verdana,Osaka,'MS P Gothic'; font-size:10px; color:#8a8e98; letter-spacing:1px; background:none; padding:0; border:none; width:160px; }
#new-form textarea { font-family:'Century Gothic',"Microsoft YaHei",Georgia,Verdana,Osaka,'MS P Gothic'; font-size:12px; color:#8a8e98; letter-spacing:1px; background:none; padding:0; border:none; overflow:auto; width:230px; }
#new-form select { font-family:'Century Gothic',"Microsoft YaHei",Georgia,Verdana,Osaka,'MS P Gothic'; font-size:10px; color:#8a8e98; letter-spacing:1px; background:none; padding:0; border:none; }

#new-form .emotion_hide { margin:0 0 2px 0; }
#new-form .emotion_hide a{ cursor: pointer; }

#new-form .new-bottom { margin:0; }
#new-form .new-bottom a{ cursor: pointer; }
#new-form .new-bottom .submit { font-family:'Century Gothic',"Microsoft YaHei",Georgia,Verdana,Osaka,'MS P Gothic'; font-size:10px; color:#8a8e98; border:none; background:none; width:auto; }

.message { }
.message .msg-cm { margin:20px 0 0 0; background:url(../imgs/arrow.gif) left no-repeat; padding:0 0 0 15px; }
.message .msg { margin:20px 0 0 0; }
.message .msg-re { margin:20px 0 0 20px; color:#e8c5c0; background:url(../imgs/re.gif) left top no-repeat; padding:0 0 0 25px; }

.msg-page { margin:30px 0 0 0; }
#re-d{ margin:20px 0 0 20px; color:#e8c5c0; background:url(../imgs/re.gif) left top no-repeat; padding:0 0 0 25px; }