@charset "utf-8";

/* Ichigoichie =============== */

html {
	width: 100%;
	height: 100%;
	background-color: #fff;}

#main {}

.blogcont {
	position: relative;
	margin-top: 35px;}

.errorpage { margin-top: 35px;}

.pagetop {
	position: absolute;
	left: 665px; bottom: 15px;}

/* Blog Main
-----------------------------------*/

#blogmain {
	float: left;
	width: 602px;
	margin-top: -23px}


#blogmain h2 { margin: 0 0  20px 3px;}

.entrybox { margin-bottom: 38px;}

.entryttl {
	width: 586px;
	height: 31px;
	padding: 0 10px 0 6px;
	line-height: 31px;
	color: #fff;
	background: url(../img/bg_entryttl.jpg) left top no-repeat;}

.entryttl h3 {
	float: left;
	display: block;
	width: 405px;}

.entryttl h3 a {
	font-size: 14px;
	font-weight: bold;
	color: #fff;}

.entryttl h3 a:hover {color: #ccc;}

.entryttl span {
	float: right;
	display: block;
	text-align: right;
	width: 180px;}

.entry {
	clear: both;
	padding-top: 10px;}

.entry p { margin-bottom: 1em;}
.entry p a { border-bottom: 1px dotted #999;}
.entry p a:hover { border-bottom: 1px dotted #ccc;}
.entry p img {}

.alignleft {
	float: left;
	margin: 1em 1em 0em 0;}


.category {
	font-size: 10px;
	margin-top: -22px;
	text-align: right;}

.category a { margin-right: 1em;}


.cmtb {
	font-size: 10px;
	height: 2em;
	line-height: 2.5em;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;}

.cmtblink {
	display: block;
	font-size: 10px;
	height: 3em;
	line-height: 3em;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;}

.tburl {
	text-align: center;
	margin-bottom: 40px;
	background-color: #333;}

.tburl a {
	color: #fff;
	margin: 0 20px;}

.tburl a:hover {color: #ccc;}

.searchresult,.date,.categorytpl {
	font-size: 14px;
	height: 52px;
	line-height: 52px;
	margin-bottom: 10px;
	padding-left: 60px;
	letter-spacing: 0.1em;
	background: url(../img/icon.jpg) left center no-repeat;}

.edit {
	font-size: 10px;
	text-align: right;
	line-height: 1em;}

/* Single
-----------------------------------*/

.navigation {
	padding-bottom: 1em;
	font-size: 10px;}

.navigation div {width: 300px;}

.navigation .alignleft {float: left;}

.navigation .alignright {
	float: right;
	text-align: right;}

.nextprev {
	text-align: center;
	font-size: 10px;
	margin-bottom: -1em;}

#respond {margin-top: 12px;}

.commentlist li {
	display: block;
	margin-bottom: 15px;
	padding: 8px 0 4px 0;
	border-bottom: 1px dotted #999;}

.commentlist li cite {font-style: normal;}

.avatar {
	float: left;
	border: 3px solid #000;
	margin: 0 1em 1em 0;}

.commentmetadata {
	display: block;
	font-size: 10px;}

.commentmetadata a { color: #999;}

.commentlist li p { font-size: 10px;}

.ttlcmtb {margin: 20px 0 0 0;}

.tarckbacktlist {margin-top: 15px;}

.tarckbacktlist ul li {
	display: block;
	font-size: 10px;
	margin-bottom: 15px;
	padding: 4px 0 4px 0;
	border-bottom: 1px dotted #999;}

.tarckbacktlist ul li a {
	font-weight: bold;
	font-size: 12px;
	line-height: 1.7em;}


.numcom {
	font-size: 10px;
	text-align: right;
	margin: 2px 6px 15px 0;}

#commentform input {
	width: 250px;
	margin: 4px 0;
	vertical-align: middle;}

#commentform textarea {
	width: 520px;
	margin: 4px 0;}

.trb {
	margin-top: 12px;
	padding: 2px;
	border-bottom: 1px dotted #333;}

/* Blog Side
-----------------------------------*/

#blogside {
	float: right;
	width: 215px;
	height: 100%;
	color: #000;}

#blogside dl {margin: -20px 0 45px 0;}

#blogside dl dt {
	margin: 8px 10px 8px 0;
	padding: 2px 0 6px 8px;
	background-color: #ccc;}

#blogside dl dd {padding: 5px 8px 10px 8px;}

#blogside dl dd ul li { margin-bottom: 0.7em;}

.normal li a {
	color: #000;
	padding-left: 16px;
	background: url(../img/listm01.gif) left 4px no-repeat;}

.normal li a:hover {
	color: #999;
	background: url(../img/listm02.gif) left 4px no-repeat;}

.calendar {
	width: 100%;
	font-size: 10px;}

.calendar caption {
	color: #000;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 6px;}

.calendar caption a {
	color: #666;
	text-decoration: underline;}

.calendar caption a:hover {
	color: #666;}

.calendar th,.calendar td {
	width: 22px;
	height: 22px;
	text-align:center;
	vertical-align:middle;}

.calendar th {
	font-weight: bold;
	color: #666;}

.calendar td a {
	display:block; 
	line-height:22px;
	text-align: center;
	color: #fff; 
	background: url(../img/bg_ca01.gif) center center no-repeat;}

.calendar td a:hover {
	color: #fff; 
	background: url(../img/bg_ca02.gif) center center no-repeat;}

.recentlist li span { margin-left: 5px;}

#btnsearch {
	vertical-align: top;
	padding-top: 3px;}

input.inputField {
	width: 160px;
	padding: 1px;
	font-family: Meiryo, "メイリオ", Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	border: 1px solid #ccc;}

.comlist li {
	color: #000;
	padding-left: 16px;
	background: url(../img/listm01.gif) left 4px no-repeat;}

.comlist li a {
	color: #000;}

.comlist li a:hover {
	color: #ccc;}

.comlist li ul {margin: 8px 0;}

.comlist li ul li {
	padding-left: 10px;
	background: url(../img/listmcom.gif) left 4px no-repeat;}

#ssearch {margin-bottom: 20px;}

#pola {text-align: center;}

#pola span a {
	display: block;
	font-size: 10px;
	color: #000;}

#pola span a:hover {
	color: #ccc;
	text-decoration: underline;}


.twitter-message {
	display: block;
	font-size: 10px;
	color: #999;
	line-height: 1.5em;
	margin: -8px 3px 5px -8px;
	padding: 12px 2px 6px 5px;
	border-bottom: 1px dotted #000;}

.twitter-message a,.followme a { color: #000;}
.twitter-message a:hover,.followme a:hover { color: #ccc;}

.tweet {
	text-align: left;
	padding-bottom: 8px;}

.followme {
	display: block;
	text-align: right;
	font-size: 10px;
	padding-bottom: 10px;
	margin: 5px 7px 0 0;}