@charset "utf-8";
/* Reset ------------------------------------------------------------------ */

html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td{
margin:0; padding:0; font-family:'Verdana','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size:13px; font-weight:normal;}

/* for IE6以下 */
* html body *{
 font-family:'Verdana','ＭＳ Ｐゴシック',sans-serif; font-size:10.5pt;}
/* for IE7 */
*:first-child+html body *{
font-family: 'メイリオ', Meiryo, sans-serif; font-size:10pt;}

table { border-spacing:0; }
em,strong { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }

/* Layout ----------------------------------------------------------------- */

body { text-align: center; background: #ccc; }

#container { width: 880px; margin: 0 auto; text-align: left; border-left :1px solid #666; border-right:1px solid #666; background :#fff; }
#alpha { display:inline; float:left; width: 600px; }
#beta { display:inline; float:left; width: 280px; }

#content{ padding: 20px auto; }
#footer-inner { padding: 20px; }
#alpha-inner { padding-left:30px; padding-right:30px; }
#beta-inner { padding-left:20px; padding-right:20px; }

/* Utilities */
.pkg:after, #content:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
.pkg, #content { display:inline-block; }
/* no ie mac \*/
* html .pkg, * html #content { height: 1%; }
.pkg, #content { display: block; }
/* */

/* Content ---------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, pre, blockquote, fieldset, ul, ol, dl { margin-bottom: .75em; }
p { margin-bottom: 1.5em; }
blockquote, ol, ul { margin-left: 20px; background-repeat: repeat-y; }
ol { list-style: decimal outside; }
ul { list-style: disc outside; }
.item { list-style: none; }

/* Assets */
.asset-header { margin-bottom:15px; padding-left:15px; background  : url(http://nj-clucker.com/img/background_title.gif) repeat-y left top; }
.asset-name { margin-bottom: .1em; color:#369; font-size:15px; font-weight:bold;}
.asset-date { color:#ccc; font-weight:bold;}
.asset-content{ line-height:1.5; color:#333; }


.asset,
.comments,
.archive { overflow: hidden; width: 100%; }

.asset,
.comments,
.comments-content,
.archive {
margin-bottom: 1.5em;
}

.asset-content,
.comments-header,
.comment-footer,
.comments-open-header,
.comments-open-content,
.comments-closed,
#comment-form-external-auth,
.comments-open-moderated,
.comments-open-content div,
#comments-open-text,
.archive-content {
margin-bottom: .75em;
}

.entry-categories{ margin-bottom: .5em; }

.asset-footer { margin-top: 1.5em; padding-top: .5em; border-top : 1px solid #ccc; }
.content-nav { text-align: center; }

/* Header ------------------------------------------------------------ */
#header { margin-bottom: 10px; }
#header a { color: #666666; font-weight: normal; }
#header-inner{ padding: 100px 30px; }
#header-name { margin: 0 0 5px; }
#header-name a{font: bold 18pt/100% Verdana;color:#667;}
#header-description{ color:#999999;}

/* Footer ------------------------------------------------------------ */
#footer { margin-top: 10px; background: #aaa; }

/* Comment ----------------------------------------------------------- */
.comments-header,
.comments-open-header{ padding: 3px 10px; border-left: 9px solid #ccc; border-bottom: 1px solid #ccc; }
.comments-content { padding-left:30px;}
.comment { margin-bottom:30px; }
.comment-content{ line-height:1.5; }
.comment-content p{margin-bottom:1em;}
.comment-footer { padding-top: .5em; border-top : 1px solid #ccc; }

.comments-open-content input,
.comments-open-content textarea { vertical-align:middle; }
#comm-auth, #comm-url, #comm-txt { width: 70%; }
#comment-submit { vertical-align: middle; width:120px; height:30px; }
#comments input,#comments textarea { padding:5px;}

/* Widget ----------------------------------------------------------------- */

.widget { margin-bottom:30px; position: relative; width: 100%; }
.widget-header { padding-bottom:5px; border-bottom: 1px dotted #ccc; color:#369; font-weight:bold;}
.widget-content { margin: 5px 0 0;line-height:1.5; color:#333;}
.widget-list, .archive-list { margin:0; padding:0; list-style:none; }
.widget-list .widget-list { margin-left: 15px; }
.widget-list-item { margin-top: 5px; margin-bottom: 5px; }

.widget-assets .widget-content .widget-list {
overflow: auto;
margin-right: 0;
}

.widget-syndicate .blog-feeds {
list-style: none;
margin: 5px 0;
}

.widget-links ul li {
width: 100%;
padding-left: 20px;
background: transparent url(http://nj-clucker.com/img/list_links.gif) no-repeat left 1px;
}

.widget-archives ul li,
.widget-recent-comments ul li.entry_title {
margin: 0;
width: 95%;
padding-left: 20px;
background: transparent url(http://nj-clucker.com/img/list_entries.gif) no-repeat left 1px;
}
.widget-recent-comments ul{ margin-bottom:1em; }
.widget-recent-comments ul li {
width: 100%;
padding-left: 20px;
background: transparent url(http://nj-clucker.com/img/list_comments.gif) no-repeat left 1px;
}

/* Common ----------------------------------------------------------------- */
.R { width:100%; text-align:right; }
.C { width:100%; text-align:center;}

.w100{width:100px;}
.w200{width:200px;}

h1.archive-title { padding:3px 0 3px 5px; margin-bottom:0.8em; border-left: 5px solid #ccc; color:#777788; font-weight:bold; }
h2.archive-header,
h4{ padding:3px 0 3px 5px; margin-top:2em; margin-bottom:0.8em; border-left: 5px solid #ccc; color:#777788; font-weight:bold; }

.ranking{margin:2em 0; line-height:1.5; color:#333;}


a         { outline-style : none; text-decoration:none;}
a:link,
a:visited { color: #3370aa; }
a:hover   { color: #8CBAD9; }

img { border-style:none;}
img.OutLine{ padding:5px; border:1px solid #999; }
img.LFloat { float:left; margin: 0 15px 15px 0; }
img.RFloat { float:right; margin: 0 0 15px 15px; }
.clr{
clear : both;
overflow: hidden;
margin:0 -1px -1px 0; padding:0; width:1px; height:1px; border:0; font-size:0; line-height:0;
}

/* Information ------------------------------------------------------------- */
.info {
margin: 0 0 20px; /* center for now */
width: 100%; /* ems so it will grow */
background: url(http://nj-clucker.com/img/tb_rb.gif) no-repeat bottom right;
}
.infohead {
background: url(http://nj-clucker.com/img/tb_rt.gif) no-repeat top right;
text-align: center;
}
.infohead h2 {
background: url(http://nj-clucker.com/img/tb_lt.gif) no-repeat top left;
margin:0; padding: 22px 30px 5px;
color: white;
font-weight: bold;
font-size: 15px;
line-height: 1em;
text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.infobody {
background: url(http://nj-clucker.com/img/tb_lb.gif) no-repeat bottom left;
color : #666;
padding: 10px 30px 24px;
}

/* Table ------------------------------------------------------------- */
table{border:1px solid #999; border-collapse: collapse; margin:auto auto 15px 1px;}
th,td{border:1px solid #999; padding:4px; font-family:Arial;}
th{ background:#eeeef6; text-align:left;}

/* blockquote -------------------------------------------------------- */
blockquote{padding-top:36px;border:1px solid #ccc; background: url(http://nj-clucker.com/img/quote_start.gif) no-repeat scroll top left;}
blockquote p{margin:0; padding:0 20px 36px; background:url(http://nj-clucker.com/img/quote_end.gif) no-repeat scroll bottom right;}
blockquote h4 {margin-top:0; margin-left:20px;}

/* track word -------------------------------------------------------- */
ul.trackword{margin:0 0 10px 0; padding:0; list-style:none; font-size:12px; height:14px; overflow:hidden; line-height:1;}
ul.trackword li{float:left;padding:1px;line-height:1;}

/* Recomend ---------------------------------------------------------- */
div.recomend a{ display:block; width:60px;height:60px; float:left; margin: 0 5px 5px 0; border:1px solid #999; text-indent:-1000px; overflow:hidden;background-image: url(http://nj-clucker.com/img/recomend.png);}
#r01{background-position:   0px 0px;} #r06{background-position:   0px -60px;} #r11{background-position:   0px -120px;} #r16{background-position:   0px -180px;}
#r02{background-position: -60px 0px;} #r07{background-position: -60px -60px;} #r12{background-position: -60px -120px;} #r17{background-position: -60px -180px;}
#r03{background-position:-120px 0px;} #r08{background-position:-120px -60px;} #r13{background-position:-120px -120px;} #r18{background-position:-120px -180px;}
#r04{background-position:-180px 0px;} #r09{background-position:-180px -60px;} #r14{background-position:-180px -120px;} #r19{background-position:-180px -180px;}
#r05{background-position:-240px 0px;} #r10{background-position:-240px -60px;} #r15{background-position:-240px -120px;} #r20{background-position:-240px -180px;}

/* CD ---------------------------------------------------------------- */
img.CD{ padding:0; border:1px solid #999; }
h4.CD{ padding:0; margin-top:0; margin-bottom:0.8em;color:#666688; font-weight:bold; }

/* ASCII-ART --------------------------------------------------------- */
.aa{ font-size:12pt; line-height:18px; font-family: "MS PGothic","ＭＳ Ｐゴシック",sans-serif; }

/* Paging ------------------------------------------------------------- */
.pageset { margin:10px; text-align:center;}

/* Utilities - float時のはみ出し解消 */

.pkg:after, #content-inner:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
.pkg, #content-inner { display: inline-block; }
/* no ie mac \*/
* html .pkg, * html #content-inner { height: 1%; }
.pkg, #content-inner { display: block; }
/* */