/* フォーム */
input.button { border:solid 1px maroon; background-color: #ccffcc;}
textarea { border:solid 1px #FF6633;}
input.text { border:solid 1px #FF6633;}
form { padding: 0px; margin: 0px; }


/* メイン画面の記事 */
div.article { border-top: 2px dotted salmon; padding: 8px 3px; margin: 0px 0px; font-size: 100%; }

.article table.main { border-collapse: collapse; font-size: 100%; }
.article td.article { padding: 0px 4px 0px 0px; width: 70%; }
.article td.hiroba { padding: 0px 0px 0px 4px; font-size: 80%;}
.article div.title { font-size: 120%; color: #552277; margin-bottom: 5px; }
.article div.contents { color: #333333; line-height: 1.3; margin-left: 8px;}
.article div.date { color: #3366ff; font-size: 90%; text-align:right; }
.article div.url { font-size: 80%; margin: 0px 0px 5px 15px;}
.article div.write { font-size: 80%; }
.article .write .textbox { font-size: 100%; }
.article .hiroba div.title { color: black; margin: 0px; font-size: 100%; }
.article .hiroba a.small { text-decoration: none; }
.article .hiroba span.name { color: #3366FF; font-size: 100%; }
.article .hiroba div.contents { font-size: 100%; }
.article .hiroba div { margin: 0px; padding: 1px 3px;}
.article .hiroba div.hiroba0 { border: 1px solid gray; border-bottom: 1px gray dotted;}
.article .hiroba div.hiroba1 { border: 1px solid gray; border-bottom: 1px gray dotted; border-top: none;}
.article .hiroba div.hiroba2 { border: 1px solid gray; border-bottom: 1px gray dotted; border-top: none;}
.article .hiroba div.hiroba3 { border: 1px solid gray; border-top: none;}



/* 共通 */
div.quote { margin: 7px; margin-left: 14px; border: 1px solid gold; padding: 4px; background-color: ivory; font-size: 90%; color: #333333; line-height: 1.4;}
span.category {font-size:60%; vertical-align:middle; padding: 1px; border: 1px solid #cccccc; color: white; background-color: #ff9999; font-weight:normal; }
a.category {font-size:60%; vertical-align:middle; padding: 1px; border: 1px solid #cccccc; color: white; background-color: #ff9999; font-weight:normal; text-decoration: none; }
a.blank {font-size:75%; padding: 1px; border: 1px solid #cccccc; color: white; background-color: skyblue; font-weight:normal; text-decoration: none; }
div.footer { border-top: 1px dashed gray; padding: 4px; }
span.no { font-weight: normal; }

/* ページ外枠 */
table.title { width:600px; border-collapse: collapse; border-style: solid; border-width: 0 0 3 25; border-color:#FF6633;}

/* 本編と共通 */
body { margin: 2 10 10 10; font-size: 90%; line-height:1.5; }
table.header { width:100%; border-collapse: collapse; border-style: dotted; border-width: 0 0 1 0; border-color:gray;}
div.here { font-size:x-small; margin: 0 0 0 20; text-align: right;}
table.title { width:600px; border-collapse: collapse; border-style: solid; border-width: 0 0 3 25; border-color:darkorange;}
td.title { padding: 12 0 10 12;}
div.title { font-weight: bold; font-size: 16pt; color: black; }