@charset "utf-8";
/* ---------------
blog.css
テンプレートにあるブログのテーマ
--------------- */
/* エントリータイトル */
.entryTitle{
	margin-bottom: 5px;
	font-weight: normal;
}

	.entryTitle,
	.entryTitle a{
		font-size: 20px;
	}

/* 日付 */
.dateClass{
	margin-bottom: 20px;
	font-size: 12px;
}

/* 続きを読む */
.continueLink a{
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* カテゴリー */
.entryCategory{
	margin-bottom: 15px;
	font-weight: bold;
}

/* ------ エントリーの装飾 ------- */
/* リンク */
.entry a:link,
.entry a:visited,
.entry a:active{
	text-decoration: underline;
}

.entry a:hover{
	text-decoration: none;
}

/* 見出し3 */
.entry h3 {
	margin: 0 0 7px 0;
	padding: 7px 0;
	font-size: 18px;
}

/* 見出し4 */
.entry h4 {
	margin: 0 0 7px 0;
	padding: 7px 0;
	font-size: 16px;
}

/* 見出し5 */
.entry h5 {
	margin: 0 0 7px 0;
	padding: 7px 0;
}

/* 段落 */
.entry p {
	padding: 7px 0;
}

/* 引用 */
.entry blockquote p {
	font-size: 1em;
}

/* リスト */
.entry ul {
	list-style-type: disc;
	list-style-position: inside;
	margin: 0 0 20px 15px;
}
.entry ul li {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 0;
	line-height: 1.2;
}

/* 番付きリスト */
.entry ol {
	list-style-position: inside;
	margin: 0 0 20px 15px;
	padding: 0;
}
.entry ol li {
	margin: 0 0 0.5em 0;
	_margin: 0 0 0.5em 1em;
	padding: 0 0 0 0;
	line-height:1.2;
}

/* 定義リスト */
.entry dl {
	width: 98%;
	line-height:1.2;
}

/* ソース */
.entry pre {
	overflow: auto;
	_overflow: scroll;
	clear: both;
	max-height: 10em;
	_height: 6em;
	width:  90%;
	margin: 5px 0 30px 10px;
	padding: 10px;
	background: #E7E7E7;
}

/* 引用 */
.entry blockquote {
	clear: both;
	margin-bottom: 30px;
	padding: 17px 20px;
}

/* テーブル */
.entry table {
	margin: 0 0 35px 0;
	padding: 0;
	border-collapse: collapse;
}
.entry table caption {
	background: #E7E7E7;
}
.entry tr {
	margin: 0;
	padding: 0;
}
.entry th {
	padding: 0.5em 0.8em;
	border: 1px solid #CCCCCC;
	background: #ECECEC;
	font-weight: normal;
	text-align: left;
}
.entry td {
	padding: 0.5em 0.8em;
	border: 1px solid #CCCCCC;
}

/* --------- コメントフォーム --------- */
/* タイトル */
.relationHeader{
	margin-bottom: 5px;
	font-size: 20px;
}

/* サブタイトル */
.comStep{
	margin-bottom: 20px;
	font-size: 15px;
}

/* コメントフォーム */
#commentarea{
	float: right;
	width: 620px;
}

.dataDl dt{
	margin-bottom: 5px;
}

.dataDl dd{
	margin-bottom: 10px;
}

/* フォーム */
.dataDl dd input,
.dataDl dd textarea{
	padding: 3px 5px;
	border: solid 5px #EEEEEE;
}

/* フォーム幅（小） */
.dataDl dd input.formS{
	width: 250px;
}

/* フォーム幅（中） */
.dataDl dd input.formM{
	width: 400px;
}

/* フォーム幅（大） */
.dataDl dd input.form,
.dataDl dd textarea.form{
	width: 610px;
}

.dataDl dd input:focus,
.dataDl dd textarea:focus{
	background-color: #FFFFEE;
}

/* エラー文 */
p.transaction-notice-error,
label.validator-result-error,
label.validator-result-0, 
label.v-result-error, 
label.v-result-0 {
	margin-top: 10px;
}

/* ボタン */
.comForm .comPost{
	background-color: #FFF;
}

/* コメントフォームボタン（大） */
.comPostBtn{
	height: 36px;
	padding: 0 10px;
	border: solid 2px #111;
	background-color: #111;
	font-size: 20px;
	color: #FFF;
}

/* コメントフォームボタン（小） */
.comEditBtn{
	height: 24px;
	padding: 0 5px;
	border: solid 2px #111;
	background-color: #111;
	color: #FFF;
}

.comPostBtn:hover,
.comEditBtn:hover{
	background-color: #FFF;
	color: #111;
	cursor: pointer;
	text-decoration: none;
}


/* コメントボックス */
/* 表示数 */
.comPosition{
	margin-bottom: 10px;
}

/* 全体の囲い */
.relationWrapper{
	margin-bottom: 40px;
}

.relationWrapper a{
	color: #a9a9a9;
	text-decoration: underline;
}

.relationWrapper a:hover{
	text-decoration: none;
}

.relationWrapper h3 a{
	text-decoration: none;
}

/* 個別ユニット */
.relation .open,
.relation .closed{
	margin-bottom: 30px;
	padding: 15px;
	background-color: #EEEEEE;
}

/* タイトル */
.relation .open h3,
.relation .closed h3{
	margin-bottom: 5px;
	font-size: 16px;
}

.relationFooter{
	margin-bottom: 10px;
}



/* 日付 */
.relationFooter .date{
	display: inline-block;
	margin-left: 20px;
	color: #666666;
}