/*
Theme Name: Chapter 6
Description: サンプル
*/

/* コンテナ */
div#container	{width: 740px;
	margin: auto}

/* ヘッダー */
div#header	{width: 190px;
        height:125px;
　　　border: 0px;
	padding-top: 0.5px}

div#header h1	{font-size: 0.75em;
	margin: 0 60px}

div#header h1 a	{text-decoration: none;
	color: #2b76cc}

div#header p	{font-size: 0.75em;
	margin: 8px 20px 0}

/* メイン */
div#main	{width: 740px;
	float: left}

/* コンテンツ */
div#content	{width: 520px;
	float: right;
	margin-bottom: 20px}

p#pagetitle	{font-size: 0.875em;
	font-weight: bold;
	color: #2b76cc;
	border: dotted 1px #2b76cc;
	text-align: center;
	padding: 10px 0;
	margin-top: 20px}

/* 記事 */
div.post	{border: solid 1px #2b76cc;
	padding: 18px;
	margin: 20px auto}

div.post h2	{background-image: url(mark.png);
	background-repeat: no-repeat;
	font-size: 0.875em;
	border-bottom: solid 1px #8cc63f;
	padding-left: 22px;
	padding-bottom: 5px;
	margin: 0}

div.post h2 a	{text-decoration: none;
	color: #000000}

div.post p	{font-size: 0.75em;
	line-height: 1.6;
	margin-top: 10px}

p.postinfo	{color: #2b76cc;
	text-align: right;
	margin: 20px 0 0;
	clear: both}

p.postinfo a	{color: #2b76cc}


/* 記事内の画像 */
.aligncenter	{display: block;
		margin-left: auto;
		margin-right: auto}

div.post img	{border: none}

.alignleft	{float: left;
		margin-right: 10px;
		margin-bottom: 2px}

.alignright {float: right;
	margin-left: 10px;
	margin-bottom: 2px}

.wp-caption	{border: solid 1px #aaaaaa;
	text-align: center;
	padding-top: 5px;
	margin-top: 10px}

/* リンク */
div.link{border: solid 1px #2b76cc;
        text-decoration: none;
	padding: 18px;
        list-style-type: none}

div.link h4{background-image: url(mark.png);
	background-repeat: no-repeat;
	font-size: 0.875em;
	border-bottom: solid 1px #8cc63f;
	padding-left: 22px;
	padding-bottom: 5px;
	margin: 0}

ul#bookmark{list-style-type: none;
                         margin-top: 10px;
                         padding-left: 0px;
                         font-size: 0.75em}

ul#bookmark li{list-style-type: none;
                         margin-top: 5px;
                         padding-left: 0px}

a img {border: none;}

/* ページリンク */
p.pagelink a	{font-size: 0.75em;
	color: #2b76cc}

span.pageprev	{float: left}

span.pagenext	{float: right}


/* コメント */
#comments	{clear: both}

div#com	{border: solid 1px #2b76cc;
	padding: 0 18px;
	margin-top: 45px}

textarea	{width: 360px}

div#com h3	{font-size: 0.875em;
	border-bottom: solid 1px #2b76cc;
	padding-bottom: 3px;
	margin-top: 20px}

div#com p	{font-size: 0.75em}

div.compost	{border-bottom: dotted 1px #2b76cc}

p.cominfo	{text-align: right}

div#com a	{color: #2b76cc}

p#comfeed img	{vertical-align: middle}

p#comfeed a	{color: black;
	text-decoration: none}

p#comfeed	{background-color: #a8d1ff;
	padding: 8px;
	margin-top: 30px}

p#trurl	{background-color: #a8d1ff;
	padding: 8px;
	margin-bottom: 30px}

/* サイドバー */
div#sidebar	{width: 190px;
	float: left;
	margin-top: 0px;
	margin-bottom: 20px}

div#sidebar2	{width: 150px;
	float: right;
	margin-top: 20px;
	margin-bottom: 20px}

div#sidebar h2, div#sidebar2 h2
	{background-image: url(menubar-small-blue.png);
	background-repeat: no-repeat;
	font-size: 0.75em;
	color: white;
	padding: 6px 8px;
	margin: 0}

