* 文字コードはMovableTypeの設定に合わせてください。
 * このファイルはeuc-jpで保存してありますが、
 * MTから更新する場合にはこのままコピペして頂ければ問題ありません。
 * ただし、FTPで直接アップロードする場合は、
 * このファイルの文字コードをMTの文字コードと合わせて保存するか、
 * FTPソフトの転送機能を使って変換するかしてください。
 */


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 * File      : styles-site.css
 * Version   : 1.00
 * Update    : 2005/07/30
 * 
 * Site Designed by Moso at 今日の覚え書き
 * Template Written by Toshi at Orbium -そらのたま-
 *
 * Original Template
 * Copyright (C) 2005 koikikukan. All rights reserved.
 *+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/* スクロールバーの色設定（IEのみ） */
	html{
		scrollbar-arrow-color : #1a3380;
		scrollbar-base-color : #ffffff;
		scrollbar-darkshadow-color : #ffffff;
		scrollbar-highlight-color : #1a3380;
		scrollbar-shadow-color : #1a3380;
		scrollbar-track-color : #ffffff;
	}

/* ページ全体の基本的な設定と背景色 */
	body {
		margin: 10px auto;
		padding: 0;
		background:#555555; /* 背景色 */
		/*background-image:url('背景画像のURLを指定');background-repeat:repeat;*/
		text-align: center;
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		/* font-familyには他に"MS UI Gothic"やtahomaなどがデザイン上相性が良いと思います。*/
	}
	a{color:#535657;text-decoration:none;}
	a:link{color:#535657;text-decoration:none;}
	a:visited{}
	a:active{}
	a:hover{color:#FF3300;text-decoration:none;}


/* hタグ */
	h1{
		margin: 0;
		padding: 0;
		text-align:left;
		font-size: 8px;
	}

	.description {
		margin: 0;
		padding: 0;
		text-align:left;
		font-size: 10px;
	}

	h2{
		margin: 0;
		padding: 0px 0px 0px 0px;
		color:#1a3380;
		font-size: 12px;
		text-align:left;
		font-weight:normal;
	}
	h4 {
		padding:0px 0px 5px 20px;
		margin: 0px 0px 0px 0px;
		color:#432E33; 
		text-align:left;
		font-weight:normal;
		font-size: 12px;
		margin: 0;
		background-image: url(http://newkinggarden.com/yy00403.gif);
		BACKGROUND-REPEAT:no-repeat;
	}
	h3{
		margin: 0;
		padding: 10px 0 10px 5px;
		color:#FF7038;
		font-size: 13px;
		font-weight: bolder;

	}


/* 3カラムの外枠 */
	#outbox {
		width: 800px;/* 全体の幅を変えるときに変更が必要 */
		margin-right : 20px ;
		margin-left  : 20px ;
		background: #ffffff;
		padding: 0;
		margin: 0 auto;
		text-align: center;
		border-right:2px solid #000000;
		border-left:1px solid #CCCCCC;
		border-bottom:2px solid #000000;
		border-top:1px solid #CCCCCC;
	}

/* 3カラム全体 */
	#box {
		width: auto;
		text-align: center;
		
		padding:0px 10px 10px 10px;
	}

/* タイトル・画像 */
	/* 横幅を変えるときには #outbox,#boxも変更する必要がある。 */
	/* 変更が必要なのは、#outbox,#box,#globalnavi,#wrap,#links-right */
	/* 
	 * トップ画像のサイズを変えたいときには、
	 * たとえば、600px x 400pxの画像を使いたいとき
	 * 各テンプレートの「<div class="bannerleft">～</div>」に挟まれた部分の
	 * タグをコメントアウトされているようにサイズに合わせて変更してください。
	 * 同じ要領で好きな大きさの画像に変更出来ます。
	 * さらに以下のように#banner, .bannerleft, .bannerrightの
	 * widthとheightを変更してください。
	 * 
	 * テンプレート実験サイトで使っている画像サイズは 550px x 413pxです。
	 * 本テンプレートではこのサイズも推奨しています。
	 */
	#banner {/* widthは #outboxのwidth - #boxのpadding x2 となるように */
		width: 780px;
		height: 250px;
		font-family: Verdana, Arial, sans-serif;
		color: #999999;
		background-color: #FFFFFF;
		background: url("/title.jpg") ;
		BACKGROUND-REPEAT:no-repeat;
	}









/* タイトルココまで */

/* トップのメニュ*/
	#globalnavi { 
		text-align: center;
		background-color: #eeeeee;
		font-size: 12px;
		width: 780px; /* 全体の幅を変更するときには全体の幅-20pxに指定 */
		font-family: tahoma, "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		color:#FF7038;
		line-height: 200%;
		margin-top: 1px;
	}

