@charset "utf-8";
/* ------------------------- TOC 
setup
css hack
multi column

------------------------- */

/* ============================== setup */
* { color: #666666; font-family: "Lucida Grande","Hiragino Kaku Gothic Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro W4", Osaka, "メイリオ", "MS PGothic", sans-serif; background-repeat: no-repeat; font-size: x-small; font-style: normal; font-weight: normal; line-height:1.5em; }
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, hr, ul, ol, li, dl, dt, dd, dir, menu, table, th, td, thead, tbody, tfoot, caption, form, fieldset, legend, isindex, embed, object, pre { margin: 0; padding: 0; border: 0; text-align: left; }
body { background: #f5cc12; text-align: center; font-size: x-small; }
ul, ol, dl, li, dt, dd { list-style: none; }
table { border-collapse:collapse; border-spacing:0; }
th, td { vertical-align: top; }
a,img { border: 0; }

a { color: #171384; text-decoration: underline;}
a:link { color: #171384; }
a:visited { color: #171384; }
a:hover, a:active { color: #0066cc; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }


/* ============================== css hack */
/* floating box clear */
.clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { overflow: hidden; }


/* ============================== common */
body { margin: 20px auto; text-align: center; }
#main { margin:0 auto; text-align: left; width: 760px; }
strong { color: #000000; font-weight: bold;  }
#wrapper { width: 760px; background: url("../img/box_body.gif") repeat-y ; margin-bottom: 10px; }
#wrapper_header { width: 760px; height: 10px; margin-bottom: 10px; background: url("../img/box_top.gif") no-repeat 0 0 ; }
#wrapper_inner { width: 760px; background: url("../img/box_bottom.gif") no-repeat bottom left; position: relative; }
/* ============================== header */
#header { width: 760px; height: 150px; background: url("../img/header.gif") no-repeat; position:relative; margin-bottom: 17px; }
#header h1 { width: 260px; height: 40px; position: absolute; bottom: 25px; left: 250px; }
#header h1 a { display: block; width: 260px; height: 40px; }
#header #to_shop { width: 118px; height: 17px; position: absolute; bottom: 6px; right: 10px; }
#header #to_shop a { display:block; width: 118px; height: 17px; background: url("../img/to_shopinfo.gif") no-repeat 0 0 ; }
#header #to_shop a:hover { background-position: bottom ; }

/* ============================== column */
#left_col { width: 194px; padding-bottom: 220px; float:left; }
#right_col { width: 549px; float:right; padding-bottom: 27px; }
#right_col .pager { width: 549px; text-align: center; }
#right_col .pager span { margin: 0 20px; }
#right_col #to_top a{ display:block; width: 70px; height: 17px; background: url("../img/to_top.gif") no-repeat 0 0 ; position: absolute; right: 10px; bottom: 10px; }
#right_col #to_top a:hover { background-position: bottom ; }

/* ============================== left_item */
.left_item { background: url("../img/divider_left.gif") no-repeat right bottom; padding: 0 15px 23px; margin-bottom: 4px; }
.left_item h3 { margin-left: -4px; }
#calendar { text-align: center; }
#calendar table { border-collapse: collapse; margin:0 auto; }
#calendar caption { color:#ff7755; margin-bottom: 3px; text-align: center; }
#calendar th, #calendar td { border: #000000 1px solid; text-align: center; padding: 4px; }
#calendar th { color:#ff7755; }
#news_updates dt { color: #ff7755; }
#news_updates dd { margin-bottom: 3px; }
#category li, #backnumber li { list-style: disc; margin-left: 15px; }

/* ============================== entry */
.entry { background: url("../img/divider_right.gif") no-repeat right bottom; padding: 0 20px 8px; margin-bottom: 20px; }
.entry_header { background: url("../img/bullet.gif") no-repeat; padding-left: 10px; margin-bottom: 10px; min-height: 40px; }
* html .entry_header { height: 40px; }
.entry_header p { color: #ff7755; }
.entry_header h2 a { font-weight: bold; text-decoration: none; }
.entry_body, .entry_links { margin-bottom: 15px; }
.entry_body em { color: #999999; }
.entry_body p, .entry_body ul, .entry_body h3, .entry_body h4, .entry_body h5, .entry_body h6 { margin-bottom: 10px; }
.entry_body blockquote, .entry_body u { display: inline; text-decoration: none; }
.entry_links h3 { font-weight: bold; background: url("../img/dot.gif") no-repeat left center; padding-left: 12px; }
.entry_links li { list-style: disc; margin-left: 15px; }
.entry_footer { text-align: right; margin-bottom: 20px; }
.trackbacks { margin-bottom: 30px; }
.trackbacks h3 { font-weight: bold; background: url("../img/dot.gif") no-repeat left center; padding-left: 12px; }
.trackback_header { border-bottom: #ff7755 1px dotted; padding-bottom: 10px; margin-bottom: 10px; }
.trackback_header h3 { font-weight: bold; }
.trackback { margin-bottom: 10px; }
.trackback h4 { font-weight: bold; }

/* ============================== footer */
#footer { clear: both; }