/* CSS Document */
@charset 'EUC-JP';

/*------------------------------------------------
 Template : トリコロール・カラー Ver1.00
 Author   : みかん。
 URL      : http://tk-plus1.net/blog/
 Copyright TK*Plus1. All rights reserved.
-------------------------------------------------*/

* {	margin:0;
	padding:0;
	font-style:normal;
	text-decoration:none;}


/*　基本設定　*/
html {/*	scrollbar-face-color:#ffffff;
	scrollbar-arrow-color:#bbbbbb;
	scrollbar-highlight-color:#bbbbbb;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-shadow-color:#bbbbbb;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-track-color:#ffffff;*/}

body {	margin:0px auto;
	padding:0px;
	font-family:"ヒラギノ角ゴ Pro W3",Verdana,"ＭＳ Ｐゴシック",Osaka,sans-serif;
	color:#555555;
	text-align:center;
	/*background:#e5e5e5;*/
  background:url(http://www.katasekan.com/sb/images/bg.gif) repeat-x #f6e5e5;
}

table {	font-family:"ヒラギノ角ゴ Pro W3",Verdana,"ＭＳ Ｐゴシック",Osaka,sans-serif;
	color:#555555;
	font-size:11px;
	letter-spacing:1px;
	line-height:16px;}

a,
/*a:link,a:visited,a:active*/{
	color:#8d4a58;
	text-decoration:none;}

a:hover {
  text-decoration:underline;
	color:#333333;}

img,a img {
	border:none;}
ul {	list-style:none;}
ins {	text-decoration:none;
	border-bottom:1px solid #cccccc;}
em {	color:#333333;
	font-style:normal;
	background:#fef9e2;}
del {	text-decoration:line-through;}
strong {
	font-weight:bold;}
p.source {
	margin:0px 0px 5px 0px;
	text-align:right;}
cite {	font-style:normal;}
* html pre{
	overflow-y:visible;
	overflow-x:scroll;}
pre {	width:100%;
	overflow:auto;
	font-family:monospace;
	line-height:16px;}
code {	font-family:monospace;}
br {	letter-spacing:normal;}


/*　レイアウト設定　*/

#blog #container {
 width: 832px;
 background: url(http://www.katasekan.com/common/img/container_bg.gif)  top repeat-y;
 text-align: center;
 margin: 0 auto;
 padding: 0;
 }
#blog #inbox {
 width: 832px;
 background: url(http://www.katasekan.com/common/img/container_top_bg.gif) no-repeat top center;
 text-align: left;
 margin: 0 auto;
 padding: 0;
 }


/*#container {
	width:834px;
	margin:0px auto;
	padding:0px;
	text-align:center;
  background:url("http://www.katasekan.com/sb/images/container_bg.gif") repeat-y;
}*/

/*#title_area {
	width:834px;
  height:223px;
	margin:0px;
	padding:0px;
	text-align:left;
	background:url("http://www.katasekan.com/sb/images/title.jpg") no-repeat 0 100%;
}*/


#blog #header {
 background: url(http://www.katasekan.com/common/img/container_top_bg.gif) no-repeat top center #f6e5e5;
 width: 819px;
 margin:0 0 0 7px;
padding:0;
 }



/*ちょっと一言
デフォルトのタイトル画像の横幅は660pxで作成してあります。
差し替える画像も横幅を660pxでご用意下さい。ただし、660pxより幅が
あっても表示に差し支えありませんが、660px未満の場合は
#title_area { width:660px; の数字を画像に合わせて修正して下さい。
また、高さのある画像の場合 #title_area 内に height:画像の高さpx; を
追加した上で、ブログタイトルの
#title_area h1 と #title_area .description この2ヶ所の padding の
数字を表示を確認しながら調整して下さい。
*/

#calendar_area {
	width:830px;
	margin:0px;
	padding:10px 0px 10px 0px;
	color:#999999;
	font-size:11px;
	text-align:center;}

#body_area {
	width:800px;
	margin:0px auto;
	padding:0px;
}

#entry_area {
	float:left;
	width:570px;
	text-align:left;
margin:0 0 0 10px;
}

#navi_area {
	float:right;
	width:195px;
	border-bottom:1px solid #e5e5e5;
	font-size:11px;
	text-align:left;
	background:url(http://www.katasekan.com/sb/template/tkp1_tricolor_navi_wp.gif) repeat-y 0 0;}
#navi_area a:link,a:visited,a:active{
  color:#8d4a58;
  text-decoration:none;
}

#footer {
	/*height:25px;*/
	width:820px;
	margin:0px 0px 0px -1px;
	padding:0px 0px 20px 0px;
	color:#49362F;
	font-size:11px;
	text-align:left;
  clear:both;
	/*background:url(http://www.katasekan.com/sb/template/tkp1_tricolor_footer1.gif) no-repeat 0 0;*/
}
#footer a:hover {
  color:#FF9999;
  text-decoration:underline;
}
#footer a,a:link,a:visited,a:active{
  color:#49362F;
  text-decoration:none;
}
#footer_bg {
  background:url("http://www.katasekan.com/sb/images/footer_bg.gif") no-repeat 0 0;
  width:820px;
  height:125px;
  margin:10px 7px;
  padding:2px 0 0 0;
}
#footer_nav1 {
  width:416px;
  height:12px;
  margin:10px 0 0 225px;
  line-height:14px;
  font-size:80%;
}
#footer_nav1 ul{
  width:416px;
  height:12px;
  padding:0;
}
#footer_nav1 ul li{
  display: block; 
  float: left;
  margin:0;
}
#footer_nav1 ul li a{
  display: block; 
  float: left;
  text-indent:-9999px;
}
#n-howto{
  width:117px;
  background:url(http://www.katasekan.com/sb/images/footer1.gif) no-repeat 0 0 ;
}
#n-esthe{
  width:164px;
  background:url(http://www.katasekan.com/sb/images/footer1.gif) no-repeat -117px 0 ;
}
#n-blog{
  width:135px;
  background:url(http://www.katasekan.com/sb/images/footer1.gif) no-repeat -280px 0 ;
}
a:hover#n-howto{
  width:117px;
  background:url(http://www.katasekan.com/sb/images/footer1.gif) no-repeat 0 0 ;
}
a:hover#n-esthe{
  width:164px;
  background:url(http://www.katasekan.com/sb/images/footer1.gif) no-repeat -117px 0 ;
}
a:hover#n-blog{
  width:135px;
  background:url(http://www.katasekan.com/sb/images/footer1.gif) no-repeat -280px 0 ;
}

