<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8"; 
/* CSS Document */
body{text-align:center; font-family:Times New Roman,Times,serif; font-size:10pt; margin:0; margin-bottom:100px; padding:0; color:#442}
body.gallery{margin-bottom:95px; text-align:left; font-size:9pt}
a{color:#03a4e8; text-decoration:none}
a:hover{color:#0097c9; text-decoration:underline}
form{margin:0}
img{border:none; vertical-align:middle}
input, textarea, select{vertical-align:middle; font-size:9pt}

/* Header */
#header{text-align:center; padding:5px 0; position:relative; z-index:91}
#topgradient{background:url(../images/top-gradient.png) repeat-x; height:50px; position:fixed; left:0; top:0; width:100%; z-index:90}
* html #topgradient{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/top-gradient.png',sizingMethod='scale')}

/* No Script */
#noscriptSpacer{height:80px}
#noscript h3{font-size:13pt; color:#F90; margin:4px auto}
#noscript{position:absolute; top:90px; text-align:center; width:99%}

/* Menu */
#menu{margin:0 auto; padding:0; list-style:none}
#menu li{display:table-cell; display:inline-block; padding:0 10px; text-align:left}
#menu li a{background:url(../images/flower.gif) no-repeat center left; display:block}
#menu li a:hover{background-image:url(../images/roll-flower.gif); cursor:pointer}
#menu li span b{display:none}
#menu li span{display:block; height:30px; margin-left:32px}
#menu li .profile{background:url(../images/profile.gif) no-repeat 0 5px; width:47px}
#menu li .gallery{background:url(../images/gallery.gif) no-repeat 0 5px; width:48px}
#menu li .diary{background:url(../images/diary.gif) no-repeat 0 5px; width:38px}
#menu li .guestbook{background:url(../images/guestbook.gif) no-repeat 0 5px; width:67px}
#menu li .wonderland{background:url(../images/wonderland.gif) no-repeat 0 5px; width:77px}

/* Footer */
#footer{margin:0 auto; width:100%; text-align:center; z-index:90}
#footer .bottomgradient{background:url(../images/bottom-gradient.png) repeat-x; height:50px}
* html #footer .bottomgradient{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bottom-gradient.png',sizingMethod='scale')}
#footer .bottomfooter{background:#FFF; margin:0 auto; padding-bottom:5px; text-align:center}
#footer .small{color:#BBA; clear:both}

#content{margin:0 auto; position:relative; width:600px}
#content .top{background:url(../images/block-top.png) no-repeat; height:54px}
* html #content .top{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/block-top.png',sizingMethod='scale')}
#content .content{padding:10px 20px; background:url(../images/block-bg.png) repeat-y}
* html #content .content{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/block-bg.png',sizingMethod='scale'); height:100%}
#content .bottom{background:url(../images/block-bottom.png) no-repeat; height:10px; clear:both}
* html #content .bottom{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/block-bottom.png',sizingMethod='scale')}

/* Common */
.small, .remark{font-size:8pt}
.floatleft{float:left}
.floatright{float:right}
a.button{line-height:14pt}
.button{border:1px groove #03a4e8; color:#FFF; background:url(../images/button-bg.gif) repeat-x center #4AB9E8; padding:0 5px}
.button:hover, .onbutton{border:1px groove #03a4e8; color:#03a4e8; text-decoration:none; background:url(../images/roll-button-bg.gif) repeat-x center #FFF; padding:0 5px}
.alert{color:#F90}
.clear{clear:both}
.em{font-weight:bold}
.relative{position:relative}
.remark{color:#444; font-weight:normal}
.noticeboard{display:block; background:#FFF; padding:12px; margin:10px 0; font-weight:bold; border:1px solid #FC0; clear:both; -moz-border-radius:8px; border-radius:8px}
.matchedkey{background:#9EF}

/* Ajax Loading */
#loading{background:#FFF; opacity:.8; -moz-opacity:0.8; padding:20px; margin:5px auto; border:1px solid #03a4e8; -moz-border-radius:8px; text-align:center; display:table; zoom:1; filter:alpha(opacity=80)}

/* Profile */
img.highlight{padding-top:20px}
#profile{width:600px; position:relative; margin-top:-430px; text-align:left; display:none}
#profile a{position:relative}
#profile h2.title{background:url(../images/title-profile.png) no-repeat 14px 50%; display:block; height:46px; margin:0; padding:0}
* html #profile h2.title{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/title-profile.png',sizingMethod='scale'); width:81px; height:39px; margin:3px 0 0 12px}
#profile h2.title b{display:none}
#profile ul.listinfo{list-style:none; padding:0; margin:0; font-weight:bold; font-size:12pt; float:left; width:240px}
#profile ul.listinfo li{margin-bottom:8px}
#profile ul.listinfo li span{color:#666}
#profile p.intro{margin:0 0 20px 280px; text-align:justify}
#profile a.close{position:absolute; top:8px; right:8px; z-index:80}
a.close{display:block; width:12px; height:12px; background:url(../images/ic_close.gif) no-repeat}
a.close span{display:none}
#clickme{position:absolute; left:350px; top:35px; display:block; background:url(../images/balloon.png) no-repeat; width:166px; height:70px; padding-top:12px}
*html #clickme{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/balloon.png',sizingMethod='scale'); height:58px}

#stonehead{clear:both; margin:0}
#stonehead a{display:block; padding:1px; text-align:center; color:#FFF; font-size:12pt; margin-bottom:-1px; background:url(../images/collapse.gif) no-repeat 10px 50% #03a4e8; -moz-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0}
#stonehead a.collapse{background-image:url(../images/expand.gif); -moz-border-radius:8px; border-radius:8px}
#stonehead a:hover{text-decoration:none; color:#000; cursor:pointer; background-color:#CCC}

.mstable{margin:0 auto}
.mstable td{text-align:left; vertical-align:top}
.mstable td.div{background:#EEC; height:1px}

#milestone{padding:10px 30px; text-align:center; background:#FFF; border:1px solid #EEC; -moz-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px}
#milestone .mile{font-weight:bold; color:#666; text-align:right; padding-right:20px}

/* Diary and Guestbook */
#diarylist{width:320px}
#diarysearch{position:relative; background:#CCC; padding:4px 0; text-align:center; color:#000; margin:0 auto 1px; -moz-border-radius:8px; border-radius:8px}
#diarysearch input[type="text"]{width:200px}
#searchResult{background:#f6f6f6; border-top:2px solid #CCC; padding:2px 8px; -moz-border-radius:8px; border-radius:8px}
#diaryblock, #guestbook{text-align:left}
#diaryblock h2.title{display:block; margin:0; padding:0; height:46px; background:url(../images/title-diary.png) no-repeat 14px 50%}
* html #diaryblock h2.title{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/title-diary.png',sizingMethod='scale'); width:67px; height:47px; margin:3px 0 0 12px}
#diaryblock h2.title b{display:none}
#diaryblock p{margin:0}
#calendar{float:right; text-align:center; width:170px; position:relative}
#calendar td a{border:1px solid #03a4e8; display:block; text-align:center}
#calendar td a:hover{background-color:#fff; text-decoration:none}
#calendar .calendarDayBlock{color:#666}
#calendar .calendarHoliday{color:#F90}
#calendar .calendarWeekBar{font-weight:bold}
#diaryblock ol.list{margin-top:5px; margin-bottom:5px}
#diaryblock ol.list .date{padding-right:5px; color:#666}
#diaryblock ol.list li{margin-bottom:2px}
#diaryblock li a{position:relative}
#diaryblock #menurow a{position:static}
#lastnext .last, #lastnext .next{display:block; width:50%; float:left}
#lastnext .last a{-moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px}
#lastnext .next a{-moz-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0}
#lastnext a{display:block; border:1px solid #03a4e8; color:#03a4e8; position:relative}
#lastnext a:hover{background:#FFF; color:#03a4e8; text-decoration:none}
#diaryblock .diaryBlock{margin-bottom:20px; padding:20px; background:#FFF; border:1px solid #EEC; position:relative; -moz-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px}
#diaryblock .diaryBlock img{position:relative}
#diaryblock h4{font-size:12pt}
#diaryblock h4 .remark{white-space:nowrap}
#diaryblock h4 .button{position:absolute; right:28px}
#diaryblock .subtitle{display:block; background:#FC0; padding:3px 12px; margin:0; font-size:12pt; clear:both; -moz-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0}
#diaryblock .buttonrow{text-align:center; margin:-10px 0 20px; height:1%; position:relative}
#diaryblock .buttonrow:after{content:"&amp;nbsp; "; visibility:hidden; height:0; display:block; clear:both}
#diaryblock .buttonrow a.prev, #diaryblock .buttonrow a.next{padding:0; display:block; width:20%; text-decoration:none; border:1px solid #03A4E8; -moz-border-radius:4px; border-radius:4px}
#diaryblock .buttonrow a:hover{background:#FFF}
#diaryblock .buttonrow a.prev{position:absolute; left:0}
#diaryblock .buttonrow a.next{position:absolute; right:0}
#diaryblock .commentrow{padding-bottom:15px; border-bottom:1px dashed #FC0; margin-bottom:15px}
#diaryblock .commentrow:last-child{border:none; margin:0; padding:0}
#diaryblock .last{border:none}
#emptyintro{background:#FFF; border:1px solid #EEC; border-top:none; padding:15px; -moz-border-radius:8px; border-radius:8px}
#emptyintro #addthis{margin-top:5px}
ul#choice{list-style:none; margin-top:5px; margin-left:15px; padding-left:0}
a.listnote{background:url(../images/listnote.gif) no-repeat; padding:2px 0 2px 20px; display:inline-block}

#guestbook h2.title{display:block; margin:0; padding:0; height:46px; background:url(../images/title-guestbook.png) no-repeat 14px 50%}
* html #guestbook h2.title{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/title-guestbook.png',sizingMethod='scale'); width:112px; height:39px; margin:3px 0 0 12px}
#guestbook h2.title b{display:none}
#menurow{position:absolute; top:15px; width:560px; text-align:center}
#menurow .inside{display:-moz-inline-box; display:inline-block; margin:0 auto}
.tabOn, a.tablink{float:left; white-space:nowrap}
.tabOn .left{display:inline-block; float:left; width:15px; height:37px; background:url(/guestbook/images/ontab-w.png) no-repeat}
* html .tabOn .left{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/guestbook/images/ontab-w.png',sizingMethod='scale')}
.tabOn .center{display:inline-block; float:left; height:37px; background:url(/guestbook/images/ontab-bg.png) repeat-x; font-size:12pt; text-align:center}
* html .tabOn .center{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/guestbook/images/ontab-bg.png',sizingMethod='scale')}
.tabOn .center b{position:relative; top:10px; color:#F90}
.tabOn .right{display:inline-block; float:left; width:15px; height:37px; background:url(/guestbook/images/ontab-e.png) no-repeat}
* html .tabOn .right{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/guestbook/images/ontab-e.png',sizingMethod='scale')}
a.tablink:hover .left{background:url(/guestbook/images/tab-w.png) no-repeat}
* html a.tablink:hover .left{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/guestbook/images/tab-w.png',sizingMethod='scale')}
a.tablink:hover .center{background:url(/guestbook/images/tab-bg.png) repeat-x; font-size:12pt; text-align:center}
* html a.tablink:hover .center{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/guestbook/images/tab-bg.png',sizingMethod='scale')}
a.tablink:hover .center b{color:#FFF}
a.tablink:hover .right{background:url(/guestbook/images/tab-e.png) no-repeat}
* html a.tablink:hover .right{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/guestbook/images/tab-e.png',sizingMethod='scale')}
a.tablink:hover{text-decoration:none; cursor:pointer}
a.tablink .left{display:inline-block; float:left; width:15px; height:31px; background:url(/guestbook/images/rolltab-w.png) no-repeat}
* html a.tablink .left{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/guestbook/images/rolltab-w.png',sizingMethod='scale')}
a.tablink .center{display:inline-block; float:left; height:31px; background:url(/guestbook/images/rolltab-bg.png) repeat-x; font-size:12pt; text-align:center}
* html a.tablink .center{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/guestbook/images/rolltab-bg.png',sizingMethod='scale')}
a.tablink .center b{color:#03a4e8; font-weight:bold; display:block; margin-top:10px}
a.tablink .right{display:inline-block; float:left; width:15px; height:31px; background:url(/guestbook/images/rolltab-e.png) no-repeat}
* html a.tablink .right{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/guestbook/images/rolltab-e.png',sizingMethod='scale')}
.rightElement{position:absolute; top:25px; right:20px}
.rightElement a{color:#FFF}
.rightElement a:hover{color:#03a4e8; text-decoration:none}
#guestbook .brightarea{clear:both; position:relative; text-align:left}

#searchbar{clear:both; background:#EFEFEF; padding:4px 10px; border:1px solid #CCC; text-align:left}
#searchbar .searchbox{float:right; position:relative}
#searchbar .sort{float:left; margin-top:3px; position:relative}
.sort a.on{color:#333; text-decoration:none}

.guestblock{clear:both; background:#FFF; border:1px solid #EEC; padding:20px}
.guestblock .emotionface{float:right}
.guestinfo{margin:0 0 10px 0; clear:both; text-align:left; padding-bottom:8px; border-bottom:1px dashed #EEC}
.guestinfo .reachguest{float:left; position:relative}
.guestinfo .time{display:block; text-align:right}
.guestinfo A.email{display:inline-block; padding:2px 0 2px 21px; background:url(/guestbook/images/icon_email.gif) no-repeat center left}
.guestinfo A.home{display:inline-block; padding:2px 0 2px 21px; background:url(/guestbook/images/icon_www.gif) no-repeat center left}
.guestinfo A.MSN{display:inline-block; padding:2px 0 2px 21px; background:url(/guestbook/images/icon_msnm.gif) no-repeat center left}
.guestinfo .IP{display:inline-block; padding:2px 10px; background:url(/guestbook/images/icon_ip.gif) no-repeat center left}
.guestinfo A.edit{display:inline-block; padding:2px 0 2px 21px; background:url(/guestbook/images/icon_edit.gif) no-repeat center left}
fieldset.reply{padding:0 10px 10px; margin:0; border:#EDA solid 1px; color:#886; background:#FFFFF2}
fieldset.reply legend{color:#FA0; font-weight:bold; padding:10px 0}
.paginginfo{padding-top:10px; clear:both; text-align:left}
.paginginfo .left{float:left}
.paginginfo .page{display:block; text-align:right}

.page a{padding:0 5px; border:1px solid #03a4e8; line-height:14pt; position:relative}
.page a:hover{background:url(../images/roll-button-bg.gif) repeat-x bottom left; text-decoration:none}
.page b{padding:0 5px; background:#03a4e8; color:#FFF}

#selectShow, #selectSort{position:absolute; width:55px; z-index:99; border:1px solid #ECECEC; border-bottom:none; background:#FFF}
#selectSort{width:80px}
#selectShow a, #selectSort a{display:block; padding:1px; border-bottom:1px solid #EEE}
#selectShow a.selected, #selectSort a.selected{color:#666}
#selectShow a:hover, #selectSort a:hover{background:url(../images/roll-button-bg.gif) repeat-x bottom left; text-decoration:none}

/* Write GuestBook */
#guestform{display:block; border:1px solid #EEC; background-color:#FFFFF2; padding:10px; -moz-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px}
#guestform .row{display:table-row; vertical-align:top; clear:both}
#guestform .row .textcol{text-align:right; padding-right:5px}
#guestform .textcol, #guestform .inputcol, #guestform .rightcol{display:table-cell; padding:4px 0; float:left; position:relative}
#guestform .inputcol, #guestform .rightcol{text-align:left}
#guestform .textcol{width:140px; font-weight:bold; vertical-align:top}
#guestform .mandatory{font-weight:normal; font-size:8pt}
#guestform .inputcol, #guestform .rightcol{width:365px}
#guestform .inputcol input{width:100%}
#chooseface{display:block; padding:10px; border:2px solid #03a4e8; background:#FFF}</pre></body></html>