/*
	color:purple;
*/
/********** common **********/
body{
	background:#f7f7f7;
	color:#333;
}
a{ color:#C29FBF; }/**/
a:hover{ color:#666; }

/********** header **********/
.pi1kjrgu-hmenu{ background:#555; }
.maintitle {
	background:#C29FBF;/**/
	color:#fff;
}
.maintitle a{ color:#fff; }
.maintitle a:hover{color:#fff;}
.pi1kjrgu-hmenu h1{color:#ccc; }
/* top imgage */
.pi1kjrgu-top0img{ background:#ccc; }

/********** side **********/
.pi1kjrgu-sidewidgets .sidemenu{
	color:#fff;
	background:#C29FBF;/**/
}
.pi1kjrgu-sidewidgets .sidemenu a{ color:#fff; }
.pi1kjrgu-sidewidgets .sidemenu a:hover{ background:#D3BAD1; }/***/

/********** footer **********/
footer{ color:#ffffff; background: #666;}
footer a,footer a:hover{ color:#ffffff; }
footer a:hover{ color:#ccc;}
.pi1kjrgu-navi{background: #D3BAD1;}/***/

/********** index **********/
h2.pi1kjrgu-catnameh2{ color:#333333; }
.pi1kjrgu-postlist{
	background:#fff;
	border: #ccc dotted 1px;
}
.post-catdate{ color:#333; }
.pi1kjrgu-postlist h2{ border-left: #C29FBF solid 3px; }/**/
.pi1kjrgu-postlist h2 a{ color:#555; }
.pi1kjrgu-postlist h2 a:hover{ color:#C29FBF; }/**/

/********** post **********/
.pi1kjrgu-postarticle{
	background:#fff;
	border: #ccc dotted 1px;
}
h2.pi1kjrgu-posttitle {
	color:#555;
	border-left: #C29FBF solid 3px;/**/
}
.pi1kjrgu-postdetail h3{ color:#C29FBF;}/**/
.pi1kjrgu-postdetail h4{ color:#444; }

/************************ smart phone ************************/
@media (max-width: 768px) {

	/********** footer **********/
	footer{ margin-top:0px; }
	footer .pi1kjrgu-footnavi{
		padding-top:0px;
		padding-bottom:0px;
	}
	footer .pi1kjrgu-footnavi li{ border-bottom:#999 1px solid; }
	footer .pi1kjrgu-footnavi a{ text-decoration:none; }
	footer .pi1kjrgu-footnavi a:hover {
		background:#555;
		text-decoration:none; 
	}
	footer .pi1kjrgu-footnavi h3{ color:#fff;}

	/********** list **********/
	.pi1kjrgu-postlist { border-bottom:1px #999 dotted; }
	h2.pi1kjrgu-catnameh2{ color:#333333; }
	.postlist-catdate a{ color:#333; }
	.pi1kjrgu-postlist h2 a:hover{ color:#999; }

}
/******** END smart phone  ********/