/*
━━━━━━━━━━━━━━━━━━━━━━━━━
 ProAffiliatorsTemplate
 Name   : Seesaa-basic_2c_r
 Layout : 2カラム 固定 右
 Update : 2010.05.29
 color#1: #336699
 color#2: #EAEFF5
 (c) YoshidaDesignInc. All Rights Reserved.
━━━━━━━━━━━━━━━━━━━━━━━━━
*/


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 共通 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
body {
    font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}

body {
    color: #000;
    margin:0px ;
    padding:0px ;
}

a {
    color: #0000cc;
    text-decoration: underline;
}
a:hover {
    color: #0000cc;
    text-decoration: none;
}
a:visited {
    color: #0000cc;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* タイトルエリア */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

div#header {
    background: #336699;
}
div#header-inner {
    width:860px;
    margin:0 auto ;
    padding: 10px 0px;
}
div#header h1 {
    color:#ffffff;
    font-size:18px;
    font-weight:bold;
    line-height:18px;
    text-align:left;
    margin: 0px;
    padding: 10px 0px;
}
div#header a {
    color:#ffffff;
    text-decoration:none;
}
div#header a:hover {
    text-decoration:underline;
}
span.description {
    display: block;
    color: #e6e6e6;
    font-size: 13px;
    font-weight: normal;
    line-height: 150%;
    text-align: left;
    margin: 0px;
    padding: 0px 0px 10px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* レイアウト */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

body {
    text-align:center;
    background: #336699;
}
div#container {
    background: #e8e8e8;
}
div#container-inner {
    width:860px;
    margin:0 auto ;
    padding: 0px;
    background: #ffffff;
}
.cl {
    clear:both;
    width:1px;    height:1px;    font-size:1px;    line-height:1px;
}

div#main {
    float:left;
}
div#main-inner {
    width:550px;
    margin:30px 0 0 30px;
}
div#side {
    float:left;
}
div#side-inner {
    width:235px;
    margin:30px 0 0 20px;
}

/* clearfix
───────────────────────── */
div#container-inner:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

/* hasLayout
───────────────────────── */
{
    height: 1%;
}

/* peek-a-boo bug
───────────────────────── */
 {
    height: 1%;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 広告 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
div.ad1-title {
    font-size:13px;
    font-weight:bold;
    line-height:150%;
    text-align:left;
    margin:10px 0 10px;
    padding:10px 0 0;
    border-top:#999999 solid 1px;
}
span.ad1 {
    text-align:left;
    margin:0 15px 30px 0;
}
span.ad2 {
    text-align:left;
    margin:0 0 30px 0;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* エントリ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

div.entry {
    margin:0 0 30px;
}

/* 日付
───────────────────────── */
h2.date {
    display:none;
}

/* ナビ
───────────────────────── */
div.navi {
    color:#333333;
    font-size:13px;
    font-weight:normal;
    line-height:150%;
    text-align:left;
    margin:0 0 15px;
}

/* エントリタイトル
───────────────────────── */
h3.title {
    color:#333333;
    font-size:15px;
    font-weight:bold;
    line-height:150%;
    text-align:left;
    margin:10px 0 10px;
    padding:10px 10px 5px;
    background: #EAEFF5;
    border-top:#336699 solid 1px;
}
h3.title a {
    color:#333333;
    text-decoration:none;
}
h3.title a:hover {
    color:#333333;
    text-decoration:underline;
}

/* エントリ本文
───────────────────────── */
div.text {
    font-size:14px;
    line-height:150%;
    text-align:left;
    margin:0 0 10px; 4
}
div.text p {
    margin:0;
    padding:0;
}
span.article-continue {
    color:#666666;
    font-size:13px;
    line-height:150%;
    text-align:left;
    margin:0 0 20px;
    padding:0;
}
div.text-more a {
    color:#666666;
    text-decoration:none;
}
div.text-more a:hover {
    color:#666666;
    text-decoration:underline;
}
div.text strong {
}
div.text em {
}
div.text blockquote {
    color:#333333;
    font-style:normal;
    margin:0 0 1em;
    padding:1em;
    background: #f8f8f8;
}
div.text ul {
    margin:0 0 1em 2em;
    padding:0;
}
div.text ol {
    margin:0 0 1em;
    padding:0;
}
div.text li {
    margin:0 0 1em;
    padding:0;
}

/* タグ
───────────────────────── */
div.tag-word {
    font-size:12px;
    line-height:150%;
    text-align:left;
    margin:10px 0 10px;
}

/* エントリフッタ
───────────────────────── */
div.posted {
    color:#333333;
    font-size:10px;
    line-height:150%;
    text-align:left;
    margin:0 0 25px;
    padding:5px 0;
    border-top:#cccccc dotted 1px;
}

/* このブログのトップページへ
───────────────────────── */
div.to-blogtop {
    color:#333333;
    font-size:12px;
    line-height:150%;
    text-align:left;
    margin:0px 0px 10px;
    padding:0px 1em 0px 0px;
}

/* PR
───────────────────────── */
span.footer-ad {
    padding:0px 1em;
}

/* コメント・トラックバック
───────────────────────── */
#comments {
    font-size:14px;
    line-height:150%;
    margin-bottom:30px;
    margin-top:25px;
    text-align:left;
    margin:0px 0px 20px;
    padding:0px;
}
#comments form {
    margin:0px;
    padding:0px;
}
#comments input {
max-width:200px;
}
#comments textarea{
    width:300px;
    margin-bottom:5px;
}
.comments-head{
    font-weight:bold;
    font-family:Verdana;
    border-top:#cccccc solid 1px;
    margin:0 0 10px;
    padding:5px 0 0;
}
.comments-body {
    margin:0px;
    font-family:Verdana;
}

