@charset 'EUC-JP';

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

/* 背景色 */
html,
body{
margin:0 auto;
background:url(http://echodek.s54.xrea.com/blog/template/tb_fragment_background.gif) repeat 50% 0;
text-align:center;
}

h2,h3,h4,h5,h6{
color:#1385af;
font-weight:normal;
font-family:Arial,sans-serif;
letter-spacing:1px;
}

h2{
font-size:13px;
}
h3{
font-size:12px;
}
h4{
font-size:11px;
}

/* リンク色 */
a{
color:#b44067;
text-decoration:none;
}
a:link{
color:#b44067;
}
a:visited{
color:#772a44;
}
a:hover{
color:#a2bf1f;
}
a:active{
color:#a2bf1f;
}
a img{
border:none;
}

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

em{
color:#d43b6e;
border-bottom:1px dotted #d43b6e; 
}

ins{
border-bottom:1px solid #eee;
text-decoration:none;
}

del{
text-decoration:line-through;
}

blockquote{
margin:5px;
padding:2px 10px;
border:1px solid #eee;
color:#7A8C27;
}

table{
margin:5px 0;
border-collapse:collapse;
border:1px solid #eee;
color:#5c8898;
font-size:11px;
}

sup{
font-size:10px;
}

pre{
font-family:monospace;
}

table th,
table td{
padding:5px;
border:1px solid #eee;
}

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

/* 全体の幅・フォントなど */
div#layout{
position:relative;
width:710px;
margin:0 auto;
background:#fff url(http://echodek.s54.xrea.com/blog/template/tb_fragment_layout.gif) repeat-y 0 0;
color:#5c8898;
font-family:Verdana,sans-serif;
text-align:left;
}

div#header,
div#body,
div#footer{
width:100%;
}

/* ヘッダー部分 */
div#header{
background:url(http://echodek.s54.xrea.com/blog/img/hed_0601.jpg) 
padding:70px 0 50px 0;
}

/* ボディー部分 */
div#body{
}

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

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

/* サイドバー部分 */
div#side{
float:left;
width:230px;
background:url(http://echodek.s54.xrea.com/blog/template/tb_fragment_sfooter.gif) no-repeat 1px 100%;
padding:0 0 30px 0;
}

/* サイト名 */
h1{
padding:0 30px 3px 30px; 
color:#fff;
font-size:20px;
font-weight:bold;
font-family:Arial,sans-serif;
letter-spacing:5px;
text-align:right;
}
h1 a,
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active{
color:#fff;
text-decoration:none;
}

/* サイトの解説 */
div.description{
padding:0 30px;
color:#ffffff;
font-size:10px;
text-align:right;
}

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

/* 記事 */
div.entry,
div.comment,
div.comment_form,
div.trackback_url,
div.trackback,
div.profile{
padding:0 15px 40px 25px;
}

/* 記事のタイトル */
h2.entry_title{
padding:4px 0 2px 0;
color:#1385af;
font-size:13px;
font-weight:bold;
font-family:Arial,sans-serif;
letter-spacing:1px;
}
h2.entry_title a,
h2.entry_title a:link,
h2.entry_title a:visited,
h2.entry_title a:hover,
h2.entry_title a:active{
color:#1385af;
text-decoration:none;
}

/* 記事の日付 */
div.entry_date{
padding:2px 0;
font-size:10px;
letter-spacing:1px;
}

/* 記事、記事の続き */
div.entry_body,
div.entry_more{
font-size:11px;
line-height:170%;
}

