@charset 'UTF-8';

/*------------------------------------------------------
  Template : sweet
  Author   : turkie
  Address  : http://twilightbookstore.org/
  Version  : 1.00
  Copyright (c) 2003-2008 turkie. All Rights Reserved. 
------------------------------------------------------*/

/* --------------------- basic ---------------------- */
*{
margin:0;
padding:0;
font-style:normal;
}

html,body{
margin:0 auto;
padding:0;
background: #fff url() repeat-x 0 0;
text-align:center;
}

h2,h3,h4,h5,h6{
color:#b3612b;
margin:0;
line-height:1.0;
}
h3{
padding:0;
background: url() no-repeat 0 0;
font-size:95%;
font-weight:bold;
border:0px solid #000;
}
h4{
margin:40px 0 0 0;
padding:0 0 5px 55px;
background:url(http://ko-yubi.com/gazo/necup05.gif) no-repeat 0 0;
font-size:200%;
font-weight:bold;
color:#e8e7e0;
}
h5{
padding:12px 0 12px 45px;
background:url(http://ko-yubi.com/template/tb_sweet_h5_background.gif) no-repeat 0 0;
font-size:100%;
}
h6{
padding:0 0 3px 7px;
font-size:100%;
background:url(http://ko-yubi.com/gazo3/line_b03_1.gif) repeat-x 0 bottom;
color:#778899;
border:0px solid #000;
}

/* リンク色 */
a,
a:link{
color:#008282;
outline: none;
}
a:visited{
color:#694b36;
}
a:hover{
color:#b3612b;
}
a:active{
color:#b3612b;
}
div#main a:link{
text-decoration:none;
}

a img{
border:none;
}

strong{
color:#b3612b;
font-weight:bold;
}

em{
color:#b3612b;
}

ins{
border-bottom: 1px dotted #DC7A31;
text-decoration: none;
}

del{
text-decoration:line-through;
}

p,
blockquote,
pre,
hr,
table,
dl,
ul,
ol,
div.amazon{
margin:1em 0;
}

blockquote{
padding:2px 40px;
border:1px solid #f2db9c;
background:url(http://ko-yubi.com/gazo/59.gif) no-repeat 0 0;
}

p.source{
text-align:right;
}

sup{
font-size:85%;
}

code,
pre,
kbd{
font-family:"Courier New","Courier",monospace;
}
pre{
width:100%;
overflow:auto;
}

hr{
height:1px;
border:1px solid #b79784;
}

table{
border-top:1px solid #d1baab;
border-left:1px solid #d1baab;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
border-collapse:separate;
border-spacing:3px;
font-size:100%;
text-align:left;
}
table tr th{
border-top:1px solid #fff;
border-left:1px solid #fff;
border-bottom:1px solid #b79784;
border-right:1px solid #b79784;
background:#d1baab;
padding:1px 5px;
color:#fff;
font-weight:bold;
}
table tr td{
border-top:1px solid #fff;
border-left:1px solid #fff;
border-bottom:1px solid #d1baab;
border-right:1px solid #d1baab;
padding:1px 5px;
color:#694b36;
}
caption{
color:#694b36;
text-align:center;
}

ul.footnote{
list-style:none;
padding:0;
background:none;
font-size:85%;
}

dl dt{
font-weight:bold;
}
dl dd{
margin:0 0 0 1em;
padding:0 0 0 10px;
}

label{
text-transform:capitalize;
}

ul{
list-style:none;
}
ul li{
margin:0 0 0 10px;
padding:0 0 0 15px;
background:url(http://ko-yubi.com/gazo/ci-ma47.gif) no-repeat 0 7px;
}

div#main ol{
padding:0 0 0 25px;
}

img.pict,
img.thumb{
margin:2px;
padding:5px;
border:0px solid #d8c4b8;
background:#fff;
}

input,
textarea{
padding:2px;
border:1px solid #d8c4b8;
background:#fff;
color:#b3612b;
}
input:focus,
textarea:focus{
border:1px solid #b3612b;
}
input.button{
padding:2px;
border:none;
background:#b3612b;
color:#fff;
font-weight:bold;
text-transform:capitalize;
}

div.amazon{
padding:10px 40px;
border:1px solid #fff;
background:url(http://ko-yubi.com/template/tb_sweet_blockquote.gif) repeat-y 0 0;
}
div.amazon img{
float:left;
clear:left;
margin:0 10px 0 0;
}


/* --------------------- layout --------------------- */
/* 全体の幅・フォントなど */
div#header,
div#body,
div#footer{
width:800px;
margin:0 auto;
color:#694b36;
font-family:12px normal "Lucida Grande", "Verdana", "Meiryo", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "MS Pゴシック", Sans-Serif;
text-align:left;
}

/* ヘッダー部分 */
div#header{
position:relative;
height:200px;
background: url(http://ko-yubi.com/gazo3/sea5.gif) repeat-x 0% 5%;
border: 0px solid #000;
}

/* ボディ部分 */
div#body{
background:url(http://ko-yubi.com/gazo2/line.gif) repeat-y 540px top;
}

/* エントリー部分 */
div#main{
float:left;
width:540px;
}

/* サイドバー部分 */
div#side{
float:left;
width:260px;
border-left: 0px solid #e1e1e1;
}

/* フッタ部分 */
div#footer{
width:800px;
background:url(http://ko-yubi.com/gazo3/sea1.gif) repeat-x 0 0;
border:0px solid #000;
}

/* 回り込み解除 */
div#body:after,
div.amazon:after,
div.entry:after,
dl.recommend dd:after{
content:" ";
display:block;
line-height: 0;
clear:both;
visibility:hidden;
}

div#body,
div.entry,
div.amazon,
dl.recommend dd{
min-height:1px;
display:inline-table;
}
/* Mac IE ¥*/
* html div#body,
* html div.entry,
* html div.amazon,
* html dl.recommend dd{
height:1px;
}
div#body,
div.entry,
div.amazon,
dl.recommend dd{
display:block;
}
/* */


/* --------------------- header --------------------- */
/* サイト名 */
h1 a{
display:block;
position:absolute;
top:80px;
left:30px;
width:180px;
height:50px;
background:url(http://ko-yubi.com/gazo3/tiny_5.gif) no-repeat 0px 0px;
border:0px solid #000;
}
h1 a span{
display:none;
}



/* サイトの解説 */
div.description{
position:absolute;
top:130px;
left:45px;
font-size:70%;
background: url();
background-attachment: fixed;
background-position:0% 0%;
background-repeat: no-repeat;
border: 0px solid #000;
}

/* ヘッダーメニュー */
div#header ul{
width:100%;
height:24px;
position:absolute;
top:175px;
left:0px;
list-style:none;
padding:0;
margin:0;
text-transform: uppercase;
font-size:70%;
font-weight: normal;
line-height: 200%;
text-align:left;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}
div#header ul li{
display:inline;
margin-left:10px;
padding:0 0 0 17px;
background: url(http://ko-yubi.com/gazo/05.gif) no-repeat 8% 50%;
border:0px solid #000;
}
div#header ul li a{
padding-top:0px;
background:#fff;
border:0px solid #000;
color:#999;
text-decoration:none;
}
div#header ul li a:hover{
padding:0;
color:#c0c0c0;
text-decoration:none;
}

/* ---------------------- main ---------------------- */
/* エントリーナビ */
div.sequel{
padding:20px;
font-size:74%;
text-align:center;
}

/* 記事 */
div.entry,
div.comment,
div.comment_form,
div.trackback_url,
div.trackback,
div.profile{
width:100%;
margin:0 0 60px 0;
}

ul.entry{
list-style:none;
padding:0 20px 0 25px;
font-size:70%;
border: 0px solid #000;
}
ul.entry li{
margin:10px 0 0 0;
padding:2px 10px 2px 20px;
background:#e8e7e0 url(http://ko-yubi.com/gazo/rk1.gif) no-repeat 3px 50%;
border: 1px solid #d7d8cc;
}

ul.entry li a,
ul.entry li a:link,
ul.entry li a:visited{
color:#665555;
text-decoration:none;
}
ul.entry li a:hover{
color:#fff;
text-decoration:none;
}



/* 記事のタイトル */
h2.entry_title,
div.profile h2{
margin:10px 0 0 5px;
padding:0 15px 0 20px;
background: url(http://ko-yubi.com/gazo/icon1.gif) no-repeat 0 50%;
color:#000;
font-size:90%;
font-weight:bold;
}
div#main h2.entry_title a,
div#main h2.entry_title a:link,
div#main h2.entry_title a:visited
{
color:#666;
text-decoration:none;
}
div#main h2.entry_title a:hover{
color:#e1e1e1;
text-decoration:none;
}

/* 記事の日付 */
div.entry_date{
padding:0 30px 20px 40px;
font-size:75%;
color:#666;
text-align:right;
}