#footer_nav2 {
  width:690px;
  height:14px;
  margin:0 0 0 120px;
  /*line-height:14px;*/
  padding:0;
  font-size:80%;
}
#footer_nav2 ul{
  padding:0px;
  width:695px;
  height:14px;
}

#footer_nav2 ul li{
  display: block; 
  float: left;
  margin:0;
}
#footer_nav2 ul li a{
  display:block;
  float:left;
  height:14px;
  text-indent:-9999px;
}
#n-sightseeing{
  width:77px;
  background:url(http://www.katasekan.com/sb/images/footer2.gif) no-repeat 0 0 ;
}
#n-access{
  width:113px;
  background:url(http://www.katasekan.com/sb/images/footer2.gif) no-repeat -76px 0 ;
}
#n-qanda{
  width:124px;
  background:url(http://www.katasekan.com/sb/images/footer2.gif) no-repeat -188px 0 ;
}
#n-privacy{
  width:165px;
  background:url(http://www.katasekan.com/sb/images/footer2.gif) no-repeat -311px 0 ;
}
#n-sitemap{
  width:112px;
  background:url(http://www.katasekan.com/sb/images/footer2.gif) no-repeat -475px 0 ;
}
#n-toiawase{
  width:104px;
  background:url(http://www.katasekan.com/sb/images/footer2.gif) no-repeat -585px 0 ;
}
a:hover#n-sightseeing{
  width:77px;
  background:url(http://www.katasekan.com/sb/images/footer2_over.gif) no-repeat 0 0 ;
}
a:hover#n-access{
  width:113px;
  background:url(http://www.katasekan.com/sb/images/footer2_over.gif) no-repeat -76px 0 ;
}
a:hover#n-qanda{
  width:124px;
  background:url(http://www.katasekan.com/sb/images/footer2_over.gif) no-repeat -188px 0 ;
}
a:hover#n-privacy{
  width:165px;
  background:url(http://www.katasekan.com/sb/images/footer2_over.gif) no-repeat -311px 0 ;
}
a:hover#n-sitemap{
  width:112px;
  background:url(http://www.katasekan.com/sb/images/footer2_over.gif) no-repeat -475px 0 ;
}
a:hover#n-toiawase{
  width:104px;
  background:url(http://www.katasekan.com/sb/images/footer2_over.gif) no-repeat -585px 0 ;
}
#footer p.footer_nav3 {
  line-height:19px;
  text-align:center;
  vertical-align: text-top;
  margin:5px 0 0 0;
  padding:0;
}

#footer p.text {
  margin:10px 0 0 30px;
  text-size:12px;
  line-height:15px;
}
#footer p.copy {
  margin:5px 0 30px 30px;
  color:#C29686;
  /*text-align:center;*/
}

