@charset "euc-jp"; /* 文字コード */

/* h1h2h3 */
h1 {
font color:#000000;
font-size: 100%; 
line-height: 1.0em; 
padding:0%;
margin:0%}
h2 {
font color:#000000;
font-size: 100%; 
line-height: 1.0em; }
h3 {
font-size: 100%; 
line-height: 1.0em; }

a{ text-decoration : underline; cursor : pointer; }
a:hover{ color :#ff0000; text-decoration : none; 
cursor : pointer; visibility : visible; float : none; clear : none; 
position : relative; left : 1pt; top : 1pt; }

.story-head h1{
font-family: Verdana, Arial, sans-serif;
	display: block;
	background-color: #E8F0F1;
padding: 1px 0px 1px 10px;
	font-size: small ;
	font-weight: bold;
	margin-right: 0pt;
　　　　　
}

.story-head h2{
font-family: Verdana, Arial, sans-serif;
	display: block;
	background-color: #E8F0F1;
padding: 1px 0px 1px 10px;
	font-size: small ;
	font-weight: bold;
	margin-right: 9pt;
　　　　　
}

.story-head h3{
	display: block;
	background-color: #E8F0F1;
padding: 1px 0px 1px 10px;
	font-size: 100%;
	font-weight: bold;
	color: #000000;
	margin: 0px;
}

.story-head a:link{
	display: block;
	background-color: #E8F0F1;
padding: 4px 0px 4px 10px;
	text-decoration: none;
	color: #000000;
	margin: 0px;
}

.story-head a:visited{
	display: block;
	background-color: #E8F0F1;
padding: 4px 0px 4px 10px;
	text-decoration: none;
	color: #000000;
	margin: 0px;
}

.story-head a:hover{
	display: block;
	background-color: #DDEEFF;
padding: 4px 0px 4px 10px;
	text-decoration: none;
	color: #000000;
	margin: 0px;
}

img: {
    border-style:0px;
}

.table img: {
    border-style:0px;
}

#table img: {
    border-style:0px;
}

.table : {
font-family: Verdana, Arial, sans-serif;
}

#table : {
font-family: Verdana, Arial, sans-serif;
}

#row1{
	position: absolute;
	top: 100px;
	width:100%;
}

#globalNav{
	position: absolute;
	width: 100%;
	height: 32px;
	color: #cccccc;
	padding: 0px;
	margin: 0px;
	background-image:  url("http://87blog.com/image/sitematerial/glbnav_background.gif
");
}

#globalNav img{
	margin-bottom: -4px;
 }

#gnl {
	position: absolute;
	top: 0px;
	left:0px;
}

#gnr {
	position: absolute;
	top: 0px;
	right:0px;
}

#globalLink{
	position: absolute;
	top: 6px;
	height: 22px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	text-align:center;
}

#globalLinkTop{
	position: absolute;
	top: 6px;
	height: 22px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	text-align:left;
}

#globalLink img{
	display: block;
	}

a.glink:link{
  	font-size: 10pt;
  	color: #000000;
	margin: 0px;
	padding: 2px 8px 4px 8px;
	border-right: 1px solid #8FB8BC;
}

a.glink:visited{
  	font-size: 10pt;
  	color: #000000;
	margin: 0px;
	padding: 2px 8px 4px 8px;
	border-right: 1px solid #8FB8BC;
}

a.glink:hover{
  	font-size:10pt;
	margin: 0px;
	padding: 2px 8px 4px 8px;
  	background-image:  url("http://87blog.com/image/sitematerial/glblnav_selected.gif
");
	border-right: 1px solid #8FB8BC;
	text-decoration: none;
	color: #000000;
}


/* ページ全体の基本的な設定と背景色 */
	body {
border-style:0px;
		margin:0px;
		background:#ffffff;
	}

/* リンク文字設定 */
a:link {
text-decoration : underline; 
cursor : pointer; 
text-align: left;
border-style:0px;
                color: #666666;
	}

a:visited {
border-style:0px;
	color: #999999;
                text-align: left;
	}

a:active {     
border-style:0px;
                text-align: left;
	color: #666666;
	}

a:hover {
border-style:0px;
color :#ff0000; 
text-decoration : none; 
cursor : pointer;
visibility : visible; 
float : none; 
clear : none; 
position : relative; 
left : 1pt; top : 1pt;
text-align: left;
	}


/* 3カラム全体 */
	#box {
border-style:0px;
	}

