@charset "Shift_JIS";

pre, dl, ol, p, blockquote { line-height:130%; }

body {
	color: #333;
	background: url(img/body_bg.gif) repeat-y left;
	margin: 0;
	font-size:12px;
	font-family:verdana, arial, helvetica, Sans-Serif;
}

div#ws_container	{
	margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 20px;
}

div#ws_bottom	{
    padding: 10px;
	margin: 0;
    clear: both;
    background: #323232;
    border-bottom: 2px solid #383855;
}

div#body td {
	color: #333;
	font-family:verdana, arial, helvetica, Sans-Serif;
}

a {
	text-decoration: none;
	color:#215dc6;
}

a:hover {
	color:#215dc6;
	text-decoration:underline;
}

a:hover img	{
	filter: alpha(opacity=75%);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

div#menubar a:hover	{
    text-decoration: none;
}

div#body a:hover	{
	background-color:#CCDDEE;
}

h1 {
	font-family:verdana, arial, helvetica, Sans-Serif;
	color: #383844;
	background-color:#DDEEFF;
	border:0px;
    padding: 5px 0;
	margin:0px 0px .5em 0px;
    line-height: 40px;
    font-size: 16px;
}

h1.title {
    overflow: hidden;
	font-size: 24px;
	font-weight:bold;
	background-color:transparent;
	padding: 0px;
	border: 0px;
	margin: 0px;
    position: absolute;
    left: 63px;
    top: 20px;
    font-size: 18px;
    line-height: 30px;
    color: #383844;
}

h1.title a	{ color: #383844; }

h2 {
	font-family:verdana, arial, helvetica, Sans-Serif;
    padding: 5px;
	margin:0px 0px 1em 0px;
    font-size: 16px;
}

h3 {
	font-family:verdana, arial, helvetica, Sans-Serif;
	padding: 5px;
	margin: 0 0 1em 0;
    font-size: 14px;
}

h4 {
	font-family:verdana, arial, helvetica, Sans-Serif;
	padding: 5px;
	margin: 0 0 1em 0;
}
h5, h6 {
	font-family:verdana, arial, helvetica, Sans-Serif;
	background-color:#DDEEFF;
 	padding:.3em;
 	border:0px;
 	margin:0px 0px .5em 0px;
}

div#body h6,
div#body h5,
div#body h4,
div#body h3,
div#body h2	{
	color: #383844;
	line-height: 1.1;
}

div#body h2	{
	font-size: 14px;
	color: #FFF;
	background: #3F7DC9;
	margin-left: -1.5em;
	/* css3 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 2px 2px 2px #EEE;
	-webkit-box-shadow: 2px 2px 2px #EEE;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #EEE;
}

div#body h3	{
	padding: 7px;
	font-size: 14px;
	color: #333;
	background: #EEE;
	border: 1px solid #DDD;
	margin-left: -1.5em;
	/* css3 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 2px 2px 2px #EEE;
	-webkit-box-shadow: 2px 2px 2px #EEE;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #EEE;
}

div#body h4	{
	padding: 7px;
	color: #333;
	background: #EEE;
	border: 2px solid #FFF;
	/* css3 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 2px 2px 2px #EEE;
	-webkit-box-shadow: 2px 2px 2px #EEE;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #EEE;
}

div#body dl	{
	margin: 0 0 1em 1em !important;
	padding: 0 !important;
}

dt {
	font-weight:bold;
    background: #F5F5F5;
	border-left: 5px solid #666;
    padding: 5px;
}

dd	{
	background: #FFF;
	border-left: 5px solid #DDD;
	border-top: 1px solid #CCC;
	margin: 0;
    padding: 10px 10px 15px 10px;
}

pre {
	border: 1px solid #FFC;
	padding: 10px;
	white-space:pre;
	color: #555;
	background: #FFFFE5;
	line-height: 1.1;
	-moz-box-shadow: 2px 2px 2px #EEE;
	-webkit-box-shadow: 2px 2px 2px #EEE;
}

blockquote {
	border: 2px solid #DDD;
	padding: 10px;
	margin: 0 10px;
	color: #555;
	background: #FFF;
}

blockquote p.quotation	{
	margin: 0 0 1em 0;
}

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

ul {
	margin-top:.5em;
	margin-bottom:.5em;
	line-height:130%;
}

em { font-style:italic; }

strong { font-weight:bold; }

thead td.style_td,
tfoot td.style_td {
	color: #f5f5f5 !important;
	background-color:#383844;
}
thead th.style_th,
tfoot th.style_th {
	color: #f5f5f5 !important;
	background-color:#383844;
}

thead td.style_td a	{
	color: #FFF;
    text-decoration: underline;
}

.style_table {
	padding:0px;
	margin: 10px;
	border:0px;
	text-align:left;
	color:inherit;
	border-collapse: collapse;
}

.style_th,
.style_td	{
	padding: 5px;
	border: 1px solid #CCC;
}
.style_th {
	text-align:center;
	color:inherit;
	background-color:#eee;
}
.style_td {
	color:inherit;
	background-color:#fff;
}

ul.list1 { list-style-type:disc; }
ul.list2 { list-style-type:circle; margin: 10px 0 !important; }
ul.list3 { list-style-type:square; margin: 10px 0 !important; }
ol.list1 { list-style-type:decimal; }
ol.list2 { list-style-type:lower-roman; }
ol.list3 { list-style-type:lower-alpha; }

ul li,
ol li	{
	line-height: 1.5;
}

div.ie5 { /* none */ }