/* メインと左の入れ子*/
	#wrap { /* 全体の幅を変更するときにはwidth,paddingなども変更 */
		width: 500px; /* だいたい全体の幅の5/8が目安 */
		text-align:left;
		float:left;
		padding: 10px 15px 10px 55px; /* 配置のバランス */
		color:#3C3A36;
		font-size: 12px;
		font-weight:normal;
		line-height: 160%;
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		word-break: break-all; /* 半角文字折り返し対処 2004.10.15追加*/
	}

/* エントリ */
/* エントリーのタイトル */
	.title	{ 
		font-weight: normal;
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		
		color: #fff;
		background-color: #a3b3c2;
		margin: 5px 0 15px;
		padding: 0 10px;
		line-height: 170%;
		border-left: 10px solid #FF7038;
		background-image: url(http://newkinggarden.com/nabi-main.gif);
	}

/* 各エントリー */
	.blogbody {
		color:#3C3A36;
		font-size: 12px;
		font-weight:normal;
		line-height: 160%;
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		margin:0 0 5px 0;
		word-break: break-all; /* 半角文字折り返し対処 2004.10.15追加*/
		padding: 0 10px;
	}

/* エントリー投稿者の段落 */
	.posted {
		font-size: 11px;
		font-weight: normal;
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		color: #666;
		border-top: 1px dotted #999;
		text-align:right;
		margin:2px 0 15px;
		padding:0 10px 5px;
		clear: left; 
	}

/* 「続きを読む」の行 */
	.extended { 
		font-weight:normal;
		padding: 3px;
		margin: 0;
	 }

/* blockquote設定 */
	blockquote {
		color: #666;
		margin:15px 20px 15px 20px;
		font-size:11px;
		line-height: 150%;
		font-weight:normal;
		background:#f6f6f6;
		line-height:150%;
		padding: 10px; 
		border: 2px dotted #6BA78E;
		width: auto ;
		word-break: break-all; 
	}

/* エントリーのテキストエリア可変長指定 2004.07.20追加 */
	.blogbody textarea {
		width: 97% ;
	}

/* 右カラム */
	#links-right{ /* 全体の幅を変更するときにはここも変更 */
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		text-align: left;
		float: right;
		width: 165px ; /* 全体の幅の1/5くらい */
		padding-bottom: 5px;
		padding-top: 12px;
	}

