/* fileview.css */
a { color:#098AD4; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }
.tinyTip, .tinyTipB .content {padding:5px; margin:210px 10px 0 0; max-width:180px; font-size:75%; border:#FFF 1px solid; background:#000; filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:2px 2px 4px #CCC, -2px -2px 4px #CCC; -webkit-box-shadow:2px 2px 4px #CCC, -2px -2px 4px #CCC; box-shadow:2px 2px 4px #CCC, -2px -2px 4px #CCC; behavior:url(PIE.htc); }
.tinyTipB { margin-top:5px; }
.tinyTipB .content { margin:0; width:auto; text-align:center}
.tinyTipB .bottom { height:10px; width:100%; margin-top:-11px; margin-left:50px\9; text-align:center; font-size:14px; color:#222; position:relative; z-index:1001;}
h4 { font-size:14px; font-weight:normal; color:#FFF; letter-spacing:-0.04em;  }
h6 {font-size:12px; font-weight:normal; color:#FFF;  letter-spacing:-0.04em;}
.radius5 {-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;behavior:url(PIE.htc);}
.radius15 {-moz-border-radius:15px;-webkit-border-radius:15px; border-radius:15px;behavior:url(PIE.htc);}
.shadow2 {-moz-box-shadow: 1px 1px 2px #999 ;-webkit-box-shadow: 1px 1px 2px #999;box-shadow: 1px 1px 2px #999 ;behavior:url(PIE.htc);}
.shadow2i { -moz-box-shadow: 1px 1px 2px #999 inset;-webkit-box-shadow:1px 1px 2px #999 inset; box-shadow: 1px 1px 2px #999 inset; behavior:url(PIE.htc);}
.shadow2i0 { -moz-box-shadow: 2px 2px 2px #000 inset;-webkit-box-shadow: 2px 2px 2px #000 inset; box-shadow: 2px 2px 2px #000 inset; behavior:url(PIE.htc);}
.con{ background:#E9E9E9; background:-moz-linear-gradient(top, #FFF, #E9E9E9 94%, #CCC ); background:-webkit-gradient(linear, center top, center bottom, from(#FFF), color-stop(94%, #E9E9E9),to(#CCC)); -pie-background:linear-gradient(top, #FFF, #E9E9E9 94%, #CCC );  behavior:url(PIE.htc);}
.hekomi{background:#CCC; background:-moz-linear-gradient(top,#CCC, #E9E9E9 80%, #FFF ); background:-webkit-gradient(linear, center top, center bottom, from(#CCC), color-stop(80%, #E9E9E9),to(#FFF)); -pie-background:linear-gradient(top,#CCC, #E9E9E9 80%, #FFF); behavior:url(PIE.htc);}
.shadow10 { -moz-box-shadow:1px 1px 10px #0CC;-webkit-box-shadow:1px 1px 10px #0CC; box-shadow:1px 1px 10px #0CC; behavior:url(PIE.htc);}
#contents{ background:#FFF;margin:0 auto; padding-top:10px; border-left:5px solid #FFF;border-right:5px solid #FFF;}
/* ================ hedline ================ */
#hedline { width:100%; border-top:1px solid #EEE;}
/* ================ left  ================ */
#left { float:left; width:660px; }
#left h1 { clear:both; font-size:110%;}
#DateBox{ width:100%;float:left; }#ViewBox{ width:20%; float:right;}
#DateBox,#ViewBox { display:block; height:48px; overflow:hidden;margin:0 0 5px;padding:3px 3px 3px 10px; border:1px solid #CCC; text-decoration:none;}
#DateBox p,#ViewBox p {line-height:20px; width:90%; overflow:hidden; font-size:82%;margin-bottom:10px;}
#OpenBtn{ float:right; width:30px; height:30px; line-height:30px; text-align:center; overflow:hidden; border:#CCC 1px solid; cursor: pointer;}
#DateBox b,#ViewBox b { display:block;font-size:12px;}
#DateBox a { display:block; float:left; margin:2px 12px;font-weight:normal; letter-spacing:-0.04em;}

#docfooter { height:100%; overflow:hidden; margin:10px 0 20px;}
#Code,#Joint,#Clap {display:none;}
#jbtn,#codebtn,#favorite, #alarm, #favmsg { display:block; float:right; color:#666; height:50px; line-height:50px; letter-spacing:-0.04em; font-size:82%; text-align:center; font-weight:normal;  }
#jbtn { width:50px; background:url(image/buttons.png) no-repeat -100px 0px;}
#jbtn:hover { background:url(image/buttons.png) no-repeat -100px -50px;}
#jbtn:active {background:url(image/buttons.png) no-repeat -100px -101px;}
#codebtn { width:130px; background:url(image/buttons.png) no-repeat 0px -153px;}
#codebtn:hover { color:#333; text-decoration:none; background:url(image/buttons.png) no-repeat 0px -203px;}
#codebtn:active { background:url(image/buttons.png) no-repeat 0px -254px;}
#favorite { width:50px; background:url(image/buttons.png) no-repeat 0px 0px;}
#favorite:hover { background:url(image/buttons.png) no-repeat 0px -50px;}
#favorite:active { background:url(image/buttons.png) no-repeat 0px -101px;}
#alarm { width:50px; background:url(image/buttons.png) no-repeat -52px 0px;}
#alarm:hover { background:url(image/buttons.png) no-repeat -52px -50px;}
#alarm:active { background:url(image/buttons.png) no-repeat -52px -101px;}
#favmsg { background:#BBB; height:42px; line-height:42px; padding:0 10px; margin-top:4px; color:#FFF;}
#vBox div { background:#EEE; height:100%; overflow:hidden; clear:both;font-size:75%; padding:10px 20px;}
#Code .close, #Joint .close,#Clap .close { background:#FFF; font-size:150%; font-weight:normal; color:#666; display:block; width:20px; line-height:20px; text-align:center; float:right;}
#Code .close:hover, #Joint .close:hover,#Clap .close:hover { color:#111; text-decoration:none;}
#Code form,#Joint form { width:460px;}
#Code textarea,#Joint input,#Commentbox textarea{ width:100%; border:none; padding:5px; border:#DDD 1px solid; color:#999;}
#CodeM{ display:none;} #CodeS { display:none;}
#Code p { margin:5px 0 20px; }
#Code label { display:block; float:left; letter-spacing:-0.04em; margin:0 10px 0 2px;vertical-align:bottom; line-height:25px;}
#S { font-size:120%;} #M { font-size:140%;} #L { font-size:160%;}
#Code input {display:block;float:left; height:25px; width:25px;}
#Joint form input{ width:410px; border:none; margin-bottom:10px; padding:5px; border:#DDD 1px solid; color:#999;}
#Joint p{ float:left; width:80px; margin-left:10px;text-align:right;}
#Joint .con { display:block; margin-top:2px;border:1px solid #ccc; font-weight:normal; font-size:80%; text-align:center; letter-spacing:-0.04em;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
#contena { width:660px; height:100%; overflow:hidden; background:#0FF;}
#good{ background:#CCC; display:block; float:left; color:#666; height:50px;width:135px; line-height:50px; letter-spacing:-0.04em; font-size:82%; text-align:center; font-weight:normal; text-align:right;background:url(image/buttons.png) no-repeat -130px -153px;}
#good:hover { color:#333; text-decoration:none; background:url(image/buttons.png) no-repeat -130px -203px;}
#good:active { background:url(image/buttons.png) no-repeat -130px -254px;}
#default{ display:block;}
/* ================ right ================ */
#right { float:right; width:300px;}
#date { height:100%; overflow:hidden; margin-bottom:10px; padding: 2px 4px 4px; background:#DAEEFA; border:#9CC 1px solid;}
#date img { width:60px; height:60px;margin-top:5px; margin-right:5px; float:left; }
#date b{font-size:12px;}
h3 { font-weight:normal; margin:20px 0 10px; border-bottom:1px solid #CCC;}
#right .moreread {display:block; clear:both; margin-bottom:10px; height:100%; overflow:hidden;  line-height:120%;}
#right .moreread:hover { background:#9C0; text-decoration:none;}
#right .thisuser { background:#EEF5DC;}
#right .moreread img { max-height:100px; max-width:100px; float:left; margin:5px;}
#right .moreread h4 {font-weight:normal; color:#098AD4; font-size:100%; margin:10px 0;}
#right .moreread h5 { font-weight:normal;font-size:88%;}
#right .moreread p { font-size:75%;}
#right .moreread:hover h4, .morebook:hover h5, .morebook:hover p { color:#FFF; }

#tagarea {background:#999; margin-bottom:10px; padding:0 3px 3px; border:#999 1px solid; height:100%; overflow:hidden; }
#tagmidashi { color:#FFF; font-size:88%; }
#tags { padding:0.5em; background:#FFF; width:100%; overflow:hidden;}
#tags a{ padding:0 0.5em ; font-size:88%;}
#tags a:hover{ color:#9C0;}
#comment {position:relative\9; top:10px\9; margin:10px auto; height:100%; overflow:hidden;background:#EBF3F5;}
#disqus_thread { overflow:auto; height:auto;}