@charset 'UTF-8';


/* ====== !OVERRIDE ====== */
body{ background:url(cssimg/bg.jpg) repeat-x; }
body,#base{ color:#555; }
a { color:#389; }
a:hover { color:#FF0000; text-decoration:underline; }
#main .item .edit ul li a{ background:#389; color:#FFF; }
#main .item .edit ul li a:hover{background:#4AA; }
#main .item .edit ul li a{ border-right:1px solid #477; border-bottom:1px solid #477; }
h1,h2,h3,img,blockquote,object,embed,div{ border-color:#DDD; border-style:solid; border-width:0; }
h1,h2,h3,#main .item{ color:#124; border-top-color:#389; }
th{ color: #124; }

/* ====== BASE ====== */

body{ text-align:center; font-size:100%;}
html>body { font-size: 12pt; }

#base{
font-size:83%;
font-family:Futura,'Century Gothic',sans-serif;
text-align:left;
line-height:1.5;
}

h2,h3{border-top-width:1px;}

/* ====== GLOBAL SITE'S logo ======= */

#pubHeader{ width:128px; padding-top:22px;}
#pubHeaderTitle a{display:block; height:36px;}
#pubHeaderTitle a img{ border:0; margin-left:20px; }

div#gHeader{ color:#FFF; }

/* ====== GLOBAL SITE'S intro ======= */
#pubIntro{ width:760px; margin:0 auto; position:relative; border-bottom:3px solid #399;}
#pubIntro p{ margin:0; padding:0;}
#pubIntro p.intro{ width:548px; padding-top:32px; background:url(cssimg/hasami.jpg) right top no-repeat; float:left; line-height:0;  position:absolute; top:-19px; }
#pubIntro p.intro img{ border:19px solid #FFF; }
#pubIntro p.register{ width:200px; float:right; padding:21px 0 15px 0; }
#pubIntro p.register a{ display:block; height:63px; background:url(cssimg/register_btn.jpg) repeat-x; text-indent:-4000px; overflow:hidden; }
/* ====== HEADER ====== */

#headerTitle{ font-size:180%; font-weight:bold; padding-top:20px; padding-left:20px; }
#headerTitle a{ color:#FFF; text-decoration:none; }
#headerTitle a:hover{ text-decoration:underline; }

/* ====== GNAVI ====== */

#gNavi{ width:760px; margin:0 auto; padding-top:1em;}
#gNavi ul li{ display:inline; padding:0 1em 0 0; font-weight:bold; font-size:100%; }

/* ====== WRAPPER ====== */

#wrapper{ clear:left; padding-top:18px; width:760px; margin:0 auto; clear:both;}

/* ====== MAIN ======= */

#main{ width:550px; overflow:hidden; float:left; padding-bottom:40px; }
#main h1{ font-size:180%; line-height:1.2; padding-bottom:10px;}
#main .item{ border-top-width:2px;margin-top:1.5em; }
#main .item h2{ border:0; padding:1em 0; font-size:120%; }
#main .item img,
#main .item blockquote{ border-width:8px; margin-bottom:1em; }
#main .item blockquote{ padding:.5em; }
#main .item .edit ul{ float:right; text-align:right; margin-bottom:.5em; }
#main .item .edit ul li{ display:inline; margin:0 0 0 4px; }
#main .item .edit ul li.confirm{ display:none;}
#main .item .edit ul li a{ padding:3px; border-right-width:1px; border-bottom-width:1px; }
#main .item p.date,
#main .item p.by{ display:inline; }
#main .item.history p.by{ font-size:144%; font-weight:bold; }
#main .item.history .itemBody{ padding-top:.5em; }
#main .item div.meta{
 font-family:Verdana,Helvetica,sans-serif;
 font-size:83%;
 margin-top:1em;
 border-style:dotted;
 border-top-width:1px;
 margin-bottom:1em;
 padding:.5em 0;
}
#main .item div.meta a{ color:#888; }
#main .item div.meta p,
#main .item div.meta ul li{ display:inline; }
#main .item div.meta ul li{ padding-right:.5em; }
#main a.counts{ font-weight:bold; font-style:italic; background:#FDD; padding:0 .5em; font-family:Verdana,Helvetica,sans-serif;}

#main .itemBody ul{ list-style-type:disc; padding-left:2em; }
#main .itemBody ol{ list-style-type:decimal; padding-left:2em; }

#main table.profile td{ border-bottom:1px dotted #DDD; }
#main p.message{ background:#EEE; font-weight:bold; padding:.5em 1em; color:#C00;}

#main div.avatar{ padding-bottom:4px; }

#main div#comments img{ margin-bottom:0; border:1px; vertical-align:middle; }
#main div#comments dd{ border-bottom:1px dotted #DDD; margin-bottom:8px; }

#main table.profile ul{ padding-left:0; }

/* ==== TOP ==== */

/*
#mainPopular h2{ clear:left; padding:5px 0; }
#mainPopular h1.recent{ margin-top:23px; }
#mainPopular ul.images li{ width:89px; float:left; list-style-type:none; line-height:1.1; padding-bottom:5px; }
#mainPopular ul.images li a.counts{ display:block; text-align:center; margin:0 15px 0 0; }
#mainPopular ul.bookmarks li a.title{ font-size:120%; }
#mainPopular ul.images li a.counts{ font-size:smaller; }
#mainPopular ul.bookmarks li{ padding-bottom:12px; line-height:1.3; list-style-type:square; margin-left:18px;}
#mainPopular ul li span.title{ font-weight:bold; }
#mainPopular ul li span.meta{ font-size:smaller; font-family:Verdana,Helvetica,Arial,sans-serif; }
#mainPopular ul li span.meta a{ color: #999; }
#mainPopular ul li span.meta a:hover{ color: #F66; }
*/
#mainPopular h1.recent { margin-top:23px; }
#mainPopular h2.popular { clear:both; padding:5px 0; border:0; }
#mainPopular ul.images li { float:left; list-style-type:none; line-height:0; padding-bottom:0; }
#mainPopular ul.images li div { overflow:hidden; width:132px; height:130px; margin:1px; border:1px solid #ccc;}
#mainPopular ul.images li a.counts { display:block; text-align:center; margin:0 15px 0 0; }
#mainPopular ul.bookmarks li a.title { font-size:120%; }
#mainPopular ul.images li a.counts { font-size:smaller; }
#mainPopular ul.bookmarks li { padding-bottom:.5em; line-height:1.3; list-style-type:square; margin-left:18px;}
#mainPopular ul li span.title { font-weight:bold; }
#mainPopular ul li span.meta { font-size:smaller; font-family:Verdana,Helvetica,Arial,sans-serif; }
#mainPopular ul li span.meta a { color: #999; }
#mainPopular ul li span.meta a:hover { color: #F66; }
#mainPopular div.more-popular { clear:both;text-align:right; }
#mainPopular div.more-popular p { margin-bottom:2px;font-size:110%;font-weight:bold }
#mainPopular div.more-popular p span.imageflow-show-settings a{ color:#399; background:#FEE url(/css/cssimg/option.jpg) no-repeat 3px 5px;padding:1px 3px 2px 16px; }
#mainPopular div.more-popular p span.imageflow-show-settings a:hover{ color:#F60; }


/* ====== FORMS ======= */

th,td{ padding:2px .5em 2px 0; vertical-align:top; }
.bookmark-edit th,
.bookmark-edit td{ padding:0; }
th{ font-weight:bold; text-align:right; }
table input{padding:1px 2px;}

/* ====== SUB ====== */

#sub{ width:190px; float:right; overflow:hidden; padding-bottom:40px; }
#sub h2{ border-top-width:8px; padding-bottom:10px; }
#sub .section{ padding-bottom:20px; }
#sub .section dt img{ vertical-align:middle; }
#subTags ul li{ display:inline; }

/* ====== FOOTER ====== */

#footer{
padding-top:10px;
border-top-width:1px;
clear:both;
font-size:83%;
text-align:center;
}

#footer ul.navigation li{ display:inline; padding:0 .5em; }



/* === GUIDE PAGE === */

div.item.guide ol li{ width:183px; float:left; padding:0; margin:0; list-style-type:none;}
div.item.guide ol li p{ padding-right:10px; padding-left:7px; }
div.item.guide img { border:0 !important; margin-bottom:5px !important;}


#wrapper a.importantLink{ background:#399; display:block; padding:1em 0; margin-right:13px; color:#FFF; font-weight:bold; font-size:144%; text-align:center; margin-bottom:.5em; }
#wrapper a.importantLink:hover{ color:#FF9; }
#sub.guide{margin-top:230px; }
#sub a.importantLink{ margin-left:13px; }
#sub.guide{ background:#FFF; text-align:center;}
#sub.guide h2{ border:0;}

/* === ABOUT PAGE === */

div.item.about p.odd{padding-left:110px;}
div.item.about p.even{padding-right:110px;}
div.item.about img{ border:0 !important; border-top:10px solid #FFF !important; }
div.item.about h2{ border-top:1px dotted #CCC !important; padding:.5em 0 !important; }
div.item.about p.clipp{background:url(cssimg/about_clipp.jpg) no-repeat left top;}
div.item.about p.memo{background:url(cssimg/about_memo.jpg) no-repeat right top;}
div.item.about p.share{background:url(cssimg/about_share.jpg) no-repeat left top;}
div.item.about p.follow{background:url(cssimg/about_follow.jpg) no-repeat right top;}
div.item.about p.bkmklt{background:url(cssimg/about_bkmklt.jpg) no-repeat left top;}

/* === ERROR === */

p.errorMessage{ background:url(cssimg/error.png) no-repeat; padding-left:150px; height:150px; }