/* ヘッダー部分 */
body{
text-align: center;
/*★★★★★全体の背景色はココ*/
background-color: #464938;
/*★★★★★全体の上と下の背景余白*/
padding-top: 0px;
padding-bottom: 30px;
/*★★★★★他ブラウザ対応のため一応*/
margin: 0px;
/*margin-bottom: 0px;*/
font-family:Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Osaka,sans-serif
}

/* 全体の横幅はココ */
#container{
width: 860px;
margin-left:auto;
margin-right:auto;
text-align:left;
/*★★★★★コンテンツ部分の背景色はココ*/
background-color: #F3F3E6;
}


#header h1{
font-size:26px;
font-family: verdana, "Arial Black", Helvetica, sans-serif;
margin: 0px;
padding: 33px 0px 0px 25px;
}

#header h1 a{
color: #000000;
text-decoration:none;

}

#header h2{
color: #333333;
font-size:12px;
font-family:Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka,sans-serif
margin: 0px;
	padding: 0px 0px 0px 25px;
	top: 70px;
	position: absolute;	
}

#header{
background-color:#464938;
margin: 0px;
padding: 0px;
background-image:url(http://www.blog.ikesumi.com/archives/img/header.gif);
height:140px;
}
/*★★★★★メニュー部分の設定*/
#works_menu {
	margin: 0px;
	padding: 0px;
	background: url(http://www.blog.ikesumi.com/archives/img/menu_works.gif);
	height: 28px;
}

#works_menu h2 {
	margin: 0px;
	padding: 0px;
	float: left;
}
#headerall{
background-color:#464938;
margin: 0px;
padding: 0px;
height:150px;
}

/*★★★★★メインページのヘッダー部分のみ設定*/
#mainpage #header{
margin-bottom: 0px;
}






/*カテゴリーメニュー*/
#category{
/*★★★★★ヘッダとボタンとの余白*/
margin-top: 1px;
text-align: right;
/*★★★★★ボタンとコンテンツとの余白＝Firefoxの対応*/
margin-bottom: 30px;
/*★★★★★ボタンとコンテンツとの余白＝Firefoxの対応*/
height: 20px;
}
#category a,#category span{
font-size: 11px;
color: white;
/*★★★★★ボタン間の余白*/
margin-left: 0px;
background-color: #77a822;
display: block;
width: 128px;
/*★★★★★左側に配置し右側に回り込み*/
float: left;
/*★★★★★テキストをブロックのセンターに*/
text-align: center;
font-size: 11px;
/*★★★★★下線消す*/
text-decoration: none;
/*★★★★★ボタンの高さ*/
height: 20px;
/*★★★★★文字の上の余白サイズ*/
padding-top: 5px;
/*★★★★★各ボタンの右に1pxラインを*/
border-right: dotted  1px white;
}
/*★★★★★カテゴリーメニュー部分のリンクにマウスオーバー*/
#category a:hover{
background-color: #000099;
}




/* サイドバー部分 */
/*サイドーバー左*/
#mainpage #left{
width: 180px;
/*★★★★★サイドーバーを左に配置後のデータは右に回り込む*/
float: left;
background-color: #F3F3E6;
margin-top: 0px;
margin-bottom: 15px;
}
/*サイドーバー右*/
#mainpage #right{
width: 180px;
/*★★★★★サイドーバーを左に配置後のデータは右に回り込む*/
float: right;
background-image:url(http://www.blog.ikesumi.com/archives/img/sidebar_right.gif);
background-position:top right;
background-repeat:no-repeat;
background-color: #F3F3E6;
margin-top: 0px;
margin-bottom: 15px;
}

/*★★★★★サイドーバー内の余白*/
.sidebar h2, .sidebar ul, .sidebar p, .sidebar table, .sidebar #tab_pop_badge{
margin-left: 10px;
margin-right: 10px;
}

/*★★★★★サイドーバーのh2似適用するデザイン*/
.sidebar h2{
font-size: 12px;
font-family: verdana, Arial, Helvetica, sans-serif;
color: #B19165;
border-bottom:  dotted 1px #999999;
margin-top: 10px;
margin-bottom: 0;
padding: 3px 0px;
}