.comments-post {
    padding:3px 0px 3px 0px;
    font-size:10px;
    text-align:right;
    font-family:Verdana;
}
#trackback {
    font-size:13px;
    line-height:150%;
    margin-bottom:30px;
    margin-top:25px;
    border:1px dotted #aaaaaa;
    background:#f3f3f3;
    padding:10px;
    text-align:left;
    font-family:Verdana;
}

/* タグ
───────────────────────── */
div.tag {
    text-align:left;
    margin:0 0 10px;
}
div.tag div {
    font-size:14px;
    text-align:left;
    margin:0 0 10px;
}
div.tag-title {
    color:#333333;
    font-size:15px;
    font-weight:bold;
    line-height:150%;
    text-align:left;
    margin:10px 0 10px;
    padding:10px 10px 5px;
    background: #EAEFF5;
    border-top:#336699 solid 1px;
}

/* 関連記事
───────────────────────── */
.listCategoryArticle{
    margin:15px 0;
    padding:10px 10px 0px;
    border:solid 1px #cccccc;
}
.listCategoryArticle ul{
    padding:0;
    margin:10px 0 0 10px;
    text-align:left;
    list-style-position:outside;
}
.listCategoryArticle ul li{
    margin:0;
    padding:0px;
    line-height:1.7;
    font-size:11px;
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* サイドバー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

div#side {
    font-size:13px;
    line-height:160%;
    text-align:left;
}
div.side {
    font-size:13px;
    line-height:160%;
    text-align:left;
    margin:0 0 10px;
}
div.sidetitle {
    color:#333333;
    font-size:12px;
    font-weight:bold;
    line-height:150%;
    text-align:left;
    margin:1em 0 10px;
    padding:5px 5px 3px;
    background:#e8e8e8;
    border-top:#999999 solid 1px;
}
div.side_in ul {
    margin:0px 0px 1em;
    padding:0px;
}
div.side_in li {
    list-style:none;
    font-size:13px;
    line-height:150%;
    text-align:left;
    margin:0;
    padding:0 0 5px;
}
.syndicate {
    font-size:13px;
    line-height:150%;
    text-align:left;
    margin:0 0 10px;
}

/* カレンダー
───────────────────────── */
#calendar {
    margin-bottom:10px;
    font-size:13px;
    border:2px solid #e6e6e6;
    baclground-color:#FFF;
}
#calendar table {
    width:100%;
}
.calendarhead {
    padding:4px 10px 4px 10px;
    font-weight:bold;
    background-color:#e6e6e6;
    text-align:center;
    font-size:12px;
    font-family:Verdana;
}
.calendarhead a{
}
.calendarhead .calendarday{
}

.calendarday {
    padding:3px;
    margin-bottom:10px;
    font-size:12px;
    font-family:Verdana;
}
.calendarday a{
    font-weight:bold;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* フッター */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

div#footer {
    clear:both;
}
div#footer-inner {
    width:860px;
    margin:0 auto ;
    padding: 10px 0px;
}
div#footer {
    color:#cccccc;
    font-size:12px;
    font-style:normal;
    line-height:180%;
    text-align:left;
    margin:0;
    padding:5px 0px 0px;
}
div#footer a {
    color:#cccccc;
    font-weight:normal;
}
