@charset "shift-jis";
/* this @charset is for mozilla's bug */

html
{
	font-weight: normal;
	font-family: tahoma, verdana, arial, sans-serif;
	letter-spacing: 100%;
	font-size: 90%;
	text-indent: 0em;
	margin: 0em;
	padding: 0em;
	border: none;
}

body
{
	color: #333300;
	background: #FFFFFF;
/*	background-image: url(cosmos018.jpg); */
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 8px 8px 0px 8px;
}

p
{
	padding: 0em 0em 0em 1em;
	margin: 0.1em 0em 0.5em 0em;
	text-indent: 0.5em;
}

ul, ol
{
	padding: 0em;
	margin: 0.5em 0em 0.1em 2em;
	list-style-position: outside;
}

ul ul, ol ol
{
	margin: 0em 0em 0.5em 1em;
}

ul
{
	list-style-image: url('list-1.gif');
}

ul ul
{
	list-style-image: url('list-2.gif');
}

ul ul ul
{
	list-style-image: url('list-3.gif');
}

li, ul li, ol li
{
	padding: 0em;
	margin: 0em;
}

img
{
	padding: 0em;
	margin: 0em;
	border: none;
	vertical-align: middle;
}

div
{
	vertical-align: middle;
	padding: 0em;
	margin: 0em;
}

div#preview
{
	border-top: dashed 1px #999999;
	border-bottom: dashed 1px #999999;
}

div#header
{
	background-image: url(sugar_roll_box_logo.gif);
	background-repeat: no-repeat;
 	background-position: 0% 0%;
}

div#navigator, div#toolbar
{
	text-align: center;
	border: 1px solid #999999;
	background-color: #FFFFEE;
}

