@charset "utf-8";

/* ヘッダー */

#header {
    text-align: center;
    width:960px;
    margin:0 auto;
    color: #a9a9a9;
    padding: 40px 0 0 0;
}

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

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

#header a {
    color: #a9a9a9;
}

#header a:hover {
    color: #b0c4de;
    text-decoration: underline;
}

/* 固定メニュー */

#menu {
    width:100%;
    float:left;
    margin: 40px 0 30px 0;
    padding: 5px 0;
    background:#fffafa;
    border: 1px solid #D8D8D8;
}

#menu ul {
    width: 960px;
    margin:0 auto;
    padding:0;
}

#menu li {
    float:left;
    font-size:13px;
    color:#000000;
    text-align:center;
    list-style-type:none;
    padding-top:0px;
}

#menu li a {
    display:block;
    width:136px;
    color:#333;
    line-height:20px;
    border:1px solid #D8D8D8;
}

#menu li.home a {
    border:1px solid #D8D8D8;
}

#menu li a:hover {
    font-weight:bold;
    color:#555555;
    background:#e6e6fa;
}

.menu-ma {
    margin: 30px;
}

/* 記事 */

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

/* 記事のタイトル */

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

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

.entry-header a:hover {
    color: #a9a9a9;
}

/* 記事の内容 */

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

.entry textarea {
    width: 97%;
}

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

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

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

/* 引用文 */

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

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

/* 関連記事の装飾 */

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

.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: #333333;
    margin: 10px 0 0 0;
    padding-top: 7px;
    border-top: 1px dotted #663300;
    font-size: 83.3%;
    text-align: right;
}

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

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

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

.comments-title,
.trackbacks-title {
    color: #fff;
    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: #333333;
    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 #663300;
    background: #f8f4f1;
}

#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;
}

#comment {
    width: 450px;
}

#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 {
    color: #663300;
    font-weight: bold;
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
}

.content-nav a {
    color: #663300;
}

.content-nav a:hover {
    color: #cc6600;
}

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

.side-title {
    color: #ffffff;
    background: #87cefa;
    font-size: 75%;
    font-weight: bold;
    text-align: center;
    line-height: 1.7;
}
  
/* サイドメニュー */

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

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

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

.side-body a {
    color: #555555;
}

.side-body a:hover {
    font-weight:bold;
    color: #a9a9a9;
}

/* フッター */

.layout #footer {
    font-size: 12px;
    color:#000;
    font-weight: normal;
    margin-top:30px;
    padding-bottom: 20px;
}

.fc2pr a {
    color: #000;
}

.fc2pr a:hover {
    color: #023;
    text-decoration: underline;
}

.foot-end {
    margin: 20px 0 0 0;
}

.foot-end a {
    color: #b22;
    font-weight: bold;
}

.foot-end a:hover {
    color: #990000;
    font-weight: bold;
}

/* 全体レイアウト */

html {
    background: url("http://blog-imgs-44.fc2.com/j/o/k/joker004/20111230061247664.png");
    background-position: top right;
    background-repeat: repeat-y;
}

body.layout {
    text-align: center;
    background: url("http://blog-imgs-44.fc2.com/j/o/k/joker004/haikei15.png") repeat-x;
}

.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;
    margin-left: 240px;
}

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

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

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

/* 全体のデータ */

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

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

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

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

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

a:hover {
    color: #cc6600;
    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 */