@charset 'EUC-JP';

/*------------------------------------------------------
  Template : colors
  Author   : turkie
  Address  : http://twilightbookstore.org/
  Version  : 1.04
  Copyright (c) 2003-2007 turkie. All Rights Reserved. 
------------------------------------------------------*/

/* --------------------- basic ---------------------- */
*{
margin:0;
padding:0;
}

/* 背景色 */
html,
body{
margin:0 auto;
background:#fff;
text-align:left;
}

h2,h3,h4,h5,h6{
margin:0.5em 0;
color:#1bd4d4;
}
h3{
font-size:12px;
}
h4{
font-size:11px;
}
h5{
font-size:10px;
}

/* リンク色 */
a{
color:#ff799b;
text-decoration:none;
}
a:link{
color:#ff799b;
}
a:visited{
color:#c3798c;
}
a:hover{
color:#afd41b;
}
a:active{
color:#1bd4d4;
}

a img{
border-width:0;
}

strong{
font-weight:bold;
}

em{
}

ins{
text-decoration:underline;
}

del{
text-decoration:line-through;
}

blockquote{
margin:6px 0;
padding:5px;
border:1px dotted #ccc;
background:#f8f8f8;
}

p{
color:#383c3c;
font-size:11px;
}

p.source{
text-align:right;
}

sup{
font-size:10px;
}

code,pre{
font-family:"Courier New","Courier",monospace;
}
pre{
margin:6px 0;
width:100%;
overflow:auto;
}

div#main table{
margin:6px 0;
border:1px solid #383c3c;
border-collapse:collapse;
font-size:10px;
text-align:left;
}
div#main table tr th{
border:1px solid #383c3c;
background:#f8f8f8;
padding:1px 5px;
font-weight:bold;
}
div#main table tr td{
border:1px solid #383c3c;
padding:1px 5px;
}
div#main caption{
text-align:center;
}

ul.footnote{
list-style:none;
padding:0;
font-size:10px;
}

div.entry dl,
div.profile dl{
margin:6px 0;
}
div.entry dl dt,
div.profile dl dt{
font-weight:bold;
}
div.entry dl dd,
div.profile dl dd{
padding:0 0 0 15px;
}

div#main p{
margin:6px 0;
}

div.entry_body ul,
div.entry_more ul,
div.entry_body ol,
div.entry_more ol{
padding:6px 0 6px 30px;
}

img.pict,
img.thumb{
border:1px dotted #ccc;
}


/* --------------------- layout --------------------- */
/* 全体のフォントなど */
div#header,
div#body,
div#footer{
margin:0 auto;
font-family:Verdana,sans-serif;
text-align:left;
}

/* 全体の幅 */
div#body,
div#footer{
width:700px;
}

/* ヘッダー部分 */
div#header{
padding:10px 0 15px 0;
text-align:center;
}

/* フッター部分 */
div#footer{
padding:0 0 10px 0;
}

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

/* サイドバー部分 */
div#side{
float:left;
width:200px;
}

/* 回り込み解除 */
div#body:after{
content:"";
display:block;
clear:both;
visibility:hidden;
}
div#body{
display:inline-table;
min-height:1px;
}
/* Mac IE \*/
* html div#body{
height:1px;
}
div#body{
display:block;
}
/* */


/* --------------------- header --------------------- */
/* ヘッダーライン部分 */
div#header_title{
border-bottom:1px solid #383c3c;
}

/* サイト名 */
h1{
width:600px;
margin:0 auto;
padding:20px 0 5px 0; 
font-size:15px;
text-align:left;
}
h1 a,
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active{
color:#ff5580;
}

/* サイトの解説 */
div.description{
width:600px;
margin:0 auto;
padding:5px 0;
color:#383c3c;
font-size:10px;
text-align:left;
}


/* ---------------------- main ---------------------- */
/* エントリーナビ */
div.sequel{
color:#383c3c;
font-size:10px;
text-align:left;
padding:0 0 10px 0;
}

/* 記事 */
div.entry,
div.comment,
div.comment_form,
div.trackback_url,
div.trackback,
div.profile{
margin:0 0 30px 0;
border:3px solid #383c3c;
}

/* 記事の日付 */
div.entry_date{
padding:5px 10px 3px 10px;
color:#afd41b;
font-size:10px;
font-weight:bold;
letter-spacing:5px;
text-transform:uppercase;
}

/* 記事のタイトル、コメントのタイトルなど */
h2.entry_title,
div.profile h2,
div.comment h3,
div.comment_form h3,
div.trackback_url h3,
div.trackback h3{
border-top:1px solid #383c3c;
border-bottom:1px solid #383c3c;
color:#1bd4d4;
font-size:11px;
letter-spacing:2px;
}

/* 記事のタイトル */
h2.entry_title a,
h2.entry_title a:link,
h2.entry_title a:visited,
h2.entry_title a:active{
display:block;
padding:2px 10px;
color:#1bd4d4;
}
h2.entry_title a:hover{
background:#f8f8f8;
color:#1bd4d4;
}

/* コメントのタイトル、プロフィールタイトル */
div.comment h3,
div.comment_form h3,
div.trackback_url h3,
div.trackback h3,
div.profile h2{
margin:2px 0;
padding:2px 10px;
color:#ff7d46;
letter-spacing:3px;
text-transform:uppercase;
}

