@charset "Shift_JIS";
@import "./code.css";

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

blockquote { margin-left:32px; }

body,td {
	color:black;
	background-color:white;
	margin:0;
	/*
	font-size:90%;
	font-family:verdana, arial, helvetica, Sans-Serif;
	*/
	font:400 16px/1.5 'Helvetica','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	padding:0;
}

body {
	text-align:center;
	width:100%;
}

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

a:active {
	color:FloralWhite;
	background-color:Burlywood;
	text-decoration:none;
}

a:visited {
	/* color:Chocolate; */
	color:#a63d21;
	background-color:inherit;
	text-decoration:none;
}

a:hover {
	color:FloralWhite;
	background-color:Burlywood;
	text-decoration:none;
}

h1, h2 {
	/* font-family:verdana, arial, helvetica, Sans-Serif; */
	color:inherit;
	/* color:Maroon; */
	background-color:BlanchedAlmond;
	padding:.3em;
	border:0px;
	margin:.5em 0px .5em 0px;
}
h3 {
	/* font-family:verdana, arial, helvetica, Sans-Serif; */
	border-bottom:  5px solid BlanchedAlmond;
	border-top:     5px solid BlanchedAlmond;
	border-left:    5px solid BlanchedAlmond;
	border-right:   5px solid BlanchedAlmond;
	border-style: dashed;

	color:inherit;
	/* color:Maroon; */
	background-color:#FFFFFF;
	padding:.3em;
	margin:.5em 0px .5em 0px;
}
h4 {
	/* font-family:verdana, arial, helvetica, Sans-Serif; */
	border-left:   18px solid BlanchedAlmond;

	color:inherit;
	/* color:Maroon; */
	background-color:#FFFFFF;
	padding:.3em;
	margin:.5em 0px .5em 0px;
}
h5, h6, div#menubar h4 {
	/* font-family:verdana, arial, helvetica, Sans-Serif; */
	color:inherit;
	/* color:Maroon; */
	background-color:BlanchedAlmond;
	padding:.3em;
 	border:0px;
 	margin:.5em 0px .5em 0px;
}

h1.title {
	font-size:32px;
	font-weight:bold;
	background-color:transparent;
	padding: 6px 15px 0px 15px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	/* height:70px; */
}

dt {
	font-weight:bold;
	margin-top:1em;
	margin-left:0;
}
dd {
	margin-left:1em;
}

pre,.quotation {
	border-top:#DDDDEE 1px solid;
	border-bottom:#888899 1px solid;
	border-left:#DDDDEE 1px solid;
	border-right:#888899 1px solid;
	padding:.5em;
	margin-left:1em;
	margin-right:2em;
	color:black;
	background-color:Seashell;
}
pre {
	white-space:pre;
}

img {
	border: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:inherit;
	background-color:BlanchedAlmond;
}
thead th.style_th,
tfoot th.style_th {
	color:inherit;
	background-color:Burlywood;
}
.style_table {
	padding:0px;
	border:0px;
	margin:auto;
	text-align:left;
	color:inherit;
	background-color:Maroon;
}
.style_th {
	padding:5px;
	margin:1px;
	text-align:center;
	color:inherit;
	background-color:Burlywood;
}
.style_td {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:Seashell;
}

ul.list1 { list-style-type:disc; }
ul.list2 { list-style-type:circle; }
ul.list3 { list-style-type:square; }
ol.list1 { list-style-type:decimal; }
ol.list2 { list-style-type:lower-roman; }
ol.list3 { list-style-type:lower-alpha; }

div.ie5 { text-align:center; }

span.noexists {
	color:inherit;
	background-color:LavenderBlush;
}

.small { font-size:80%; }

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

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

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:0px;
	margin:0px;
	color:white;
	background-color:Burlywood;
	width:100%;
	/* height:70px; */
	overflow:hidden;
}
div#header a, div#navigator a, div#toolbar a, div#footer a {
	color:FloralWhite;
}

div#navigator {
	clear:both;
	padding:4px 15px 4px 15px;
	margin:0px;
	color:white;
	background-color:Maroon;
	line-height:130%;
}
div#topicpath
{
	float:right;
}

td.menubar {
	/* width:9em; */
	width:165px;
	vertical-align:top;
	background-color:Seashell;
	border-right:1px solid BlanchedAlmond;
}

div#menubar {
	/* width:9em; */
	width:165px;
	padding:0px;
	margin:4px;
	word-break:break-all;
	font-size:85%;
	overflow:hidden;
	line-height:1.5em;
}

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

div#menubar>ul {
	margin-left:.5em;
	padding-left:0px;
}

div#menubar ul li {
	/* line-height:110%; */
	list-style-type: none!important;
}

div#menubar h4, div#menubar h5 { font-size:110%; }

div#body {
	padding:0px;
	margin:0px 0px 0px 0px;
	word-break:break-all;
}

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

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

div#toolbar {
	clear:both;
	padding:4px 15px 4px 15px;
	margin:0px;
	color:white;
	background-color:Maroon;
	text-align:center;
	font-size:80%;
	word-break:keep-all;
	line-height:130%;
}

div#lastmodified {
	font-size:80%;
	padding:0px;
	margin:0px;
	text-align:left;
}

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

