@charset "UTF-8";
/* これ参考に！！
http://nplll.com/mutter/archives/2005/09/post_706.php */

/* 初期化
------------------------------------------------------------*/
* {
    margin:0;
    padding:0;
    font-family: "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    list-style-type: none;
    word-break: break-all;
}
img {
    border:none;
}

/* 共通 *****************************************/

body {
    font-family: Arial,Verdana,Helvetica,'MS UI Gothic',sans-serif;
    background-color: #ffffff;
    color: #333333;
    text-align: center; /* IE中央寄せ */
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 150%;
}

a:link {
    color: #333333;
    text-decoration: underline;
}

a:visited {
    color: #666666;
    text-decoration: underline;
}

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

.error {
    color: #ff0000;
}

p {
    margin: 1em 0;
}

/* コンテナー ***********************************/

div#container {
    background-color: #ffffff;
    text-align: left; /* IE中央寄せ */
    margin: 0px auto;
}

#manager {
    background-color: #dddddd;
    padding: 5px 10px;
}

/* ヘッダー *************************************/

div#header {
    padding: 5px 0px 15px 0px;
    background-color: #660000;
    background-image: url("../img/shadow.gif");
    background-position: bottom;
    background-repeat: repeat-x;
}

div#header h1 {
    font-weight: bold;
    width: 900px;
    margin: auto;
}

div#header a:visited {
    color: #ffffff;
    text-decoration: none;
}

div#header a:hover {
    color: #ffffff;
}


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

div#footer {
    clear:both;
    padding: 5px 0px;
    background-color: #660000;
    border-top: 1px solid #777777;
    text-align: right;
    color: #ffffff;
    width: 100%;
}

div#footer a:visited {
    color: #ffffff;
}

div#footer a:hover {
    color: #ffffff;
}

/* メイン ***************************************/

div#main {
    background-color: #ffffff;
    padding: 10px 10px;
    height: 88%;
    width: 900px;
    margin: auto;
}

/* コンテンツ ************************************/

div#contents {
    background-color: #ffffff;
    float: left;
    width: 610px;
    margin-bottom: 1em;
    padding: 10px 10px;
}

div#contents h2 {
    border-bottom: 4px inset #777777;
    margin-bottom: 1em;
    padding-bottom: 5px;
    font-weight: bold;
}

div#contents h3 {
    border-bottom: 1px dashed #777777;
    font-weight: bold;
}

div#contents p {
    padding: 0 1em;
}

/* メニュー *************************************/

div#menu {
    margin:0;
    padding:0;
}
div#menu ul {
    margin:0;
    padding:0;
}
div#menu ul li {
    float: left;
    width: 75px;
    text-align: center;
    margin-right: 2px;
    margin-bottom: 2px;
}
div#menu .current a {
    display: block;
    background-color: #777777;
    color: #ffffff;
    text-decoration: none;
}
div#menu .menu a {
    display: block;
    background-color: #cccccc;
    text-decoration: none;
}
div#menu li:hover a {
    display: block;
    background-color: #660000;
    color: #cccccc;
}
.clear_both {
    clear: both;
    width: 100%;
    height: 2em;
}

/* サイドバー ***********************************/

#sidebar {
    background-color: #ffffff;
    background-image: url(../img/sya.gif);
    background-repeat: repeat;
    float: right;
    width: 240px;
    margin-bottom: 1em;
    padding: 10px 10px;
    border: 1px solid #777777;
}

#sidebar p {
    margin: 0;
}

#search .text {
    width: 70%;
    height: 24px;
}

#search .submit {
    width: 25%;
    height: 24px;
}

.twitter_div {
    margin: 1em 0;
    line-height: 125%;
}
.twitter_tweet {
    font-size: 80%;
}


#affiliate p {
    margin: 0em 0em 1em 3em;
}

/* 各々 ***********************************/

.list {
    margin: 1em;
}