/* カテゴリーなど */
div.entry_state{
padding:3px 10px;
border-top:1px solid #eee;
background:url(http://echodek.s54.xrea.com/blog/template/tb_fragment_line.gif) repeat 0 0;
text-align:center;
font-size:10px;
text-align:right;
}

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

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

/* 記事中の画像 */
img.pict,
img.thumb{
margin:2px;
border:1px solid #eee;
}

/* コメントのタイトル */
div.comment h3,
div.comment_form h3,
div.trackback_url h3,
div.trackback h3{
padding:0 0 2px 0;
color:#1385af;
font-size:13px;
font-weight:normal;
font-family:Arial,sans-serif;
letter-spacing:1px;
text-align:left;
text-transform:uppercase;
}

/* コメント、トラックバック */
div.comment dl,
div.trackback dl{
padding:15px 0;
}

/* コメントの日付・トラックバックの日付など */
div.comment dl dt,
div.trackback dl dt{
padding:3px 0;
border-top:1px solid #eee;
background:url(http://echodek.s54.xrea.com/blog/template/tb_fragment_line.gif) repeat 0 0;
text-align:center;
font-size:10px;
text-align:right;
}


/* コメントなど */
div.comment dl dd,
div.trackback dl dd{
font-size:11px;
line-height:170%;
}

/* コメント・太字部分 */
div.comment dl span,
div.trackback dl span{
font-size:11px;
font-weight:bold;
}

/* コメントフォーム */
div.comment_form{
margin:0 auto;
text-align:center;
}

div.comment_form dl{
width:360px;
margin:0 auto;
font-size:11px;
text-align:left;
}

div.comment_form dl dt{
width:100px;
line-height:18px;
text-align:right;
}

div.comment_form dl dd{
margin:-1.5em 0 0 100px;
padding:0 0 2px 0;
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;
}

label{
text-transform:capitalize;
}

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

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

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

/* 送信ボタン */
input.button{
width:80px;
border:1px solid #5c8898;
background:#fff;
color:#5c8898;
font-size:11px;
font-weight:bold;
font-family:Arial,sans-serif;
text-transform:uppercase;
}

/* ページナビ、ページトップ */
div.pagenavi,
div.pagetop{
padding:5px 20px;
font-size:10px;
text-align:center;
}

/* side */
/* サイド */
div#side dl{
margin:0 1px;
background:#fff;
}

/* サイドのタイトル */
div#side dl dt{
height:29px;
background:url(http://echodek.s54.xrea.com/blog/template/tb_fragment_stitle_blue.gif) repeat-x 0 0;
color:#fff;
font-size:10px;
font-family:Arial,sans-serif;
letter-spacing:1px;
line-height:25px;
text-align:center;
text-transform:uppercase;
}

/* サイドの内容 */
div#side dl dd{
padding:3px 10px 10px 10px;
background:url(http://echodek.s54.xrea.com/blog/template/tb_fragment_sbody.gif) repeat-y 0 0;
font-size:10px;
line-height:150%;
}

div#side dl.recommend span{
font-weight:bold;
}

div#side a,
div#side a:link{
color:#7daec0;
}
div#side a:visited{
color:#7b959e;
}
div#side a:hover{
color:#a2bf1f;
}
div#side a:active{
color:#a2bf1f;
}

/* サイドのリスト */
div#side dl dd ul{
list-style:none;
}
div#side dl dd ul li{
padding:0 0 3px 10px;
background:url(http://echodek.s54.xrea.com/blog/template/tb_fragment_slist.gif) no-repeat 0 5px;
}

/* 検索 */
div.search{
line-height:20px;
vertical-align:center;
}
div.search label{
display:none;
}
div.search input{
height:20px;
line-height:20px;
vertical-align:bottom;
}
div.search input.form{
width:110px;
}

/* footer */
/* 著作権表示 */
address{
margin:0 11px;
padding:5px;
border-top:1px solid #eee;
background:url(http://echodek.s54.xrea.com/blog/template/tb_fragment_line.gif) repeat 0 0;
font-size:10px;
font-style:normal;
text-align:center;
}

/* カレンダー */
div#calendar{
position:absolute;
top:1px;
left:11px;
width:688px;
padding:5px 0;
border-bottom:1px solid #eee;
background:url(http://echodek.s54.xrea.com/blog/template/tb_fragment_line.gif) repeat 0 0;
font-size:10px;
text-align:center;
}

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

/* sbtext */

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