@charset "utf-8";

/*

Theme Name: Ryu-Raku 200812

Theme URI: http://www.ryu-raku.co.jp/

Description: <a href="http://www.ryu-raku.co.jp/">流楽</a> のテーマ

Version: 1.0

Author: Ryu-Raku Inc.

Author URI: http://www.ryu-raku.co.jp/

Tags: ryuraku



*/







/* サイドメニュー ======================== */



#searchform{

margin:0 0 0 40px;

padding:0;

}

#searchform label{

font-size:80%;

font-weight:bold;

}

#searchform input{

font-size:80%;

}

#searchform input#s{

	width:65%;

}



#right dl{

margin:0;

padding:0;

}

#right dt{

margin:25px 0 0 40px;

padding:0 0 0 10px;

border-bottom:1px dotted #555555;

font-size:90%;

font-weight:bold;

}

#right dd{

margin:0 0 0 60px;

padding:0;

font-size:80%;

}

#right dd ul{

margin:0;

padding:5px 0;

}

#right dd ul li{

margin:3px 0;

}

#right dd.clouds{margin-top:10px;}

/* ブログ記事 ======================== */



#left h3 a{color:#003366;text-decoration:none;}

#left h3 a:hover{color:#999999;text-decoration:none;}



#left #cover p.postmetaday{

	clear:both;

	margin-top:-15px;

	padding-left:5px;

	font-size:70%;

	color:#79AE3B;

}

#left #cover p.postmetadata{

	clear:both;

	padding:3px 10px;

	border-top:1px solid #EEEEEE;

	border-bottom:1px solid #EEEEEE;

	background:#F6F6F6;

}



/* Begin Images */

.entry p img {

	padding: 0;

	max-width: 95%;

	border:5px solid #EEEEEE;

	}

.entry p a img{ border:5px solid #0099CC; }

.entry p a:hover img{border:5px solid #CCCCCC;}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

/* End Images */



/* コメント ======================== */

.nocomments{

	margin:40px 0;

	padding:20px;

	border:1px dotted #CCCCCC;

}

#left ol.commentlist{

	margin:0;

	padding:0;

}

#left ol.commentlist li{

	margin:10px 0;

	padding:10px 15px;

	border:1px dotted #CCCCCC;

	background:none;

}

#left ol.commentlist li cite{

	font-style:normal;

	font-weight:bold;

}

#left ol.commentlist li em{

	color:#79AE3B;

}

#left ol.commentlist li small{

}

#left ol.commentlist li p{

	margin:7px 0 0 0;

	line-height:1.3

}



/* コメントフォーム ======================== */

form#commentform{

	width:100%;

	margin:0;

	padding:0 0 0 15px;

	overflow:hidden;

}

form#commentform #author,

form#commentform #email,

form#commentform #url{

	width:300px;

	background:#F6F6F6;

}

form#commentform #comment{

	width:95%;

	background:#F6F6F6;

}



/* pagebar ==================================== */

.pagebar{

	margin:30px 0;

	font-size:80%;

	text-align:center;

}

.pagebar span{

	margin:0;

	padding:2px 5px;

	border:1px solid #CCCCCC;

}

.pagebar a{

	margin:0;

	padding:2px 5px;

	border:1px solid #CCCCCC;

	background:#0099CC;

	color:#FFFFFF;

	text-decoration:none;

}

.pagebar a:hover{

	background:#CCCCCC;

	color:#333333;

	text-decoration:none;

}



/* topicpath ============================== */

#topicpath{

	text-align:left;
	padding-bottom:20px;

}



/* 検索ページ ======================== */



#searchform2{

margin:0;

padding:0;

}

#searchform2 label{

font-size:80%;

font-weight:bold;

}

#searchform2 input{

font-size:80%;

}

#searchform2 input#s2{

	width:65%;

}

/*

ブログブックマーク

*/

.sexy-bookmarks{
	width:550px;
}
div#cover ul.socials li{
	background-image: none;
	padding:0;
	margin:0;
}

/*

ブログフィード

*/

.blogfeed{text-align:center;}


/*下部バナー*/
div.blog-servicebn{margin:0;padding:0;}
div.blog-servicebn img{float:left;margin:7px;padding:0;}