@charset 'UTF-8';

*{
margin:0px;
padding:0px;
}

/* 背景色 */
html,
body{
margin:0 auto;
padding:0;
background:#f8f8f8 url(http://www.a-project.jp/blog/template/apricot_background.gif) repeat 0 0;
text-align:center;
}
body{
padding:0 0 20px 0;
}

/* リンク */
a{
color:#990066;
text-decoration:none;
}
a:link{
color:#990066;
}
a:visited{
color:#990066;
}
a:hover{
color:#CC3333;
text-decoration:underline;
}
a:active{
color:#FF33CC;
}
img{
border:none;
}

/* 全体の幅、左右のボーダー、フォントなど */
div#body,
div#header,
div#calendar,
div#footer{
width:735px;  /* #main＋#side */
margin:0 auto;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
font-family:Verdana,sans-serif;
text-align:left;
}

/* ヘッダー部分 */
div#header{
background:#ffffff url(http://www.a-project.jp/blog/template/apricot_title.gif) repeat-y 0 0;
}

div.topmemo{
font-size:10px;
line-height:170%;
text-align:center;
}

/* カレンダー・日付 */
div#calendar{
clear:both;
background:#c55980;
color:#fff;
font-size:10px;
line-height:170%;
text-align:center;
}
div#calendar a{
color:#fff;
text-decoration:underline;
}

/* ボディー部分 */
div#body{
background:#fff url(http://www.a-project.jp/blog/template/apricot_body.gif) repeat-y 425px 0;  /* #main-75px程度 */
}




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

/* サイドバー部分 */
div#side{
margin:0 0 0 500px;   /* #mainと同じ */
}

/* フッター部分 */
div#footer{
background:#c55980;
border-bottom:1px solid #ccc;
}

/* 検索 */
div.search{
float:right;
width:190px;
margin:-40px 0 0 0;
color:#999;
font-size:10px;
}
div.search input.form{
width:100px;
}

/* サイト名 */
h1 a,
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active{
color:#660066;
text-decoration:none;
}
h1{
margin:0 0 0 10px;
padding:40px 30px 5px 30px;
background:url(http://www.a-project.jp/blog/template/apricot_h1.gif) no-repeat 0 100%;
color:#660066;
font-weight:bold;
font-size:18px;
}

/* サイトの解説 */
div.description{
padding:0 30px 20px 60px;
color:#999;
font-size:10px;
line-height:170%;
}

/* 記事 */
div.entry,
div.comment,
div.comment_form,
div.trackback_url,
div.trackback,
div.profile{
margin:5px 5px 0 5px;
padding:0 0 20px 0;
background:url(http://www.a-project.jp/blog/template/apricot_entry.gif) no-repeat 0 0;
}

/* 記事のタイトル */
h2 a,
h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:active{
color:#660066;
text-decoration:none;
}
h2,
h3{
padding:20px 20px 10px 30px;
color:#990033;
font-weight:bold;
font-size:15px;
letter-spacing:2px;
}

/* カテゴリーナビ */
div.cat{
color:#999;
font-size:10px;
text-align:center;
}

/* 記事の日付、記事の著者 */
div.entry_date,
div.entry_author{
padding:0 20px 0 10px;
color:#999;
font-size:10px;
line-height:170%;
text-align:right;
}

/* 記事、記事の続き */
div.entry_body,
div.entry_more{
padding:0 20px 0 15px;
color:#666;
font-size:14px;
line-height:170%;
}
/* 記事内見出し */
div.entry_body h3,
div.entry_more h3{
margin:5px 5px 0 0;
padding:15px 0 0 28px;
background:url(http://www.a-project.jp/blog/template/apricot_head.gif) no-repeat 0 0;
color:#660066;
font-weight:bold;
font-size:15px;
}

/* 記事内定義リスト */
div.entry_body dl,
div.entry_more dl{
margin-top:-10px;
margin-bottom:10px;
}
div.entry_body dl dt,
div.entry_more dl dt{
font-weight:bold;
}
div.entry_body dl dd,
div.entry_more dl dd{
margin-left:10px;
}

/* カテゴリーなど */
div.entry_state{
padding:0 20px 0 15px;
color:#999;
font-size:10px;
text-align:right;
}

/* コメントの日付など */
div.comment dl dt,
h4{
background:url(http://www.a-project.jp/blog/template/apricot_comment.gif) no-repeat 0 50%;
margin:0 20px 2px 15px;
padding:0 0 0 15px;
color:#990033;
font-size:10px;
}
/* コメント太字部分 */
div.comment dl span,
div.trackback dl span{
font-weight:bold;
}

/* トラックバック先のブログ名など */
div.trackback dl dt{
margin:0 20px 0 15px;
padding:0 0px 0 15px;
color:#990033;
font-size:10px;
}

/* コメントなど */
div.comment dl dd,
div.trackback dl dd{
padding:0 20px 15px 20px;
color:#666;
font-size:12px;
line-height:150%;
}

/* 記事中の<p>タグ */
div.entry_body p,
div.entry_more p{
margin:0 0 8px 0;
}

/* 記事中の<blockquote>タグ */
blockquote{
margin:10px 5px;
padding:5px 10px;
border:1px solid #DB7093;
color:#666;
font-size:12px;
}
/* 記事中の<blockquote>タグ訳詞 */
blockquote.lyc{
margin:10px 10px;
padding:10px 10px;
border:1px dashed #DB7093;
color:#666;
font-size:13px;
line-height: 1.5em;
}
/* 記事中の<blockquote>タグ ストーリー */
blockquote.sty{
margin:10px 5px;
padding:5px 10px;
border-left: 3px solid #DB7093;
border-right: none;
border-top: none
border-bottom: none
color:#666;
font-size:12px;
line-height: 1.3em;
}

/* 文字色 */
.wh {
color: #ffffff;
}
.rd {
color: #ff0000;
}
.bl {
color: #000080;
}

/* 記事中の<code>タグ */
code{
font-family:Verdana,sans-serif;
}

/* 記事中の<ul><ol>タグ */
div.entry_body ul,
div.entry_more ul,
div.entry_body ol,
div.entry_more ol{
margin:0 0 0 30px;
}

/* 記事中の<ul><ol>タグCDリスト */
div.entry_body ul#cd,
div.entry_more ul#cd,
div.entry_body ol#cd,
div.entry_more ol#cd{
list-style-image:url(http://www.a-project.jp/blog/template/onp.gif);
font-size:13px;
line-height:1.3em;
margin-bottom:3px;
padding:0;
}
div.entry_body ul#cd li,
div.entry_more ul#cd li,
div.entry_body ol#cd li,
div.entry_more ol#cd li{
font-size:12px;
line-height: 1.3em;
margin-bottom:0;
padding:0;
}

/* iTMSボタン */
img.itms {
margin: 0 0 0 10px;
padding: 0 0 0 10px;
border: none;
}

/* コメントフォーム */
div.comment_form dl{
padding:2px 30px 2px 30px;
color:#808080;
font-size:10px;
}

div.comment_form dl dt{
float:left;
width:80px;
text-align:right;
}
div.comment_form dl dd{
margin:0 0 0 80px;
padding:0 0 1px 0;
text-align:right;
}
div.comment_form dl dt#description_name,
div.comment_form dl dd#submit_form{
float:none;
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 input.form{
width:275px;
}

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

/* 入力フォーム */
input.form,
textarea{
background:#fff;
border:1px solid #ccc;
color:#c55980;
font-size:12px;
}
form{
margin:1px 0 0 0;
}

/* 送信ボタン */
input.button{
border:1px solid #ccc;
background:#fff;
color:#660033;
font-weight:bold;
font-size:11px;
font-family:Verdana,sans-serif;
}

/* 記事の画像 */
img.pict {
float: right;
margin: 0px 0px 5px 5px;
border: none;
}
img.pictl {
float: left;
margin: 0px 5px 5px 0px;
border: none;
}
img.thumb{
margin:2px;
padding:1px;
}

/* サイド */
#side dl{
margin:0 5px;
padding:0 0 0 5px;
background:url(http://www.a-project.jp/blog/template/apricot_list.gif) no-repeat 10px 33px;
}

/* サイドのタイトル */
#side dl dt{
padding:15px 0 0 12px;
color:#660033;
font-weight:bold;
font-size:10px;
line-height:150%;
letter-spacing:2px;
}

/* サイドの内容 */
#side dl dd{
padding:2px 0 2px 15px;
color:#999;
font-size:10px;
}
/* サイドのリスト */
#side dl dd ul{
list-style:none;
}
#side dl dd ul li{
padding:0 0 3px 0;
}
#side dl dd ul li ul{
list-style:none;
margin:0 0 0 5px;
padding:0;
}