div#navigator
{
	padding: 0.1em 1em 0.1em 1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

div#toolbar
{
	padding: 0em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

div#menubar
{
	word-break: break-all;
	width: 13em;
	overflow: hidden;
	padding: 0em 0.2em 0em 0.2em;
}

div#menubar ul
{
	margin-top: 0em;
	margin-left: 1.5em;
	list-style-type: none;
	list-style-image: url('list-3.gif');
	list-style-position: outside;
}

div#menubar h2, div#menubar h5
{
	font-size: small;
	background: transparent;
	color: #330000;
	border-bottom: 1px solid #FF9966;
	margin: 0em;
	padding: 0em 0em 0em 0.2em;
}

div#menubar h4
{
	margin-bottom: 0.5em;
}

div#menubar h5
{
	margin-top: 0.5em;
}

div#menubar div
{
}

#pagecontents
{
	border-collapse: collapse;
	margin: 0.5 em 0em 0em 0em;
	width: 100%;
	font-size: 98%;
}

div#note, div#attach
{
	padding-left: 0.5em;
}

div#related
{
	margin: 0em 0.5em 0em 0.5em;
	font-size: 90%;
}

div#lastmodified, div#footer
{
	text-aling: right;
}

div#footer
{
	color: #666666;
	margin-top: 1em;
	font-size: 70%;
}

div#copyright
{
	font-size: 90%;
	text-align: center;
	border: 1px solid #999999;
	color: #663333;
	margin-top: 0.5em;
}

pre
{
	color: inherit;
	background-color: #FFFFEE;
	font-family: Courier New, Courier, MS Gothic, monospace;
	border: solid 1px #999999;
	padding: 0.5em 0.5em 0.5em 0em;
	margin: 0.2em;
	white-space: pre;
}

form
{
	vertical-align: middle;
	padding: 0.2em;
	margin: 0em;
}

input, select, textarea, option
{
	vertical-align: middle;
	padding: 0em;
	margin: 0em;
	border: 1px solid #CC9999;
}

a:link
{
	color: #FF6600;
	background-color: inherit;
	text-decoration: none;
}

a:active
{
	color: #FF6600;
	background-color: #ffcc99;
	text-decoration: none;
}

a:visited
{
	color: #993300;
	background-color: inherit;
	text-decoration: none;
}

a:hover
{
	color: #FF6600;
	background-color: #FFFFFF;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6
{
	font-weight: bold;
	text-align: left;
	padding: 0em;
	margin: 0em;
}

h1
{
	color: #FF9933;
	text-align: center;
}

h1.title
{
	background-image: url(sugar_roll_logo.gif);
	background-repeat: no-repeat;
 	background-position: 100% 0%;
	border: 1px solid #999999;
	font-size: 24px;
	height: 32px;
}

#body h1
{
	text-align: right;
	background-color: #FFF0F0;
	font-size: small;
	border-top: 2px solid #FF9933;
	margin: 2em 0em 0em 0em;
	padding: 4px 1em 0em 0em;
}

#body h2
{
	font-size: large;
	background-image: url(header2.jpg);
	background-repeat: repeat-y;
	background-position: 100% 0%;
	background-color: #FF8422;
	padding-left: 4px;
	margin: 0.1em 0em 0.2em 0em;
	color: #FFFFFF
}

#body h2 a:visited,
{
	color: #FFEECC;
	background: transparent;
	text-decoration: underline;
}

#body h2 a:link,
#body h2 a:active,
#body h2 a:hover,
{
	color: #FFFFFF;
	background: transparent;
	text-decoration: underline;
}

#body h3
{
	font-size: meidum;
	color: #000000;
	border-bottom: 1px solid #FF9F53;
	padding: 0.2em 0em 0em 4px;
	margin: 0em 0em 0.2em 0em;
}

h4
{
	color: #000000;
	font-size: small;
	padding: 0.2em 0em 0.2em 4px;
}

h5
{
}

h6
{
}

ruby, rb, rt
{
	padding: 0em;
	margin: 0em;
}

rt
{
	font-size: xx-small;
	vertical-align: sub;
	line-height: 0%;
}

blockquote
{
	background-color: #FFF0E0;
	padding: 0.5em 0em 0.2em 0em;
	margin: 0.2em 1em 0em 0em;
}

em
{
	font-style: italic;
}

strong
{
	font-weight: bold;
}

dt
{
	color: #cc3300;
	font-weight: bold;
	margin-top: 1em;
	margin-left: 1em;
}

dd
{

}

table
{
	padding: 0em;
	margin: 0em;
	border-collapse: collapse;
	background-color: transparent;
}

tbody, tr
{
	padding: 0em;
	margin: 0em;
}

td, th
{
	padding: 0.2em 0.5em 0.2em 0.5em;
	margin: 0em;
}

td.menubar, td.body
{
	padding: 0.5em 0.5em 0.5em 0.5em;
	margin: 0em;
	border: 1px solid #999999;
	vertical-align: top;
}

td.menubar
{
}

td.body
{
	width: 100%;
}

.style_table
{
	border: 1px solid #999999;
}

.style_table td, .style_table th
{
	border: 1px solid #999999;
}

.style_table tbody th
{
	text-align: center;
	font-weight: normal;
	background-color: #FFFFEE;
}

thead td, tfoot td
{
	background-color: #FFFFEE;
}

thead th, tfoot th
{
	text-align: center;
	background-color: #FFE0E0;
	font-weight: bold;
}

/* --------------------------------------------------------------------------
	calendar*.inc.php
-------------------------------------------------------------------------- */
.style_calendar
{
	border: 1px solid #666666;
	margin: 1em;
}

.style_td_caltop,
.style_td_today,
.style_td_sat,
.style_td_sun,
.style_td_blank,
.style_td_day,
.style_td_week
{
	text-align: center;
	border: 1px solid #999999;
}

.style_td_today,
.style_td_sat,
.style_td_sun,
.style_td_blank,
.style_td_day,
{
	padding: 0.5em;
}

.style_calendar
{
}

.style_td_caltop
{
}

.style_td_today
{
	background-color: #FFEECC;
}

.style_td_sat
{
	background-color: #EEEEFF;
}

.style_td_sun
{
	background-color: #FFEEEE;
}

.style_td_blank
{
}

.style_td_day
{
}

.style_td_week
{
	font-weight: bold;
	background-color: #FFCCCC;
}

div.ie5
{
	text-align: center;
}

span
{
	padding: 0em;
	margin: 0em;
}

span.noexists
{
	color: inherit;
	border: 1px dashed #CC9999;
}

span.noexists a
{
	color: #333366;
	padding: 0em 0.2em 0em 0.2em;
	background-color: #FFFFCC;
}

.small
{
	font-size: 80%;
	vertical-align: middle;
}

.super_index
{
	color: #DD3333;
	background-color: inherit;
	font-weight: bold;
	font-size: 60%;
	vertical-align: super;
}

a.note_super
{
	color: #DD3333;
	background-color: inherit;
	font-weight: bold;
	font-size: 60%;
	vertical-align: super;
}

div.jumpmenu
{
	font-family: HG Gothic;
	font-size: 60%;
	text-align: right;
	line-height: 60%;
	margin: 0em;
	padding: 0em;
}

hr
{
	height: 1px;
	border: 1px solid #996666;
	padding: 0em;
	margin: 0em;
}

hr.full_hr
{
	width: 98%;
}

hr.note_hr
{
	width: 90%;
}

span.size1
{
	font-size: xx-small;
	text-indent: 0px;
}
span.size2
{
	font-size: x-small;
	text-indent: 0px;
}
span.size3
{
	font-size: small;
	text-indent: 0px;
}
span.size4
{
	font-size: medium;
	text-indent: 0px;
}
span.size5
{
	font-size: large;
	text-indent: 0px;
}
span.size6
{
	font-size: x-large;
	text-indent: 0px;
}
span.size7
{
	font-size: xx-large;
	text-indent: 0px;
}

/* html.php/catbody() */
strong.word0
{
	background-color: #FFFF66;
	color: black;
}
strong.word1
{
	background-color: #A0FFFF;
	color: black;
}
strong.word2
{
	background-color: #99FF99;
	color: black;
}
strong.word3
{
	background-color: #FF9999;
	color: black;
}
strong.word4
{
	background-color: #FF66FF;
	color: black;
}
strong.word5
{
	background-color: #880000;
	color: white;
}
strong.word6
{
	background-color: #00AA00;
	color: white;
}
strong.word7
{
	background-color: #886800;
	color: white;
}
strong.word8
{
	background-color: #004699;
	color: white;
}
strong.word9
{
	background-color: #990099;
	color: white;
}

/* html.php/edit_form() */
.edit_form
{
     clear: both;
}

/* aname.inc.php */
.anchor
{
}
.anchor_super
{
	font-size: xx-small;
	vertical-align: super;
}

/* br.inc.php */
br.spacer
{
}

/* counter.inc.php */
div.counter
{
	font-size: 70%;
	text-align: right;
	padding-right: 1em;
}

/* diff.inc.php */
span.diff_added
{
	color: blue;
	background-color: inherit;
}

span.diff_removed
{
	color: red;
	background-color: inherit;
}

/* hr.inc.php */
hr.short_line
{
	text-align: center;
	width: 80%;
	border-style: solid;
	border-color: #333333;
	border-width: 1px 0px;
}

/* include.inc.php */
h5.side_label
{
	text-align: center;
}

/* navi.inc.php */
ul.navi
{
	margin: 0px;
	padding: 0px;
	text-align: center;
}

li.navi_none
{
	display: inline;
	float: none;
}

li.navi_left
{
	display: inline;
	float: left;
	text-align: left;
}

li.navi_right
{
	display: inline;
	float: right;
	text-align: right;
}

/* new.inc.php */
span.comment_date
{
	font-size: x-small;
}
span.new1
{
	color: red;
	background-color: transparent;
	font-size: x-small;
}
span.new5
{
	color: green;
	background-color: transparent;
	font-size: xx-small;
}

/* popular.inc.php */
span.counter
{
	font-size: 70%;
}
ul.popular_list
{
/*
	padding: 0px;
	border: 0px;
	margin: 0px 0px 0px 1em;
	word-wrap: break-word;
	word-break: break-all;
*/
}

/* recent.inc.php,showrss.inc.php */
ul.recent_list
{
/*
	padding: 0px;
	border: 0px;
	margin: 0px 0px 0px 1em;
	word-wrap: break-word;
	word-break: break-all;
*/
}

/* ref.inc.php */
div.img_margin
{
	margin-left: 32px;
	margin-right: 32px;
}

/* vote.inc.php */
td.vote_label
{
	color: inherit;
	background-color: #FFCCCC;
}
td.vote_td1
{
	color: inherit;
	background-color: #DDE5FF;
}
td.vote_td2
{
	color: inherit;
	background-color: #EEF5FF;
}
/*
 * ここからkifubbs用の設定
 */

div.kifubbs form.post div.postform
{
	clear: both;
	margin: 0em 0.5em 0em 0.5em;
	border: 1px solid #cccccc;
	padding: 0.5em;
	text-align: left;
	font-size: smaller;
}

div.kifubbs form.post div.postform span.postform_attension
{
}

div.kifubbs form.post div.postform script span.message
{
}

div.kifubbs hr
{
	display: none;
}

div.kifubbs div.column
{
	clear: both;
	margin: 0.5em 0.5em 0em 0.5em;
	padding: 0em 1em;
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px;
	background-color: white;
}

div.kifubbs div.withgoban
{
	height: 440px;
}

div.kifubbs div.column h2
{
	margin-right: 1em;
	background-color: transparent;
	font-size: smaller;
	font-weight: bolder;
	display: inline;
}

div.kifubbs div.column span.name,
div.kifubbs div.column span.mail,
div.kifubbs div.column span.url,
div.kifubbs div.column span.number,
div.kifubbs div.column span.timestamp,
div.kifubbs div.column span.res,
div.kifubbs div.column span.ipaddress
{
	font-size: smaller;
}

div.kifubbs p.goban
{
	margin: 0em 0em 2em 0.5em;
	padding: 0em;
	background-color: white;
	float: right;
	width: 310px;
}

div.kifubbs p.goban span.warning
{
	color: #FF99BE;
}

div.kifubbs div.column p.text
{
}

div.kifubbs div.column div.subcolumn
{
	margin: 1em 0em 0em 4em;
	padding: 0em 0em 0em 0em;
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px 0px 0px 0px;
}

div.kifubbs div.column div.withgoban
{
	clear: both;
	height: 410px;
}

div.kifubbs div.column div.subcolumn span.name,
div.kifubbs div.column div.subcolumn span.mail,
div.kifubbs div.column div.subcolumn span.url,
div.kifubbs div.column div.subcolumn span.number,
div.kifubbs div.column div.subcolumn span.timestamp,
div.kifubbs div.column div.subcolumn span.res,
div.kifubbs div.column div.subcolumn span.ipaddress
{
}

div.kifubbs div.column div.subcolumn p.text
{
}

div.kifubbs form.pagelist,
div.kifubbs form.searchform,
div.kifubbs form.command p.commandform
{
	clear: both;
	margin: 0.5em 4em 0em 4em;
	padding: 0;
	text-align: right;
	font-size: x-small;
}

div.kifubbs form.pagelist *,
div.kifubbs form.searchform *,
div.kifubbs form.command p.commandform *
{
	font-size: x-small;
}


div.kifubbs form.pagelist p.pagelist,
div.kifubbs form.searchform p.searchform
{
	display: inline;
	margin: 0em;
}

div.kifubbs p.message
{
	margin: 0.2em 1em 0.2em 1em;
	padding: 0.1em;
	border: 1px solid #cccccc;
}

div.kifubbs p.warning
{
	margin: 0.2em 1em 0.2em 1em;
	padding: 0.1em;
	font-weight: bold;
	border: 1px solid red;
	color: #660000;
}

div.kifubbs ol.threadlist
{
	margin: 0.2em 1em 0.2em 1em;
	padding: 0.1em;
	border: 1px solid #cccccc;
}

div.kifubbs ol.threadlist li
{
	display: inline;
	margin-right: 1em;
}

div.kifubbs ol.allthreadlist,
div.kifubbs ul.searchlist
{
	margin: 0.2em 1em 0.2em 1em;
	padding: 0.1em;
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px;
	background-color: white;
}


/*
 * kifubbs ここまで
 * これだけが全てではないが、これだけあればほとんどのことができるはず。
 */