/* #################################################################################### */

/* ページ全体 */
body{
 margin:0px 0px;
 padding:0px 0px;
 color:#000000;
 font-family:'ＭＳ Ｐゴシック','sans-serif','osaka';
 background-color:#ffffff;
}

/* #################################################################################### */
/* レイアウト */

/* ヘッダ */

#header{
 float:left;
 width:100%;
 background-color:#ecebac;
}

#introduction{
 color:#003300;
 padding:0px 20px;
}

#main_container{
 float:left;
 width:100%;
 margin-right:-260px;
}

/* 本文 */
#main_contents{
 margin:5px 260px 5px 10px;
}

/* 右サイドメニュー */
#sidebar{
 float:right;
 width:220px;
 margin:5px 10px 20px 10px;
 padding-left:10px;
 border-left:solid 3px #ecebac;
}

/* フッタ */
#footer_container{
 clear:both;
 float:left;
 width:100%;
 background-color:#ecebac;
}

/* ヘッダとフッタに余白設定 */
#header_contents,#footer_contents{
 margin:5px 5px;
}

/* #################################################################################### */
/* リンク */
a{
  color:#000099;
}
 
a:link{
  color:#000099;
}
a:visited{
  color:#996600;
}

/* リンクのカーソルが上にいった場合 */
a:hover,#profile_title span:hover{
  color:#000000;
  background-color:#ecebac;
}


/* #################################################################################### */

h1,h2,h3,h4{
 margin:5px 0px;
}

h1{
 font-size:1.5em;　//初期設定は1.5em;
 color:#003300;
 background-color:#ffffff;
 border:solid 3px #d6c423; /* クマにゃん日記の囲み線 */
 padding:5px 5px;
}

h1 a {
 text-decoration:none;
}

h2{
 font-size:150%;
}

h3{
 font-size:130%;
}

h4{
 font-size:110%;
}

img{
 border:0px;
}

/* 段落 */
p{
 margin:0px 0px;
 padding:0px 0px;
}

/* 文字位置 */
.l{
 text-align:left;
}

.c{
 text-align:center;
}

.r{
 text-align:right;
}

/* 改行禁止 */
.nobr{
 white-space:nowrap;
}

/* 強制改行 */
.both{
 clear:both;
}

/* #################################################################################### */
/* コンテンツ部分のデザイン */

/* flashの位置をセンターに */
.flash_center{
 margin-right:auto;
 margin-left:auto;
 margin-top:0px;
 margin-bottom:0px;
 text-align:center;
}

/* flashの位置を左に */
.flash_left{
 margin-right:auto;
 text-align:left;
 margin-top:0px;
 margin-bottom:0px;
}

/* flashの位置を右に */
.flash_right{
 margin-left:auto;
 text-align:right;
 margin-top:0px;
 margin-bottom:0px;
}

/* エントリーとエントリーを分ける罫線 */
hr.separator{
  margin:0px 5px;
  height:5px;
  border:1px #ecebac solid;
  background-color:#ecebac;
  color:#ecebac; 
}

#main_contents h2{
 padding:2px;
 background-color:#ecebac;
}

/* テキスト */
#main_contents p{
 line-height:1.35em;
}

/* 画像 */
.posted{
 clear:both;
}

.blogbody img{
 padding:5px;
}

/* 
.blogbody img{
 float:left;
 padding-left:5px;
 padding-bottom:5px;
}
 */

.entry_text{
 margin-bottom:20px;
}

.comments-body{
 margin:2px 0px 5px 10px;
 padding:5px;
 border:solid 1px #ecebac;
}

.whose_when_comment{
 font-size:90%;
 color:#999999;
 margin-bottom:10px;
}

.comment_form{
 margin:0px 0px 0px 10px;
}

#main_contents li{
 margin-top:0px;
 margin-bottom:0px;
 line-height:1.35em;
}

.page_end{
 margin:10px 0px;
}

/* 追記部分 */
.ps{
 margin:2px 0px 5px 10px;
 padding:5px 5px;
 border:1px solid #ecebac;
 color:#666666;
}


.pagenate{
 width:450px;
 margin:50px auto 0px auto;
 text-align:center;
}

/* 過去のエントリー */
.page_next{
 width:200px;
 float:right;
}

/* 新しいエントリー */
.page_back{
 width:200px;
 float:left;
}



/* #################################################################################### */
/* サイドメニュー部分のデザイン */

/* 自己紹介 */
#profile_title span{
 color:#996600;
 cursor:pointer;
 border-bottom:solid 1px #99cc99;
}

#profiles{
 display:none;
}

/* 自己紹介の画像 */
.profile_img{
 margin:5px auto!important;
 text-align:center!important;
}

#sidebar ul{
 list-style-type:circle;
 font-size:0.9em;
 margin-top:5px;
 margin-bottom:30px;
 margin-left:15px;
 padding-left:0;
}

#sidebar ul li{
 margin-bottom:5px;
}

#xml ul{
 list-style-type:none!important;
}

.commentater{
 margin-left:10px;
}

#sidebar h4{
 padding:2px;
 background-color:#ecebac;
 text-align:center;
}

#sidebar hr{
 background-color:#ecebac;
 height:2px;
 border:solid 1px #ecebac;
 margin:5px 0px;
}

/* カレンダー */
#calendar table {
 width:100%;
 font-size:0.9em;
 text-align:center;
 border:solid 1px #ecebac;
 margin-bottom:5px;
 }

#calendar td {
 padding:5px 0;
 border:solid 1px #ecebac;
 }

#calendar table a {
 text-decoration:none;
 background-color:#ecebac;
 display:block;
 width:100%;
 font-weight:bold;
}

#calendar a:hover {
 color:#ffffff;
 background-color:#000000;
}

#calendar caption {
 background-color:#ecebac;
}

.sunday{
 color:#cc0000!important;
}

.saturday{
 color:#0000cc!important;
}

#month_last{
 padding-right:10px;
 margin:5px 0px;
}

#month_next{
 padding-left:10px;
 margin:5px 0px;
}


#footer{
 line-height:120%;
}


/* #################################################################################### */
/* フッタ部分のデザイン */

/* #################################################################################### */

#google_ad{
 width:500px;
 margin:5px auto 10px auto;
}