@charset "utf-8";

/* ヘッダー */

#header {
    color: #fff;
    margin: 20px 0 20px 0;
    padding: 20px;
    background: url("http://blog-imgs-42-origin.fc2.com/r/e/d/rednoir/title-back.png") repeat;
}

#header p {
    font-size: 35px;
    font-weight:bold;
    padding-bottom: 7px;
}

#header h1 {
    font-size: 14px;
}

/* 記事 */

.blog {
/*    padding: 10px;
    font-size: small;
    background: none;*/
}

/* 記事のタイトル */

.entry-header {
    color: #fff;
    background: #990000;
    border-left: 7px solid #666666;
    line-height:2.0;
    font-size: 110%;
    font-weight:bold;
    padding: 0 10px 0 10px;
    margin-bottom: 10px;
}

.entry-header a {
    color: #fff;
}

/* 記事の内容 */

.entry {
    width: auto;
    padding: 10px;
    color: #cccccc;
    font-size: 83.3%;
    line-height:1.5;
    word-break: break-all;
    border: 1px solid #666666;
    margin-bottom: 20px;
}

.entry textarea {
    width: 97%;
}

.entry img {
    margin-bottom: 10px;
}

/* ソーシャルサービス */

.social li {
    margin-top: 10px;
    margin-right: 5px;
    float: left;
    display: inline;
}

/* 文字の囲い込み */

.entry-box {
    width: auto;
    color: #000000;
    margin: 10px;
    padding: 5px;
    border: 1px dotted #666666;
    background: #ffffff;
    line-height: 120%;
}

/* 引用文 */

blockquote {
    width: auto;
    color: #000000;
    margin: 10px;
    padding: 5px;
    border: 1px dotted #666666;
    background: #ffffff;
    line-height: 120%;
}

/* 関連記事の装飾 */

.relate_dl {
    margin: 20px 10px 10px 10px;
    padding: 10px;
    border: double #666666;
}

.relate_dt {
    border-bottom: 1px solid #666666;
    padding: 0 0 2px 5px;
}

.relate_dd {
    margin-top: 10px;
}

.relate_ul {
    padding-left: 15px;
}

/* 記事のデータ */

.entry-footer {
    color: #ff9933;
    margin: 10px 0 0 0;
    padding-top: 7px;
    border-top: 1px dotted #cccccc;
    font-size: 83.3%;
    text-align: right;
}

.entry-footer a {
    color: #ff9933;
    text-decoration: underline;
}

.entry-footer a:hover {
    color: #666666;
    text-decoration: underline;
}

/* コメント＆トラックバックのタイトル */

.comments-title,
.trackbacks-title {
    color: #fff;
    background: #990000;
    border-left: 7px solid #666666;
    line-height:2.0;
    font-size: 14px;
    font-weight:bold;
    padding: 0 10px 0 10px;
    margin-bottom: 10px;
}

/* コメント＆トラックバック */

.comments,
.trackbacks {
    border: 1px solid #666666;
    color: #cccccc;
    margin-bottom: 20px;
    padding: 10px;
}

.comment-meta,
.trackback-meta {
    font-size: 75.0%;
    padding: 10px 0 3px 0;
}

.comment-body,
.trackback-body {
    padding: 5px;
    font-size: small;
    line-height: 1.3;
    word-break: break-all;
}

#trackbacks-urldate {
    padding: 5px;
    font-size: small;
    line-height: 1.3;
    word-break: break-all;
}

.comment-body,
.trackback-body {
    border: 1px dotted #cccccc;
}

#tb_url {
    width: 250px;
    _width: 270px;
}

/* コメントフォーム */

.comments-form {
    margin: 10px 10px 10px 30px;
    font-size: small;
    line-height: 1.3;
    word-break: break-all;
}

#comment-author,
#comment-url {
    width: 220px;
    color: #000000;
}

#comment {
    width: 450px;
    color: #000000;
}

#comments-submit {
    text-align: center;
}

#form-data dl {}
#form-data dt {
    float: left;
    width: 100px;
    padding: 5px 5px 5px 0;
    _padding: 5px 0 5px 0;
}

#form-data dd {
    padding: 5px 0 5px 8px;
}

/* コンテンツナビ */

.content-nav {
    margin: 10px;
    text-align: center;
    font-size: 14px;
}

/* サイドメニュータイトル */

.side-title {
    color: #ffffff;
    border-left: 5px solid #666666;
    border-bottom: 2px solid #666666;
    font-size: 75%;
    font-weight: bold;
    line-height: 1.7;
    padding-left: 8px;
}
     
/* サイドメニュー */

.side-body {
    font-size: 75%;
    line-height:1.5;
    color: #cccccc;
    padding:10px 0 20px 0;
}

.side-body ul {
    color:#990000;
}

.side-body li {
    list-style-type: disc;
    list-style-position: outside;
    margin: 5px 0 5px 15px;
}

/* フッター */

.layout #footer {
    border-bottom:7px solid #990000;
    font-size: 12px;
    color:#fff;
    font-weight: normal;
    padding: 10px 0 7px 0;
}

/* 全体レイアウト */

body.layout {
    text-align: center;
    background:#000 url("http://blog-imgs-42-origin.fc2.com/r/e/d/rednoir/all-back.png") repeat;
}

.layout #box {
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}

/* メインレイアウト */

.layout #content {
    float: left;
    width: 720px;
}

html>body.layout #content {
    width: 720px;
}

/* サイドレイアウト */

.layout #side-box {
    float: left;
    width: 220px;
}

html>body.layout #side-box {
    margin-left: 20px;
}

/* 全体のデータ */

* {
    margin: 0;
    padding: 0;
    font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Arial, sans-serif;
}

body {
    color:#cccccc;
    font-size: 100%;
}

html>body {
    font-size: 12pt;
}

h1, h2, h3 {
    font-weight: normal;
}

a {
    color: #ff9933;
    text-decoration: none;
}

a:hover {
    color: #666666;
    text-decoration: none;
}

a img {
    border: none;
}

input {
    padding: 1px;
    font-size: 12px;
}

.clearfix {
    display: inline-table;
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */