/* caromone.css */

/* 共通設定 スタート */

/* テスト用ボーダー */
/* * {border: solid 1px red;} */

/* 要素のリセット */
body {margin: 0; padding: 0;}
body * {margin: 0; padding: 0;}
body * {font-size: 100%;}
body * {font-style: normal;}
body * {line-height: 1.55;}

body table,th,td {border-color:lightblue;/* gray; lightblue; black; */}

@media print {
	body,p,dl,ul,ol,table,td,tr,blockquote,pre {
	    font-size:      10pt;
	    line-height:    1.3;
	    font-family:    細明朝体,"ＭＳ Ｐ明朝",serif;
	}
	h1,h2,h3,h4,em,strong,th {
	    font-weight:    normal;
	    font-family:    Osaka,"ＭＳ Ｐゴシック",sans-serif;
	}
	span.text {text-decoration: underline;	color: blue; font-size: 90%;}
}

/* 全体のマージン */
@media screen,tv {
	div.totaloutline {margin: 1em 60px;}
}

@media print {
	div.totaloutline {margin: 1em;}
}

div.totaloutline div {margin-top: 1em;}

/* 位置 */
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}

/* シグネチャ */
div.signature {margin-top: 24px;}
div.signature {text-align: center;}
div.signature ul,div.signature address {border-top: 1px solid;}
div.signature ul,div.signature address {padding: 0.5em 0;}
div.signature li {display: inline;}
div.signature li {margin-left: 0.1em;}

/* 見出し1 */
/* h1 {background-color: #bbbbbb;} */
h1 {font-size: 150%;}
h1 {text-align: center;}

/* 見出し2 */
/* h2 {background-color: #cccccc;} */
h2 {font-size: 125%;}

div.totaloutline p {margin-top: 1em;}

div.totaloutline blockquote
{
	margin: 1em 48px;
	padding: 1em 4px;
	border-color: gray;
	border-style: solid;
	border-width: thin;
	background-color: #dddddd;/*#fffafa;*/
}

div.totaloutline blockquote p {margin-top: 0;}

/* 背景色 */
@media screen,tv {
	body {background-color: #eeeeee;}
}

@media print {
	body {background-color: #ffffff;}
}

h1 {background-color: #bbbbbb;}
h2 {background-color: #cccccc;}
h3 {background-color: #dddddd;}
th {background-color: #dddddd;}
.bgg {background-color: #90ee90;/*00ff00 90ee90*/}
.bgy {background-color: #f0e68c;/*ffff00 ffd700 f0e68c f5deb3*/}
.bgo {background-color: #ffa07a;/*ff9966 ffa07a faa460 e9967a*/}
.bgp {background-color: #ffccff;}
.bgb {background-color: #87ceeb;/*00ffff 87ceeb*/}
.bggr {background-color: #cccccc;/*00ff00 90ee90*/}

/* 文字色 */
.cg {color: #00cc00;}
.cy {color: #ff9933;}/*#ffcc00*/
.co {color: #ff9900;}
.cp {color: #ff00ff;}
.cb {color: #0000ff;}/*blue;*/
.cr {color: #ff0000;}/*red;*/
.cpu {color: #cc00cc;}
.cgr {color: #999999;}
.cgb {color: #00cc00;font-weight:bold;}/*00cc00*/
.cyb {color: #faa460;font-weight:bold;}/*ff9933 ffcc00*/
.cbb {color: #0000ff;font-weight:bold;}/*blue;*/
.crb {color: #ff0000;font-weight:bold;}/*red;*/

/* 共通設定 エンド */

/* 日記設定 スタート */

/* 日記全体の見出し(h1) */
div.diary.hedding {background: #bbb;}
div.diary.hedding {text-align: center;}
div.diary.hedding h1,p.subtitle {display: inline;}
/* div.diary.hedding h1, */div.diary.hedding p.subtitle {letter-spacing: 0.5em;}
div.diary.hedding p {margin-left: 12px;}

div.totaloutline div.tagline {margin-top: -1em;text-align: right;}

/* 1日の日記ブロック */
div.diary.oneday {margin-top: 24px;}

/* 1日の日記の見出し(h2) */
div.diary.title {background: #ccc;}
div.diary.title h2,div.diary.title p.date {display: inline;}
div.diary.title h2,div.diary.title p.date {letter-spacing: 0.25em;}
div.diary.title h2,div.diary.title p.date {margin-left: 12px;}

/* 1日の日記の中身 */
/* div.diary.contents {padding-left:1em; padding-right: 1em;} */
div.diary.contents p {margin:0 1em;/* margin-top: 1em; margin-bottom: 1em; */}
div.diary.contents p {text-indent: 1em;}
div.diary.contents ul,div.diary.contents ol {margin:1em 48px;}
div.diary.contents hr {margin:1em;width:90%;}
/* div.diary.contents blockquote p {margin: 6px;} */

/* 日記設定 エンド */

/* BB設定 スタート */

/* 馬のデータ部分 */
div.horsedata {margin-top: 1em;}
div.horsedata {text-align: center;}
div.horsedata * {display: inline;}
div.horsedata dt {font-weight: bold;}
div.horsedata li {margin-left: 0.5em;}
/* div.horsedata {margin:auto;} */
/* .horsedata dt {float: left; clear: left;} */

/* 記事部分 */
div.bb.notes h2 {margin: 0;}
div.bb.notes p,div.bb.notes pre {margin: 1em 0;}
div.bb.notes p.fp {margin-top: 0;}

/* div.bb.notes p {layout-grid-type: strict;} */

div.bb.notes blockquote p {margin:0 1em;/* margin-top: 1em; margin-bottom: 1em; */}
div.bb.notes blockquote p {text-indent: 1em;}
div.bb.notes li {margin-left:48px;}

/* div.bb.notes pre {font-size: 90%;} */

/* 各ブロック要素(div) */
/* div.tindex,div.bb.fourtable,div.bb.fourbythree,div.bb.bab,div.bb.notes {margin-top: 1em;} */

div.bb.fourtable table td {text-align: left;}
div.tindex,div.tindex table td,
div.bb.tableoutline,div.bb.yosou,div.bb.fourbythree td,div.bb.bab td,div.bb.umatable td {text-align: center;}

div.bb.fourtable table em {font-style: italic;}
div.bb.fourbythree table strong,div.bb.fourbythree table em,div.bb.bab table strong,div.bb.bab table em {color: #0000ff;}

div.bb.fourtable p/* .fp */ {margin-top: 0;color: gray;}

/* テーブル要素 */
table {margin: auto;}/* 仕様準拠ブラウザはこの設定で位置がセンタリングされる */
/* table {margin-top: 1em;} */
table * {line-height: 1.2;}
caption {margin: auto;}/* 仕様準拠ブラウザはこの設定で位置がセンタリングされる */

@media screen,tv {
div.bb.tableoutline table,div.tindex table {width: 100%;}
}

@media screen,tv {
div.bb.fourtable table,div.bb.fourbythree table,div.bb.bab table,div.bb.umatable table {width: 100%;/* 88% */}
}

/* @media print {
div.bb.tableoutline table,div.tindex table {width: 100%;}
} */

div.bb.tableoutline table th,div.bb.tableoutline table td {padding:0.1em;}
div.bb.yosou table th,div.bb.yosou table td {padding:0.2em;}

div.bb.fourtable table,div.bb.fourbythree table,div.bb.bab table {table-layout: fixed;}/* テーブル内の列幅一定化 */

/* table * {font-size: 13px;} */

/* BB設定 エンド */