/* タイトル名 */
	#banner {
	position: relative; z-index: 1;
		color:#999999;
		background:#ffffe0;
		background-position:right top;
		background : #000000  url("http://kattchan.com/10002.jpg")   no-repeat center;
		padding: 0px;
	width: 100%;
	height: 100px;		text-align: left;
		}

/* タイトル名の文字のリンク色 */
	#banner a {
border-style:0px;
		font-weight:normal;
		font-size: 32px;
font-family: Verdana, Arial, sans-serif;
		text-decoration: none;
	}
	#banner a:link{
border-style:0px;
		color: #999999;
		background: none;
	}
	#banner a:visited{
border-style:0px;
		font-size: 32px;
		color: #999999;
		background: none;
	}
	#banner a:active,
	#banner a:hover {
border-style:0px;
		font-size: 32px;
		color: #999999;
		background: none;
	}
	#banner h2 {
border-style:0px;
		color: #999999;
font-family: Verdana, Arial, sans-serif;
		font-weight: normal;
		font-size: 12px;
	}

/* サイト説明文 */
	.description {
border-style:0px;
		color: #999999;
		font-size: 12px;
	}

/* エントリーのある大段落（トップページ） */
	#content {
border-style:0px;
		margin-right : 215px ;
		margin-left  : 215px ;
		margin-top : 20px ;
		margin-bottom : 10px ;
	}

/* エントリーのある大段落（トップページ以外） */
	#container {
border-style:0px;
		margin-top : 20px ;
		margin-bottom : 10px ;
	}

/* エントリー別の段落 */
	.blog {
border-style:0px;
		padding:10px;
		font-size:medium;
		font-weight:normal;
		color: #336699;
		background: none;
	}

.blog img {
    border-style:none;
}

/* 各エントリー */

.blogbody img {
    border-style:none;
}
	.blogbody {
border-style:0px;
			padding: 7px 15px 5px 15px;
	background-color:#fafafa ;
	text-align: left;
	color: #000000;
        font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
font-size: medium;
 line-height: 140%;
	}

/* タイトルと本文の行間を狭くする対処 */
	.blogbody p {
border-style:0px;
		margin-top: 5px;
		margin-bottom: 5px;
	}

/* 各エントリーの文字のリンク色 */
	.blogbody a {
border-style:0px;
		color: #666666;
		text-decoration: underline;

	}
	.blogbody a:link {
		color: #666666;
		background: none;
border-style:0px;

	}
	.blogbody a:visited {
		color: #999999;
		background: none;
border-style:0px;

	}
	.blogbody a:active {
		color: #666666;
		background: none;
border-style:0px;

	}
	.blogbody a:hover {
		color:  #FF0000;
		background: none;
border-style:0px;

	}

/* エントリーの画像（左に配置した時の文章とのマージン） 2004.07.20追加 */
	.blogbody img {
		margin-right: 0px;
		margin-bottom: 0px;
border-style:0px;
	}

/* エントリーのタイトル */
	.title	{
border-style:0px;
		font-size: 12px;
		color: #666666;
		padding-top:5px;
		padding-left:0px;
		margin-bottom:0px;
		padding-bottom:0px;
	}

/* 「ホーム」等へのリンク部分（トップページ以外） */
	#menu {
border-style:0px;
        font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
		font-size: 12px;
		font-weight:normal;
		background: none;
		margin:0px;
		padding-top:3px;
		text-align:center;
	}

/* エントリーの日付 */
	.date	{ 
border-style:0px;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		font-weight: bold; /* W3C CSS 検証対応 2005.04.30 修正 */
		color: #ffffff;
		background: #8FABBE;
		background-position:left; 
		background-repeat:no-repeat;
		background-image: url("画像を置くURl/ファイル名.gif");
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
		margin-top:6px;
		margin-left:5px;
		margin-right:5px;
	}

/* エントリー投稿者の段落 */
	.posted {
border-style:0px;
        font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
		font-size: 9px;
		color: #999999;
		border-top: 1px dotted #999999;
		text-align:right;
		margin-top:10px;
	}

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

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

