/* ===================================================================
CSS information
このスタイルは、「blog-main」のページのスタイルです。
BODYのID名前は、「body#blog-main」にしました。
=================================================================== */
body#blog-main #main{
	margin:10px auto 60px 10px;
	width:595px;
}

/*構造*/
body#blog-main #main #centerside{
	width:440px;
	float:right;
	margin-top: 20px;
	margin-bottom: 20px;
}
body#blog-main #main #leftside{
	width:145px;
	float:left;
	margin-top: 20px;
	margin-bottom: 20px;
}

/*ブログタイトル*/
body#blog-main #main #blog_title{
	margin-top:25px;
	margin-bottom:10px;
	float:right;
}
body#blog-main #main #blog_title p{
	font-size:12px;
	color:#F3ABA7;
	margin-top:5px;
	margin-left:5px;
	line-height:17px;
}
/*ページタイトル*/
h3#pagetitle{
	text-align:center;
	margin-bottom:25px;
}
h3#pagetitle span{
	border-bottom: solid 2px #FF9999;
}	

/*記事*/
div.post	{
	border: solid 1px #CC0099;
	padding: 25px;
}
div.post h2	{
	border-bottom: solid 1px #FF9999;
	margin-top:10px;
	margin-bottom:20px;
	padding-left:10px;
}
div.post h2 a{
	text-decoration: none;
	color:#666666;
}
div.post p{
	font-size: 12px;
	line-height:170%;
	margin-top: 10px;
}

div.post p.postinfo{
	font-size:12px;
	margin-top:20px;
	text-align:right;
	clear: both;
}
div.post p.postinfo	a{
	color:#CC0066;
}

/*ページ送り*/
div.pageokuri {
	color:#CC0066;
	margin-left:10px;
	margin-right:10px;
	font-size:12px;
}
/*次ページ　前ページ*/
div.pageokuri span#pageprev {
	float:left;
	width:200px;
}
div.pageokuri span#pagenext {
	float:right;
	width:200px;
	text-align:right;
}
div.pageokuri a {
	color:#CC0066;
}

/* サイドバー */
body#blog-main #main #leftside {
	line-height:120%;
	font-size:12px;
}
body#blog-main #main #leftside h2{
	background-color:#F3ABA7;
	color: white;
	text-align:center;
	line-height:160%;
}
body#blog-main #main #leftside li{
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 5px;
	vertical-align: top;
	border-bottom:dotted 1px #FF9999;
}
body#blog-main #main #leftside li a{
    /* color:#666666; */
    color:#CC0066;
  /*  text-decoration: underline; */
}
body#blog-main #main #leftside ul{
    margin: 10px 0px 20px;
}
/* カレンダー */
#wp-calendar{
	width:100%;
	margin-bottom:20px;
	line-height:140%;
}
#wp-calendar a{
	color:#CC0066;
	border-bottom:solid 1px #CC0066;
}
#wp-calendar td, #wp-calendar th{
	text-align: center;
}
#wp-calendar caption{
	background-color:#F3ABA7;
	color: white;
	text-align:center;
	padding-top:1px;
	padding-bottom:1px;
	font-weight:bold;
}
#wp-calendar #prev{
	text-align: left;
	padding-top: 3px;
	padding-left: 3px;
}
#wp-calendar #next{
	text-align: right;
	padding-top: 3px;
	padding-right: 3px;
}
/* RSSフィード */
p.feed{
	border: solid 1px #FF9900;
	padding: 5px;
	margin: 25px 0;
}
p.feed a{
	color:#FF9900;
	text-decoration:none;
}
p.feed img{
	vertical-align:middle;
	margin-right:8px;
}


/* コメント */
#comments{
	clear:both;
}
div#com	{
    border:solid 1px #CC0099;
	padding:0 18px;
	margin-top:20px;
}
textarea{
	width: 380px;
}
div#com h3{
	border-bottom: solid 1px #FF9999;
	margin-top: 30px;
	margin-bottom: 20px;
	padding-left:10px;
}
div#com p{
    font-size: 12px;
}
div.compost	{
	border-bottom: dotted 1px #FF9999;
	margin-bottom:10px;
	margin-top:15px;
}
p.cominfo{
	text-align: right;
}
div#com a	{
	color:#9999FF;
}
p#comfeed img	{
	vertical-align: middle;
}
p#comfeed a	{
	color:#330099;
	font-weight:bold;
}
p#comfeed{
	margin-left:5px;
	margin-top: 30px;
	margin-bottom:10px;
}

p#trurl	{
	margin-left:5px;
	margin-bottom: 30px
}

div#inputfield{
    font-size: 12px;
	margin-bottom:10px;
}
div#inputfield td{
	padding: 2px 5px;
}
div#submit{
	text-align:right;
	margin-right:20px;
	margin-top:10px;
}