/* ■統一 */
body
	{background:#ffffff url(back.gif) repeat-y}
a:link, a:visited
	{color:#000000; background:transparent}
a:hover, a:active
	{color:#ffffff; background:#333333}
hr
	{color:#666666; height:1px}

input, textarea
	{border-width:1px; border-style:solid; padding:1px; margin:0}

textarea
	{overflow-y:auto}

body.info, textarea, .iframe .navi
	{scrollbar-3dlight-color:threedhighlight; scrollbar-highlight-color:scrollbar; scrollbar-shadow-color:scrollbar; scrollbar-darkshadow-color:threeddarkshadow}

body.image, body.iframe
	{background:#ffffff}
body.image .imageL
	{text-align:center}
.iframe .navi
	{height:80px; overflow-y:auto}
iframe
	{overflow:auto}

.bar333
	{background:url(bar333.gif) repeat-y right; height:100%}
.bar633
	{background:url(bar633.gif) repeat-y right; height:100%}
.bar663
	{background:url(bar663.gif) repeat-y right; height:100%}
.bar363
	{background:url(bar363.gif) repeat-y right; height:100%}
.bar366
	{background:url(bar366.gif) repeat-y right; height:100%}
.bar336
	{background:url(bar336.gif) repeat-y right; height:100%}
.bar636
	{background:url(bar636.gif) repeat-y right; height:100%}

*
	{padding:0; margin:0}
small
	{font-size:80% ! important}


/* ■上エリア */

#title-area, #minimenu-area
	{padding:8px 24px 0 0; vertical-align:bottom}

#title-area h1
	{font-size:400%; font-weight:bold; border-width:0; padding:0; margin:0; float:left}
#title-area div
	{width:1em; padding:0; margin:0; float:left}
h1 #kou, h1 #suke
	{color:#000000; background:#ffffff; border:8px solid #000000}
h1 #no1, h1 #no2
	{color:#ffffff; background:#000000; border:8px solid #ffffff}
h1 #atmark
	{color:#ff0000; background:#ffffff; border:8px solid #000000}

#minimenu
	{text-align:right}
#minimenu h2
	{color:#ffffff; font-size:80%; font-weight:normal; padding:1px 8px 1px 8px; margin:4px 0 0 0; text-align:right; float:right}
#minimenu h2#count
	{background:#cccccc; border:1px solid #999999; width: 6.0em}
#minimenu h2#shin
	{background:#999999; border:1px solid #666666; width:12.0em}
#minimenu h2#annai
	{background:#666666; border:1px solid #333333; width:18.0em}
#minimenu a:link, #minimenu a:visited
	{color:#ffffff; padding:1px 1px 1px 1px}

.head-area
	{background:#ffffff; border-bottom:2px solid #000000; padding:2px 0 2px 0}
#mini-title
	{font-weight:bold; padding:0 2px 0 2px}
#mini-title a:link, #mini-title a:visited
	{text-decoration:none; cursor:pointer}
span#kou, span#suke
	{color:#000000; background:#ffffff; border:2px solid #000000; width:1.0em}
span#no1, span#no2
	{color:#ffffff; background:#000000; border:2px solid #ffffff; width:1.0em}
span#atmark
	{color:#ff0000; background:#ffffff; border:2px solid #000000; width:1.0em}

#header
	{background:#000000; padding:2px 8px 2px 8px}
#header h1
	{font-size:100%; color:#ffffff; font-weight:bold; border-style:none; padding:0; margin:0}
#header .date
	{color:#ffffff; font-weight:normal; float:right}
#parents
	{font-size:80%; border-bottom:2px solid #000000; padding:0 2px 2px 2px; margin:2px 0 0 0}


/* ■左エリア */
.info-area
	{background:#000000; padding:8px 8px 0 0; vertical-align:top}
.box
	{background:#cccccc; margin:0 0 16px 0; width:200px; }
.box h2, .box h3, .box .h3sub, .box iframe, .box form
	{border-width:0 0 1px 0; border-style:solid; border-color:#000000}
.box .blank
	{border-style:none ! important}

.box h2, .box h3
	{font-size:80%; font-weight:normal; line-height:1.0em; padding:4px 2px 2px 2px; margin:0}
.box h2
	{color:#ffffff; background:#666666; text-align:center}
.box h2 a:link, .box h2 a:visited
	{color:#ffffff}
.box h3
	{color:#000000; background:#999999}
.box h3 .week
	{color:#000000}
.box h3 .sat
	{color:#000099 ! important}
.box h3 .sun, .box h3 .holi
	{color:#990000 ! important}
.box h3.past
	{text-align:right}
.box .h3sub
	{color:#000000; background:#cccccc; font-size:80%; font-weight:normal; line-height:1.2em; padding:0 0 8px 0; margin:0}
.box div.com
	{padding:2px 2px 4px 2px}
.box p
	{line-height:1.3em; padding:2px 2px 4px 2px; margin:0; word-break:break-all; }
.box blockquote
	{font-size:100% ! important; padding:2px 2px 2px 16px ! important; margin:0 ! important}
.box blockquote p
	{color:#333333 ! important}
.box img
	{padding:0; margin:0}
.box iframe
	{margin:0}

img#hana
	{margin:0 0 16px 0}

.box form
	{font-size: 90%; padding:2px 0 2px 0; margin:0}
.box form dl
	{padding:0; margin:0}
.box form dl dt
	{text-align:center; display:inline; padding:0; margin:2px 0 0 0; width:2.5em}
.box form dl dd
	{display:inline; padding:2px 2px 2px 2px; margin:0}
.box form input, .box form textarea
	{border-color:#000000}
input#namae
	{width:100px}
input#pass, textarea#shousai, input#url, input#daimei, input#link, textarea#honbun, input#gazou, textarea#koe
	{width:150px}
input#shuku
	{border-style:none}
input#sousa1
	{width:4.5em}
input#sousa2
	{width:6.5em}


/* ■右エリア */
.main-area
	{padding:8px 24px 8px 8px; vertical-align:top}

#menu
	{margin:0 0 16px 0}
#menu h2
	{font-size:100%; color:#ffffff; border-width:1px; border-style:solid; padding:4px 8px 4px 8px; margin:0}
#menu h2 .submenu
	{color:#ffffff; font-size:80%; font-weight:normal}
#menu .h2sub
	{font-size:90%; padding:4px 8px 4px 16px; margin:0}
#menu br
	{font-size:8px}
#search, #welcome
	{font-size:80%; color:#000000; background:#cccccc; padding:2px 8px 2px 8px; margin:0 0 8px 0}

address
	{font-size:80%; font-style:normal; margin:0}

.main-area a:link, .main-area a:visited, .main-area a:hover, .main-area a:active
	{padding:1px 1px 1px 1px}

h1, h2, h3, h4, h5
	{font-weight:bold; padding:2px 8px 2px 8px}
.h1sub, .h2sub, .h3sub, .h4sub, .h5sub
	{padding:2px 8px 2px 16px; line-height:1.2em}
h1, h2, h3
	{border-width:1px; border-style:solid}
h4, h5
	{border-left-width:4px; border-left-style:solid; border-bottom-width:1px; border-bottom-style:solid}

h1.top
	{font-size:200%}
h1
	{font-size:150%}
h2
	{font-size:120%}
h3, h4, h5, .h1sub
	{font-size:100%}
.h2sub, .h3sub, .h4sub, .h5sub, blockquote
	{font-size: 90%}

h1, .h1sub
	{margin:0}
h2, .h2sub
	{margin:0 10% 0 16px}
h3, .h3sub
	{margin:0 20% 0 32px}
h4, .h4sub
	{margin:0 20% 0 48px}
h5
	{margin:0 8px 0 16px}
.h5sub
	{margin:0 10% 0 16px}

p, blockquote, ul, ol
	{line-height:1.4em}
ul#monthly_memo
	{font-size:90%; line-height:1.2em; list-style-type:square; }
ul#daily_memo
	{font-size:100%; line-height:1.2em; list-style-type:circle; padding:2px 0 2px 0; }
dd
	{line-height:1.2em}
p, .navi
	{padding:8px; margin:0 10% 0 32px}
.notes
	{font-size:80%; padding:16px; margin:0 10% 0 32px}
blockquote
	{margin:8px 10% 8px 64px}
blockquote p
	{margin:0}
em
	{color:#ff0000 ! important; font-weight:bold ! important; font-style:normal ! important}
ins
	{text-decoration:none; border-bottom-width:1px; border-bottom-style:dashed}
.own
	{color:#999999 ! important; border-color:#999999 ! important}
tt
	{font-size:100%}

dl
	{padding:0; margin:0 20% 0 32px}
dl dt
	{font-weight:bold; border-bottom-width:1px; border-bottom-style:solid; padding:2px 8px 2px 8px; margin:0}
dl dd
	{font-size: 90%; padding:2px 8px 2px 16px; margin:0}
.border dd, .box
	{word-break:normal}
.border dd a, .box a
	{word-break:break-all}

form dl dt
	{font-size: 90%; font-weight:normal; text-align:right; border-style:none; float:left; clear:left; padding:2px}
form dl dd
	{font-size: 90%; padding:0; margin:0}

ul, ol
	{font-size:90%; padding:2px 0 2px 32px; margin:0 10% 0 40px}
.date, .add
	{font-size:80%; font-weight:normal; margin:0 0 0 8px}

.border
	{border-width:3px; border-style:double}
img.border
	{margin:8px}
a img.border
	{margin:0}
a.image
	{font-size:80%; padding:0; margin:8px; float:right}
table.border
	{border-width:1px; border-style:solid; margin:8px}
table.border th, table.border td
	{font-size:80%; border-width:1px; border-style:solid; padding:2px 8px}


.up
	{font-size:80%; text-align:right; clear:both}
.counter
	{display:none}

.ad_top
	{float:right; margin:8px; }
.ad_list
	{vertical-align:middle; }
.ad_list div.ad
	{margin-top:-40px; padding-top:40px; }


/* ■カテゴリ色 */
/* メイン */
.color333 .h1sub,
.color333 p
	{color:#000000}
.color333 a:link,
.color333 a:visited,
.color333 h3,
.color333 h4,
.color333 h5,
.color333 dl dt,
.color333 li,
.color333 table.border th,
.color333 table.border td,
.color333 .fill
	{color:#333333}
.color333 .notes,
.color333 .date,
.color333 .add
	{color:#666666}
.color333 a:hover,
.color333 a:active,
.color333 h2 a:link,
.color333 h2 a:visited,
.color333 h1,
.color333 h2
	{color:#ffffff}
.color333 a:hover,
.color333 a:active,
.color333 h2 a:hover,
.color333 h2 a:active
	{background:#333333}
.color333 h1,
.color333 h2
	{background:#666666}
.color333 h3,
.color333 blockquote,
.color333 dl dt,
.color333 table.border th,
.color333 .fill
	{background:#cccccc}
.color333 form dl dt
	{background:transparent}
.color333 h1,
.color333 h2,
.color333 h3,
.color333 h4,
.color333 h5,
.color333 dl dt,
.color333 .border,
.color333 table.border th,
.color333 table.border td
	{border-color:#333333}
.color333 input,
.color333 textarea
	{border-color:#666666}

/* 自己紹介 */
.color633 .h1sub,
.color633 p
	{color:#330000}
.color633 a:link,
.color633 a:visited,
.color633 h3,
.color633 h4,
.color633 h5,
.color633 dl dt,
.color633 li,
.color633 table.border th,
.color633 table.border td,
.color633 .fill
	{color:#663333}
.color633 .notes,
.color633 .date,
.color633 .add
	{color:#996666}
.color633 a:hover,
.color633 a:active,
.color633 h2 a:link,
.color633 h2 a:visited,
.color633 h1,
.color633 h2
	{color:#ffffff}
.color633 a:hover,
.color633 a:active,
.color633 h2 a:hover,
.color633 h2 a:active
	{background:#663333}
.color633 h1,
.color633 h2
	{background:#996666}
.color633 h3,
.color633 blockquote,
.color633 dl dt,
.color633 table.border th,
.color633 .fill
	{background:#ffcccc}
.color633 form dl dt
	{background:transparent}
.color633 h1,
.color633 h2,
.color633 h3,
.color633 h4,
.color633 h5,
.color633 dl dt,
.color633 .border,
.color633 table.border th,
.color633 table.border td
	{border-color:#663333}
.color633 input,
.color633 textarea
	{border-color:#996666}

/* きょうはコレが言いたい */
.color663 .h1sub,
.color663 p
	{color:#333300}
.color663 a:link,
.color663 a:visited,
.color663 h3,
.color663 h4,
.color663 h5,
.color663 dl dt,
.color663 li,
.color663 table.border th,
.color663 table.border td,
.color663 .fill
	{color:#666633}
.color663 .notes,
.color663 .date,
.color663 .add
	{color:#999966}
.color663 a:hover,
.color663 a:active,
.color663 h2 a:link,
.color663 h2 a:visited,
.color663 h1,
.color663 h2
	{color:#ffffff}
.color663 a:hover,
.color663 a:active,
.color663 h2 a:hover,
.color663 h2 a:active
	{background:#666633}
.color663 h1,
.color663 h2
	{background:#999966}
.color663 h3,
.color663 blockquote,
.color663 dl dt,
.color663 table.border th,
.color663 .fill
	{background:#ffffcc}
.color663 form dl dt
	{background:transparent}
.color663 h1,
.color663 h2,
.color663 h3,
.color663 h4,
.color663 h5,
.color663 dl dt,
.color663 .border,
.color663 table.border th,
.color663 table.border td
	{border-color:#666633}
.color663 input,
.color663 textarea
	{border-color:#999966}

/* 自由奔放の企画 */
.color363 .h1sub,
.color363 p
	{color:#003300}
.color363 a:link,
.color363 a:visited,
.color363 h3,
.color363 h4,
.color363 h5,
.color363 dl dt,
.color363 li,
.color363 table.border th,
.color363 table.border td,
.color363 .fill
	{color:#336633}
.color363 .notes,
.color363 .date,
.color363 .add
	{color:#669966}
.color363 a:hover,
.color363 a:active,
.color363 h2 a:link,
.color363 h2 a:visited,
.color363 h1,
.color363 h2
	{color:#ffffff}
.color363 a:hover,
.color363 a:active,
.color363 h2 a:hover,
.color363 h2 a:active
	{background:#336633}
.color363 h1,
.color363 h2
	{background:#669966}
.color363 h3,
.color363 blockquote,
.color363 dl dt,
.color363 table.border th,
.color363 .fill
	{background:#ccffcc}
.color363 form dl dt
	{background:transparent}
.color363 h1,
.color363 h2,
.color363 h3,
.color363 h4,
.color363 h5,
.color363 dl dt,
.color363 .border,
.color363 table.border th,
.color363 table.border td
	{border-color:#336633}
.color363 input,
.color363 textarea
	{border-color:#669966}

/* 手作りファイル展示場 */
.color366 .h1sub,
.color366 p
	{color:#003333}
.color366 a:link,
.color366 a:visited,
.color366 h3,
.color366 h4,
.color366 h5,
.color366 dl dt,
.color366 li,
.color366 table.border th,
.color366 table.border td,
.color366 .fill
	{color:#336666}
.color366 .notes,
.color366 .date,
.color366 .add
	{color:#669999}
.color366 a:hover,
.color366 a:active,
.color366 h2 a:link,
.color366 h2 a:visited,
.color366 h1,
.color366 h2
	{color:#ffffff}
.color366 a:hover,
.color366 a:active,
.color366 h2 a:hover,
.color366 h2 a:active
	{background:#336666}
.color366 h1,
.color366 h2
	{background:#669999}
.color366 h3,
.color366 blockquote,
.color366 dl dt,
.color366 table.border th,
.color366 .fill
	{background:#ccffff}
.color366 form dl dt
	{background:transparent}
.color366 h1,
.color366 h2,
.color366 h3,
.color366 h4,
.color366 h5,
.color366 dl dt,
.color366 .border,
.color366 table.border th,
.color366 table.border td
	{border-color:#336666}
.color366 input,
.color366 textarea
	{border-color:#669999}

/* 殿堂入りリンク集 */
.color336 .h1sub,
.color336 p
	{color:#000033}
.color336 a:link,
.color336 a:visited,
.color336 h3,
.color336 h4,
.color336 h5,
.color336 dl dt,
.color336 li,
.color336 table.border th,
.color336 table.border td,
.color336 .fill
	{color:#333366}
.color336 .notes,
.color336 .date,
.color336 .add
	{color:#666699}
.color336 a:hover,
.color336 a:active,
.color336 h2 a:link,
.color336 h2 a:visited,
.color336 h1,
.color336 h2
	{color:#ffffff}
.color336 a:hover,
.color336 a:active,
.color336 h2 a:hover,
.color336 h2 a:active
	{background:#333366}
.color336 h1,
.color336 h2
	{background:#666699}
.color336 h3,
.color336 blockquote,
.color336 dl dt,
.color336 table.border th,
.color336 .fill
	{background:#ccccff}
.color336 form dl dt
	{background:transparent}
.color336 h1,
.color336 h2,
.color336 h3,
.color336 h4,
.color336 h5,
.color336 dl dt,
.color336 .border,
.color336 table.border th,
.color336 table.border td
	{border-color:#333366}
.color336 input,
.color336 textarea
	{border-color:#666699}

/* ＠掲示板 */
.color636 .h1sub,
.color636 p
	{color:#330033}
.color636 a:link,
.color636 a:visited,
.color636 h3,
.color636 h4,
.color636 h5,
.color636 dl dt,
.color636 li,
.color636 table.border th,
.color636 table.border td,
.color636 .fill
	{color:#663366}
.color636 .notes,
.color636 .date,
.color636 .add
	{color:#996699}
.color636 a:hover,
.color636 a:active,
.color636 h2 a:link,
.color636 h2 a:visited,
.color636 h1,
.color636 h2
	{color:#ffffff}
.color636 a:hover,
.color636 a:active,
.color636 h2 a:hover,
.color636 h2 a:active
	{background:#663366}
.color636 h1,
.color636 h2
	{background:#996699}
.color636 h3,
.color636 blockquote,
.color636 dl dt,
.color636 table.border th,
.color636 .fill
	{background:#ffccff}
.color636 form dl dt
	{background:transparent}
.color636 h1,
.color636 h2,
.color636 h3,
.color636 h4,
.color636 h5,
.color636 dl dt,
.color636 .border,
.color636 table.border th,
.color636 table.border td
	{border-color:#663366}
.color636 input,
.color636 textarea
	{border-color:#996699}

/* 読者の声と新着一覧 */
body.info
	{color:#000000; background:#cccccc; margin:0}
body.info .box
	{margin:0; width:100%}
body.info .date
	{font-size:90%; white-space:nowrap}