/* 
■テンプレートをＤＬしていただき
ありがとうございます！！

文字の大きさや色などのカスタマイズは
元のデザインを損なわない程度であれば
ご自由にどうぞ＾＾。壁紙もご自由に。
トップ画像を自分の好きな写真に変更ＯＫ
ただし
フッター画像（一番下のエリアの猫達の後姿のイラスト,肉球イラストなど）、
作成者表示などの変更、削除は禁止です。
トップ画像の高さは220ｐｘになっているので
差し替える場合は各自調整して下さい。

■ねこイラスト、アイコン、壁紙作成、
仮風呂。ななおん
http://junnbichuu.blog83.fc2.com/
猫素材やウェブ拍手で使えるフリー素材を配布中☆
このテンプレ向けの色違い壁紙もあります◎

■再配布禁止
テンプレ内のイラスト、
素材そのものの著作権はななおんに帰属します。 */


* {
	margin: 0;
	padding: 0
}

/* html（スクロールバーの色設定が反映されるのはIEのみ） */
html {
	scrollbar-face-color: #ffffff; /* バーの色 */
	scrollbar-3dlight-color: #ffffff; /* 左上外側ライン */
	scrollbar-highlight-color: #dcdcdc; /* 左上内側ライン */
	scrollbar-shadow-color: #ffffff; /* 右下内側ライン */
	scrollbar-darkshadow-color: #d3d3d3; /* 右下外側ライン */
	scrollbar-arrow-color: #b0c4de; /* 矢印 */
	scrollbar-track-color: #f5f5f5; /* トラック部分 */
}

/* ボディ */
body{
	/* サイト内の文字の設定 */
	text-align: left; /* 文字を左に設定 */
	line-height: 1.6; /* 文字間隔 */
	font-size: 12px; /* 文字サイズ */
	font-family: Verdana, "ＭＳ Ｐゴシック",MS UI Gothic, Osaka;
 /* 文字種類 */
	color: #696969; /* 文字色 #000000は黒。#696969→灰色になります。字の色変えはご自由に*/

	/* 背景壁紙を設定しています。 */
	background: url(//blog-imgs-52.fc2.com/j/u/n/junnbichuu/kabe314_20120823000718.gif) #ffffff
;
}

/* リンク文字 */
a {
	text-decoration: none; /* 下線無し */
	color :#87553e ; /* 文字色 */}

/* カーソルを置いたときのリンク文字 */
a:hover {
	text-decoration: underline; /* 下線 */
}

/* イメージにリンクを貼ったときの設定 */
a img {
	border : none; /* 線無し */
}

/* 入力エリア、リスト、ボタンの設定 */
input,textarea,select,button,submit {
	color: #888888; /* 文字色 */
	background: #ffffff; /* 背景色 */
	border: 1px solid #7f9db9; /* 線の色 */
}

/* テーブルセル全般の文字設定 */
th,td {
	vertical-align: top; /* 上寄せ */
}

/* 絵文字 */
img.emoji {
	vertical-align: middle; /* 上寄せ */
	border: 0; /* 線無し */
}




/*レイアウト設定----------------------------------------------*/


/* 外枠 */
#container {
	position:relative;
	width: 770px; /* 外枠の幅 */
	margin:0 auto; /* 中央に設定 */

	/* 左右にライン */
	border-right: 0px solid #696969;
	border-left: 0px solid #696969;

	/* 背景を設定しています。外枠内 */
	background: url() #ffffff;
}


/* ヘッダー部分 */
#header {	
	width : 770px; /* ヘッダー幅 */
	height: 220px; /* 高さ */
	border-bottom: 0px solid #696969; /* 下にライン */

	/* トップ画像 　オリジナルの画像に変更OK。元の画像を加工して使うのは厳禁です。*/
	background: url(//blog-imgs-52.fc2.com/j/u/n/junnbichuu/top1.gif) #ffffff right top no-repeat;
}


/* 右メニューにしたい場合はメニュー部分（#menu）のleftをrightに、記事部分（#main）のrightをleftにしてください */

/* メニュー部分 */
#menu {
	float : left; /* 左寄せ */
	/* 背景*/
	background: url() #ffffff;
}

/* 記事部分 */
#main {
	float : right; /* 右寄せ */
	/* 背景*/
	background: url() #ffffff;
}




/* フッター部分 ページ一番下の部分です*/
#footer {　　　font-size: 10px; /* 文字サイズ */

	width : 770px; /* フッター幅 */
　　　　　　　　height: 80px; /* 高さ */


	clear : both; /* 回り込み解除 */
	margin-top: 2px; /* 上との間隔 */
	text-align: center; /* 文字を中央に設定 */
	border-top: 0px solid #000000; /* 上にライン */
	/* */
	