/*★★ul calss="categories"に適用する*/
.mcategories{
/*★★★★★リストマークを削除する*/
list-style-type:none;
/*★★★★★リストの余白を削除するブラウザによって異なるため両方指定するのがポイント*/
margin-left: 3px;
padding-left: 3px;
font-size: 11px;
line-height:160%;
margin-top: 6px;
}
.mcategories a{
color: #6699cc;
text-decoration: none;
}
.mcategories li{
margin-bottom: 2px;
}


/*★★ul calss="menu"に適用する*/
.menu{
/*★★★★★リストマークを削除する*/
list-style-type:none;
/*★★★★★リストの余白を削除するブラウザによって異なるため両方指定するのがポイント*/
margin-left: 3px;
padding-left: 3px;
font-size: 10px;
margin-top: 8px;
}
.menu a{
color: #699635;
text-decoration: none;
}
.menu li{
margin-bottom: 2px;
}



/*★★div id="calendar"に適用する*/
#calendar{
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
width: 160px;
}
#calendar a{
color: red;
}


/*★★メインページのフィードまわりデザイン指定(中ページはフッターにフィード情報があるので)*/
.sidebar p{
font-size:10px;
margin-top: 0;
margin-bottom: 0;
}
.sidebar a{
color: darkblue;
text-decoration: none;
}

/*★★★★★マウスオーバー*/
.sidebar a:hover{
color: #ffffff;
background-color: darkblue;
}

/*★★東京アートビート*/
.sidebar #tab_pop_badge{
color: #999999;
margin-top: 8px;
}
#tab_pop_badge #badge_slogan{
font-size:9px;
}

/*★★googleADS＝*/
.sidebar #google_ads{
color: #999999;
margin-top: 25px;
text-align:center;
border:0;
}

/*★★アマゾンバナ＝*/
.sidebar #amazon_banner{
color: #999999;
margin-top: 8px;
text-align:center;
border:0;
}

/*★★LINK*/
.sidebar #linknote{
color: #999999;
margin-top: 8px;
text-align:center;
border:0;
}

/*★★youtube*/
.sidebar #youtube{
color: #666666;
margin-top: 8px;
text-align:center;
border:0;
background-color: #F3F3E6;
}

/*★★プロフィール*/
.sidebar #profile{
color: #666666;
margin-top: 8px;
margin-bottom: 8px;
text-align:center;
border:0;

}

/*★★ブクログ*/
.sidebar #booklog a:hover{
color: #ffffff;
background-color: #f3f3e6;
}

.sidebar #profile p{
font-size:10px;
margin-top: 6px;
text-align:center;
line-height:140%
}

.sidebar .rss{
border: solid 1px #999999;
padding: 1px;
width: 80px;
margin-top: 40px;
/*★★★★★rssマークに白枠を*/
backgroud-color: white;
}

.sidebar .rss a{
display: block;
width: 100%;
background-color: #ffffff;
color: black;
font-size: 9px;
font-family: Arial,Helvetica,sans-self;
}

.sidebar .rss-format{
background-color: orange;
padding: 0 5px;
}
.sidebar .rss-version{
padding: 0 5px;
}
/*★★見出しと入力ボックスとの間隔*/
.sidebar #searchform {
margin-top: 5px;
}
/*★★入力ボックスとボタンとの間隔*/
.sidebar #searchform p{
margin-top: 0px;
margin-bottom: 2px;
}








/* エントリー部分 */

#mainpage #content{
/*★★★★★コンンテンツの横幅*/
width: 480px;
/*★★★★★サイドーバーを右に配置後のデータは左に回り込む*/
float: right;
/*clear: both;*/
/*★★★★★コンテンツの両側に余白;*/
background-color: white;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
/*★★コンテンツの両側に余白(全ページ共通)*/
#content h2, #content h3,#content h4, #content p{
margin-left: 0px;
margin-right: 0px;
}
/*★★コンテンツの左マージン削除(メインページの)*/
#mainpage #content h2, #mainpage #content h3, #mainpage #content p{
margin-left: 0;
}

#content h1{
text-align: right;
font-size:16px;
color: #B19165;
padding: 6px;
margin-bottom: 0px;
}


#content h2{
font-size:11px;
color: #8AB436;
margin-top: 10px;
margin-bottom: 0px;
}

