@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:20px;
    font-family:Verdana, sans-serif;
}
.header {
    background: #A0CAF0;
    color: white;
    padding: 8px 0;
    text-align:center;
}
#container {
    width: 320px;
}
a {
    color:#59AEFA;
}
.hide {
    display: none;
}
.clear { 
    clear: both;
}
#footer { 
    text-align:center;
}
#footer_links {
    border-top: 1px solid #AAA;
    margin: 10px 0;
}
#footer_links li {
    padding: 6px 0 6px 10px;
    border-bottom: 1px solid #DDD;
}
#footer_links li a {
text-decoration: none;
display:block;
}
#footer_links .icon {
background:transparent url(/img/sprite_icons.gif) no-repeat scroll 0 -756px;
display:block;
float:right;
width:23px;
}

/* == 3 Lightbox == */

.lightbox {
    width: 100%;
    height: 100%;
    background: #EEE;
    filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;
    z-index:2;
    position: absolute;
    top: 0px;
    left: 0px;
}
.lightbox_content {
    border: 1px solid #A0CAF0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: white;
    padding: 10px 0;
    width: 220px;
    text-align:center;
    z-index:3;
    position: absolute;
    top: 0px;
    left: 0px;
}
.lightbox_content_inner {
    background:transparent url(/img/icon/loader.gif) no-repeat scroll 2px 6px;
    padding-left: 24px;
}
.lightbox_content ul.navigation {
    font-size: 16px;
    margin-top: 5px;
    margin:0px;
    padding:0px;
}
.lightbox_content ul.navigation li {
    list-style-type:none;
}
.lightbox_content ul.navigation li.spacer {
    margin-bottom: 8px;
}
.lightbox_content ul.navigation li.spacer_top {
    margin-top: 8px;
}


/* == 4 docs/about == */

.about {
margin: 10px 10px 0 10px;
padding: 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border: 1px solid #E2EFFA;
background: #E2EFFA;
}
.about dl {}
.about dl dt {
    font-weight: bold;
    font-size:15px;
    padding-bottom: 5px;
}
.about dl dd {
    font-size:14px;
    padding-bottom: 10px;
}
.about_balloon_tail {
background:transparent url(/img/top/bg_howto_baloon.gif) no-repeat scroll 120px 0;
}
.about_balloon_tail .icon {
position:relative;
right:-210px;
}

/* == 5 quill.to/[user] == */
div.condition { 
    padding: 4px 0;
}
div.condition .star { 
    background:transparent url(/img/sprite_icons.gif) no-repeat scroll 3px -755px;
    padding-left:24px;
    margin-right:10px;
}
table.items {}
table.items tr {}
table.items tr.odd {}
table.items tr.even {
    background: #ECF4FC;
}
table.items tr td {
    height: 40px;
}
table.items tr td.title {}
table.items tr td.title .text {
    width:240px; overflow:hidden; white-space:nowrap;
}
table.items tr td.star {
    padding: 0 10px;
}
table.items tr td.star .star_base {
    background:transparent url(/img/sprite_icons.gif) no-repeat scroll; display:block; width:20px; height:20px;
}
table.items tr td.star .off {
    background-position: 0 -360px;
}
table.items tr td.star .on {
    background-position: 0 -320px;
}
table.items tr td.star .loading {
    background:transparent url(/img/icon/loader.gif) no-repeat scroll 2px 2px;
}
table.items tr td.more {
    padding-left: 10px;
    padding-right: 10px;
}
table.items tr td.more .button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #AAA;
    background: white;
    color: orange;
    padding: 0 3px;
}

ul.more_menus {
width: 150px;  position: absolute; background:white; border:1px solid #AAA; -webkit-border-radius: 5px; -webkit-box-shadow: 5px 5px 5px gray;
}
ul.more_menus li {
list-style-type: none;
padding: 8px 0;
}
ul.more_menus li.split {
border-bottom: 1px solid #AAA;
}
ul.more_menus li a { 
color:#333;text-decoration:none;font-weight:bold;display:block;padding-left:22px;margin-left:8px;
}
ul.more_menus li.edit a{background:url(/img/sprite_icons.gif) 0 -157px no-repeat;}
ul.more_menus li.delete a{background:url(/img/sprite_icons.gif) -2px -557px no-repeat;}