/* 「検索」「コメント」「エントリー」「カテゴリ」「リンク」等の見出し */
	.sidetitle {
		color:#fff;
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		font-size: 11px;
		background-color: #a3b3c2;
		line-height: 150%;
		padding: 2px 0px 4px 2px;
		margin-top: 5px;
		border-left: 8px solid #FF7038;
		background-image: url(http://newkinggarden.com/nabi.gif);
	}

/* 「検索」「コメント」「エントリー」「カテゴリ」「リンク」等 */
	.side {
		color:#3C3A36;
		font-size: 12px;
		font-weight:normal;
		line-height: 150%;
		font-family: tahoma, "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		margin-bottom: 0px;
		word-break: break-all; /* 半角文字折り返し対処 2004.10.15追加*/
		padding:15px 0px 15px 8px;
		background-color: #ffffff;
		border:1px solid #e5e5e5;
	}
/* カウンタ */
	.side-counter{
		text-align: right;
		background-color:#ffffff;
		border:1px solid dashed #D4D4D4;
		padding:5px 8px 3px 0px;
		font-size:9px;
		color:#3C3A36;
	}

/*  開閉JavaScriptのためのスタイル指定  */
/*	.sidetitle a.foldmark {*/
/*		float: left;  マークを左端に配置 */
/*		font-size:9px;  マークのフォントサイズ */
/*		padding-left:0px;  左端からのパディング */
/*		text-decoration: none;  マークの文字装飾（何も表示しない） */
/*	}*/

/* 画像表示の設定 */

	.image{
		float: left;
		border: 1px solid #999999;
		background-color: #FFFFFF;
		padding: 5px;
		margin: 0 10px 5px 0;
	}
	.imager{
		float: right;
		border: 1px solid #ccc;
		background-color: #FFFFFF;
		padding: 5px;
		margin: 0 0 10px 5px;
	}
	.imagecenter{
		border: 1px solid #999999;
		background-color: #FFFFFF;
		padding: 5px;
		margin: 0 145px 5px 85px;
	}
	.imagec{
		float: left;
		border: none;
		padding: 5px;
		margin: 0 5px 10px 0;
	}
	.imagecr{
		float: right;
		border: none;
		padding: 5px;
		margin: 0 0 10px 5px;
	}

/* 「コメント」「コメントする」の見出し */
	.comments-head	{
		font-size: 12px;
		font-weight: normal;
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		color: #fff;
		padding: 2px 10px;
		background-color: #a3b3c2;
		line-height: 150%;
		border-left: 8px solid #8585ad;
		margin-top: 5px;
	}

/* 「コメント」の段落 */
	.comments-body {
		font-size: 12px;
		font-weight:normal;
		line-height: 160%;
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		color:#3C3A36;
		margin:5px 20px 0px 20px;
		word-break: break-all; /* 半角文字折り返し対処 2004.10.15追加*/
	}
	.comments-body p {
		margin-bottom:10px;
	}
	/* コメントテキストエリアの幅指定 2004.07.20追加 */
	.comments-textarea {
		width:480px;
	}
	/* コメントインプットエリアの幅指定 2004.07.20追加 */
	.comments-input {
		width:330px;
	}

/* 「コメント」投稿者 */
	.comments-post {
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		color: #999;
		font-size: 11px;
		border-bottom: 1px dotted #999;
		text-align:right;
		padding:0 0px 2px;
		margin:0 0px 25px;
	}

/* 「トラックバック」の段落 */
	.trackback-body {
		color:#3C3A36;
		font-size: 9px;
		font-weight:normal;
		line-height: 150%;
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		padding:10px;
		margin:10px;
		border-bottom:1px dotted #999;
	}

/* 「トラックバック」投稿者 */
	.trackback-post {
		color:#3C3A36;
		font-size: 10px;
	}

/* フッター */
	#footer {
		width: 800px;
		background-color: #FF7038;
		font-size: 11px;
		color: #fff;
		padding: 10px 0;
	}
	#footer a{color:#ffffff;text-decoration:none;}
	#footer a:link{color:#ffffff;text-decoration:none;}
	#footer a:hover{color:#ffffff;background-color: #8585ad;text-decoration:none;}

/* 検索、コメントなどの入力フォームの設定 */
	form {
		margin:0px;
		color:#3C3A36;
	}

/* Typekey用設定 */
	.commenter-profile img{
		vertical-align: middle;
		border-width: 0;
	}

/* セレクトボックス用設定 */
	select {
		width:90%;
		font-size: 10px;
		font-weight:normal;
		line-height: 150%;
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		color:#3C3A36;
		border: 1px solid #9A9A9A;
	}