div#footer {
	font-size:70%;
	padding:6px 0px 6px 0px;
	margin:0px;
	text-align:center;
	background-color:Burlywood;
	color:white;
	width:100%;
	line-height:120%;
}

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

div#preview {
	color:inherit;
	background-color:FloralWhite;
	border:1px dotted Burlywood;
}

img#logo {
	float:left;
	margin-right:20px;
}

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

/* 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;
	font-size:80%;
	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-size:80%;
	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;
	*/
	color:#333333;
	background-color:#333333;
	border:0;
	height:1px;
}

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

/* DOBON! */
#container {
	border:white 0px solid;
	padding:0px;
	width:100%;
	margin:0 auto;
	text-align:left;
}

td.body {
	padding:5px;
}

table.main {
	width: 100%;
	border-collapse:collapse;
}

div#ad_top {
	float:right;
	height:60px;
}

div.adarea {
	background-color:#DDDDDD;
	margin:8px 0;
}

div#adarea2, div#adarea3 {
	width:336px;
	height:280px;
	display: inline-block;
}

div#sharebuttonstop {
	margin:8px 0;
	/*
	height:35px;
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	*/
}

div#search_top {
	float:right;
	margin: 18px 16px 4px 16px;
}

div#menubar div.jumpmenu, div#menubar div.anchor_super {
	display:none;
}

div#menubar input[type="text"]
{
	width:140px;
}

/* column plugin */
table.column_table {
	padding:0px;
	border:0px;
	margin:1em auto;
	text-align:left;
	color:inherit;
	background-color:Maroon;
	width:100%;
	border-spacing:1px;
}
td.column_thead {
	padding:.2em .5em;
	margin:0;
	font-weight:bolder;
	color:Black;
	background-color:BlanchedAlmond;
}
td.column_tbody {
	padding:.2em .5em;
	margin:0;
	color:inherit;
	background-color:Seashell;
}
/* pageinfo plugin */
table.pageinfo_table {
	padding:0px;
	border:0px;
	margin:1em auto;
	text-align:left;
	color:inherit;
	background-color:#444444;
	width:100%;
	border-spacing:1px;
}
td.pageinfo_thead {
	font-size:80%;
	padding:.2em .5em;
	margin:0;
	font-weight:bolder;
	color:Black;
	background-color:#BBBBBB;
	color:#000000;
}
td.pageinfo_tbody {
	font-size:80%;
	padding:.2em .5em;
	margin:0;
	color:inherit;
	background-color:#EEEEEE;
	line-height:130%;
}

/* code plugin */
pre.code {
	background-repeat:no-repeat;
	background-position:top right;
}
div.c pre.code{
	background-image:url("../image/code/c.png");
}
div.cpp pre.code{
	background-image:url("../image/code/cpp.png");
}
div.csharp pre.code{
	background-image:url("../image/code/csharp.png");
}
div.cs pre.code{
	background-image:url("../image/code/cs.png");
}
div.css pre.code{
	background-image:url("../image/code/css.png");
}
div.delphi pre.code{
	background-image:url("../image/code/delphi.png");
}
div.html pre.code{
	background-image:url("../image/code/html.png");
}
div.java pre.code{
	background-image:url("../image/code/java.png");
}
div.javascript pre.code{
	background-image:url("../image/code/javascript.png");
}
div.perl pre.code{
	background-image:url("../image/code/perl.png");
}
div.php pre.code{
	background-image:url("../image/code/php.png");
}
div.sql pre.code{
	background-image:url("../image/code/sql.png");
}
div.vb pre.code{
	background-image:url("../image/code/vb.png");
}
div.vbnet pre.code{
	background-image:url("../image/code/vbnet.png");
}
div.vbscript pre.code{
	background-image:url("../image/code/vbscript.png");
}
div.xhtml pre.code{
	background-image:url("../image/code/xhtml.png");
}

/* sharebutton plugin */
div.sharebutton_plugin {
	padding:0 2px 2px 2px;
	margin:0;
}

@media (max-width: 600px)
{
td.menubar {
	display: none;
}
div#search_top {
	float:none;
	margin: 6px 16px 0px 16px;
}
div#search_top input[type="text"] {
	width:200px;
}
h1.title {
	padding: 0px 16px 0px 16px;
}
div#navigator {
	font-size: 100%;
}
div#topicpath
{
	float:none;
}
div#page_title
{
	display: none;
}
div#body img
{
	max-width:100%;
	height:auto;
}
div.embedplugin iframe
{
	max-width:100%;
	height:auto;
}
div#body input[type="text"], select{
	width:300px;
}
div#body input[type="text"][name="name"]{
	width:100px;
}
div#body textarea{
	max-width:100%;
}
table.main {
	table-layout: fixed;
	width:100%;
}
table.code_table {
	table-layout: fixed;
	width:100%;
}
div.code_table, pre {
	margin-left:0px;
	margin-right:0px;
}
.code_number{
	display: none;
}
div#body pre{
	width: auto;
	_width: 90%;
	overflow: auto;
	_overflow: scroll;
}

div#adarea2, div#adarea3 {
	width:100%;
	height:auto;
}
div#adarea3 {
	display: none;
}

}