body {
	font-family: Verdana ,sans-serif,Osaka;
	background: #fc0;

	background-position: 0 0;
	background-attachment: scroll;
	background-repeat: repeat;
	font-size: 83%;
	line-height: 1.6;
	margin: 0;
	padding: 0;
	color: #232323;
}



a:link {
	color:#333;
	text-decoration: none;
}
a:active {
	color: #999;
	text-decoration: none
}
a:visited {
	color: #666;
	text-decoration: none
}
a:hover {
	color: #d00;
	text-decoration: underline;
}




/* h1 を大きくとって、背景画像を見せてます。 */
/* 出来る人は div 要素なんか使って、テンプレ弄った方がいろいろいいかも。*/
h1 {
	background: #ffcc00;

/* 背景を差し込む場合は、画像の高さ 150px ぐらい推奨 */
	background-position: 100% 0;
	background-attachment: scroll;
	background-repeat: no-repeat;

	margin: 0;
	font-size: 190%;

/* 文字の位置を変える場合、上下合わせて 6em 取るといいかも */
	padding: 0.0em 0.5em 0.0em 5.0em;


	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
h1 a {
	color: #fff;
	text-decoration: none;
}



/* h2 要素は上下のパディングを 0.5em ずつ取ってます。
	大きくて気になる場合は減らしてください */
/* 参考までに h2 要素の上下パディングを 0 にした場合、
	以下で記述の right 属性の top のプロパティを 14.5em から 13.4em へ変更 */
h2 {
	background: #000;
	background-position: 0 0;
	background-attachment: scroll;
	background-repeat: repeat;
	margin: 0;
	padding: 0.0em;
	text-align: center;
	font-size: 100%;
	letter-spacing: 0.2em;
	font-style: normal;
	border-left: 0.5px solid #000;
	border-right: 0.5px solid #000;
	color:#cccccc;
	border-top: 0.5px solid #000;
	border-bottom: 0.5px solid #000;
}



/* h1 要素最下部に表示する横カレンダーの設定 */
.yokocal {
	position: absolute;
	left: 10%;
	top: 13em;
	padding: 0.3em;
	text-align: center;
	margin: 0;
	font-size:100%;
}




/* 横カレンダーの日付はリストを inline で横に並べてるので、不具合ある人もいるかも。*/
/* 背景画像によって、文字色の変更 */
.yokocal li {
	color: #000;
	display: inline;
	margin: 0 0.1em;
}

.yokocal a{
	font-weight: bold;
}
.yokocal a:link {
	color: #fff;
	text-decoration: underline;
}
.yokocal a:visited {
	color: #000;
	text-decoration: underline;
}
.yokocal a:hover {
	color: #f00;
	text-decoration: none;
}



/* レイアウト設定 */
/* レイアウト構成は left 属性で右に大きくパディングを取って、
	右側に right を配置してます。*/

/* 記事表示部分 */
.left {
	margin: 0;
	margin-left: 0;
	padding: 0 22.7em 0 1.7em;
	border: 1px solid #000;
	background: #ffbb00;
	word-break: break-all;
}

/* メニュー部分 */
.right {
	background: #f90;
	background-position: 0 0;
	background-attachment: scroll;
	background-repeat: repeat;
	width: 22.6em;
	border-top: 1px solid #960;
	border-left: 1px solid #960;
	border-right: 1px solid #960;
	border-bottom: 1px solid #960;
	position: absolute;
	padding: 1.7em 0;
	top: 9.2em;
	right: 0;
	color: #232323;
	word-break: break-all;

/* left 属性のボーダーを使うためその分の余白 */
	margin-right: 1px;
}

.right a:link {
	color:#333;
	text-decoration: none;
}
.right a:active {
	color: #999;
	text-decoration: none
}
.right a:visited {
	color: #666;
	text-decoration: none
}
.right a:hover {
	color: #d00;
	text-decoration: underline;
}

/* メニューの見出し*/
.right h3 {
	font-size: 80%;
	font-family: /*Georgia ,*/Verdana ,sans-serif,Osaka;
	font-weight: borld;
	color: #000;
	letter-spacing: 0.1em;
	margin: 1.7em 0 0 0;
	padding: 0.2em 0.2em 0.2em 0.7em;
	background: #ffbb00;
	border: 0px solid #960;
}


/* 自己紹介的なところのリスト要素 */
/* 下のカレンダーのために下に余白を取ってます。
	カレンダーを削除する場合はこの余白設定も削除してください。*/
.right ul.info {
	list-style-type: circle;
	margin-bottom: 1.7em;
}


/* その他のメニュー内のリスト */
.right ul {
	font-size: 80%;
	list-style-type: square;
	padding:  0.7em 1.2em;
	margin: 0;
}


.right ul li {
	margin: 0 0 0 0.7em;
	list-style-position: outside;
}

/* recent entry とrecent comment の日付部分はこれで文字を少し小さく */
.right ul li span {
	font-size: 85%;
	margin-left: 0.3em;
}

.right p{
	font-size: 85%;
	margin: 0.3em;
}

/* 一番下の部分(copyright) */
/* メニューの高さが記事より長くなった場合の為に一応、左寄せ */
#footer {
	background: #000;
	background-position: 0 0;
	background-attachment: scroll;
	background-repeat: repeat;
	margin: 0;
	padding: 0.7em 2.7em;
	text-align: left;
	color: #fff;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
}
/* footer 内に色々表示させたい場合はこの辺も一緒に弄った方が吉 */
#footer p {
	font-size: 85%;
	letter-spacing: 0.2em;
}


