@charset "utf-8";

/* == 1 Reset == */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
abbr,acronym{border:0;font-variant:normal;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}

/* == 2 Common == */
body{color:#333;background-color:#fff;font-size:13px;font-family:Verdana,sans-serif;}
#container{position:relative;}
.content{width:800px;margin:0 auto;line-height:1.6;position:relative;}
a{color:#59AEFA;}
h1{font-size:20px;}

/* ===2-1 Header */
#header{position:relative;height:88px;border-top:15px solid #A0CAF0;margin-bottom:20px;}
#header p#site-id{position:absolute;margin-top:-30px;}
#header #nav{position:absolute;top:10px;right:20px;line-height:1;}
#header #nav ul{list-style:none;}
#header #nav ul li{float:left;border-left:1px solid #666;padding:0 8px;}
#header #nav ul .vcard{font-style:italic;}
#header #nav ul .fn{font-weight:bold;}
#header #nav ul li.firstchild{border:none;}
/*#header #nav ul li.firstchild span#login_multi_button{font-size:10px;padding-left:5px;color:#59AEFA;cursor:pointer;}
#header #nav ul li.firstchild span#login_multi_button.active{font-size:10px;padding-left:5px;color:#59AEFA;cursor:pointer;}*/
#header #nav ul li.firstchild a#login_multi_button{text-decoration:none;}
#header #nav ul li.firstchild a#login_multi_button span{text-decoration:underline;}
#header #nav ul li.lastchild{padding-right:0;}

div#multi_login_box{border:1px solid #A0CAF0;width:125px;display:none;position:absolute;top:0px;left:0px;}
div#multi_login_box ul{margin:0px;padding:0px;}
div#multi_login_box ul li{list-style-type:none;padding:6px 0 6px 10px;}
div#multi_login_box ul li a{display:block;text-decoration:none;}

/* ===2-2 Footer */
#footer{width:100%;}
#footer p#copyright{padding:8px;text-align:center;background-color:#A0CAF0;}
#footer p#copyright a{color:#3A668E;}

/* always display at the bottom */
html,body{height:100%;}
div#container{min-height:100%;}
* html div#container{height:100%;}
.content,div#top{padding-bottom:80px;}
div#footer{position:absolute;bottom:0;}

/* == 3 Editor Page == */
#information{position:relative;width:809px;height:27px;margin:-6px auto 12px;background:url(/img/common/bg_information.gif) left top no-repeat;padding-top:11px;}
#information dt{font-weight:bold;float:left;padding:0 24px;background:url(/img/sprite_icons.gif) 0 -82px no-repeat;margin-left:12px;}
#information #info-close-button{background:url(/img/sprite_icons.gif) 0 -122px no-repeat;display:block;position:absolute;top:11px;right:12px;width:20px;height:20px;cursor:pointer;}
#utility{position:relative;padding-bottom:40px;}
#utility #function-menu{list-style:none;float:left;}
#utility #function-menu #new_memo{background:url(/img/sprite_icons.gif) 0 -200px no-repeat;padding-left:24px;display:block;}
#utility #finder-view{position:absolute;right:0;top:2px;}
#utility #finder-view.disable{filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;}
/*
#search-result{position:absolute;border:1px solid #ccc;z-index:3;top:21px;right:0;display:none;}
#search-result span{cursor:pointer;display:block;overflow:hidden;padding:6px 3px 6px 5px;width:316px;background:white;}
#search-result strong{color:black;}
#search-result span.selected{background:#A0CAF0;color:#fff;}
*/
#editor-header{position:relative;margin-bottom:5px;}
#editor-header h1{margin-left:20px;padding:0 4px 0 6px;width:600px;word-break:break-all;cursor:text;overflow:hidden;}
#editor-header #title-outer-edit{padding:0 4px 0 24px;width:600px;word-break:break-all;cursor:text;overflow:hidden;display:none;}
#editor-header #title-outer-edit input{font-family:Verdana,sans-serif;}
#editor-header #title-outer-edit input#title{width:600px;height:28px;font-size:20px;border:1px solid #ccc;padding-top:2px;}
#editor-header img{vertical-align:text-bottom;}
#editor-header #star-button{position:absolute;top:8px;left:0;display:block;width:20px;height:20px;background:url(/img/sprite_icons.gif) 0 -360px no-repeat;cursor:pointer;}
#color-select-box{position:absolute;left:635px;top:8px;z-index:0;}
#color-select-box dt{float:left;font-weight:bold;}
#color-select-box dd{cursor:pointer;display:block;width:20px;height:20px;float:left;background:url(/img/sprite_label.gif) 0 0 no-repeat;}
#color-select-box #color-red{background-position:0 -20px;}
#color-select-box #color-yellow{background-position:-20px -20px;}
#color-select-box #color-green{background-position:-40px -20px;}
#color-select-box #color-blue{background-position:-60px -20px;}
#color-select-box #color-purple{background-position:-80px -20px;}
#color-select-box #color-none{background-position:-100px -20px;}
#color-select-box #color-red.active{background-position:0 0;}
#color-select-box #color-yellow.active{background-position:-20px 0;}
#color-select-box #color-green.active{background-position:-40px 0;}
#color-select-box #color-blue.active{background-position:-60px 0;}
#color-select-box #color-purple.active{background-position:-80px 0;}
#color-select-box #color-none.active{background-position:-100px 0;}
textarea#body{width:794px;border:1px solid #ccc;padding:2px;margin-bottom:8px;resize:vertical;}
#text-styles{border:1px solid #ccc;border-bottom:none;background-color:#eee;padding:4px 8px;*margin-bottom:-1px;}
#text-styles span{position:relative;cursor:pointer;width:20px;height:20px;display:block;margin:2px 4px;float:left;background:url(/img/sprite_tags.png) no-repeat;}
#text-styles span:active{top:1px;left:1px;}
#text-styles span#pallet{background-position:0 0;}
#text-styles span#strong{background-position:-20px 0;}
#text-styles span#italic{background-position:-40px 0;}
#text-styles span#h2{background-position:-60px 0;}
#text-styles span#h3{background-position:-80px 0;}
#text-styles span#h4{background-position:-100px 0;}
#text-styles span#a{background-position:-120px 0;}
#editor-footer{position:relative;margin-bottom:40px;}
#editor-footer dl.url{visibility:hidden;}
#editor-footer dl.url dt{float:left;padding:0 8px 0 24px;background:url(/img/sprite_icons.gif) 0 -840px no-repeat;font-weight:bold;}
#editor-footer dl.url dd{float:left;}
#editor-footer #permission{position:absolute;right:80px;top:0;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#efefef;height:21px;}
#editor-footer #permission div{width:200px;display:inline;}
#editor-footer #permission div.locked{width:250px;}
#editor-footer #permission label{cursor:pointer;height:21px;width:100px;text-align:center;display:block;float:left;}
#editor-footer #permission div.locked label#public_label{width:150px;}
#editor-footer #permission label#public_label a#protected_button{background:transparent url(/img/sprite_icons.gif) no-repeat scroll 0 -882px; padding-left:22px; text-decoration:none;color:#000;font-weight:normal;}
#editor-footer #permission div.locked label#public_label a#protected_button{background:transparent url(/img/sprite_icons.gif) no-repeat scroll 0 -922px;}
#editor-footer #permission label#public_label a#protected_button.locked{background:transparent url(/img/sprite_icons.gif) no-repeat scroll 0 -922px;}
#editor-footer #permission input{margin-right:2px;vertical-align:-1px;}
#editor-footer #permission label.on{font-weight:bold;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#ccc;}
#editor-footer ul.save{position:absolute;right:0;top:0;list-style:none;}
#editor-footer ul.save li span{color:#333;text-decoration:none;font-weight:bold;display:block;padding:0 2px 0 24px;margin-left:8px;cursor:pointer;}
#editor-footer ul.save li span:hover{color:#000;}
#editor-footer ul.save li#save span{background:url(/img/sprite_icons.gif) 0 -480px no-repeat;}
#editor-footer ul.save li#save span.off{background:url(/img/sprite_icons.gif) 0 -520px no-repeat;color:#AAA;}
#editor-footer ul.save li#save-loader{position:absolute;right:-24px;top:0;width:20px;height:20px;background:url(/img/icon/loader.gif) left center no-repeat;visibility:hidden;}
/*#editor-footer ul.save{display:none;}*/
#editor-footer p#error-box{position:absolute;right:0;top:24px;color:red;}
#item_form{margin-bottom:30px;}

/* == 4 Register Page == */
#register{width:445px;margin:30px auto;text-align:center;}
#register #livedoor-id{color:#000;font-size:14px;font-weight:bold;}
#register #google-id{color:#000;font-size:14px;font-weight:bold;}
#register #livedoor-id img{vertical-align:-2px;}
#register #google-id img{vertical-align:-10px;}
#register p{color:#666;margin:16px;}
#register dl{position:relative;text-align:left;}
#register dl dt{margin-bottom:4px;padding-left:22px;}
#register dl#quill-id dt{background:url(/img/sprite_icons.gif) 0 -242px no-repeat;}
#register dl#e-mail dt{background:url(/img/sprite_icons.gif) 0 -282px no-repeat;}
#register dl dd{margin-bottom:16px;font-size:12px;}
#register dl dd input{width:100%;font-size:26px;padding:2px 0;margin:4px 0;border:1px solid #D0D0D0;}
#register dl dd .note{text-align:right;color:#666;}
#register dl dd#quill_id-ok,
#register dl dd#email-ok{background:url(/img/sprite_icons.gif) 0 -642px no-repeat;position:absolute;padding-left:20px;top:35px;left:455px;width:228px;line-height:1.4;}
#register dl dd#id-error,
#register dl dd#mail-error{background:url(/img/sprite_icons.gif) 0 -682px no-repeat;position:absolute;padding-left:20px;top:35px;left:455px;width:228px;line-height:1.4;}
#register dl dd#quill_id-ok,
#register dl dd#email-ok,
#register dl dd#id-error,
#register dl dd#mail-error{display:none;}
#register input#regist_button{margin-top:60px;}

/* == 5 Top Page == */
#top{width:930px;margin:0 auto;padding:0 15px;}
#top h2{margin-bottom:16px;}
#top-mainimage h1{text-indent:-9999px;background:url(/img/top/bg_mainimage.png) center top no-repeat;height:305px;}
#top-lead{height:355px;margin:40px 0 20px;}
#top-lead #tour-movie{width:320px;float:left;border:7px solid #E6F9FE;}
#top-lead #tour-movie embed{visibility:hidden}
#top #lead-body{width:560px;float:right;}
#top #lead-body p{font-size:14px;margin-bottom:24px;line-height:1.6;}
#top #lead-body p.note{font-size:12px;clear:both;}
#top #lead-body dl#login dt{margin-bottom:10px;}
#top #lead-body dl#login dt img{vertical-align:bottom;}
#top #lead-body dl#login dt span{font-size:10px;padding-left:8px;}
#top #lead-body dl#login dd#livedoor-id{float:left;}
#top #lead-body dl#login dd#livedoor-id span{margin:0 16px;}
#top #lead-body dl#login dd#google-id a{background:url(/img/top/icon_google.gif) no-repeat;padding-left:20px;margin:5px;line-height:2;}
#top #lead-body dl#login dd#mixi-id a{background:url(/img/top/icon_mixi.gif) no-repeat;padding-left:20px;margin:5px;line-height:2;}
#top #lead-body p.for-iphone a { font-size:120%; }

/* == 6 Docments == */
.docs h1{margin-bottom:40px;}
.docs .section h2{color:#333;font-size:14px;font-weight:bold;border-bottom:1px solid #A0CAF0;margin-bottom:0.5em;}
.docs .section{margin-bottom:2em;}
.docs .section ul,
.docs .section ol{margin:0 0.5em 0 2em;}
.docs .section p{margin:0 0.5em 1em;}
.docs .section ul.no-bullet{list-style:none;padding-bottom:1em;margin-left:0.5em;}
#about img{float:left;margin:0 16px 8px 0;display:inline;}
#about h1{margin-bottom:10px;}
#about h2{font-size:16px;text-align:right;border:0;}
#about h3{font-weight:bold;}
#about dl.figure dt{font-weight:bold;}
#alert{margin-top:60px;}
#alert dl{margin-bottom:8px;}
#alert dl dt{font-weight:bold;float:left;font-size:14px;}
#alert dl dd.error{color:#f00;}
#alert dl dd{margin-left:12em;}
p.to-index{text-align:right;margin-top:3em;}
#about #tour-movie{width:320px;float:left;border:7px solid #E6F9FE;margin-right:24px;display:inline;height:244px;}
#about #tour-movie embed{visibility:hidden}
/* keyboard shortcut */
#shortcut kbd{border-top:1px solid #aaa;border-right:2px solid #ccc;border-bottom:3px solid #999;border-left:1px solid #aaa;padding:1px 5px;}
#shortcut dt{float:left;width:16em;margin-bottom:8px;}
#shortcut dd{margin-bottom:8px;}
#shortcut .section{position:relative;margin-bottom:50px;}
#shortcut h2{font-size:14px;font-weight:bold;margin:16px 0;}
#shortcut p{margin:16px 0 48px;}
#shortcut h3{font-weight:bold;width:110px;position:absolute;left:0;top:0;padding-top:58px;}
#shortcut h3#key-hd-edit{background:url(/img/docs/key_hd_edit.png) left top no-repeat;}
#shortcut h3#key-hd-memo{background:url(/img/docs/key_hd_memo.png) left top no-repeat;}
#shortcut h3#key-hd-archives{background:url(/img/docs/key_hd_archives.png) left top no-repeat;}
#shortcut .balloon{border:1px solid #a0caf0;width:648px;padding:15px 20px;margin-left:109px;}
#shortcut .balloon h4{margin-bottom:4px;}
#shortcut .item{width:50%;float:left;}

/* == 7 Archive Page == */
#archive-title{vertical-align:top;}
#archive-title h1{float:left;margin-bottom:12px;}
#archive-title span.total-entries{margin:0 5px;line-height:3;color:#666;}
#archive-table{width:100%;margin:10px 0;}
#archive-table tr.odd{}
#archive-table tr.even{background-color:#ECF4FC;}
#archive-table tr.active{background:#FFFFCC;}
#archive-table td,
#archive-table th{padding:3px 8px;}
#archive-table td.mark{width:7px;cursor:pointer;}
#archive-table td.active{background:url(/img/sprite_icons.gif) 4px -757px no-repeat;}
#archive-table tr.even td.active{background-color:#ECF4FC;}
#archive-table td.checkbox{text-align:center;width:20px;}
#archive-table td.star{text-align:center;width:20px;padding:3px 4px;cursor:pointer;}
#archive-table td.label{text-align:center;width:20px;padding:3px 4px;cursor:pointer;}
#archive-table td.item-title .item-title-inner{width:480px;overflow:hidden;white-space:nowrap;}
#archive-table td.item-title .item-title-inner a.public{background:transparent url(/img/sprite_label.gif) no-repeat scroll 0 -60px; padding-left:50px;}
#archive-table td.item-title .item-title-inner a.protected{background:transparent url(/img/sprite_label.gif) no-repeat scroll 0 -100px; padding-left:50px;}
#archive-table td.item-title .nologin{width:618px;}
span.permission_public{color:#f44;}
span.permission_protected{color:#FFBF00;}
#archive-table td.item-created{width:130px;white-space:nowrap;}
#archive-table td.edit{text-align:center;width:20px;}
#archive-table td.edit a{background:url(/img/sprite_icons.gif) 0 -160px no-repeat;display:block;width:20px;height:20px;}
#archive-nav-top{border-bottom:1px solid #ccc;position:relative;}
#archive-nav-top p.notice{position:absolute;right:0;top:-12px;font-size:11px;}
#archive-nav-top p.notice span{padding:1px 0 1px 50px}
#archive-nav-top p.notice span.public{background:transparent url(/img/sprite_label.gif) no-repeat scroll 0 -60px;}
#archive-nav-top p.notice span.protected{background:transparent url(/img/sprite_label.gif) no-repeat scroll 0 -100px;}
#archive-nav-bottom{border-top:1px solid #ccc;margin-bottom:20px;}
ul.function-button{float:left;margin-top:10px;list-style:none;}
ul.function-button li{float:left;padding:0 8px;}
ul.function-button li input{margin-right:4px;vertical-align:middle;margin-bottom:2px;cursor:pointer;}
ul.function-button li label,
ul.function-button li button{cursor:pointer;}
#archive-table .flag{display:block;float:left;width:20px;height:20px;}
#archive-table .star-on{background:url(/img/sprite_icons.gif) 0 -320px no-repeat;}
#archive-table .star-off{background:url(/img/sprite_icons.gif) 0 -360px no-repeat;}
#archive-table .label-red{background:url(/img/sprite_label.gif) 0 0 no-repeat;}
#archive-table .label-yellow{background:url(/img/sprite_label.gif) -20px 0 no-repeat;}
#archive-table .label-green{background:url(/img/sprite_label.gif) -40px 0 no-repeat;}
#archive-table .label-blue{background:url(/img/sprite_label.gif) -60px 0 no-repeat;}
#archive-table .label-purple{background:url(/img/sprite_label.gif) -80px 0 no-repeat;}
#archive-table .label-none{background:url(/img/sprite_label.gif) -120px 0 no-repeat;}
.paging{float:right;margin:10px 4px 10px;}
.paging ul{list-style:none;}
.paging ul li{float:left;font-size:12px;display:inline;/* for IE6 */}
.paging ul li.number{width:20px;text-align:center;border:1px solid #A0CAF0;margin:0px 2px;font-weight:normal;}
.paging ul li.number a,
.paging ul li.number span{display:block;width:20px;line-height:20px;text-decoration:none;}
.paging ul li.number a:hover{background:#ECF4FC;}
.paging ul li.on span{background:#A0CAF0;color:#fff;font-weight:bold;}
.paging ul li.pager{width:12px;line-height:22px;}
.paging ul li.prev{margin-right:8px;}
.paging ul li.next{}
.paging ul li.pager a{display:block;width:20px;height:20px;}
.paging ul li.pager a#prev-page{background:url(/img/sprite_icons.gif) 0 -719px no-repeat;}
.paging ul li.pager a#next-page{background:url(/img/sprite_icons.gif) 0 -759px no-repeat;}
.paging ul li.spacer{width:12px;}
#utility{padding-bottom:32px;}

/* == 8 Permalink Page == */
#memo *{margin:0;padding:0;font-size:100%;text-align:justify;}
#memo{position:relative;margin-bottom:20px;}
#memo h1{font-size:24px;color:#000;}
#memo h1.login{width:640px;}
#memo p.date{font-size:12px;color:#666;}
#memo ul#function-menu{float:right;list-style:none;position:absolute;top:2px;right:0;}
#memo ul#function-menu li{float:left;}
#memo ul#function-menu li a{color:#333;text-decoration:none;font-weight:bold;display:block;padding-left:22px;margin-left:8px;}
#memo ul#function-menu li#edit a{background:url(/img/sprite_icons.gif) 0 -160px no-repeat;}
#memo ul#function-menu li#delete a{background:url(/img/sprite_icons.gif) 0 -560px no-repeat;}
#memo ul#function-menu li a:hover{color:#000;}
#memo p#signature{font-size:14px;color:#666;font-style:italic;text-align:right;}
#memo p#signature .fn{font-weight:bold;}
#memo p#signature .fn a{color:#666;text-decoration:none;}
#memo p#signature .fn a:hover{text-decoration:underline;}
#memo p#memo-permalink{display:none;}
#memo p#report{font-size:11px;font-style:normal;line-height:2;text-align:right;}
#memo-body{margin:45px 0 20px;}
#memo-body h2{font-size:18px;margin:15px 0 10px;font-weight:bold;}
#memo-body h3{font-size:14px;margin:15px 0 5px;font-weight:bold;}
#memo-body h4{font-weight:bold;margin:1em 0;}
#memo-body{margin:32px 0;}
#memo-body p,
#memo-body dl{margin:1em 0;}
#memo-body dd{margin-left:32px;}
#memo-body blockquote{margin:1em 32px;padding:0.5em;border:1px dotted #A0CAF0;}
#memo-body blockquote cite{display:block;text-align:right;}
#memo-body pre{font-family:monospace;}
#memo-body b,
#memo-body strong{font-weight:bolder;}
#memo-body i,
#memo-body cite,
#memo-body em{font-style:italic;}
#memo-body code,
#memo-body kbd{font-family:monospace;}
#memo-body u, 
#memo-body ins{text-decoration:underline;}
#memo-body s,
#memo-body del{text-decoration:line-through;}
#memo-body ul,
#memo-body ol{margin-left:32px;}
#memo-body hr{border-style:solid none none none;margin:1em 8px;}
#memo-body a{color:#59AEFA;}
#memo-body table{border:1px solid #D5E8F9;width:100%;margin:1em 0;}
#memo-body table th{border:1px solid #D5E8F9;text-align:center;background-color:#A0CAF0;color:#333;}
#memo-body table td{border:1px solid #D5E8F9;padding:2px 4px;width:1%;}
/* br 削除（暫定処理） */
#memo-body ol+br,
#memo-body ul+br,
#memo-body li+br{display:none;}

/* == 9 Bookmarklet == */
/* bookmarklet install */
#tools textarea#bookmarklet_code{display:none;}
#tools p#btn-bookmarklet{margin:24px 0;}
#tools .section{margin-bottom:32px;}
#tools h1{margin-bottom:8px;}
#tools h2{font-weight:bold;font-size:14px;margin-bottom:8px;}
#tools h2 span{font-weight:normal;font-size:13px;}
/* bookmarklet popup */
div.popup{width:412px;padding:0 24px 56px;margin-top:-32px;}
div.popup #text-body textarea{width:410px;border:1px solid #ccc;}
div.popup form#bookmarklet h1{overflow:hidden;}
div.popup form#bookmarklet span#title-outer{width:100%;height:25px;display:block;margin-bottom:4px;line-height:1;padding:3px 0 0 2px;white-space:nowrap;overflow:hidden;}
div.popup form#bookmarklet span#title-inner{display:none;}
div.popup form#bookmarklet span#title-inner input{width:410px;height:26px;border:1px solid #ccc;margin-bottom:4px;line-height:1;}
div.popup form#bookmarklet dl#bookmarklet_options{ display:none; }
div.popup p#submit-button{text-align:right;margin:8px 0;}
/* Radio Buttons */
#bookmarklet_options{border:2px solid #A0CAF0;padding:8px 16px 0;*padding-bottom:8px;}
#bookmarklet_options dl{margin-bottom:16px;}
#bookmarklet_options dt{font-size:14px;font-weight:bold;}
#bookmarklet_options dd{float:left;}
#bookmarklet_options label{cursor:pointer;width:59px;line-height:1.7;text-align:center;display:block;margin:4px 24px 4px 0;}
#bookmarklet_options dl#star dd label{background:url(/img/sprite_boolmarklet.png) no-repeat;width:26px;height:24px;padding-left:28px;padding-right:4px;}
#bookmarklet_options dl#star dd label.radio_checked{font-weight:bold;}
#bookmarklet_options dl#star dd#star-on label.radio_checked{background-position:0 -144px;}
#bookmarklet_options dl#star dd#star-on label.radio_unchecked{background-position:0 -168px;}
#bookmarklet_options dl#star dd#star-off label.radio_checked{background-position:-88px -168px;}
#bookmarklet_options dl#star dd#star-off label.radio_unchecked{background-position:-88px -144px;}
#bookmarklet_options dl#label dd label{background:url(/img/sprite_boolmarklet.png) no-repeat;width:56px;height:24px;padding-left:28px;padding-right:4px;}
#bookmarklet_options dl#label dd label.radio_checked{font-weight:bold;}
#bookmarklet_options dl#label dd#label-red label.radio_unchecked{background-position:-88px 0px;}
#bookmarklet_options dl#label dd#label-yellow label.radio_unchecked{background-position:-88px -48px;}
#bookmarklet_options dl#label dd#label-green label.radio_unchecked{background-position:-88px -72px;}
#bookmarklet_options dl#label dd#label-blue label.radio_unchecked{background-position:-88px -24px;}
#bookmarklet_options dl#label dd#label-purple label.radio_unchecked{background-position:-88px -96px;}
#bookmarklet_options dl#label dd#label-none label.radio_unchecked{background-position:-88px -120px;}
#bookmarklet_options dl#label dd#label-red label.radio_checked{background-position:0 0px;}
#bookmarklet_options dl#label dd#label-yellow label.radio_checked{background-position:0 -48px;}
#bookmarklet_options dl#label dd#label-green label.radio_checked{background-position:0 -72px;}
#bookmarklet_options dl#label dd#label-blue label.radio_checked{background-position:0 -24px;}
#bookmarklet_options dl#label dd#label-purple label.radio_checked{background-position:0 -96px;}
#bookmarklet_options dl#label dd#label-none label.radio_checked{background-position:0 -120px;}
#bookmarklet_options dl#permission dd label{width:88px;height:24px;}
#bookmarklet_options dl#permission dd label.radio_checked{background:url(/img/sprite_boolmarklet.png) 0 -192px no-repeat;font-weight:bold;}
.crirHidden{position:absolute;left:-1000px;}
/* bookmarklet done */
#done{text-align:center;}
#done #count-board{background-color:#efefef;color:#676767;padding:48px;margin-bottom:8px;}
#done #count-board p{font-size:38px;font-weight:bold;}
#done #count-board p#count{font-size:88px;}

/* == 10 Login page == */
div#login{text-align:center;}
div#login h1{font-weight:bold;}
div#login ul{list-style:none;border-top:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;padding:6px;margin:12px 0;}
div#login ul li{margin:20px;}

/* == 11 Authorize Page == */
div#authorize{text-align:center;}
div#authorize h2{font-size:16px;font-weight:bold;margin-top:40px;margin-bottom:30px;}
div#authorize div.fail-message{color:red;}
div#authorize form#authorize-form{margin-top:30px;}
div#authorize form#authorize-form div.message{margin-bottom:8px; margin-right:177px;}
div#authorize form#authorize-form input.password{width:338px;}
div#authorize form#authorize-form input.submit{width:100px;margin-top:10px;}

/* == ex1 Clearfix == */
#shortcut .balloon:after,
#bookmarklet_options dl:after,
#utility:after,
#alert dl:after,
#top #top-lead:after,
#archive-nav-top:after,
#archive-nav-bottom:after,
#archive-title:after,
#text-styles:after,
#editor-header:after,
#editor-footer:after,
#menu:after,
.content .section:after,
.content:after,
.clearfix:after{content:"";display:block;clear:both;}
#shortcut .balloon,
#bookmarklet_options dl,
#utility,
#alert dl,
#top #top-lead,
#archive-nav-top,
#archive-nav-bottom,
#archive-title,
#text-styles,
#editor-header,
#editor-footer,
#menu,
.content .section,
.content,
.clearfix{zoom:1;}


/* == ex2 javascript.css by abui == */
div#lightbox{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;background:#EEE;position:absolute;z-index:2;top:0px;left:0px;display:none;}
div#indicate_box{display:none;position:absolute;width:250px;top:0px;left:0px;text-align:center;background:white;z-index:3;padding:10px;border:2px solid #A0CAF0;}
div#indicate_box img#indicate_image{padding-bottom:10px;}
div#indicate_box a#indicate_box_close_button{display:none;}
div#indicate_box div#indicate_message_box{font-weight:bold;padding-bottom:5px;}
div#indicate_box div#indicate_message_box.error{color:red;}
div#indicate_box form#invite_form{display:none;}
div#indicate_box form#invite_form ul{list-style-type:none;text-align:left;margin:10px 0;}
div#indicate_box form#invite_form ul li{margin-bottom:2px;}
div#indicate_box form#invite_form ul li label{cursor:pointer;}
div#indicate_box form#invite_form ul li.operator{margin-top:5px;}
div#indicate_box form#invite_form ul li.active{}
div#indicate_box form#invite_form div#invite_message_box{}
iframe#wysiwyg{border:1px solid black;width:800px;height:300px;}
a.active-button{color:black;text-decoration:none;font-weight:bold;}
#color-pallet{display:none;position:absolute;top:0px;left:0px;border-top:1px solid #AAA;border-left:1px solid #AAA;}
.pallet{width:16px;height:16px;cursor:pointer;border-right:1px solid #AAA;border-bottom:1px solid #AAA;font-size:1px;}
#permission-button{text-decoration:none;}
#lightbox{filter:alpha(opacity=1);-moz-opacity:0.1;opacity:0.1;background:#EEE;position:absolute;z-index:2;top:0px;left:0px;display:none;}
b.search-highlight{background:yellow;}

/* abui test */
#search-result{background:white;height:320px;display:block;z-index:4;}
#search-result table{}
#search-result table tr{cursor:pointer;}
#search-result table tr.selected{background:#ECF4FC;}
#search-result table td.mark{width:20px;}
#search-result table td.selected{background:transparent url(/img/sprite_icons.gif) no-repeat scroll 0 -761px;}
#search-result table div.item-title{width:600px;overflow:hidden;white-space:nowrap;}
div#lightbox-finder-view-dummy{display:none;position:absolute;top:0px;left:0px;border:2px dashed #A0CAF0;z-index:5;cursor:move;}
div#lightbox-finder-view {display:none;position:absolute;top:0px;left:0px;background:white;z-index:3;width:640px;border:5px solid #A0CAF0;}
div#lightbox-finder-view.disable {filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
div#lightbox-finder-view.ondrag {filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
div#lightbox-finder-view.onresize {filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;cursor:s-resize;}
div#lightbox-finder-view div#lightbox-finder-view-title {background:#A0CAF0; padding:6px 0 10px 0; font-size:17px; color:white;}
div#lightbox-finder-view div#lightbox-finder-view-inner {padding:10px;}
div#lightbox-finder-view div#lightbox-finder-view-inner.ondrag {visibility:hidden;}
div#lightbox-finder-view div#lightbox-finder-view-inner.onresize {visibility:hidden;}
div#lightbox-finder-view div#lightbox-finder-view-inner #upper-item{cursor:pointer;color:#339CF9;border-bottom:1px solid #ECF4FC;margin-bottom:5px;font-size:11px;}
div#lightbox-finder-view div#lightbox-finder-view-inner #upper-item.hover{background:#ECF4FC;}
div#lightbox-finder-view div#lightbox-finder-view-inner #down-item{cursor:pointer;color:#339CF9;border-top:1px solid #ECF4FC;margin-top:5px;font-size:11px;padding-top:2px;}
div#lightbox-finder-view div#lightbox-finder-view-inner #down-item.hover{background:#ECF4FC;}
div#lightbox-finder-view div#finder-view-resize {text-align:center;background:#A0CAF0;color:white;font-size:1px;height:10px;cursor:s-resize;}
form#finder-view-search{margin:0 0 10px 0;padding:0px;text-align:right;}
form#finder-view-search input#search-query{background:url(/img/sprite_icons.gif) 0 0 no-repeat;padding:2px 2px 2px 20px;border:1px solid #ccc;width:302px;}
div#lightbox-finder-view div#lightbox-finder-view-inner ul#shortcut{list-style:none;margin:0px;padding:0px;}
div#lightbox-finder-view div#lightbox-finder-view-inner ul#shortcut li{float:left;}
div#lightbox-public-confirm{display:none;position:absolute;top:0px;left:0px;background:white;z-index:3;padding:10px;width:480px;border:5px solid #A0CAF0;}
div#lightbox-public-confirm form#public-confirm-form{}
div#lightbox-public-confirm form#public-confirm-form div#public-confirm-message{margin:10px 0 15px;font-size:16px;font-weight:bold;}
div#lightbox-public-confirm form#public-confirm-form div#toggle-wrapper{text-align:center;}
div#lightbox-public-confirm form#public-confirm-form div#toggle-wrapper a{padding-left:22px;background:transparent url(/img/sprite_icons.gif) no-repeat scroll 4px -761px;}
div#lightbox-public-confirm form#public-confirm-form div#toggle-wrapper a.open{background:transparent url(/img/sprite_icons.gif) no-repeat scroll 4px -1001px;}
div#lightbox-public-confirm form#public-confirm-form div#protected-inner{display:none; margin:20px 0 20px 40px;text-align:center;}
div#lightbox-public-confirm form#public-confirm-form div#protected-inner #protected-password{font-size:14px;padding:1px 2px;width:200px;}
div#lightbox-public-confirm form#public-confirm-form div#protected-inner #protected-inner-message{font-size:10px;color:#999;}
div#lightbox-public-confirm form#public-confirm-form div#protected-inner #protected-inner-attention{margin-top:10px;}
div#lightbox-public-confirm form#public-confirm-form div.confirm-buttons{margin:15px 0 5px}
div#lightbox-public-confirm form#public-confirm-form div.confirm-buttons input{width:100px;}

div#saving-box{display:none;position:absolute;background:#A0CAF0;font-weight:bold;color:white;padding:5px 10px 6px 16px;top:0px;right:0px;border:1px solid #77B6EF;}

/* == ex3 errors == */
#error-message{text-align:center;}
#error-message p{margin-top:5em;}