@charset "shift_jis";
/*  
Theme Name: Heart of Crown
Theme URI: http://hatokura.flipflops.jp/
Description: Heart of Crown THEME 
Version: 1.0
Author: Akiyama Ginkgo
Author URI: http://www.flipflops.jp/


*/


/* 基本タグ */

* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

body {
	background-color: #ffffff;
	color: #222222;
	font-family: "メイリオ" , "MS UI Gothic" , Arial, "ＭＳ Ｐゴシック", sans-serif ;
	font-size: 14px;
}

a {
	color: #800000;
	text-decoration: none;	
}

a:visited {
	color: #333333;
}

a:hover {
	text-decoration:underline;
	color: #006699;
}

p a {
	text-decoration:underline;
}

ul {
	margin: 0 0 0 1em;
	padding: 0;
}

li {
	list-style-type: none;
	list-style-image : none;
}

small {
	font-size: 70%;
}


input {
	font-family:  "MS UI Gothic" , Arial, "ＭＳ Ｐゴシック", sans-serif ;
	font-size: 12px;
}

textarea {
	font-family:  "メイリオ" , "MS UI Gothic" , Arial, "ＭＳ Ｐゴシック", sans-serif ;
	font-size: 14px;
	width: 350px;
}

/* entry編集属性 */

.alignright {
	float: right;
}


/* ID要素 */

#page {
	background-color: #ffffff;
	padding: 0px;
	height: auto;
	width: 900px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	}

#header {
	float: left;
	height: 268px;
	width: 900px;
	background: url('images/beruga_01.jpg') top left no-repeat;
}

#body {
	float: left;
	width: 900px;
	background: url('images/beruga_03.jpg') top left no-repeat;
}

#content {
	float: left;
	width: 592px;
	padding: 20px 20px 0px 40px;
}

#sidebar {
	margin: 0px 0px 0px 0px;
	width: 240px;
	float: left;
	font-size: 11px;

}

#footer {
	clear: both;
	margin: 0px 0px 0px 60px;
	padding: 30px 0px 0px 0px;
	font-size: 11px;
}

/* ブロッククラス要素 */


#content p {
	margin: 5px 0px 5px 5px;
}

#content h1 {
	height: 42px;
	font-size: 20px;
	margin: 0px 0px 0px 10px;
	padding: 7px 0px 0px 45px;
	background: url('images/hana.png') top left no-repeat;
}

#content h2 {
	height: 41px;
	font-size: 16px;
	margin: 0px 0px 0px 5px;
	padding: 10px 0px 0px 45px;
	background: url('images/crown_mark.png') top left no-repeat;
}




#content .hr {
	margin: 20px 0px 20px 0px;
	height: 12px;
	width: 550px;
	background: url('images/hr.gif') top left no-repeat;
}


/* post要素 */
.post {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
}

.post .postmetadata {
	padding: 0px 0px 0px 20px;
	color: #666666;
	font-size: 12px;
}

.post .date {
	font-size: 10px;
	color: #888888;
}

.post .commentlink{
	padding: 0px 0px 0px 5px;
}

.postlist {
	margin: 5px 20px 0px 20px;
	padding: 0px 0px 0px 0px;

}

/* entryのスタイル */

.entry {
	margin: 10px 10px 10px 10px;
	padding: 0px 10px 10px 10px;
	line-height: 150%;
	border-bottom: 1px dashed;
	clear: both;
}

.entry img {
	margin: 5px 5px 5px 5px;
}

.entry small {
	font-size: 70%;
}

.entry blockquote {
	margin: 10px 30px 10px 20px;
	padding: 10px;
	color: #444444;
	background-color: #FAEBD7;
}

.entry .hanten{
	color: #ffffff;
	background-color: #ffffff;
}

#faq関係

.qa-faq h3{
    margin: 0 0 1.5em;
    padding: 0.8em;
    border-left: 7px solid #B92A2C;
    border-bottom: 1px dashed #B92A2C;
    font-size: 1.143em;
    font-weight: bold;
}

.qa-faq-answer{
	margin: 10px 20px 10px 30px;
	padding: 10px;
	background-color: #ccccff;
}}

.entry .faq-q{
	color: #8B0000;
	margin: 10px 10px 10px 10px;
}
.entry .faq-a{
	margin: 10px 20px 10px 30px;
	padding: 10px;
	background-color: #ccccff;
}



