/*
Theme Name: Novel
Theme URI: http://www.www.www/
Description: This is my novel theme.
Author: chameleon-works
*/

img { border-style:none; }
a img { border-style:none; }

a {
text-decoration: none;
}

/* コンテナ（2種類あるよ） */
div#container	{width: 960px;
	margin: auto;
	/*サイドバーの色画像、繰り返し*/
	background-image : url(http://chameleon-works.jp/wp/Takeshi/free/BG01.png); 
	background-repeat : repeat-y}

div#container02	{width: 960px;
	margin: auto;}

/* ヘッダー */
div#header h1	{font-size: 1.875em;
	margin: 0;
	float: left;
	margin-bottom: 4px}

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

div#header p#desc	{font-size: 0.75em;
	color: #444444;
	margin: 0;
	float: right;
	margin-top: 18px}

div#header	{border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 20px}

div#header p#image	{margin: 8px 0 0}


/* サイドバー */
div#sidebar	{width: 211px; /* 青背景画像が211pxだから */
	height: 100%; /*ここが追加*/
	background-color: transparent;/*サイドバーの色（ここが透明だとバーの画像が表示される）*/
	float: left}

div#sidebar ul	{margin: 0;
	padding: 0;}

div#sidebar li	{list-style-type: none}

div#sidebar .widget	{background-color: transparent;/*サイドバーが表示される前の色*/
	padding: 0px;
	margin-bottom: 0px}

div#sidebar h2	{font-size: 0.75em;
	color: #ffffff;
	border-bottom: solid 1px #ffffff;
	padding-bottom: 8px;
	margin: 0 0 10px}

div#sidebar li li	{font-size: 0.75em;
	margin-bottom: 4px;
	background-image: url(listmark.gif);
	background-repeat: no-repeat;
	padding-left: 16px}

div#sidebar li li a	{text-decoration: none;
	color: #ffffff}



/* コンテンツ（2種類あるよ） */
div#content	{width: 749px; /* 青背景画像が211pxだから */
	float: left;
	background-color: #FFF4C5}/*メインコンテンツ背景色*/

div#content02	{width: 960px;
	float: right;
	background-color: #FFF4C5}/*メインコンテンツ背景色*/

p#pagetitle	{
background-color: #888888;/*カテゴリ文字の背景*/
font-size: 1.200em;/*文字の太さ*/
	font-weight: bold;
	color: #ffffff;/*文字の色*/
/*	border: solid 15px #ffffff;枠線の種類、太さ、色*/
	text-align: center;
	padding: 10px 0;/*カテゴリ文字の余白*/
	margin-top: 0}


/* 記事 */
div.post	{/*border: solid 1px #E8D1B6;（訂正消去★記事の周りの青い線）*/
	padding: 0px;/*記事1つに対する余白*/
	/*（訂正消去★記事と記事の間隔）margin-bottom: 10px}*/
	}

div.post h2	{
  background-color: #F8F8F8; /*記事タイトル背景色*/
/*	background-image: url(titlebar02.png); 画像リンクが切れているので画像は表示されない */
  font-size: 0.850em;
	padding: 0px;
	border: solid 1px #666666;*/
	margin: 0}

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

div.post p	{/*投稿の範囲全体*/
	line-height: 1.6;
	margin-top: 0px}

div.postinfo02	{/*CSS追加*/
	font-size: 0.800em}

p.postinfo	{color: #333333;  /*投稿の下の文字*/
	font-size: 0.700em;
	text-align: right;
	margin: 0px 0 0;
	clear: both}

p.postinfo a	{/*リンクの色を固定させたいときはその色を入力*/}


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

div.post img	{border: none}

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

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

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


/* ページリンク */
span.oldpage	{float: left}

span.newpage	{float: right}

p.pagelink a	{font-size: 0.75em;
	color: #0c8bcd;}

p.pagelink	{overflow: hidden;
	width: 100%}


/* コメント */
#comments	{/*border: solid 1px #0c8bcd; 囲ってある線を無効に*/
	padding: 0 18px;
	margin: 20px 0}

#comments h3	{font-size: 0.875em;
	border-bottom: solid 1px #0c8bcd;
	padding-bottom: 3px;
	margin-top: 20px}

#comments p	{font-size: 0.75em}

#comments p a	{color: #0c8bcd}

#comments input, #comments textarea
	{display: block}

#comments textarea	{width: 450px}

#comments .required	{color: #ff0000}

#comments code	{display: block;
	margin-top: 5px;
	font-size: smaller}

#comments ul	{margin: 0;
	padding: 0}

#comments li.compost	{list-style-type: none;
	border-bottom: dotted 1px #0c8bcd;
	margin-bottom: 20px;}

#comments p.cominfo	{text-align: right}

#comments #comfeed a	{background-image: url(feed-icon-12x12.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 17px;
	line-height: 1em;
	color: #000000;
	text-decoration: none}

#comments #comfeed	{background-color: transparent;/*前の色#E8D1B6*/
	padding: 8px;
	margin-top: 30px}

#comments #trurl	{background-color: transparent;/*前の色#E8D1B6*/
	padding: 8px;
	margin-bottom: 30px}



/* カレンダー */
.widget_calendar h2	{display: none}

#wp-calendar	{font-size: 0.75em;
	color: #ffffff;
	width: 100%}

#wp-calendar a	{color: #ffffff}

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

#wp-calendar caption	{font-weight: bold;
	text-align: left;
	border-bottom: solid 1px #ffffff;
	padding-bottom: 8px;
	margin-bottom: 8px}

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

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

/* フィード */
p.feed	{font-size: 0.75em;
	font-family: Verdana, Helvetica, sans-serif;
	border: solid 0px #0c8bcd; /*枠線0にした*/
	padding: 5px;
	margin: 25px 0}

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

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

/* フッター */
div#footer	{clear: both;
	/*border-top: solid 3px #000000;*/
	/*padding: 6px 0;*/}

address	{font-size: 0.75em;
	font-style: normal;
	font-family: Verdana, sans-serif;
	margin: 0}

address a	{color: #000000}

/* 固定ページ */
div#content.page	{width: 100%}

/* トップページ */
div#topcontent p	{text-align: center;
	font-size: 0.875em;
	line-height: 1.5;
	margin: 0 0 20px}

/* コンテンツの背景 */
div.post,
p.feed,
#comments	{background-color: transparent}