@charset "UTF-8";
@import url(http://www.koichi.jp/css/default.css);

/*
Theme Name: koichi.jp
Theme URI: http://www.koichi.jp/
Description: koichi.jp for WordPress.
Author: koichi
*/

/*----------------------------------------
	基本設定
-----------------------------------------*/

html {
}

a:link { color: #003366; }
a:visited { color: #003366; }
a:hover, a:active  { color: #339900; }

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #e6e3c8 url(images/bg.gif) repeat-y 50% 50%;
	font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;
}

h1,h2 { margin: 0; padding: 0; overflow: hidden; }

p { margin: 0.75em 0; }

/*----------------------------------------
	メインコンテンツ部
-----------------------------------------*/

div#main p {
	margin-left: 8px;
}

div#main table {
	width: 510px;
	margin: 1.25em 0;
}

div#main table tr th {
	background: #fc9 url(images/bg-table.gif) no-repeat 0 0;
	text-align: center;
}

div#main table tr th,
div#main table tr td {
	padding: 5px 8px;
	border: 1px solid #999;
}

/*----------------------------------------
	見出しのレイアウト（フォントは別項）
-----------------------------------------*/

h1 {
	width: 760px;
	height: 55px;
}

div.single h2 {	/* パンくずリストの所 */
	font-weight: normal;
}

/*
h3 {
	margin: 4px 0 8px 0;
	padding: 6px 0 5px 10px;
	font-weight: bold;
	background: url(images/head-normal.gif) no-repeat left center;
}
*/

div#main h2 img {
	margin-bottom: 20px;
	vertical-align: bottom;	/* 画像下の余白消去 */
}

/*----------------------------------------
	投稿記事のレイアウト
-----------------------------------------*/

div.entry {
	width: 520px;
	margin-bottom: 25px;
}

div.entry h3 {
	float: right;
	width: 460px;
	margin: 3px 0;
	line-height: 1.25;
	vertical-align: bottom;
}

div.entry h3 a {
	text-decoration: none;
	font-size: 108%;
	font-weight: bold;
	color: #333;
}

div.entry h3 span,
div.entry h3 span a {
	font-weight: normal;
	color: #066;
}

div.entry h3 span {
	font-size: 77%;
}


div.entry ul {
	width: 50px;
	height: 50px;
	background: url(images/bg-date.gif) no-repeat;
	font-size: 77%;
	color: #fff;
}

div.entry ul li {
	text-align: center;
	padding-top: 4px;
	line-height: 0.9;
}

div#main div.entry div {
	clear: both;
}

div#main dl dd img {
	margin-top: 5px;
}

div#main dl dl {
	margin-left: 20px;
}

div#main dl dt a {
	text-decoration: none;
	color: #333;
}


/*----------------------------------------
	フォント設定（行間の指定もここで）
-----------------------------------------*/

div#main {
	line-height: 1.66;
	color: #333;
}

div#sidebar {
	font-size: 77%;
}

div#main div.entry div {
	font-size: 93%;
}

div#main dl dt a,
div#main dl dt span {
	font-size: 100%;	/* aタグに直接指定しないと縦にズレる */
	font-weight: bold;
	vertical-align: middle;
}

div#topic-path h2 {
	margin: 0 0 8px 2px;
	font-size: 77%;	/* パーマリンク日付のところ */
	color: #333;
}

div.category ul li {	/* カテゴリーの見出し一覧 */
	font-size: 85%;
}

div#comments {
	font-size: 85%;
}



div#main table tr td {
	font-size: 100%;
}

p.post-bottom {
	font-size: 85%;
}


div#footer {
	font-size: 77%;
}

div#main div.note,
div#main div.source-html,
div#main div.source-css {
	font-size: small;
}

/*----------------------------------------
	全体のレイアウト
-----------------------------------------*/

div#container {
	width: 760px;
	margin: 0 auto;
	text-align: left;	/* IEセンタリング修正 */
	background: #fff;	/* ちょっと色付け用#fdfdf6 */
}

div#container-inner {
	background: #fff;
}

div#content {
	clear: both;
	width: 760px;
}

div#content-inner {
	background: url(images/bg-cover.gif) repeat-y;
	margin: 0 15px; /* 縦のマージンはヘッダーとフッターでそれぞれ設定 */
}

div#navi {
	height: 40px;	/* コンテンツ上のマージン＝height-（画像25px） */
}

div#footer {
	margin-top: 15px;	/* コンテンツ下のマージン（上と揃える） */
}

div#main {
	margin-right: 15px;
	display: inine;	/* IE bugfix */

	float: left;
	width: 520px;
}

div#sidebar {
	float: right;
	width: 192px;
}

/*----------------------------------------
	ヘッダー部
-----------------------------------------*/

div#header {
	position: relative;
	width: 760px;
	height: 55px;
	background: #d4bc70 url(images/head-bg.gif) repeat-x 0 0;
}

div#header h1 {

}

div#header dl#about {
	display: none;
	font-size: x-small;
}

/*----------------------------------------
	検索フォーム
-----------------------------------------*/

div#header form {
	position: absolute;
	top: 21px;
	left: 580px;
}

input.search {
	position: absolute;
	width: 110px;
	height: 18px;
	top: 0;
	border: 0 solid #fff;
	background: #fff url(images/bg-form.gif) no-repeat left top;
}

input.button {
	position: absolute;
	top: 0;
	left: 110px;
}

/*----------------------------------------
	グローバルナビゲーション
-----------------------------------------*/

div#navi {
	width: 760px;
	background:  url(images/navi-over.gif) right top no-repeat;
	line-height: 1;
}