/* ボタン・テキストエリア設定*/
	input,textarea{
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		font-size: 12px;
		padding-top: 1px;
		color:#3C3A36;
		border: 1px solid #9A9A9A;
	}

/* 2004.10.22 サブカテゴリー対応 */
	.side #categories {
/*		font-family: Verdana, Arial, sans-serif;
		color: #666666;
		background: none;
		font-size: 9px;
		font-weight:normal;
		line-height:150%;
		text-align: left;
		padding:2px;
		margin-bottom:25px;*//* 冗長指定削除 2004.11.24追加 */
	}

	.side #categories ul {
		padding-left: 15px;
		margin: 0px;
		margin-bottom: 0px;
	}

	.side #categories ul ul {
		margin-bottom: 0px;
	}

	.side #categories li {
		margin-top: 0px;
		margin-bottom: 0px;
		list-style-type: circle;
	}
/* サブカテゴリー対応 ここまで */

/* エラーメッセージ用 */
	.error{
		margin-top:50px;
		font-size:16px;
		font-weight:bold;
		font-family: Tahoma,"Osaka","MS UI Gothic",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
	}
	.errorbody{
		font-size:11px;
		margin-top:50px;
		margin-bottom:400px;
	}


.widget-books img, .all-books-musics img {width:150px; border:0; padding:0px 0px 5px 10px;} 
.widget-books ul, .all-books-musics ul {list-style-type:none;margin:0;padding:0;}
.widget-books li, .all-books-musics li {display:inline;}


.photobox{
　　　width: 180px;
　　　height: 0px;
　　　background-color: #FFFFFF;
　　　float: left;
　　　border:0;
	}

/* 2008.10.01 メニューリスト */


#menu {

 margin: 0;
 padding:5px 0px 0px 0px;
 width: 165px;/*メニューの全体的な横幅を設定*/
}

#menu ul {
 margin: 0;
 padding: 0;
 display: inline;/* li要素の隙間を無くす */
 line-height: 1; /* 行間そろえる IE対策 */
 list-style-type: none;
}

#menu li {
 margin: 0;
 padding: 0;
 display: inline;/* li要素の隙間を無くす */
 line-height: 1; /* 行間そろえる IE対策 */
 list-style-type: none;
}

#menu a {
 display: block;
 position: relative;/* IE6でマウス反応領域がおかしいのをFix */
 font-size: 12px;
 color: #333;
 text-decoration: none;
 background-color: #eee;
 margin:0px 0px 0px 0px;
 padding:10px 10px 10px 15px　/* ボタンの厚みはここで調整 */

}

#menu a:hover {
 display: block;
 color: #000;
 background-color: #ddd;
 background-image:url(http://newkinggarden.com/menuicon2.gif);
 background-repeat:no-repeat; 
 margin:0px 0px 0px 0px;
 padding:10px 10px 10px 15px;　/* ボタンの厚みはここで調整 */

}




/* メニューリストここまで */



.topbox{
　　　width: 490px;
　　　height: 110px;
　　　padding: 10px 0px 0px 0px;
　　　border-top: solid #FFA41A 1px;
　　　border-right: solid #FFA41A 3px;
　　　border-bottom: solid #FFA41A 1px;
　　　border-left: solid #FFA41A 3px;
　　　background-color:#FFFED7;


.main-list
{
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
padding:0;

}


/* 1カラム用（フォーム用） */

body.layout-one-column-liquid {
    background: #36414d;
}
.layout-one-column #container {
    margin-bottom: 0;
}
.layout-one-column #box {
    width: 478px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px solid #669;
    border-left: 1px solid #669;
    border-right: 1px solid #669;
    text-align: left;
    background-color: #fff;
}

.comment-content,
.comments-open-content {
    margin: 0 2px;
    padding: 0;
    font-size: 83.3%;
    line-height: 1.5;
    word-break: break-all;
}