/*　ブログタイトル　*/
#blog #header h1 a {
 margin:2px 0 0 0;
 padding:0;
 font-size:100%;
 font-weight:normal;
 color:#666;
 float:left;
}

#title_area a,
#title_area a:link,
#title_area a:visited {
	color:#c14450;
	text-decoration:none;}
#title_area a:hover,
#title_area a:active {
	color:#4563b8;}

#blog #header .description {
	padding:5px 20px 2px 0px;
	font-size:65%;
	/*letter-spacing:1px;
	line-height:16px;*/
clear:both;
color:#c29686;
text-align:right;
}
#blog_title {
 width:686px;
 height:112px;
 background:#fff;
 margin:0 5px 2px 5px;
 padding:0;
 clear:both;
 }


/*-------------------------
nav
--------------------------*/
#header #box {
 width:696px;
 background:#7b635a;
 margin:2px 0 0 7px;
 float:left;
}
#nav {
 background: #7b635a;
 width:696px;
 }
#nav ul {
 margin:0 0 0 10px;
 padding:0;
 clear:both;
 }
#nav ul li {
 display:block;
 height:35px;
 float:left;
 }
#nav ul li a{
 display:block;
 height:35px;
 float:left;
 text-indent:-9999px;
 }



/*　カレンダーのリンク　*/
#calendar_area a,
#calendar_area a:link,
#calendar_area a:visited {
	font-weight:bold;
	color:#666666;
	text-decoration:none;}
#calendar_area a:active{
	color:#333333;}
#calendar_area a:hover {
	color:#333333;
	text-decoration:underline;}


/*　エントリー・コメント・トラックバック　*/
div.entry,
div.profile,
div.comment,
div.trackback {
	margin:0px 0px 20px 0px;
	padding:5px 10px 12px 10px;
	border:1px solid #e5e5e5;
	background:#ffffff url(http://www.katasekan.com/sb/template/tkp1_tricolor_h2.gif) repeat-x 0 100%;}

/*　エントリーナビ　*/
div.entry_navi {
	margin:5px 0px 15px 0px;
	padding:0px;
	text-align:center;
	font-size:11px;}

/*　エントリーのタイトル（プロフィールのタイトルも同じ）　*/
h2 {	margin:0px -10px 5px -10px;
	padding:5px 0px 7px 10px;
	border-bottom:1px solid #e5e5e5;
	color:#c14450;
	letter-spacing:2px;
	font-size:12px;
	background:url(http://www.katasekan.com/sb/template/tkp1_tricolor_h2.gif) repeat-x 0 100%;}

/*　エントリータイトルのリンク　*/
#entry_area h2 a,
#entry_area h2 a:link,
#entry_area h2 a:visited {
	color:#c14450;
	text-decoration:none;}
#entry_area h2 a:hover {
	color:#777777;
	text-decoration:underline;}
#entry_area h2 a:active {
	color:#777777;}


/*　エントリーデータ　*/
#blog h3 {margin:0px -10px 0px -10px;
	padding:0px 0px 5px 10px;
	border-bottom:1px solid #e5e5e5;
	color:#888888;
	font-size:11px;
	font-weight:normal;}


/*　本文　*/
div.entry_body,
div.entry_more {
	margin:0px;
	padding:16px 0px 0px 0px;
	font-size:11px;
	letter-spacing:1px;
	line-height:16px;}

div.profile_body {
	margin:0px;
	padding:10px 0px 0px 0px;
	font-size:11px;
	letter-spacing:1px;
	line-height:16px;}

div.entry_state {
	margin:5px 10px 0px 0px;
	padding:0px;
	color:#777777;
	font-size:11px;
	text-align:right;}

/*　ここは削除しないで下さい！（IEの表示に関するバグ対策です）　*/
div.entry_body,
div.entry_more {
	_width:100%;}

