body {
	font-family: Verdana ,sans-serif,Osaka;
	background: #567;
	background-image: url(http://templates.blog.fc2.com/template/petit/back2.gif);
	background-position: 0 0;
	background-attachment: scroll;
	background-repeat: repeat;
	font-size: 83%;
	line-height: 1.6;
	margin:0;
	padding: 0 25% 0 0;
	color:#567;
}




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




/* h1 を大きくとって、背景画像を見せてます。*/
/* いろんな事情でデフォルトの h1 画像のみで、下線や右の影を付けてます。
	.left、#footer も同様に個別で影の画像を入れてますが、
	出来る人はテンプレで、div 要素なんか足して、うまく一括した画像で調整した方がいいと思います。
	高さはだいたい 150px ぐらいです。その際は上下に合わせて 6em のパディングを取ると、
	いいかも。(IE の場合、150px ぴったりなら、5.9em)*/
h1 {
	background-color: #abc;
	background-image: url(http://templates.blog.fc2.com/template/petit/back887.gif);
	background-position: 100% 0;
	background-attachment: scroll;
	background-repeat: no-repeat;
	margin: 0;
	font-size: 150%;
	padding: 1.2em 0.7em 4.8em 0.7em;
}
h1 a:link {
	color: #56789a;
	text-decoration: none;
}

/* h2 要素は絶対指定で、h1 のすぐ下に。*/
h2 {
	margin: 0;
	padding: 0.2em;
	font-size: 100%;
	font-style: normal;
	color: #37b;
	position: absolute;
	left: 5%;
	top: 3.7em;
}



/* h1 最下部表示の横カレンダー設定 */
.yokocal {
	position: absolute;
	left: 1%;
	top: 12.7em;
	padding: 0.2em;
	text-align: center;
	margin: 0;
	font-size:75%;
}



/* 横カレンダーの日付はリストを inline で横に並べてるので、不具合ある人もいるかも。*/
.yokocal li {
	color: #789;
	display: inline;
	margin: 0 0 0 0.1em;
}

.yokocal a{
	font-weight: bold;
}
.yokocal a:link {
	color: #def;
	text-decoration: underline;
}
.yokocal a:visited {
	color: #777;
	text-decoration: underline;
}
.yokocal a:hover {
	color: #b00;
	text-decoration: none;
}



/* レイアウト設定 */
/* レイアウト構成は left の中に right を左側に入れ込んでるという感じ。
	そのために、left 属性では左に大きくパディングを取ってます。
	ので、left でも実際は、右側に表示されることになります。*/

/* 記事表示部分 */
/* .left の背景を白(#fff) にする場合は以下の back55 を back5 に変えてください。*/
.left {
	background-color: #eed;
	background-image: url(http://templates.blog.fc2.com/template/petit/back55.gif);
	background-position: 100% 0;
	background-attachment: scroll;
	background-repeat: repeat-y;
	margin: 0;
	padding: 1.7em 2.7em 0 18.7em;
	word-break: break-all;
	border-bottom: 1px solid #336;
	border-top: 1px solid #336;
}

/* メニュー部分 */
.right {
	background: #fff;
	width: 15.5em;
	position: absolute;
	top: 12.5em;
	left: 0.5%;
	color: #232323;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	word-break: break-all;
}

.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: 90%;
	font-family: /*Georgia ,*/Verdana ,sans-serif,Osaka;
	font-weight: normal;
	color: #000;
	letter-spacing: 0.1em;
	margin: 0 0 0 0;
	padding: 0.1em 0.2em 0.2em 0.7em;
	background: #bcd;
	border-left: 1px solid #fff;
	border-right: 1px solid #345;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #345;
}


/* 自己紹介的なところのリスト要素 */
.right ul.info {
	font-size: 80%;
	list-style-type: circle;
	background: #ddd;
	border-left: 1px solid #fff;
	border-right: 1px solid #345;
	border-top: none;
	border-bottom: 1px solid #345;
}


/* その他のメニュー内のリスト */
.right ul {
	font-size: 80%;
	list-style-type: square;
	padding:  0.7em 1.7em;
	margin: 0;
	background: #ddd;
	border-left: 1px solid #fff;
	border-right: 1px solid #345;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #345;
}

.right p {
	font-size: 80%;
	padding:  0.7em 1.7em;
	margin: 0;
	background: #ddd;
	border-left: 1px solid #fff;
	border-right: 1px solid #345;
	border-bottom: 1px solid #345;
}

.right input{
	width: 95%;
}

.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;
}


/* 一番下の部分(copyright) */
/* メニューの高さが記事より長くなった場合の為に一応、右寄せ */
#footer {
	background-color: #abc;
	background-image: url(http://templates.blog.fc2.com/template/petit/back887.gif);
	background-position: 100% 0;
	background-attachment: scroll;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0.7em 2.7em;
	text-align: right;
	color: #000;
}
/* footer 内に色々表示させたい場合はこの辺も一緒に弄った方が吉 */
#footer p {
	font-size: 85%;
	letter-spacing: 0.2em;
}


/* 記事の見出し(タイトル) */
.left h3 {
	font-size: 100%;
	color: #52b;
	padding: 0 0 1em 0;
	margin: 0;
}

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

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

/* 記事のステータス用リスト */
.sub {
	font-size: 80%;
	margin: 0;
	border-bottom: 2px inset #fff;
	padding: 2.5em 0.2em 2.3em 1em;
	background-image: url(http://templates.blog.fc2.com/template/petit/list10.gif);
	background-position: 0 50%;
	background-attachment: scroll;
	background-repeat: no-repeat;
}
.sub li {
	display: inline;
	color: #567;
}
.sub a {
	margin-right: 0.3em;
}
.sub a:link {
	color: #237;
	text-decoration: underline;
}
.sub a:visited {
	color: #777;
	text-decoration: none;
}
.sub a:hover {
	color: #b00;
	text-decoration: none;
}



/* レスフォーム設定 */
/* 右に 25% の余白を取ってる為、
	ディスプレイ環境に左右される恐れがある為なるべくコンパクトに。*/
.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;
	background: #ddd;
	border-left: 1px solid #fff;
	border-right: 1px solid #345;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #345;
}
.calender caption {
	font-size: 100%;
	border-bottom: 1px solid #000;
	padding: 0.5em 0;
	background: #bcd;
	border-left: 1px solid #fff;
	border-right: 1px solid #345;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #345;
}
.calender th {
	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 {
	margin: 0;
	padding: 0.7em 0;
	text-align: center;
	background: #ddd;
	border-left: 1px solid #fff;
	border-right: 1px solid #345;
	border-top: 1px solid #fff;
}

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

	border-bottom: 2px inset #fff;
	padding-bottom: 2.7em;
}

/* トラックバックリストの設定 */
#trackbacklist {
	font-size: 80%;
	margin: 1.7em 1.7em 0 0;
	padding: 1.7em 0 2.7em 3.7em;

	border-top: 2px outset #fff;
}

/* トラックバックリスト内のリスト */
#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: 0;
	padding: 0.7em 0 0 0.7em;
	background: #ddd;
	border-left: 1px solid #fff;
	border-right: 1px solid #345;
	border-top: 1px solid #fff;
}
.search {
	font-size: 80%;
	background: #ddd;
	border-left: 1px solid #fff;
	border-right: 1px solid #345;
	border-top: none;
	border-bottom: 1px solid #345;
	margin: 0;
	padding: 0.7em 0 1.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;
}