/* 2004.10.22 TypeKeyによるコメントで投稿者アイコンが枠で囲まれてしまう対処 */
	.commenter-profile img {
border-style:0px;
		vertical-align: middle;
		border-width: 0;
	}

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

/* quotetitle設定 */
	.quotetitle{
		font-size:medium;
		font-weight:normal;
		border-bottom: 1px solid #666699;
		padding: 3px;
	}

/* カレンダーのある大段落（トップページ右） */
	#links-right{
border-style:0px;
line-height: 120%;
		color: black;
		position : absolute ;
		right : 10px ;
		top : 130px ;
		width : 190px ;
	}

/* リンクのある大段落（トップページ左） */
	#links-left{
border-style:0px;
line-height: 120%;
		color: black;
		position : absolute ;
		left :10px ;
		top : 145px ;
		width : 190px ;
	}

/* カレンダー年月 */
	.calendarhead{
		text-align: center;
		color:#666666;
		font-family: Verdana, Arial, sans-serif;
		font-size:x-small;
		background: none;
		letter-spacing: .3em;
	}

/* カレンダー曜日数字 */
	.calendar {
		text-align: center;
		color:#666666;
		font-family: Verdana, Arial, sans-serif;
		font-weight:normal;
		background: none;
	}
	.calendar a:link {
		font-size:9px;
		color: #8FABBE;
		text-decoration: underline;
	}
	.calendar a:visited{
		font-size:9px;
		color: #8FABBE;
		text-decoration: underline;
	}
	.calendar a:active{
		font-size:9px;
		color: #8FABBE;
		text-decoration: underline;
	}
	.calendar a:hover {
		font-size:9px;
		color: #006699;
		text-decoration: underline;
	}

/* カレンダー日付のリンク以外の文字サイズ 2004.08.29追加 */
	.calendar td {
		font-size:9px;
	}

	.calendar th {
		font-size:8px;
		width : 23px ;
	}
	.calendar table {
		padding: 0px;
		border-collapse: collapse;
	}

/* 「検索」「コメント」「エントリー」「カテゴリ」「リンク」等の見出し */
	.sidetitle {
		color:#666;
        font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
		font-size:small ;
		margin-top:3px;
		background:#f6f6f6;
		line-height:140%;
		padding:0px 0px;
		text-align:center;
		border: 1px solid  #999999;
	}

/* 「検索」「コメント」「エントリー」「カテゴリ」「リンク」等 */
	.side {
border-style:0px;
        font-family: Verdana, Arial, sans-serif;
	color:#000000;
		background: none;
		font-size:x-small;
		font-weight:normal;
		line-height:150%;
		padding:2px;
		margin-bottom:25px;
/*		word-break: break-all; *//* 半角文字折り返し対処 2004.10.14追加 */
	}

.side img {
    border-style:none;
}

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

.side #categories img {
    border-style:none;
}

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

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

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

	.side-counter {
border-style:0px;
		font-size:small;
		background: none;
		padding:2px;
		margin-top:8px;
		margin-bottom:25px;
	}

	.side2 {
border-style:0px;
        font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
		color:#000000;
		background: none;
		font-size:small;
		font-weight:normal;
		line-height:150%;
		padding:2px;
		margin-bottom:5px;
	}

.side2 img {
    border-style:none;
}

	.image img {
border-style:0px;
		margin-top: 20px;
	}

/* RSS(XML)の設定 */
	.syndicate {
		color:#666666;
		font-family: Verdana, Arial, sans-serif;
		font-size:9px;
		line-height:150%;
		text-align: left;
		margin-bottom:5px;
	}

/* Poweredの設定 */
	.powered {
		color:#666666;
		font-family: Verdana, Arial, sans-serif;
		font-size:9px;
		line-height:150%;
		text-align: left;
		margin-top:50px;
	}

/* 「コメント」「コメントする」の見出し */
	.comments-head	{
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		color: #ffffff;
		background: #8FABBE;
		padding-top:2px;
		padding-left:5px;
		padding-bottom:2px;
		width : auto ;
		margin-top:10px;
		margin-left:5px;
		margin-right:5px;
		margin-bottom:10px;
	}

