/* スタイルシート */
/* 2007/03/03 - 2007/10/10 t.n */

/* スタイルシートを変更すると、そのスタイル（クラス、ID）を使用している部分が   */
/* サイト全体に渡って変更されます。                                             */

/* 一時的にスタイルを変更したい場合は、HTMLに記述するか、新たにクラス、IDを     */
/* 作成してください。                                                           */

/* ------------------------- サイト全体 -------------------------------- */ 

/* サイト全体の背景色・画像 */
body {
    margin: 0px;
    text-align: center;
    font-family: "ＭＳ Ｐゴシック";
    color: #333;                         /* 文字色 */
    background-color:#fff;               /* 背景色 */
    background-image: url(img/bg1.gif);     /* 背景画像。なくす場合はコメントアウト */
    background-repeat:repeat;
}

/* リンク色 */ 
a {
    text-decoration: underline;
}
a:link {
    color:#0000ff;
}
a:visited {
    color:#0000ff;
}
a:active {
    color:#5566CC;
}
a:hover {
    color:#f90;
}

img {
    border: none;
}

/* 本文、サイドバーなど、サイト全体の内容を含む部分 */
#container {
    width:650px;                                /* 幅：サイト全体で固定 */
    background-color:#FFFFFF;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align:left;
    /* 境界線 */
    /*
    border-left: solid 1px #666666;
    border-right: solid 1px #666666;
    border-bottom: solid 1px #666666;
    */
}

/* #container の影の部分 */
#wrapper {
    width: 660px;
    background-image: url(img/wrapper.gif);     /* 画像の横幅は固定されている */
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align:center;
}

/* -------- header -------- */
div#header {
    height: 50px;
    background: #ddf url(img/header.jpg) no-repeat;
    overflow: hidden;
    font-size: 12px;
    color: #bbb;
}

div#header  h1 {
    display: inline;
    font-weight: normal;
    font-size: 12px;
    margin: 5px;
    color: #bbb;
}

div#header a {
    margin: 5px;
}

/* ------------------------- コンテンツ部分 -------------------------------- */ 

/* main-column */
#main-column {
    padding: 0px;
    text-align:left;
}

#main-column h2 {
    font-size: 15px;
    font-weight: bold;
    margin: 10px;
    padding: 3px 10px;
    text-allign: left;
    background: #fa6;
    border-left: solid 6px $faa;
}

/* エントリー本文のスタイル */
.entry-body{
    margin: 10px;
    font-size:14px;         /* エントリー全体の文字サイズ */
}

/* ページの本文 */
#page-body {
    background: #fff;
    line-height: 1.3em;     /* 行の高さ（1.3文字分） */
}

#page-body dl dt {
    margin-top: 10px;
}

#page-body img.left {
    float: left;
	padding: 5px 15px 10px 0;
}

/* 画像（大）のブロック */
.large-img {
    text-align: center;
    background: #FFFFFF;    /* 背景：白 */
}

/* 文字のブロック */
.text {
    padding: 10px;
}

/* バナー */
.banner {
    text-align: center;
    margin: 5px;
}

/* 大きい文字 */
.large-text {
    font-size: 130%;
    line-height: 1.3em;
}

/* ボタン　もっと詳しく見る */
p.btn-motto a {
    width: 200px;
    height: 50px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    background: url(img/btn-motto.gif) no-repeat;
    line-height: 0;
}

p.btn-motto a:hover {
    width: 200px;
    height: 50px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    background: url(img/btn-motto-hv.gif) no-repeat;
    line-height: 0;
}


/* -------------------------- フッター ------------------ */ 

/* フッタースペース１ */
#footer-space1 {
    clear: both;
    margin: 30px 10px 10px 10px;
    color: #bbb;
    font-size: 12px;
    text-align: center;
}

#footer-space1 a {
    color: #bbb;
}

/* フッタースペース２ */
#footer-space2 {
    margin: 10px;
    color: #bbb;
    font-size: 11px;
    text-align: center;
}

#footer-space2 a {
    color: #bbb;
}

/* -------- footer -------- */
div#footer {
    height: 25px;
    clear: both;
    background: #fc6 url(img/footer.gif);
    text-align: center;
}

div#footer p {
    line-height: 25px;
    font-size: 12px;
    color: #777;
}