/* 記事、記事の続き */
div.entry_body,
div.entry_more{
padding:0 30px 0 40px;
font-size:80%;
line-height:1.8;
}


/* カテゴリーなど */
ul.entry_state{
list-style:none;
margin:0;
padding:25px 20px 0 20px;
font-size:70%;
text-align:right;
border: 0px solid #000;
}
ul.entry_state li{
display:inline;
padding:2px 10px 2px 10px;
background:#e8e7e0;
}

ul.entry_state li a,
ul.entry_state li a:link,
ul.entry_state li a:visited{
color:#665555;
text-decoration:none;
}
ul.entry_state li a:hover{
color:#fff;
text-decoration:none;
}

p.entry_state{
text-align:right;
padding:0 10px 0 0;
}

/* コメントのタイトル */
div.comment h3,
div.comment_form h3,
div.trackback_url h3,
div.trackback h3{
margin-right:20px;
padding:0 0 0 30px;
border:0px solid #000;
background:url(http://ko-yubi.com/gazo/nekoneko.gif) no-repeat 0 50%;
color:#808080;
font-size:95%;
font-weight:bold;
line-height:30px;
}
div.comment h3,
div.comment_form h3,
div.trackback_url h3,
div.trackback h3{
text-transform:capitalize;
}

/* コメント、トラックバック */
div.comment dl,
div.trackback dl{
margin:0;
padding:0 0 0 20px;
font-size:84%;
line-height:1.5;
}

/* コメントの日付・トラックバックの日付など */
div.comment dl dt,
div.trackback dl dt{
font-weight:normal;
line-height:20px;
}

/* コメントの名前・トラックバックの送信元など */
div.comment dl dt strong,
div.trackback dl strong{
padding:0 0 0 10px;
font-size:100%;
font-weight:normal;
background:url(http://ko-yubi.com/gazo3/ci-ma55.gif) no-repeat 0 4px;
}
div.trackback dl dd.tb_title{
margin:0;
padding:0 20px;
border:none;
background:none;
color:#c00;
font-weight:normal;
}

/* コメントなど */
div.comment dl dd,
div.trackback dl dd{
margin:0 25px 20px 5px;
padding:10px 20px;
border-bottom:1px dashed #d9dd8b;
background:url() repeat 0 0;
}

/* コメントフォーム */
div.comment_form dl{
margin:0 20px 0 0;
padding:10px 10px 10px 10px;
font-size:84%;
text-align:left;
border:0px solid #000;
background:url(http://ko-yubi.com/gazo3/tarugiback2.gif) repeat 0 0;
}
div.comment_form dl dt{
position:relative;
width:125px;
margin:0.4em 0 0em 0;
font-weight:normal;
line-height:1;
text-transform:capitalize;
text-align:right;
}
div.comment_form dl dd{
margin:-1.8em 0 0 0;
padding:0.5em 0 0.5em 135px;
}
div.comment_form dl dd.description{
line-height:1em;
}
div.comment_form dl input{
width:200px;
font-size:115%;
}
div.comment_form dl textarea{
width:300px;
font-size:115%;
}
div.comment_form button{
width:70px;
height:30px;
border:none;
text-indent:-9999px;
text-align:left;
cursor:pointer;
vertical-align:bottom;
}

div.comment_form dl dt.submit{
visibility:hidden;
}
div.comment_form dl input#set_cookie{
width:auto;
border:none;
}
div.comment_form dl input.button{
width:auto;
}

p.comment_body,
p.trackback{
margin:0;
padding:5px 30px;
font-size:80%;
}

/* ページトップ */
div.pagetop{
padding:0 0 10px 0;
font-size:74%;
text-align:center;
border: solid 0px #d7d8cc;
}

div.page {
    color: #666;
    font-size : 11px;
    font-family: verdana, osaka, sans-serif;
    text-align: center;
    margin: 10px auto;
    padding: 8px 20px;
}
div.page a {
    padding: 2px 3px;
    text-decoration: none;
}
div.page a:link, 
div.page a:visited {
    color:#6655555;
    background-color: #e8e7e0;
    border: solid 1px #d7d8cc;
}
/* マウスあてたとき */
div.page a:hover {
    color: #fff;
    border: solid 1px #ddd;
}
/* 現在いる場所 */
div.page .page_now {
    padding: 2px 3px;
    border: solid 1px #d7d8cc;
    font-weight: bold;
}


/* ---------------------- side ---------------------- */
/* サイド */
div#side dl{
width:100%;
margin:0;
padding:15px 0 15px 0;
}

/* サイドのタイトル */
div#side dl dt{
padding:0 10px 5px 20px;
color:#b3612b;
font-size:80%;
background:url(http://ko-yubi.com/gazo2/line-dot.gif) repeat-x bottom;
text-transform:capitalize;
}

/* サイドの内容 */
div#side dl dd{
margin:0;
padding:5px 10px 0 15px;
background:none;
font-size:70%;
line-height:1.6;
}