.entry .marktext{
	color: #8B0000;
}

.entry ol,ul{
	margin: 0px 0px 15px 0px;
}

.entry ul li {
	font-size: 14px;
	margin: 0px 0px 0px 15px;
	padding: 3px 0px 3px 15px;
	background: url('images/arrow.gif') center left no-repeat;
}

.entry ol li {
	font-size: 14px;
	margin: 0px 0px 0px 30px;
	padding: 3px 0px 3px 0px;
	list-style-type: decimal;
}


.icon {
	width: 100%;
	font-size: 13px;
	margin:auto;
	padding: 0px;
	text-align:left;
	line-height: 140%;
}

.icon a{
	color: #aa0000;
	text-decoration:underline;

}

.icon .beru {
	background-color: #bae2e8;
	padding: 5px 5px 5px 10px;
}

.icon .rao {
	background-color: #ffefd5;
	padding: 5px 5px 5px 10px;
}

.icon .cram {
	background-color: #FFD700;
	padding: 5px 5px 5px 10px;
}

.icon .fra {
	background-color: #FF6347;
	padding: 5px 5px 5px 10px;
}


/* sidebarのスタイル */

#sidebar h2 {
	height: 20px;
	font-size: 15px;
	margin: 20px 0px 0px 5px;
	padding: 1px 0px 0px 25px;
	background: url('images/crown_s.png') top left no-repeat;

}


#sidebar p {
	margin: 0px;
	padding: 5px 0px 0px 5px;
}

#sidebar .twitter {
	margin-top: 4px;
	height: 620px;
	width: 200px;

}


#sidebar .twitter_link {
	color: #0000ff;	
	font-size: 10px;
	position: relative;
	top: 10px;
	left: 130px;
}


/* メタデータ関連 */

.postmetadata a:visited {
	color: #191970;
}

.postmetadata a:hover {
	text-decoration:underline;
	color: #006699;
}

.postmetadata .commentlink{
	margin: 0px 0px 0px 3px;
}

.postmetadata .tags{
	margin: 0px 0px 0px 10px;
}

.postmetadata .editlink{
	margin: 0px 0px 0px 30px;
}

.utwrelposts{
	margin: 10px 0px 0px 20px;
	font-size: 12px;
}

.utwrelposts li {
	margin: 2px 0px 0px 5px;
	padding: 0px 0px 3px 15px;
	background: url('images/arrow.gif') top left no-repeat;
}


/* ナビゲーションのスタイル */

.navigation {
	margin: 0px 0px 10px 0px;
}

.navigation .alignleft {
	margin: 0px 10px 0px 0px;
}

.navigation .alignright {
	margin: 0px 0px 0px 10px;
}

/* 検索フォームのスタイル */

.search_form {
	
}

/* コメントエリアのスタイル */


.commentlist {
	font-size: 14px;
	line-height: 130%;
}

.commentlist .comment-author {
	font-size: 15px;
}

.commentlist .comment-author img {
	margin: 0px;
	padding: 0px;
}


.commentlist li {
	margin: 0px 0px 20px 10px;
	padding: 0px 0px 0px 20px;
	list-style-type: none;
}

.commentlist .reply {
	font-size: 12px;
	position: relative;
	left: 10px;
}

.commentlist .comment-text {
	padding: 5px 5px 5px 5px;
	background-color: #ffefd5;
}

.commentlist .admin-comment-text {
	padding: 5px 5px 5px 5px;
	background-color: #bae2e8;
}



.comment_area form {
	margin: 0px 0px 10px 25px;
}

.comment_area form #url{
	width : 300px;
}

.comment_area form #comment{
	width : 500px;
}

.commentmetadata {
	font-size: 9px;
}

.commentmetadata a:visited {
	color: #800000;
}

.commentmetadata a:hover {
	text-decoration:underline;
	color: #006699;
}

/* ギャラリー関係のスタイル */

.postgallery {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

.gallerycell {
	margin: 0px 10px 10px 5px;
	padding: 5px;
	height: 280px;
	float: left;
}

.gallerycell .text {
	font-size: 9px;
}

.gallerycell .text h4 {
	font-size: 11px;
	margin: 0px;
	padding: 3px 0px 0px 15px;
	background: url('images/arrow.gif') center left no-repeat;
}