/* 記事の見出し(タイトル) */
.left h3 {
	font-size: 100%;
	color: #000;
	border-bottom: 1px solid #000;
	padding: 0.1em;
	margin: 1.7em 0 0 0;
}

/* 記事表示部分を囲うブロック要素の属性 */
.body {
	margin: 0 0 5.7em 0;
	padding: 0.7em 0.7em 0.7em 1.2em;
	line-height: 1.4;
}

/* 記事内に画像があった場合、左に滑り込ませる。*/
.body img {
	border: 3px double #000;
	margin: 0 0.7em 0 0;
}

/* 記事のステータス用リスト */
.sub {
	text-align: right;
	font-size: 80%;
	margin: 2.7em 0 0 0;
	border: 1px solid #000;
	background: #000;
	padding: 0.1em;
}
.sub li {
	display: inline;
	color: #bbb;
}
.sub a {
	margin-right: 0.3em;
}
.sub a:link {
	color: #bbb;
	text-decoration: none;
}
.sub a:visited {
	color: #777;
	text-decoration: none;
}
.sub a:hover {
	color: #f00;
	text-decoration: none;
}



/* レスフォーム設定 */
/* 全体の左右に 10% の余白を取ってる為、
	ディスプレイ環境に左右される恐れがある場合は、
	テンプレでフォームを小さくしてください。。*/
.reaf {
	color: #000;
	width: 100%;
}
.reaf dt {
	letter-spacing: 0.1em;
}
.reaf dd {
	font-size: 90%;
	margin: 0;
	padding: 0 0 0.5em 0;
}

.reaf textarea {
	width: 80%;
}
#himitsu {
	width: auto;
}



/* カレンダー設定 */
table.calender {
	font-size: 75%;
	width: 100%;
	border-collapse: separate/*collapse*/;
	border-spacing: 0;
	padding: 0.5em 0 0.7em 0;
}
.calender caption {
	font-size: 100%;
	border-bottom: 1px solid #000;
	padding: 0.7em 0 0.5em 0;
}
.calender th {
	font-size: 95%;
	font-weight: normal;
}
.calender td {
	width: 14%;
	text-align: center;
	padding: 0.1em;
}
.calender td a {
	display: block;
}
th#sun {
	color: #f00;
}
th#sat {
	color: #00f;
}
.calender td a:link {
	background: #007!important;
	color: #fff;
	text-decoration: none;
	border: 1px solid #00f;
}
.calender td a:visited {
	background: #707!important;
	color: #fff;
	border: 1px solid #f0f;
	text-decoration: none;
}
.calender td a:hover {
	background: #700!important;
	color: #fff;
	border: 1px solid #f00;
	text-decoration: none;
}





/* 自己紹介的なところで画像を使用した場合の中央寄せ */
.pay {
	text-align: center;
}

/* コメントリストの設定 */
#commentlist {
	font-size: 85%;
	margin-top: 1.7em;
	margin-bottom: 7.7em;
	margin-right: 1.7em;
}

/* トラックバックリストの設定 */
#trackbacklist {
	font-size: 85%;
	margin: 1.7em 1.7em 0 0;
	padding: 1.7em 0 2.7em 3.7em;
	border-top: 1px solid #fc0;
}

/* トラックバックリスト内のリスト */
#trackbacklist li ul {
	margin-top: 0.7em;
	margin-bottom: 1.7em;
}

/* コメントリスト、トラックバックリストの整形 */
#commentlist a, #trackbacklist a {
	margin-right: 0.5em;
}
#commentlist li, #trackbacklist li {
	margin-bottom: 0.2em;
}



/* trackback uri 表示部分の設定 */
#trap dt {
	margin: 0 0 0.5em 0.7em;
}
#trap dd {
	font-size: 100%;
	font-family: "Courier New", Courier, "Times new roman",  sans-serif,Osaka;
}
#trap dd a {
	text-decoration: underline;
}



/* 検索 */
.right form {
	margin: 0;
}
.light {
	font-size: 80%;
	margin: 2.7em 0 0 0;
	padding: 0.7em 0 0 0.7em;
	border-top: 1px solid #fc0;
}
.search {
	font-size: 80%;
	margin: 0 0 1.7em 0;
	padding: 0.7em 0;
	text-align: center;
}
.search input {
	font-size: 100%;
	font-family: Verdana, Sans-serif,Osaka;
}


textarea,input,select {
	font-family : "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;
}

img.emoji{
	vertical-align:middle;
	border:0;
}