span.noexists {
	color: #383844;
	background-color:#FFE;
}

.small { font-size:10px; }

.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-size:60%;
	text-align:right;
}

hr.full_hr {
	border-width: 1px;
    padding: 0;
    height: 1px;
}
hr.note_hr {
	width:90%;
	border-style:ridge;
	border-color:#333333;
	border-width:1px 0px;
	text-align:center;
	margin:1em auto 0em auto;
}

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

/* 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; }

/* pukiwiki.skin.php */
div#header {
	padding: 0;
	margin: 0 0 10px 0;
    position: relative;
    height: 60px;
    background: #FFF;
}

a#toplink	{
	position: absolute;
    left: 10px;
    top: 10px;
}

img#logo {
	width: 43px;
    height: 40px;
}

div#navigator {
	clear:both;
	padding:0 10px 0px 0px;
	margin: 0 0 10px 0;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    text-align: right;
    background: #FFF;
    color: #383844;
}

td.menubar {
	width: 200px;
	vertical-align:top;
}

div#menubar {
	width: 200px;
	padding:0px;
	word-break:break-all;
	overflow:hidden;
}

div#menubar a	{
    text-decoration: underline;
}

div#menubar ul {
	margin: 10px 0 0 5px;
	padding: 0px;
}

div#menubar ul li {
	line-height: 20px;
    backgorund: #EEE;
    font-weight: bold;
    list-style: none;
    margin: 0;
    padding: 0;
}

div#menubar ul li ul	{
	margin: 5px 0 0 10px;
}

div#menubar ul li ul li	{
	margin: 0;
    padding: 3px 0 0 0;
    list-style: square;
    list-style-position: inside;
    line-height: 130%;
    font-weight: normal;
}

div#menubar h4 {
	background: transparent;
	font-size: 12px;
    border: 0 none;
    line-height: 20px;
    padding: 0;
    border-bottom: 1px solid #DEDEDE;
}

div#menubar h5	{
	margin: 20px 0 10px 0;
    height: 20px;
    padding: 0 0 0 5px;
    background: transparent;
    font-size: 12px;
    border-bottom: 1px solid #f5f5f5;
}

div#body {
	margin:0px 0px 0px 1em;
    color: #333;
	padding: 10px;
	background: #FCFCFC;
	/* css3 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 2px 2px 2px #EEE;
	-webkit-box-shadow: 2px 2px 2px #EEE;
}

div#note {
	clear:both;
	padding:0px;
	margin:0px;
}

div#attach {
	clear:both;
	padding:0px;
	margin:0px;
}

div#toolbar {
	clear:both;
	padding:0px;
	margin:0px;
	text-align:right;
}

div#lastmodified {
	padding:0px;
	margin:0px;
}

div#related {
	font-size:80%;
	padding:0px;
	margin:16px 0px 0px 0px;
    text-align: right;
}

div#footer {
	text-align: right;
	padding: 10px;
	margin: 0;
    background: #323232;
    color: #AAA;
 	border-top: 1px solid #444;   
}

div#footer a	{
	color: #FFF;
}

div#footer a:hover	{
	background: #000;
}

div#banner {
	float:right;
	margin-top:24px;
}

div#preview {
	color:inherit;
	background-color:#F5F8FF;
}

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

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

/* calendar*.inc.php */
.style_calendar {
	padding:0px;
	border:0px;
	margin:3px;
	color:inherit;
	background-color:#CCD5DD;
	text-align:center;
}
.style_td_caltop {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	text-align:center;
}
.style_td_today {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#FFFFDD;
	text-align:center;
}
.style_td_sat {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#DDE5FF;
	text-align:center;
}
.style_td_sun {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#FFEEEE;
	text-align:center;
}
.style_td_blank {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	text-align:center;
}
.style_td_day {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	text-align:center;
}
.style_td_week {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#DDE5EE;
	font-weight:bold;
	text-align:center;
}

/* calendar_viewer.inc.php */
div.calendar_viewer {
	color:inherit;
	background-color:inherit;
	margin-top:20px;
	margin-bottom:10px;
	padding-bottom:10px;
}
span.calendar_viewer_left {
	color:inherit;
	background-color:inherit;
	float:left;
}
span.calendar_viewer_right {
	color:inherit;
	background-color:inherit;
	float:right;
}

/* clear.inc.php */
.clear {
	margin:0px;
	clear:both;
}

/* counter.inc.php */
div.counter { font-size:70%; }

/* 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 {
}

/* recent.inc.php,showrss.inc.php */
ul.recent_list {
}

/* ref.inc.php */
div.img_margin {
	margin-right: 20px;
    margin-bottom: 20px;
	padding-right: 10px;
}

/* 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;
}