/* サイドのリスト */
div#side dl dd ul{
list-style:none;
margin:0;
}
div#side dl dd ul li{
margin:3px 0;
padding:0;
background:none;
}
div#side dl dd ul li ul li{
margin:2px 0 2px 3px;
padding:0 0 0 15px;
line-height:1.3;
background:url(http://ko-yubi.com/gazo/rd0.gif) no-repeat 3px 6px;
border:0px solid #000;
}

div#side dl p{
margin:0 0 1em 0;
}

/* 検索 */
div.search{
margin:0 auto;
}
div#body div.search p{
margin:1em 0 0 0;
}
div.search input{
vertical-align:bottom;
}
div.search input.form{
width:100px;
font-size:135%;
}
div.search input.submit{
width:auto;
font-size:135%;
}

/* カレンダー */
dl.calendar dd{
margin:0 auto;
text-align:center;
}
dl.calendar table.calendar{
margin:0 auto;
padding:0;
border:none;
border-collapse:separate;
border-spacing:1px;
font-size:100%;
text-align:center;
}
dl.calendar table.calendar tr td{
padding:0;
border:1px solid #fff;
color:#694b36;
line-height:1.6;
text-align:center;
}
dl.calendar table.calendar tr td.weekday,
dl.calendar table.calendar tr td.cell{
width:28px;
}
dl.calendar table.calendar tr td.weekday{
}
dl.calendar table.calendar tr td.cell a{
display:block;
background:#fff;
}
dl.calendar table.calendar tr td.cell a:hover{
background:#baba48;
color:#fff;
}
span.today{
color:#b3612b;
font-weight:bold;
}

dl.recommend dd img{
float:left;
clear:left;
margin:0.5em 5px 0 0;
}

/* =========== パンくずリスト =========== */

.path {
   font-size: 11px;/* fix */
   margin: 20px;
   padding: 7px 6px;
}
.path li {
   display: inline;
   background: url(../img/path.gif) no-repeat 4px 3px;
   line-height:1.1em;
   padding-left: 14px;
}
.path li.top {
   background-image: none;
   padding-left: 0px;
}

/* =========== アクセサリーボックス =========== */
div.box {
        margin: 0;
	padding: 20px 0 20px 30px;
	font-size: 10px;
        line-height:20px;
	text-align:left;
        border:0px solid #444;
	}

div.box_2 {
        width:300;
        height:350;
        margin:0;
        padding: 0;
	font-size: 10px;
        line-height:18px;
	text-align:left;
        background: url(http://ko-yubi.com/gazo3/nz_nt.gif) no-repeat center;
        border:1px solid #c0c0c0;
	}

/* =========== ツイッター =========== */
div#twitter_div {
        margin:5px;
	padding: 0 0 5 0px;
        font-size: 65%;
	text-align:left;
        background:url(http://ko-yubi.com/gazo3/bg_t.jpg) repeat 0px 0px;
        border:0px solid #dfdcd5;
        }

h2.sidebar-title {
        margin: 0;
        padding: 5px 0 2px 5px;
        font-size:15px;
        font-weight:bold;
        color:#ffffe0;
        border:0px solid #000;
        }

ul#twitter_update_list {
       list-style:none;
       margin:0;
       padding-right:10px;
       border:0px solid #dfdcd5;
}
ul#twitter_update_list li{
       padding:0 5px 5px 15px;
       line-height:1.4;
       background:#fff url(http://ko-yubi.com/gazo/07set/07-12.gif) no-repeat 0px 1px;      
       border:0px solid #000;
}

ul#twitter_update_list li a,
ul#twitter_update_list li a:link,
ul#twitter_update_list li a:visited
{
color:#db7093;
text-decoration:none;
}

/* --------------------- footer --------------------- */
/* 著作権表示 */
address{
padding:15px 0 15px 0;
font-size:74%;
font-style:normal;
text-align:center;
color:#ffffff;
}