@charset "UTF-8";

/* 基本設定 ------------------------------------ */
* { margin:0px; padding:0px; }
body { border-top:solid 3px #d0ff70; background:url(images/body.jpg) repeat-x center bottom; color:#666666; text-align:center; }


hr { display:none; }
img { border:0px; }

#page { margin:0px auto; width:820px; }
#content { text-align:left; clear:both; }


/* フォントサイズ ------------------------------------ */
body { font-size:14px; line-height:1.5; }
table { font-size:inherit; font:100%; }
small { font-size:inherit; font:100%; }
pre, code { font:115% monospace; }

/* Basis - 14px */
.f10 { font-size:72%; } /* 10px (eq.x-small) */
.f12 { font-size:85.7%; } /* 12px  */
.f13 { font-size:93%; } /* 13px (eq.small) */
.f16 { font-size:114.5%; } /* 16px (eq.medium) */
.f18 { font-size:128.6%; } /* 18px (eq.large) */
.f20 { font-size:142.9%; } /* 20px */
.f24 { font-size:171.5%; } /* 24px */

/* Win IE 用 \*/
* html body { line-height:1.5; font-size:88%; }
* html small { font:x-small; }
* html pre { font-size:100%; }
* html code { font-size:100%; }

* html select { line-height:1.5; }
* html input { line-height:1.5; }
* html textarea { line-height:1.5; }
/* */


/* リンク ------------------------------------ */
a { color:#3c9ef9; }
a:link {  }
a:visited {  }
a:hover { background-color:#3c9ef9; color:#ffffff; }
a:active {  }


/* 見出し ------------------------------------ */
h1, h2, h3, h4, h5, h6 {  }
h1 {  }
h2 {  }
h3 {  }
h4 {  }
h5 {  }
h6 {  }


/* リスト ------------------------------------ */
ol {  }
ol li {  }

ul {  }
ul li {  }

dl {  }
dt {  }
dd {  }


/* テーブル ------------------------------------ */
table { border:0px; border-collapse:collapse; border-spacing:0px; }
td {  }

/* ヘッダ ------------------------------------ */
#header { margin:20px 0px 50px; height:100px; background:url(images/hukidashi.gif) no-repeat right top; text-align:left; }

h1 a { width:250px; height:96px; background:url(images/logo.jpg) no-repeat transparent; display:block; }
h1 a:hover {  background:url(images/logo.jpg) no-repeat transparent; }
h1 span { display:none; }

#header h2 { margin:0px 10px -90px; width:520px; font-size:85.7%; font-weight:normal; float:right; position:relative; top:-90px; }

/* メイン ------------------------------------ */
#main { margin:0px 20px 0px 0px; width:560px; float:left; }
#main h2 { margin:0px 0px 20px; color:#999999; }

.hidden { display:none; }
.content-nav { margin:0px 10px; }

/* エントリー ------------------------------------ */
.entry { margin:0px 0px 50px; width:560px; }
.entry p { line-height:1.5; }
.entry h3 { padding:0px 5px 10px; font-size:114.5%; }
.entry h3 a { background-color:transparent; color:#666666; text-decoration:none; }
.entry h3 a:hover { background-color:transparent; color:#3c9ef9; }

.entry h3 .important { margin:0px 0px 5px; padding:0px 10px 5px 40px; background:url(images/important.gif) no-repeat left top; }

.entry-header { background:url(images/h3.gif) no-repeat left bottom; }
.entry-body {  }
.entry-footer { padding:3px 10px; border-bottom:1px dotted #b4b4b4; text-align:right; }

/* 本文 */
.note { margin:10px 10px 20px; }
.note strong { color:#92cc15; }
.note blockquote { margin:0px 0px 10px; padding:10px; border:1px dotted #cccccc; background:#eeeeee;  }
.note p { margin:0px 0px 1.5em; }

/* 追記 */
.more {  }

/* コメント */
.comments { margin:0px 10px; }
.comments .note { padding:10px; background:#eeeeee; }

/* タグ */
.entry-tags { margin:0px 10px 20px; }
.entry-tags ul { list-style:none; }

/* サイド ------------------------------------ */
#side { margin:0px 10px 0px 0px; width:220px; float:right; }
#side h4 { margin:0px 0px 5px; padding:0px 15px 2px; background:url(images/h4.gif) no-repeat left center; border-bottom:3px solid #92cc15; font-size:100%; }
#side ul { list-style:none; }
#side li { letter-spacing:-0.05em; }

/* Win IE 用 \*/
* html #side li { letter-spacing:normal; }
/* */

/*IE7 用 */
*:first-child+html #side li { letter-spacing:normal; }


/* 囲い */
.container { margin:0px 0px 20px; padding:10px;  border:1px solid #e6e6e6; }
.container ul { background:url(images/list.gif) repeat; }
.container li { padding:0px 5px; line-height:25px; font-size:85.7%; }

.container ul ul { margin:0px 0px 0px 20px; background-image:none; }
.container li li { font-size:100%; }

/* バナー */
#banner { margin:0px 0px 20px; text-align:center; }


/* ヘッダ ------------------------------------ */
#footer { margin:0px; padding:60px 20px 200px; background:url(images/footer.jpg) repeat-x center 1px; color:#ffffff; clear:both; }

/* Win IE 用 \*/
* html #footer { margin:60px 0px 0px; background-position:center 61px; }
/* */

/*IE7 用 */
*:first-child+html  #footer { margin:0px; background-position:center 61px; }


/* ページナビ ------------------------------------★ */
#pagenavi { list-style:none; text-align:center; }
#pagenavi li { display:inline; }

#pagenavi li a { padding:1px 5px; border:1px solid #3c9ef9; text-decoration:none; }
#pagenavi li a:hover { background:#3c9ef9; color:#ffffff; }

.link_before { margin:0px 2px 0px 0px; }
.link_next {  }
.link_page { margin:0px 2px 0px 0px; }
.current_page { margin:0px 2px 0px 0px; padding:1px 5px; }

