@charset "UTF-8";
* {margin-top: 0;}

body {
text-align: center;
margin: 0;
padding: 0;
font-size: 12px;
font-family: "MS UI Gothic", "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, Osaka,"Trebuchet MS", verdana, arial, sans-serif;
background: url(http://blog-imgs-31.fc2.com/c/a/s/caseofb/bg_green.gif);
background-repeat: repeat-x;
}

/* リンクカラーの設定 */
a {color: #6AA689;}
a:hover {color: #8EBBA6;}

/* リストの基本設定 */
li {color: #333;}
li a {color: #333;}
li a:hover {color: #8EBBA6;}

/* 見出しの設定　*/
h2 { color: #FFFFFF;}
h4, h5, h6 { font-size: 12px;}

/* ベースボックス */
#body {
width: 820px;
padding-top: 0px;
position: relative;
margin: 0 auto;
text-align:left;
}

/* ヘッダー部 */
#header {
width : 820px;
height : 190px;
margin-top:  0px;
padding-top: 0px;
text-align: left;
background-color: #ffffff;
background: url(http://blog-imgs-31.fc2.com/c/a/s/caseofb/head_green.gif);
background-repeat: no-repeat;
text-align:left;
}

/* タイトルエリア */
#tittle{
width : 800px;
height : 190px;
margin-top:  0px;
padding-top: 0px;
float:left;
}

/* ブログタイトル */
.site-tittle {
text-align: left;
padding-top: 60px;
padding-left:20px;
margin: 5px 0 3px 0;
}

.site-tittle a{
font-size: 26px;
text-decoration: none;
color: #FFFFFF;
font-family:"Arial Black", "Impact", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";
}

.site-tittle a:hover {
text-decoration : underline;
color: #BED8CC;
}

/* ブログ説明 */
.site_info {
color:#ffffff;
margin: 0 0 5px 0;
font-size: 12px;
font-weight: normal;
text-align: left;
padding-left: 25px;
}

/* コンテンツ */
#content {
width : 815px;
margin: 0;
text-align:left;
}

/* 左メニュー */
#menu {
float : left;
width : 160px;
margin: 0 15px 0px 0px;
text-align: left;
overflow:hidden;
font-size: 12px;
background-color: #BED8CC;
}

/* メイン */
#main {
margin: 0 15px 0px 0px;
float : left;
width : 485px;
text-align: left;
background-color: #FFFFFF;
color: #333333;
}

/* エントリー部 */
.entry_table{
width: 485px;
margin-bottom: 30px;
overflow:hidden;
background-color: #FFFFFF;
border-top: 2px solid #BED8CC;
}

/* 右メニュー */
#menu_2 {
float : left;
width : 140px;
margin: 0;
text-align: left;
font-size: 12px;
}

/* フッター */
#footer {
clear : both;
width: 820px;
color: #8C8C8C;
text-align: center;
padding-top: 5px;
padding-bottom: 3px;
margin: 0;
background-color: #BED8CC;
}

#footer a {color: #8EBBA6;}