div#sidebar li, div#sidebar2 li
	{font-size: 1em;
	list-style-type: none;
	background-image: url(listmark.png);
	background-repeat: no-repeat;
	margin-bottom: 4px;
	padding-left: 16px;
	vertical-align: top}

div#sidebar li a, div#sidebar2 li a
	{color: #000000;
	text-decoration: none}

div#sidebar ul, div#sidebar2 ul,div#link ul
	{margin: 8px 8px 20px;
	padding: 0}

div#sidebar2 ul li li
	{font-size: 1em;
	background-image: url(listmark-small.png);
	background-position: 0 3px;
	padding-left: 12px}

div#sidebar2 ul ul	{margin-left: 0}

/* カレンダー */
#wp-calendar	{width: 150px;
	margin-bottom: 20px;
	font-size: 0.75em}

#wp-calendar a	{color: #2b76cc}

#wp-calendar td, #wp-calendar th
	{text-align: center}

#wp-calendar caption	{background-image: url(menubar-small-blue.png);
	background-repeat: no-repeat;
	color: white;
	padding: 6px 8px;
	text-align: left}

#wp-calendar #prev	{text-align: left;
	padding-top: 3px;
	padding-left: 3px}

#wp-calendar #next	{text-align: right;
	padding-top: 3px;
	padding-right: 3px}

/* フィード */
p.feed	{font-size: 0.75em;
        width: 145px;
	font-family: Verdana, Helvetica, sans-serif;
	border: solid 1px #8cc63f;
	padding: 5px;
	margin: 25px 0}

p.feed a	{color: #444444;
	text-decoration: none}

p.feed img	{vertical-align: middle;
	margin-right: 8px}

/*カウンター */
p#counter{margin:auto}

/*拍手*/
div#clap a{background:url(clap.gif) -0px -0px no-repeat;
    display: block; /* こうしてblock要素に指定しないとa要素は背景を表示しない */
    text-indent: -200px; /* テキストはマイナスインデントで表示領域外へ */
    overflow: hidden; /* 表示領域外のものはhidden */
   height:15px;
   width:73px;
  margin-bottom: 20px;
}

/* タグクラウド */
p#tagcloud	{line-height: 1.2;
	margin-top:10px}

p#tagcloud a	{color: #2b76cc}

/* 検索フォーム */
input#s	{width: 140px;
	margin-bottom: 5px}

/* メニュー */
p#navi1{width: 190px;
　　　border: 0px;
	margin-bottom: 20px;
}

div#pagemenu a{
    margin-bottom: 5px;
    display: block; /* こうしてblock要素に指定しないとa要素は背景を表示しない */
    text-indent: -200px; /* テキストはマイナスインデントで表示領域外へ */
    overflow: hidden; /* 表示領域外のものはhidden */
}

div#pagemenu a.about{
height:25px;
width:150px;
background:url(menu.gif) -0px -0px no-repeat;
}

div#pagemenu a:hover.about{
height:25px;
width:150px;
background:url(menu.gif) -150px -0px no-repeat;
}

div#pagemenu a.illust{
height:25px;
width:150px;
background:url(menu.gif) -0px -25px no-repeat;
}

div#pagemenu a:hover.illust{
height:25px;
width:150px;
background:url(menu.gif) -150px -25px no-repeat;
}

div#pagemenu a.gallery{
height:25px;
width:150px;
background:url(menu.gif) -0px -50px no-repeat;
}

div#pagemenu a:hover.gallery{
height:25px;
width:150px;
background:url(menu.gif) -150px -50px no-repeat;
}

div#pagemenu a.dairy{
height:25px;
width:150px;
background:url(menu.gif) -0px -75px no-repeat;
}

div#pagemenu a:hover.dairy{
height:25px;
width:150px;
background:url(menu.gif) -150px -75px no-repeat;
}

div#pagemenu a.links{
height:25px;
width:150px;
background:url(menu.gif) -0px -100px no-repeat;
}

div#pagemenu a:hover.links{
height:25px;
width:150px;
background:url(menu.gif) -150px -100px no-repeat;
}

/* フッター */
div#footer	{border-top: solid 3px #2b76cc;
	clear: both}

address	{font-size: 0.75em;
	font-style: normal;
	font-family: Verdana, sans-serif;
	padding-top: 6px}

address a	{color: #000000}

/* ２段組み用の設定 */
div#main2 div#content	{width: 520px}