body{
background-image:url(http://www.yunosuke.com/pagedesign/background01.png);
background-repeat:repeat-y;
background-position:center;
margin:0;
}

/* コンテナ */
div#container{width: 760px;
margin-top:0px;
margin-left: auto;
margin-right: auto;
}

/* ヘッダー */
div#header{background-image: url(http://www.yunosuke.com/pagedesign/header.jpg);
background-color: #cccccc;
background-repeat:no-repeat;
padding-top: 20px;
padding-bottom: 80px;
}

div#header h1{font-size: 1.875em;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
margin: 0 20px}

div#header h1 a{text-decoration: none;
color: #ffffff}

div#header p{font-size: 0.75em;
color:#ffffff;
margin: 8px 20px 0}


/* コンテンツ */
div#content{width: 515px;
float: left}

p#pagetitle{font-size: 0.875em;
font-weight: bold;
color: #005890;
border: dotted 1px #005890;
text-align: center;
padding: 10px 0;
margin-top: 20px}

/* 記事 */
div.post{
padding: 18px;
margin: 20px auto}

div.post h2{background-image: url(http://www.yunosuke.com/pagedesign/mark.gif);
background-repeat: no-repeat;
font-size: 1em;
padding-top: 2px;
padding-left: 24px;
padding-bottom: 5px;
margin: 0}

div.post h2 a{text-decoration: none;
font-family:monospace;
font-size:1.25em;
color: #666666}

a:link{color:#666666;}

div.honbun{font-size: 1em;
font-family:monospace;
color:#666666;
line-height: 200%;
margin-top: 10px}

div.honbun p{margin-top: 0}

p.postinfo{font-size: 0.75em;
color: #005890;
text-align: right;
margin: 20px 0 0;
clear: both}

p.postinfo a{color: #005890}

div#tb{font-size:0.85em;
font-family:monospace;
}


/* 記事内の画像 */
div.honbun img{border: none}


/* ページリンク */
p.pagelink a{font-size: 0.75em;
color: #005890;}

span.pageprev{float: left}

span.pagenext{float: right}

p.pagelink{margin: 20px 0;
overflow: hidden}

/* サイドバー */
span.profile{font-size:0.8em;
line-height:1.75em;
font-family:monospace;
color:#787878;
}

span.sidebar_honbun{font-size:0.8em;
line-height:1.75em;
font-family:monospace;
color:#787878;
}

div#sidebar{width: 200px;
float: right;
margin-top: 20px;
margin-bottom: 20px;
padding-right:20px;
padding-left:20px;
}

div#sidebar h2{background-image: url(http://www.yunosuke.com/pagedesign/bar.png);
background-repeat:repeat-y;
font-size: 0.8em;
color: white;
padding: 2px 30px;
margin: 0}

div#sidebar li{font-size: 1em;
list-style-type: none;
margin-bottom: 4px;
background-image: url(http://www.yunosuke.com/pagedesign/listmark.png);
background-repeat: no-repeat;
background-position: 0 4px;
padding-left: 12px;
font-family:monospace;
vertical-align: top}

div#sidebar li a{color:#787878;;
text-decoration: none;
border-bottom: dotted 1px #4babe3}

div#sidebar li li{font-size: 1em;
background-image: url(http://www.yunosuke.com/pagedesign/listmark2.png)}

div#sidebar ul{margin: 8px 0 20px 8px;
padding: 0}

div#sidebar ul ul{margin: 8px;}

/* フィード */
p.feed{font-size: 0.75em;
font-family: Verdana, Helvetica, sans-serif;
border: dotted 1px #f7931e;
padding: 5px;
margin: 25px 0}

p.feed a{color: #444444;
text-decoration: none}

p.feed img{vertical-align: middle;
margin-right: 8px}

/* フッター */
div#footer{border-top: solid 3px #005890;
clear: both}

address{font-size: 0.75em;
font-style: normal;
font-family: Verdana, sans-serif;
padding-top: 6px}

address a{color: #000000}