/* 左メニュー見出し */
.menu_area { color: #333333;}
.menu_area h2,.menu_area2 h2 {
font-weight: bold;
padding: 4px 0px 3px 10px;
margin-bottom: 10px;
font-size: 12px;
background-color: #6AA689;
border-bottom: 3px solid #8EBBA6;
}

/* 右メニュー見出し */
.menu_area2 { color: #333333;}
.menu_area2 h2 {
font-weight: bold;
padding: 4px 0px 3px 10px;
margin-bottom: 10px;
font-size: 12px;
background-color: #8EBBA6;
border-bottom: 3px solid #BED8CC;
}

/* 記事タイトル */
.entry_table h2 {
font-size: 14px;
font-weight: bolder;
margin: 10px 10px 10px 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #6AA689;
}
.entry_table h2 a{
text-decoration: none;
color: #6AA689;
}
.entry_table h2 a:hover {
text-decoration: underline;
color: #6AA689;
}

/* コメント見出し */
.comment_header {
font-size: 14px;
font-weight: bolder;
margin: 10px 20px 15px 20px;
padding-bottom: 10px;
color: #6AA689;
border-bottom: 1px dotted #6AA689;
}

.comment_header a:hover {
text-decoration: none;
color: #6AA689
}

/* コメント タイトル */
.comment_title {
font-size: 12px;
font-weight: bolder;
margin: 0px 20px 15px 20px;
color: #8EBBA6;
}
.comment_title a:hover {
text-decoration: none;
color: #8EBBA6;
}

/* リンク */
a {
text-decoration:none;
}
a:hover {
text-decoration: underline;
}

/* プロフィール画像 */
.pay img, .plugin-myimage {
margin-bottom: 10px;
} 

/* メニューリスト */
.menu_area ul{
text-align:left;
margin: 5px 0px 5px 0px;
padding-left: 15px;
list-style-image: url(http://blog-imgs-31.fc2.com/c/a/s/caseofb/list_aquare_w.gif);
text-decoration: none;
}

.menu_area2 ul{
text-align:left;
margin: 5px 0px 5px 0px;
padding-left: 15px;
list-style-image: url(http://blog-imgs-31.fc2.com/c/a/s/caseofb/list_aquare_g.gif);
text-decoration: none;
}

.menu_area li,.menu_area2 li {
text-align: left;
line-height: 130%;
padding: 1px 0px 3px 0px;
}
.menu_area a,.menu_area2 a {text-decoration: none;}
.menu_area2 a:hover {text-decoration: underline;}
.menu_area a:hover {color: #FFFFFF; text-decoration: underline;}

/* プラグイン部 */
.plugin_area { margin : 10px 5px 10px 5px;}
.plugin_content { margin : 10px 0px 0px 0px;}
.menu_content { margin : 10px 5px 0px 5px;}

/* 記事本文 */
.entry_text {
line-height: 1.5;
font-size: 12px;
margin-bottom: 10px;
padding: 0px 10px 0px 10px;
color: #333333;
}

/* エントリー下部（ナビ）*/
.entry_navi {
font-size: 12px;
text-align: center;
margin: 0px;
padding: 10px 20px 10px 20px;
color: #333333;
}

/* 記事内リンク */
.entry_text a{ text-decoration: none;}
.entry_text a:hover{ text-decoration: underline;}

/* 記事内 ナビ */
.entry_state {
font-size: 12px;
text-align: right;
line-height: 140%;
padding-top: 5px;
margin: 0px 10px 15px 10px;
color: #8c8c8c;
border-top: 1px dotted #6AA689;
}

.entry_state a,.comment_state a { color: #8EBBA6;}

/* コメント見出し */
.comment_header {
font-size: 14px;
font-weight: bolder;
margin: 10px 10px 15px 10px;
padding-bottom: 10px;
}
.comment_header a:hover { text-decoration: none;}

/* コメント タイトル */
.comment_title {
font-size: 12px;

font-weight: bolder;
margin: 0px 10px 15px 10px;
}
.comment_title a:hover { text-decoration: none;}

/* コメント ナビ */
.comment_state {
font-size: 12px;
text-align: right;
line-height: 150%;
padding: 15px 0px 5px 0px;

margin: 0px 20px 10px 20px;
border-bottom: 1px dotted #6AA689;
}

.entry_state li,
.comment_state li,
.entry_navi li { display: inline;}

/* トラックバックURL */
.trackback_text {
line-height : 130%;
padding-bottom : 15px;
margin: 0px 20px 10px 20px;
border-bottom: 1px dotted #6AA689;
}

/* ネクスト */
.home_next{
width: 420px;
margin: 0px 0px 30px 0px;
}

/* カレンダー */
.calendar_layout {
margin-left: 5px;
margin-bottom: 15px;
}
.calender {
font-size: 11px;
width: 150px;
background: #FFFFFF;
border: 1px solid #6AA689;
color: #666;
}
.calender a {font-weight: bolder;}
.calender caption {
font-size: 11px;
width: 150px;
height:14px;
background: #8EBBA6;
color: #FFFFFF;
padding-top: 2px;
padding-bottom: 1px;
}
.calender caption a:link  {color: #FFF; text-decoration: none;}
.calender caption a:active  {color: #FFF; text-decoration: none}
.calender caption a:visited {color: #FFF; text-decoration: none}
.calender caption a:hover   {color: #CCC; text-decoration: underline;}
.calender th {
width: 20px;
height: 16px;
font-weight: bolder;
text-align: center;
}

.calender td {
width: 20px;
height: 16px;
text-align: center;
}
.calender td a {
display: block;
}

.calender td a:link {
background: #ffffff!important;
color: #8EBBA6;
text-decoration: none;
}

.calender td a:visited {
background: #ffffff!important;
color: #333;
text-decoration: none;
}

.calender td a:hover {
background: #ffffff!important;
color: #8EBBA6;
text-decoration: underline;
}

/* カレンダー曜日 */
th#sun {
color: #CC3300;
}

th#sat {
color: #0066CC;
}


/* 以下、エントリー用設定 */

/* 引用文 */
blockquote {
border: 1px solid #CCC;
background: #FFF;
padding: 10px;
margin: 10px 30px 10px 30px;
overflow: auto;
}

/* コード記述 */
pre {
border: 1px solid #CCC;
background: #FFF;
padding: 10px;
overflow: auto;
margin: 10px 0px 10px 0px;
width: 430px;
}