/* アマゾン画像 */
div.amazon img{
display:block;
margin:1px;
}

/* ページナビ */
div.pagenavi{
clear:left;
padding:10px 20px 5px 20px;
color:#999;
font-size:10px;
text-align:center;
}

/* ページトップ */
div.pagetop{
clear:left;
padding:10px 0px;
color:#999;
font-size:10px;
text-align:center;
}

/* 回り込み解除 */
br.cancel{
clear:both;
font-size:0;
line-height:0;
}

/* 著作権表示 */
address{
padding:5px 0 10px 0;
color:#fff;
font-style:normal;
font-size:10px;
line-height:170%;
text-align:center;
}

/* カレンダー・今日の日付 */
span.today{
font-weight:bold;
}

/* 曲目テーブル */
table.kara{
font-size: 13px;
}
th.dp {
background-color: #FFCCCC;
font: normal normal bold 13px Arial,sans-serif;
text-align: center;
}
th.dp0 {
background-color: #FFCCCC;
font-size: 13px;
font: normal normal normal 11px Arial,sans-serif;
text-align: center;
}
th.pp {
background-color: #FFE4E1;
font: normal normal bold 13px Arial,sans-serif;
text-align: center;
}
th.pp0 {
background-color: #FFE4E1;
font-size: 10px;
font: normal normal normal 11px Arial,sans-serif;
text-align: center;
}
td.w0 {
background-color: #FFFFFF;
font-size: 13px;
text-align: center;
}
td.w1 {
background-color: #FFFFFF;
font-size: 14px;
}
td.w2 {
background-color: #FFFFFF; 
font-size: 12px;
}
td.w3 {
background-color: #FFFFFF; 
font-size: 12px;
text-align: center;
}
td.p0 {
background-color: #FAF0E6; 
font-size: 13px;
text-align:center;
}
td.p1 {
background-color: #FAF0E6; 
font-size: 14px;
}
td.p2 {
background-color: #FAF0E6; 
font-size: 12px;
}
td.p3 {
background-color: #FAF0E6; 
font-size: 12px;
text-align: center;
}