background: url(//blog-imgs-52.fc2.com/j/u/n/junnbichuu/footer4.gif) 
#ffffff right  no-repeat;



}




/*タイトル設定------------------------------------------------*/


/* ブログタイトル　ご自分のタイトルの長さによって調節可能です */
.blog_title {
	margin-top: 50px; /* 上につき過ぎないように間隔を取っています */
	margin-left: 40px; /* 左につき過ぎないように間隔を取っています ←この数字を増減すると文字位置が変わります*/
	font-size: 24px; /* 文字サイズ */
	font-weight: bold; /* 太字 */
}

/* ブログタイトルリンク */
.blog_title a {
	text-decoration: none; /* 下線無し */
	color: #555555; /* 文字色 */
}

/* サブタイトル */
.sub_title {
	margin-left: 50px; /* 左につき過ぎないように間隔を取っています */
	color: #555555; /* 文字色 */
	width: 400px;
}




/*メニュー部分設定--------------------------------------------*/


/* メニュー囲み */
.menu_block {
	width : 180px; /* メニューの枠の幅 */
	margin: 10px; /* 上下左右に間隔を取っています */
}

/* メニュータイトル */
.menu_title {


border-bottom: #999999 1px dashed;   /* 飾りの色(下) */


padding-left: 20px; /* アイコンを入れるので左に間隔 */

margin-bottom: 15px; /* 下に間隔を取っています */
margin-top: 25px; /* 下に間隔を取っています */



		/* アイコン画像 */
	background: url(//blog-imgs-52.fc2.com/j/u/n/junnbichuu/niku-cha.gif) no-repeat;
}

/* メニューリスト親要素 */
ul {
	list-style-type: none; /* メニューリスト左に出る「・」を無し */
}

/* メニューリスト子要素 */
li {
	padding-left: 10px; /* 左に間隔 */

	/* アイコン画像*/
	background: url("") no-repeat;
}




/*記事部分等設定----------------------------------------------*/


/* 記事部分等囲み */
.main_block {
	width : 460px; /* 記事部分の枠の幅 */
	margin: 10px; /* 上下左右に間隔を取っています */

	/* 枠線を描いていません */
	border:0px solid #000000;
}

/* 記事部分等タイトル */
.main_title {


background: url(//blog-imgs-52.fc2.com/j/u/n/junnbichuu/ude2.gif

)  no-repeat ;

padding: 20px 20px 0px 50px;


	margin: 0px　　10px 10px 10px; /* 上下左右に間隔を取っています */
	font-size: 14px; /* タイトルなので文字を大きめにしました */
	font-weight: bold; /* 太字 */
	
border-top: #999999 0px dashed;solid;       /* 飾りの色(上) */
    border-left: #999999 0px dashed;solid;     /* 飾りの色(左) */
    border-right: #999999 0px dashed;solid;     /* 飾りの色(右) */
    border-bottom: #999999 1px dashed;   /* 飾りの色(下) */





}








/* リンク文字 */
.main_title a {
	text-decoration: none; /* 下線無し */
}

/* 記事部分等本文囲み */
.main_body {
	margin: 10px; /* 上下左右に間隔 */
}

/* 日付等のステータス */
.main_state {
	margin-right: 10px; /* 右に間隔を取っています */
	text-align: right; /* 文字右寄せ */
	font-size: 10px; /* 文字の大きさを少し小さめにしています */
}

/* コメント、トラックバック囲み */
.link_block {
	margin-bottom: 10px; /* 下に間隔を取っています */
	border-bottom: 1px solid #000000; /* 下に点線を書いています */
}

/* コメント、トラックバックタイトル */
.link_title {
	font-weight: bold; /* 太字 */
}




/*その他------------------------------------------------------*/


/* ページ移動 */
.page_navi {
	width : 540px; /* ページ移動の枠の幅 */
	margin: 10px; /* 上下左右に間隔を取っています */
	text-align: center; /* 文字中央寄せ */
}

/* カレンダー設定 */

/* カレンダー枠テーブル */
table.calender {
	width: 150px;
}

/* ヘッダー（年、月） */
.calender caption {
	font-size: 12px;
	border-bottom: 1px solid #000000; /* 下にラインを書いています */
}

/* 曜日セル */
.calender th {
	font-weight: normal;
	text-align: center;
}

/* 日付セル */
.calender td {
	text-align: center;
}

/* 日曜日の色 */
th#sun {
	color: #ff0000;
}

/* 土曜日の色 */
th#sat {
	color: #0000ff;
}



