body {	font-size: 83%;
line-height: 1.6;
padding: 0 2%;
background: url(http://1.dtiblog.com/template/general_ex/image/ex.jpg) no-repeat 100% 0% fixed;#ffffff;
width:650px
}
h1 {
font-size: 150%;
}
h2 {
font-size: 120%;
margin-left: 3%;
}
a:link {
color:#666;
text-decoration: none;
}
a:active {
color: #999;
text-decoration: none
}
a:visited {
color: #666;
text-decoration: none
}
a:hover {
color: #990099;
text-decoration: underline;
}
/* 横カレンダーの設定 */
/* 表示させない場合は left 属性の margin-top と、
right 属性の top プロパティを減らして全体を底上げしてください。*/
.yokocal {
font-family: Georgia ,Verdana ,sans-serif;
position: absolute;
left: 2%;
top: 10.7em;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 0.2em 0.5em 0.3em 0.5em;
text-align: center;
margin: 0;
font-size: 80%;
}
/* 横カレンダーの日付はリストを inline で横に並べてるので、不具合ある人もいるかも。*/
.yokocal li {
display: inline;
margin: 0 0.1em;
}
/* レイアウト設定 */
/* レイアウト構成は left の中に right を左側に入れ込んでるという感じ。そのために、left 属性では左に大きくパディングを取ってます。ので、left でも実際は、右側に表示されることになります。 */
/* 記事表示部分 */
#left {
margin-top: 1.2em/* 横カレンダーを消した場合 3.7em ぐらい*/;
margin-left: 0;
padding: 0 0 0 18em;
word-break: break-all;width:85%;
}
/* メニュー表示部分 */
/* 横幅を増やした場合は left 属性の右パディングも増やしてください。 */
#right {
width: 200px;
position: absolute;
padding: 1em 0 4.7em 0;
top: 4.7em/* 横カレンダーを消した場合 9.7em ぐらい*/;
left: 2%;
color: #232323;
word-break: break-all;
}
/* メニューの見出し*/
#right h3 {
font-size: 100%;
margin: 3.7em 0 0 0;
text-decoration:none;
}
/* 自己紹介的なところのリスト要素 */
/* 下のカレンダーのために下に余白を取ってます。
カレンダーを削除する場合はこの余白設定も削除してください。 */
#right ul.info {
list-style-type: circle;
margin-bottom: 1.7em;
}
/* その他のメニュー内のリスト */
#right ul {
font-size: 90%;
list-style-type: square;
padding:  0.7em 1.2em;
margin: 0;
}
#right ul li {
margin: 0 0 0 0.7em;
list-style-position: outside;
}
/* recent entry とrecent comment の日付部分はこれで文字を少し小さく */
#right ul li span {
font-size: 85%;
margin-left: 0.3em;
}
/* 一番下の部分(copyright) */
/* メニューの高さが記事より長くなった場合の為に一応、右寄せ */
#footer {margin: 0px 0 0 0;
text-align: right;
}
/* footer 内に色々表示させたい場合はこの辺も一緒に弄った方が吉 */
#footer p {
font-size: 100%;
}
/* 記事の見出し(タイトル) */
#left h3 {
font-size: 100%;
text-indent:30px;
border-left: 0px solid #000;
border-bottom: 0px solid #000;
padding: 0.1em 0.7em;
margin: 1em 1em 1.7em 0;
background: url(http://1.dtiblog.com/template/general_ex/image/ex_entry.gif) no-repeat 0% 0% fixed;#ffffff;height:40px;
}
/* 記事表示部分を囲うブロック要素の属性 */
.body {
border-bottom: 1px solid #000;
margin: 0 0 3.7em 0;
padding: 0 1.7em 0.7em 1.7em;
line-height: 1.4;
}
/* 記事内に画像があった場合、左に滑り込ませる
.body img {
border: 1px solid #000;
float: left;
margin: 0 0.7em 0 0;
}
 */
/* 記事のステータス用リスト */
.sub {
text-align: right;
font-size: 90%;
margin: 2.7em 0 0 0;
}
.sub li {
display: inline;
}
.sub a {
margin-right: 0.3em;
}
/* レスフォーム設定 */
.reaf {
color: #333;
position: relative;
width: 100%;
margin: 1.7em 0%;
}
.reaf dt {
letter-spacing: 0.1em;
position: absolute;
left: 0;
}
.reaf dd {
font-size: 90%;
padding: 0 0 0.5em 5.7em;
}
.reaf input {
/*width: 50%;*/
}
.reaf textarea {
width: 80%;
}
#himitsu {
width: auto;
}
/* フォームをコンパクトにする場合は以下 */
/*
.reaf {
color: #000;
width: 100%;
}
.reaf dt {
letter-spacing: 0.1em;
}
.reaf dd {
font-size: 90%;
margin: 0;
padding: 0 0 0.5em 0;
}
.reaf input {
width: 50%;
}
.reaf textarea {
width: 80%;
}
#himitsu {
width: auto;
}
*/
/* カレンダー設定 */
table.calender {
font-size: 75%;
width: 95%;
border-collapse: separate/*collapse*/;
border-spacing: 0;
padding: 0.5em 0 0.7em 0;
}
.calender caption {
font-size: 100%;
border-bottom: 1px solid #777;
padding: 0 0 0.5em 0;
}
.calender th {
font-weight: normal;
}
.calender td {
width: 14%;
text-align: center;
padding: 0.1em;
}
.calender td a {
display: block;
}
th#sun {
color: #9900CC;
}
th#sat {
color: #00f;
}
.calender td a:link, .calender td a:visited {
color: #ff10ff;
text-decoration: underline;
}
.calender td a:hover, .calender td a:active{
color: #999;
text-decoration: none;
}
/* 自己紹介的なところで画像を使用した場合の中央寄せ */
.pay {
text-align: center;
}
/* 特に支持がない場合、イメージは以下の設定 */
img {
border: 1px solid #000;
}
/* コメントリストの設定 */
#commentlist {
font-size: 85%;
margin-top: 1.7em;
margin-bottom: 7.7em;
margin-right: 1.7em;
}
/* トラックバックリストの設定 */
#trackbacklist {
font-size: 85%;
margin: 2.7em 1.7em 0 0;
padding: 1.7em 0 2.7em 3.7em;
border-top: 1px solid #ddd;
}
/* トラックバックリスト内のリスト */
#trackbacklist li ul {
margin-top: 0.7em;
margin-bottom: 1.7em;
}
/* コメントリスト、トラックバックリストの整形 */
#commentlist a, #trackbacklist a {
margin-right: 0.5em;
}
#commentlist li, #trackbacklist li {
margin-bottom: 0.5em;
}
/* trackback uri 表示部分の設定 */
#trap dt {
margin: 0 0 0.5em 0.7em;
}
#trap dd {
font-size: 100%;
}
#trap dd a {
text-decoration: underline;
}
/* 検索 */
#right form {
margin: 0;
}
.light {
font-size: 80%;
margin: 2.7em 0 0 0;
padding: 0.7em 0 0 0;
}
.search {
font-size: 80%;
margin: 0 0 3.7em 0;
padding: 0.7em 0;
}
.search input {
font-size: 100%;
font-family: Verdana, Sans-serif;
}
.blockquote{background:gray;}