/* 「コメント」の段落 */
	.comments-body {
		font-size:12px;
		font-weight:normal;
		font-family: Verdana, Arial, sans-serif;
		color:#666666;
		line-height:150%;
		padding:0px;
		margin-left:8px;
		margin-right:8px;
		margin-top:0px;
		margin-bottom:0px;
		word-break: break-all; /* 半角文字折り返し対処 2004.10.14追加*/
	}

	.comments-body p {
		margin-top:10px;
		margin-bottom:5px;
	}

	/* コメントテキストエリアの幅指定 2004.07.20追加 */
	.comments-body textarea {
		width:266px;
	}

/* 「コメント」投稿者 */
	.comments-post {
		font-family: Verdana, Arial, sans-serif;
		font-size: 9px;
		color: #999999;
		border-top: 1px dotted #999999;
		text-align:right;
		padding:0px;
		margin-top:0px;
		margin-bottom:0px;
	}

	.comments-post a:link {
		color: #8FABBE;
		text-decoration: underline;
		background: none;
	}
	.comments-post a:visited {
		color: #8FABBE;
	}
	.comments-post a:active{
		color: #8FABBE;
	}
	.comments-post a:hover {
		color: #006699;
	}

/* 「トラックバック」の段落 */
	.trackback-body {
		color:#336699;
		font-size:small;
		font-weight:normal;
		background:#fff;
		line-height:140%;
		padding:10px;
		margin:10px;
		border-bottom:1px dotted #003366;
	}

/* トラックバックURL */
	.trackback-url {
		font-size:small; 
		font-weight:bold;
		color: #336699;
		background:#ffffff;
		border: 2px solid #336699;
		padding:10px;
		margin:10px;
	}

/* 「トラックバック」投稿者 */
	.trackback-post {
		color:#336699;
		font-size:small;
		font-weight:normal;
		background:#fff;
	}

/* ポップアップウインドウ全体 2004.12.30追加 */
	#box-commentspop {
	}

/* ポップアップウインドウのタイトル部分 */
	#banner-commentspop {
		z-index: 1; /* バナーの重なり順序対処 2004.12.30追加 */
		color:#999999;
		background:#ffffe0;
		background-position:right top;
		background-repeat:repeat-y;
		background-repeat:no-repeat;
		background-image: url("画像を置くURl/ファイル名.gif");
		padding-left:10px;
		padding-top:10px;
		padding-bottom:10px;
		text-align: left;
		border: 1px solid #666699;
	}

	#banner-commentspop h1 {
		color: #999999;
		font-family: "ＭＳゴシック", Arial, sans-serif; /* フォント修正 2004.12.30修正 */
		font-weight: normal; /* 文字の太さ修正 2004.12.30修正 */
		font-size: 32px;  /* フォントサイズ修正 2004.12.30修正 */
	}

	#banner-commentspop h2 {
		color: #999999;
		font-family: Verdana, Arial, sans-serif;
		font-weight: normal;
		font-size: 12px;
	}

	#content-commentspop {
		border-bottom: 1px solid #666699;
		border-left: 1px solid #666699;
		border-right: 1px solid #666699;
		margin : 0px ;
		padding : 10px ;
		height : 100%;
	}

	#content-commentspop h2	{ 
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		font-weight:normal; /* W3C CSS 検証対応 2005.04.30 修正 */
		color: #ffffff;
		background: #8FABBE;
		background-position:left; 
		background-repeat:no-repeat;
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
		margin-top:6px;
		margin-bottom:15px;
	}

	#content-commentspop h3	{ 
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight:normal; /* W3C CSS 検証対応 2005.04.30 修正 */
	}

	.blogbody-commentspop {
		background-position:right; 
		background-repeat:repeat-y; 
		background-image: url("画像を置くURl/ファイル名.gif");
		color:#666666;
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
		padding-top:0px;
		line-height:150%;
		width : auto ;
		margin-top:0px;
		margin-bottom:0px;
	}

	.blogbody-commentspop p {
		margin-top: 10px;
		margin-bottom: 5px;
	}

	.posted-commentspop {
		font-family: Verdana, Arial, sans-serif;
		font-size: 9px;
		color: #999999;
		border-top: 1px dotted #999999;
		text-align:right;
		margin-top:0px;
		margin-bottom:15px;
		}

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

/* 投稿者名、コメントの書き込み欄の文字化け防止 */
	input,textarea {
		font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",sans-serif;
		margin: 2px;
	}