/*★★★★★見出しをバーのデザインに*/
#content h3{
font-size:14px;
color: #000000;
padding:4px 4px 4px 4px;
background-image:url(http://www.blog.ikesumi.com/archives/img/contenth2.gif);
margin-top: 2px;
margin-bottom: 10px;
}
#content h4{
font-size:11px;
color: #8AB436;
margin-top: 10px;
margin-bottom: 3px;
}

#content p{
font-size:12px;
font-family:Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Osaka,sans-serif
color: #444444;
line-height:150%;
padding: 1px 0px;
margin-top: 10px;
margin-bottom: 4px;
}

#content a{
color: darkblue;
}
/*★★★★★マウスオーバー*/
#content a:hover{
color: #ffffff;
background-color: darkblue;
}

/*エントリー情報毎の区切りをデザイン指定*/
#content .posted{
font-size:10px;
border-top:  dotted 1px #c0c0c0;
padding-top: 5px;
margin-top: 1px;
margin-bottom: 30px;
}

/*関連記事のデザイン*/
#content ol{
font-size:10px;
margin-top: 3px;
margin-bottom: 5px;
}
#content ol a{
text-decoration: none;
}



/*★★★★★★★★アマゾン投稿の部分★★★★★★★★★★*/
#content .amazlet-box{
font-size:12px;
color: #000000;
}
#content .amazlet-box a{
color: darkblue;
}

/*★★★★★マウスオーバー*/
#content .amazlet-box a:hover{
color: #ffffff;
background-color: darkblue;
}


#content .amazlet-box .amazlet-info .amazlet-name{
font-size:12px;
}
#content .amazlet-box .amazlet-info .amazlet-name .amazlet-powered-date{
font-size:9px;
}

#content .amazlet-box .amazlet-info .amazlet-link{
margin-bottom: 20px;
}



/*トラックバックとコメントの見出しデザイン指定*/
#content h2#trackbacks,#content h2#comments{
font-size: 14px;
color: #B19165;
/*border-bottom: dotted 1px #b2cbff;*/
border-bottom: none;
margin-top: 40px;
background-color: #F3F3E6;
padding: 5px 5px 2px;
}


/*トラックバック送信元タイトルブログ名デザイン指定*/
#content #tbdata h3{
font-size: 11px;
color: #666666;
margin-bottom: 0;
background-color: white;
}

/*トラックバックの<p>に適用した設定を使い<p>に対しての間隔設定でコメント間のスペース設定*/
#content #tbdata p,#content #comdata p  {
font-size: 11px;
color: #666666;
margin-top: 5px;
margin-bottom: 0px;
}


/*コメントとコメントの余白設定*/
#content #comdata p.posted  {
margin-bottom: 20px;
}

/*コメントのエラーメッセージデザイン指定*/
#content .error{
font-size: 16px;
font-weight: bold;
color: red;
margin
border: solid 1px red;
padding: 5px;
text-align: center;
}




/*カテゴリーページのリストのデザイン指定*/
#content #categorydata{
/*★★★★★カテゴリーリストとフッタの間にスペース*/
margin-bottom: 50px;
}
#content #categorydata li{
margin-bottom: 10px;
}
#content #categorydata span{
font-size: smaller;
color: #77a822;
margin-left: 10px;
}

/*検索結果ページのフォーム部分*/
.kensaku form{
border-botttom: dotted 1px #77a822;
}

#result a{
color: white;
text-decoration: none;
}




/*フッター部分*/
#footer{
/*border-top: dotted 1px #b2cbff;*/
border-top: none;/*★★★★★罫線を出さないようにした*/
padding-top: 3px;
/*★★★★★フッター部分の回り込みは解除する*/
clear: both;
background-color: #464938;
/*background-color:#F3F3E6;*/
background-image:url(http://www.blog.ikesumi.com/archives/img/footer.gif);
color: black;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 9px;
height: 48px;
}

#footer p{
font-size:10px;
margin-top: 0;
margin-bottom: 0;
}
#footer a{
color: darkgreen;
text-decoration: none;
}

#footer .rss{
border: solid 1px #999999;
padding: 1px;
width: 80px;
/*★★★★★rssマークに白枠を*/
backgroud-color: white;
}

#footer .rss a{
display: block;
width: 100%;
background-color: #bbbbbb;
color: black;
font-size: 9px;
font-family: Arial,Helvetica,sans-self;
}

#footer .rss-format{
background-color: orange;
padding: 0 5px;
}
#footer .rss-version{
padding: 0 5px;
}