/*** 6, edit/[*] ***/
.item_form{padding:15px;}
.item_form .title_box{width:100%; margin-bottom:8px;}
.item_form .title_box .title_edit {display:block; background:transparent url(/img/sprite_icons.gif) no-repeat scroll 0 -160px; width:20px; height:20px; float:right; margin-top:5px; text-decoration:none;}
.item_form .body_box{}
.item_form .body_box textarea {width:100%; height:300px; border:1px solid #A0CAF0;}
.item_form .toggle_more_box {margin: 10px 0;}
.item_form .toggle_more_box a {background:transparent url(/img/sprite_icons.gif) no-repeat scroll 0 -760px; font-size:15px; padding-left:20px;}
.item_form .toggle_more_box a.open{background:transparent url(/img/sprite_icons.gif) no-repeat scroll 0px -1001px}
.item_form .buttons .button_cancel {float:right;font-size:15px;background:transparent url(/img/sprite_icons.gif) no-repeat scroll 0 -119px;margin-top:14px;padding-left:22px;}
#more_option{border:1px solid #A0CAF0;padding:0 15px;*padding-bottom:8px;margin-bottom:15px;height:330px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
#more_option dl{padding-top:10px; clear:both;}
#more_option dt{font-size:14px;font-weight:bold;border-bottom:1px solid #A0CAF0;padding:0 0 5px 5px;}
#more_option dd{font-size:14px;float:left;padding-top:5px;}
#more_option label{cursor:pointer;width:59px;line-height:1.7;text-align:center;display:block;margin:4px 24px 4px 0;}
#more_option dl#star dd label{background:url(/img/sprite_boolmarklet.png) no-repeat;width:26px;height:24px;padding-left:28px;padding-right:4px;}
#more_option dl#star dd label.radio_checked{font-weight:bold;}
#more_option dl#star dd#star-on label.radio_checked{background-position:0 -144px;}
#more_option dl#star dd#star-on label.radio_unchecked{background-position:0 -168px;}
#more_option dl#star dd#star-off label.radio_checked{background-position:-88px -168px;}
#more_option dl#star dd#star-off label.radio_unchecked{background-position:-88px -144px;}
#more_option dl#label dd label{background:url(/img/sprite_boolmarklet.png) no-repeat;width:56px;height:24px;padding-left:28px;padding-right:4px;}
#more_option dl#label dd label.radio_checked{font-weight:bold;}
#more_option dl#label dd#label-red label.radio_unchecked{background-position:-88px 0px;}
#more_option dl#label dd#label-yellow label.radio_unchecked{background-position:-88px -48px;}
#more_option dl#label dd#label-green label.radio_unchecked{background-position:-88px -72px;}
#more_option dl#label dd#label-blue label.radio_unchecked{background-position:-88px -24px;}
#more_option dl#label dd#label-purple label.radio_unchecked{background-position:-88px -96px;}
#more_option dl#label dd#label-none label.radio_unchecked{background-position:-88px -120px;}
#more_option dl#label dd#label-red label.radio_checked{background-position:0 0px;}
#more_option dl#label dd#label-yellow label.radio_checked{background-position:0 -48px;}
#more_option dl#label dd#label-green label.radio_checked{background-position:0 -72px;}
#more_option dl#label dd#label-blue label.radio_checked{background-position:0 -24px;}
#more_option dl#label dd#label-purple label.radio_checked{background-position:0 -96px;}
#more_option dl#label dd#label-none label.radio_checked{background-position:0 -120px;}
#more_option dl#permission dd label{width:88px;height:24px;}
#more_option dl#permission dd label.radio_checked{background:url(/img/sprite_boolmarklet.png) 0 -192px no-repeat;font-weight:bold;}
#more_option dl#permission dd input.protected_password {width:120px;margin:5px 0 0 5px;}
.crirHidden{position:absolute;left:-1000px;}

/** detail **/
#memo { padding:10px; }
#memo #memo-body {}
#memo .date { text-align:right; font-size:15px; }

/** lite-portal **/
#lite-portal { padding: 10px; text-align: center; }
#lite-portal .about-lite-quill { font-size:15px; margin-bottom:10px; }
/*#lite-portal .login-livedoor { margin-bottom: 10px; }*/

/***********
   paging
***********/
.paging{margin:10px 0 10px 42px; height:28px;}
.paging ul{list-style:none;}
.paging ul li{float:left;font-size:15px;display:inline;/* for IE6 */}
.paging ul li.number{width:28px;text-align:center;border:1px solid #A0CAF0;margin:0px 4px;font-weight:normal;}
.paging ul li.number a,
.paging ul li.number span{display:block;width:28px;line-height:20px;text-decoration:none;padding:3px 0;}
.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:28px;height:28px;}
.paging ul li.pager a#prev-page{background:url(/img/sprite_icons.gif) -3px -715px no-repeat;}
.paging ul li.pager a#next-page{background:url(/img/sprite_icons.gif) 3px -755px no-repeat;}
.paging ul li.spacer{width:12px;}

/******************
    bubble box
******************/
.bubble_box { 
position:absolute;
left:90px;
top:664px;
}
.bubble_box .bubble {
position:relative;
width:170px;
}
.bubble_box .bubble .body {
-moz-border-radius:6px;
-webkit-border-radius:6px;
background-color:#A0CAF0;
color:#FFFFFF;
font-size:13px;
margin:0;
padding:12px;
text-align:justify;
}
.bubble_box .bubble .tail-bottom-right {
border-left:12px solid transparent;
border-right:12px solid transparent;
border-top:24px solid #A0CAF0;
bottom:-18px;
height:0;
left:50%;
margin-left:-12px;
position:absolute;
width:0;
}

/** errors **/
div#error-message * {
    margin-bottom: 10px;
}