div#navi ul li {
	display: inline;
	text-align: left;
}

div#navi ul li a {
	display: block;
	float: left;

	text-indent: -9999px;
	background-repeat: repeat-x;
	text-decoration: none;

	outline-width: 0;	/* firefoxのリンク残像対策 */
}

/* 画像サイズ設定 */
div#navi ul li.home a,
div#navi ul li.css a,
div#navi ul li.shogi a,
div#navi ul li.mj a,
div#navi ul li.other-a a {
	width: 100px;
	height: 25px;
}

div#navi ul li.home a {
	background: url(images/navi-home.gif) 0 0 no-repeat;
}

div#navi ul li.css a {
	background: url(images/navi-css.gif) 0 0 no-repeat;
}

div#navi ul li.shogi a {
	background: url(images/navi-shogi.gif) 0 0 no-repeat;
}

div#navi ul li.mj a {
	background: url(images/navi-mj.gif) 0 0 no-repeat;
}

/* ホバー切り替わり画像 */

div#navi ul li.home a:hover {
	background: url(images/navi-home.gif) 0 -25px no-repeat;
}

div#navi ul li.css a:hover {
	background: url(images/navi-css.gif) 0 -25px no-repeat;
}

div#navi ul li.shogi a:hover {
	background: url(images/navi-shogi.gif) 0 -25px no-repeat;
}

div#navi ul li.mj a:hover {
	background: url(images/navi-mj.gif) 0 -25px no-repeat;
}

/* アクティヴカラー */

div#navi ul li.other-a a {
	background: url(images/other-a.gif) 0 0 no-repeat;
}

/*----------------------------------------
	サイドバー部
-----------------------------------------*/

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

div#sidebar dl dt {
	clear: both;
	background: #d4bc70 url(images/list-sidebar.gif) left bottom no-repeat;
	padding: 8px 8px 7px 9px;
}

div#sidebar dl dd {
/*
	background: #ece3c6 url(images/bg-sidebar.gif) 0 0 repeat-y;
*/
}

div#sidebar dl dd div {
	padding: 1px 8px;
	padding-bottom: 0; /* border1px分広く見えるため(-1px) */
}

div#sidebar dl dd ul li {
	display: inline; /* IE6.0の上下隙間対策 */
}

div#sidebar dl dd ul li a {
	display: block;
	padding: 7px 0 7px 20px;
	background: url(images/list-sidebar1.gif) no-repeat left center;
	border-bottom: 1px solid #ebdaa5;
	position: relative;
	vertical-align: middle;
}

div#sidebar dl dd ul li a:hover {
	background: #e7eff8 url(images/list-sidebar1.gif) no-repeat left center;
}

div#sidebar dl dd ul ul li a {
	padding-left: 30px;
	background: url(images/list-sidebar2.gif) no-repeat left center;
}

div#sidebar dl dd ul ul li a:hover {
	background: #eee url(images/list-sidebar2.gif) no-repeat left center;
}

/*----------------------------------------
	タグクラウド
-----------------------------------------*/

div#sidebar dl dd.tag-cloud {
	margin: 12px;
	margin-right: 0;
}

/*----------------------------------------
	バナーのところ
-----------------------------------------*/

div#sidebar dl dd.banner {
	margin: 12px;
	margin-right: 0;
}

/*----------------------------------------
	フッター部
-----------------------------------------*/

div#footer {	/* 既にmaring-topの設定しているので上書きしないように */
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	background: #e6dab3;
	text-align: right;

}

div#footer-inner {
	padding: 6px 20px 0 15px;
}

/*----------------------------------------
	カテゴリーページ
-----------------------------------------*/

div.category ul {
	border: 1px solid #333;
	padding: 10px;
}

div.category ul li {

}

/*----------------------------------------
	コメントとトラックバック
-----------------------------------------*/

div#comments {
	width: 520px;
	background: url(images/bg-com-footer) no-repeat 0 bottom;
}

div#comments div#comments-inner {
	background: #e6e6ff;
	padding: 5px 0 10px 10px;
}

div#comments h3 {
	height: 30px;
	background: transparent url(images/bg-com.gif) 0 0 no-repeat;
	text-indent: -9999px;
}

textarea#comment {
	width: 400px;
	height: 80px;
}

div.com,
div.com-inner {
	width: 500px;
}

div.com {
	margin: 15px 0;
	background: url(images/bg-com-bottom.gif) no-repeat left bottom;
}

div.com-inner {
	background: url(images/bg-com-top.gif) no-repeat 0 0;
	padding: 2px 0;
}

p.com-form {

}

/*----------------------------------------
	更新日時のところ
-----------------------------------------*/

ul.news {
	margin-bottom: 18px;
}

ul.news li {
	padding: 1px 0 2px 20px;
	background: url(images/list-sidebar1.gif) no-repeat left center;
}

/*----------------------------------------
	ほとんど使わない共通タグ
-----------------------------------------*/

cite {
	display: block;
}

hr.hide {
	display: none;
}

/*----------------------------------------
	エラーページ（フォント設定もここで）
-----------------------------------------*/

h2.error-page {
	margin: 8px 0 10px 0;
	color: #900;
	font-size: 130%;
	font-weight: bold;
}

dl.error-msg {
	margin: 20px 0;
}

dl.error-msg dt {
	margin-bottom: 8px;
}

dl.error-msg dd {
	margin-left: 30px;
}

dl.error-msg dd ul li {
	list-style-type: disc;
}

/*----------------------------------------
	画像アップロードのスタイル
-----------------------------------------*/

.alignright {
	float: right;
}
	
.alignleft {
	float: left;
	margin: 5px 10px 5px 0;
}