/*　引用　*/
blockquote {
	position:static;
	margin:0px 0px 0px 10px;
	padding:3px 10px 5px 10px;
	border:1px solid #e5e5e5;
	font-size:11px;
	line-height:16px;
	background:#fafafa;}

blockquote ul li {
	margin:0px;
	padding:0px 0px 0px 15px;
	background:url(http://www.katasekan.com/sb/template/tkp1_tricolor_li.gif) no-repeat 0 5px;}

/*　記事内のリストにもマーク　*/
#entry_area ul li {
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 15px;
	background:url(http://www.katasekan.com/sb/template/tkp1_tricolor_li.gif) no-repeat 0 5px;}

#entry_area ol li {
	margin:0px 0px 0px 40px;
	padding:0px;}


/*　エントリーの画像ファイル　*/
div.entry img {
	border:none;}

/*　class名がpictとthumbの画像に、テキストの回り込みをさせる　*/
img.pict {
	float:left;
	clear:left;
	margin:0px 10px 0px 0px;
	padding:0px;}

img.thumb {
	float:left;
	clear:left;
	margin:0px 10px 0px 0px;
	padding:0px;}


/*　ページナビ　*/
div.page_navi {
	margin:0px;
	padding:0px 0px 5px 0px;
	text-align:center;
	font-size:11px;
	line-height:16px;}


/*　コメント・トラックバックエリア表示　*/
div.comment dl dd {
	margin:0px;
	padding:10px 0px 0px 0px;
	font-size:11px;
	letter-spacing:1px;
	line-height:16px;}

div.comment dl dt {
	margin:0px -10px 10px -10px;
	padding:5px 10px 5px 0px;
	border-bottom:1px solid #e5e5e5;
	text-align:right;
	font-size:11px;}

div.trackback dl dt {
	margin:0px -10px 0px -10px;
	padding:15px 0px 3px 10px;
	border-bottom:1px solid #e5e5e5;
	font-size:11px;}

div.trackback dl dd {
	margin:0px;
	padding:0px;
	font-size:11px;
	line-height:16px;}


/*　コメントフォームエリア　*/
div.comment_form {
	margin:5px 0px 0px 0px;
	padding:0px;
	font-size:11px;
	line-height:15px;}


/*　入力フォーム設定　*/
input {	border:1px solid #bbbbbb;
	font-size:12px;
	color:#555555;
	background:#ffffff;}

textarea {
	width:370px;
	border:1px solid #bbbbbb;
	line-height:16px;
	font-size:12px;
	color:#555555;
	overflow:auto;
	scrollbar-face-color:#ffffff;
	scrollbar-arrow-color:#bbbbbb;
	scrollbar-highlight-color:#bbbbbb;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-track-color:#ffffff;
	background:#ffffff;}

input.cookie_box {
	border:0px;
	background:transparent;}

/*　送信ボタン　*/
input.button {
	width:60px;
	margin:5px 0px 0px 0px;
	text-align:center;
	font-family:Verdana,Arial,sans-serif;
	font-size:9px;
	color:#ffffff;
	border:1px solid #eeeeee;
	background:#555555;}

/*　サーチフォーム幅　*/
input.search_form {
	width:100px;}


/*　トラックバックのURL表示部分　*/
p.tb_url {
	margin:0px;
	padding:5px 0px 0px 0px;
	font-size:11px;}

input.tb {
	border:0px solid;
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	color:#555555;
	background:#ffffff;}


/*　ナビメニュー　*/
#navi_area dl {
	margin:0px;
	padding:0px;}

/*　ナビメニューの各タイトル　*/
#navi_area dl dt {
	height:25px;
	margin:0px;
	padding:6px 0px 0px 10px;
	font-size:11px;
	color:#c14467;
	font-weight:bold;
	word-spacing:4px;
	background:url(http://www.katasekan.com/sb/template/tkp1_tricolor_navi_menu.gif) no-repeat;}

/*　ナビメニューの各内容　*/
#navi_area dl dd {
	margin:0px;
	padding:3px 10px 15px 10px;
	font-size:11px;}

/*　ナビメニューの各リスト　*/
#navi_area a:link,a:visited,a:active{
  color:#8d4a58;
  text-decoration:none;
}
#navi_area a:hover{
  color:#777777;
  text-decoration:underline;
}
#navi_area dl dd ul {
	margin:0px;
	padding:0px;
	list-style:none;}

#navi_area dl dd ul li {
	line-height:15px;
}

#navi_area dl dd ul li ul {
	margin:0px;
	padding:0px 0px 3px 0px;}
#navi_area dt#linkname {
  color:#8544c1;
}
/*　ナビメニューのツリー部分　*/
#navi_area dl dd ul li ul li,
#navi_area dl dd ul.tree li.lst,
#navi_area dl dd ul.tree li.end {
	margin:0px;
	padding:0px 0px 0px 10px;}


/*　アマゾン画像とコメント　*/
img.amazon {
	margin:5px 0px 0px 0px;}

#navi_area p {
	color:#888888;
	line-height:14px;}


/*　サーチエリア　*/
div.search {
	margin:0px;
	padding:0px 10px 15px 0px;
	text-align:right;
	font-size:11px;}

#navi_area dl dd ul {
	margin:0px;
	padding:0px;
	list-style:none;}

#navi_area dl dd ul li {
	line-height:15px;
}

#navi_area dl dd ul li ul {
	margin:0px;
	padding:0px 0px 3px 0px;}
#navi_area dt#linkname {
  color:#8544c1;
}