/* 
━━━━━━━━━━━━━━━━━━━━━━━━━
 ProAffiliatorsTemplate
 Name   : ninja-basic_2c_r
 Layout : 2カラム 固定 右
 Update : 2010.05.29
 color#1: #336699
 color#2: #EAEFF5
 (c) YoshidaDesignInc. All Rights Reserved.
━━━━━━━━━━━━━━━━━━━━━━━━━
*/


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 共通 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
* {
word-break: break-all;
}

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;
}
h2.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 30px 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:12px;
line-height:150%;
text-align:left;
margin:0 0 10px;
}
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 {
}
div.text-more a:hover {
}
div.text strong {
}
div.text em {
}
div.text blockquote {
color:#333333;
font-style:normal;
margin:0 0 1em;
padding:1em;
border:#cccccc solid 1px;
}
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#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 ul {
margin:0px 0px 1em;
padding:0px;
}
div.side 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;
}
table.CalendarTable {
width:100%;
}
.CalendarMoveTable {
width:100%;
padding:4px 10px 4px 10px;
font-weight:bold;
border-bottom:#cccccc solid 1px;
text-align:center;
font-size:12px;
font-family:Verdana;
}
.CalendarMoveTable a{
}

.CalendarTable {
padding:3px;
margin-bottom:10px;
font-size:12px;
font-family:Verdana;
}
.CalendarTable 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;
}

/* end */