/* 記事の著者 */
div.entry_author{
padding:0 10px;
color:#383c3c;
font-size:10px;
text-align:right;
}

/* 記事、記事の続き */
div.entry_body,
div.entry_more{
padding:0 10px;
color:#383c3c;
font-size:10px;
line-height:170%;
}

/* カテゴリーなど */
div.entry_state{
padding:5px 0 3px 0;
font-size:10px;
}

div.entry_state ul{
list-style:none;
}

div.entry_state ul li{
margin:0 0 2px 0;
border-top:1px solid #383c3c;
border-bottom:1px solid #383c3c;
color:#e9d306;
font-weight:bold;
line-height:16px;
letter-spacing:10px;
vertical-align:middle;
}

div.entry_state ul li a,
div.entry_state ul li a:visited,
div.entry_state ul li a:active{
display:block;
padding:0 10px;
color:#e9d306;
}

div.entry_state ul li a:hover{
background:#f8f8f8;
color:#e9d306;
}

/* 大文字にする */
div.entry_state ul li span{
text-transform:uppercase;
}

/* コメントの日付など */
div.comment dl dt,
div.trackback dl dd.tb_name{
padding:0 10px;
border-bottom:1px solid #383c3c;
color:#855c33;
font-size:11px;
}

/* コメントなど */
div.comment dl dd,
div.trackback dl dd.tb_excerpt{
padding:0 10px 20px 10px;
color:#999;
font-size:10px;
line-height:170%;
}

/* トラックバックタイトル */
div.trackback dl dt{
margin:0 0 2px 0;
border-top:1px solid#383c3c;
border-bottom:1px solid #383c3c;
color:#ff799b;
font-weight:bold;
font-size:11px;
}
div.trackback dl dt a,
div.trackback dl dt a:link,
div.trackback dl dt a:visited,
div.trackback dl dt a:active{
display:block;
padding:2px 10px;
color:#ff799b;
}
div.trackback dl dt a:hover{
background:#f8f8f8;
color:#ff799b;
}

/* コメントフォーム */
div.comment_form dl{
padding:2px 10px;
color:#383c3c;
font-size:10px;
line-height:20px;
}

div.comment_form dl dt{
width:80px;
text-align:right;
text-transform:uppercase;
}
div.comment_form dl dd{
margin:-20px 0 0 80px;
text-align:right;
}
div.comment_form dl dt#description_name,
div.comment_form dl dd#submit_form{
width:auto;
}
div.comment_form dl dd#description_form,
div.comment_form dl dd#submit_form{
margin:0;
}
div.comment_form dl dt#submit_name{
display:none;
}

/* 入力部分幅 #mainの幅を変えたときには注意！ */
div.comment_form dl dd input.form{
width:290px;
}

/* 入力部分・テキストエリア幅 #mainの幅を変えたときには注意！ */
div.comment_form dl dd textarea{
width:370px;
}

/* 入力部分 */
input.form,
textarea{
border:1px solid #383c3c;
background:#fff;
color:#383c3c;
font-size:12px;
}

/* 送信ボタン */
input.button{
padding:1px 2px;
border:1px solid #383c3c;
background:#fff;
color:#1bd4d4;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}


/* ---------------------- side ---------------------- */
/* サイド */
#side dl{
padding:0 0 20px 10px;
}

/* サイドのタイトル */
#side dl dt{
border-bottom:1px solid #383c3c;
color:#383c3c;
font-size:10px;
font-weight:bold;
letter-spacing:3px;
text-transform:uppercase;
}

/* サイドの内容 */
#side dl dd{
padding:1px 0 0 0;
color:#383c3c;
font-size:10px;
}

/* サイドのリスト */
#side dl dd ul{
list-style:none;
}
#side dl dd ul li{
padding:0 0 2px 0;
}
#side dl dd ul li ul li{
padding:0 0 2px 10px;
}

/* カレンダー */
table.calendar{
border-collapse:collapse;
color:#383c3c;
font-size:10px;
line-height:150%;
text-align:left;
text-transform:uppercase;
}
table.calendar td.week{
width:27px;
margin:auto;
line-height:17px;
text-align:center;
}
table.calendar td.cell{
width:27px;
margin:auto;
border:solid 1px #383c3c;
line-height:17px;
text-align;center;
}
table.calendar td.cell a{
display:block;
width:100%;
height:100%;
margin:auto;
background:#f8f8f8;
text-align:center;
}
table.calendar td.cell a:hover{
background:#fff;
}
span.today{
font-weight:bold;
}
/* 日曜 */
table.calendar td#sun{
color:#f00;
}

/* 土曜 */
table.calendar td#sat{
color:#369;
}

/* ページナビ、ページトップ */
div.pagenavi,
div.pagetop{
clear:both;
padding:5px 0;
color:#855c33;
font-size:10px;
text-align:center;
}


/* --------------------- footer --------------------- */
/* 検索 */
div.search{
text-align:center;
}

div.search label{
display:block;
color:#383c3c;
font-size:10px;
}

div.search input.form{
width:120px;
}

/* 著作権表示 */
address{
padding:10px 0;
color:#666;
font-size:10px;
font-style:normal;
text-align:center;
}