/* コンテナ */
div#container{width: 900px;
margin: auto}

/* ヘッダー */
div#header{background-image: url(http://www.mma-design.com/blog/pagedesign/dack2011.jpg);
background-color: none;
padding-top: 20px;
padding-bottom: 270px;
border-top: solid 0px #525252}


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;
margin: 8px 20px 0;
         color: #FFFFFF}


/* 独立ページのメニュー */
ul#pagemenu{list-style-type: none;
margin: 0;
padding: 0}

ul#pagemenu li{display: inline;
padding-right: 10px}

ul#pagemenu li a{font-size: 0.75em;
color: #525252;
text-decoration: none}

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

p#pagetitle       {font-size: 0.875em;
         font-weight: bold;
         color: #33cc33;   /* タイトルの文字色 */ 
         border: dotted 1px #33cc33;
         text-align: left;
         padding: 30px 50px;
         margin-top: 20px}

/* 記事 */




div.post{border: solid 1px #ffffff; /* 枠色 */
padding: 30px 50px;
margin: 20px auto}

div.post h2{font-size: 1.0000em;
border-bottom: dotted 1px #696969; /* タイトルアンダーバー色 */
padding-bottom: 5px;
margin: 0}

div.post h2 a{text-decoration: none;
color: #000000} /* タイトル文字色 */



div.honbun{font-size: 0.75em;
line-height: 1.5;　/* 改行幅 */
margin-top: 10px;
        padding-left: 0px}

div.honbun p{margin-top: 0}

div.honbun h3{font-size: 0.75em;
color: #696969;  /* 投稿者文字色 */
        text-align: right;
margin: 5px}

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

p.postinfo a{color: #696969}

blockquote {
    margin: 15px; /* 枠線を表示する上下左右の空白 */
    padding: 15px; /* 枠線から文字までの上下左右の空白 */
    background: #fffff6; /* 背景色 */
    border: 1px solid #999999; /* 文字色 */
    font-size: 12px; /* フォントサイズ */
    line-height: 150%; /* 改行幅 */
}




/* リンク */
a {
  color: #696969;
  text-decoration: none;　　/* 示 */
}
a:link {
  color: #696969;
  text-decoration: none;
}
a:visited {
  color: #696969;
  text-decoration: none;
}
a:hover {
  color: #33cc33;
  text-decoration: underline;  /* ロールオーバー、下線表示 */
}
a:active {
  color: #696969;　/* マウスのボタンを押してから放すまでの間 */
}
　　　

/* 記事内の画像 */
.mt-enclosure-image img    {border: none}


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

span.pageprev{float: left}

span.pagenext{float: right}


/* コメント */
div#comments{clear: both;
border: solid 1px #a9a9a9; /*枠の色*/
padding: 10px 18px;
margin: 60px 0 20px}

div#comments h3{font-size: 0.875em;
border-bottom:  dotted 1px #000000;
padding-bottom: 3px}

div#comment-greeting{font-size: 0.75em}

div#comments label{font-size: 0.75em}

div#comments-open-data div, 
div#comment-form-reply, 
div#comments-open-text
div#comments-open-captcha,
div#comments-open-footer{margin-top: 10px}

textarea{width: 500px;
height: 170px}

div.compost{font-size: 0.75em;
border-bottom: dotted 1px #696969}

p.cominfo{text-align: right}

div#comments a{color: #000000}

body.mt-comment-preview div#comments
{width: 515px;
margin-left: auto;
margin-right: auto}

body.mt-comment-error div#comments
{width: 515px;
margin-left: auto;
margin-right: auto}



/* トラックバック */
div#tb{border: solid 1px #a9a9a9; /* 枠色　*/
padding: 10px 18px;
margin: 20px 0}

div#tb h3{font-size: 0.875em;
border-bottom:  dotted 1px #000000; /* アンダーバー　*/
padding-bottom: 3px}

p#tburl{font-size: 0.75em;
background-color: #c0c0c0; /* アドレス背色 */
padding: 8px;
margin-bottom: 30px}

div.pingpost{font-size: 0.75em;
border-bottom: dotted 1px #000000}

p.pinginfo{text-align: right}

div#tb a{color: #ff0000}



/* サイドバー */
div#sidebar{width: 220px;
float: right;
margin-top: 20px;
margin-bottom: 20px}


div#sidebar h2{background-image:none;
background-repeat: no-repeat;
        font-size: 0.75em;
color: black;
padding: 6px 8px;
margin-bottom: 0}


div#sidebar h3{background-image: url(http://www.mma-design.com/blog/pagedesign/bar.png);
background-repeat: no-repeat;
font-size: 0.75em;
color: white;
padding: 6px 8px;
margin-bottom: 0}

div#sidebar h4{background-image:none;
background-repeat: no-repeat;
font-size: 0.75em;
color: black;
padding: 6px 8px;
margin-bottom: 0}

div#sidebar h5{font-size: 0.75em;
list-style-type: none;
margin-bottom: 4px;
padding-left: 12px;}

div#sidebar h6{font-size: 0.75em;
list-style-type: none;
         line-height: 1.6;
margin-top: 10px;
         padding-left: 20px}


/* 検索フォーム */
input#s{width: 140px;
margin-bottom: 5px}

input{margin-left: 2px;
vertical-align: top}

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

div#sidebar li a{color: #000000; /* カテゴリーの文字色 */
text-decoration: none;
border-bottom: dotted 1px #000000;/* カテゴリーのアンダーバー */　}

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

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

/* フィード */
p.feed{font-size: 0.75em;
font-family:Trebuchet MS', Helvetica, sans-serif;
border: none;
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 #525252;
clear: both}

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

address a{text-decoration: none;color: #000000}