/*@charset "<?php echo $charset ?>";*/
@charset "EUC-JP";

pre, dl, ol, blockquote { line-height:145%; }
p {
	line-height: 160%;
	margin-bottom: 1.0em;
}

blockquote { margin-left:2.0em; }
blockquote p{
	font-family: メイリオ, sans-serif, "ＭＳ Ｐゴシック";
	color: #440;
	border: 1px solid #bb6;
	background-color: #ffa;
	padding: 0.3em;
	margin-top: 0.5em;
	margin-bottom: 0;
}
blockquote blockquote p{
	color: #661;
	border: 0;
	background-color: #fff;
	margin-top: 0;
}

textarea{
	background-color: #eee;
	color: #111;
	line-height: 120%;
	width: 100%;
	font-size: 90%;
}

*{
	margin:  0;
	padding: 0;
	font-weight: normal;
	font-style : normal;
}

html{
	width : 100%;
	height: 100%;
	overflow: hidden;
}

body,td {
	width : 100%;
	height: 100%;
	font-size: 100%;
	line-height: 170%;
	font-family: メイリオ, "ＭＳ Ｐゴシック", sans-serif, "ＭＳ Ｐゴシック";
	color: #333;
	background-color: #fff;
	
	scrollbar-base-color      : #999;
    scrollbar-face-color      : #999;
    scrollbar-track-color     : #ccc;
    scrollbar-shadow-color    : #111;
    scrollbar-darkshadow-color: #111;
    scrollbar-highlight-color : #fff;
    scrollbar-3dlight-color   : #fff;
    scrollbar-arrow-color     : #333;
}

#contents{
	height: 100%;
	width: 100%;
	overflow: auto;
	z-index: 1;
	position: relative;
}
#contents-inner{
	width: 90%;
	max-width: 840px;
	padding: 3.0em 15px 7.0em 15px;
	position: relative;
}

#contents-inner-index{
	width: 95%;
	padding: 3.0em 15px 2.0em 15px;
	text-align: left;
}

#myheader{
	width: 100%;
	height: 2.6em;
	overflow: hidden;
	position: absolute;
	top  : 0;
	right: 17px; /*** スクロールバーを考慮 ***/
	z-index: 2;
	color: #444;
	background-color: #ccc;
	border-bottom: 1px solid #999;
	border-right : 1px solid #999;
}
#myheader_inner{ margin: 5px 12px 0px 28px; }

#myfooter{
	width: 100%;
	height: 2.0em;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	right : 17px; /*** スクロールバーを考慮 ***/
	z-index: 2;
	font-size: 80%;
	color: #444;
	background-color: #ccc;
	border-top  : 1px solid #999;
	border-right: 1px solid #999;
}
#myfooter_inner{ margin: 0px 12px 0px 28px; }

div.left60{
	float: left;
	text-align: left;
	width: 60%;
}

div.right40{
	float: right;
	text-align: right;
	width: 40%;
}

div.right40v{
	font-size: 80%;
	float: right;
	text-align: right;
	width: 40%;
	line-height: 140%;
	/*margin-top: 0.4em;*/
}

div.left50{
	float: left;
	text-align: left;
	width: 50%;
}

div.right50{
	float: right;
	text-align: left;
	width: 49%;
}

div.headNavi{
	font-size: 80%;
	line-height: 140%;
	font-family: "ＭＳ ゴシック", monospace;
}

a{ font-weight: bold; }
a.defColor{ font-weight: normal; }
a:link   { color: #e70; }
a:visited{ color: #e70; }
a:hover  { color: #0cf; }
a:link.defColor,
a:visited.defColor{ color: #444;  border: 0px; }
a:hover.defColor{ color: #d80; }
a:visited.page_url{ color: #888; }
a:hover.page_url{ color: #0ac; }

a:active { color: #333; }
a.siteName{
	display: block;
	width:  70px;
	height: 35px;
	background-image: url("http://www.tatsuya-koyama.com/img/system/title_logo_mini_nega.png");
	float : left;
	margin: 0 0.5em 0.5em 0;
	border: 0;
}

h1, h2 {
	font-weight: bold;
	color: #f7f7f7;
	background-color:#333;
	padding:.3em;
	border-left  : 2px solid #888;
	border-bottom: 2px solid #888;
	border-top   : 1px solid #888;
	border-right : 1px solid #888;
	margin:0px 0px .5em 0px;
}
h1 strong, h2 strong{ color: #f7f7f7; }

h3 {
	font-weight: bold;
	border-left  : 8px solid #28a;
	border-bottom: 1px solid #28a;
	border-top   : 0px solid #28a;
	border-right : 0px solid #28a;
	color: #069;
	background-color: #cef;
	padding: 0.3em 0 0.1em 0.8em;
	margin:0px 0px 1.0em 0px;
}
h4 {
	font-weight: bold;
	border-bottom: 1px solid #28a;
	color: #069;
	padding: 0 0 0 0.4em;
	margin:0px 0px 1.0em 0px;
}
h5, h6 {
	font-weight: bold;
	border-bottom: 1px solid #28a;
	color: #069;
 	margin:0px 0px .5em 0px;
}

h1.title {
	font-size: 200%;
	font-weight:bold;
	background-color:transparent;
	padding: 12px 0px 0px 0px;
	border: 0px;
	margin: 12px 0px 0px 0px;
}
h1.title a:link, h1.title a:visited{ color: #333; font-weight:bold; }
h1.title a:hover{ color: #0cf; font-weight:bold; }
h1 a:visited , h2 a:visited { color: #333; font-weight: bold; }
h1 a:hover   , h2 a:hover   { color: #0cf; font-weight: bold; }
h3 a:link   , h4 a:link   , h5 a:link   { color: #069; font-weight: bold; }
h3 a:visited, h4 a:visited, h5 a:visited{ color: #069; font-weight: bold; }
h3 a:hover  , h4 a:hover  , h5 a:hover  { color: #fc0; font-weight: bold; }

dt {
	line-height: 150%;
	color: #292;
	font-weight:bold;
	margin-top:1em;
	margin-left:1em;
}

pre {
	font-size: 90%;
	width: 90%;
	overflow: auto;
	border: 1px solid #b77;
	padding:.5em;
	margin: 1em 2em 1em 1em;
	color: #922;
	background-color:#ffdddd;
	
	white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
}

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

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

em { color: #44f;  margin: 0 0.2em 0 0.2em; }
em.small{ color: #333;  font-size: 70%; }
em.highlight{ color: #000;  background-color: #ff8; }
em.frame{
	color: #000;
	background-color: #ddd;
	border: 1px solid #999;
	padding: 0.2em;
}

blockquote p em.small{ color: #993;  font-size: 70%; }
td em.small{ color: #873;  font-size: 70%; }

strong { color: #e15;  margin: 0 0.2em 0 0.2em; }

del{ color: #999; }

thead td.style_td,
tfoot td.style_td {
	color: #402010;
	background-color: #f2e6d0;
	border-width: 1px;
	border-style: solid;
	border-color: #fff #ac9a70 #7c6638 #fffaf1;
}
thead th.style_th,
tfoot th.style_th {
	color: #571010;
	background-color: #e0c599;
	border-width: 1px;
	border-style: solid;
	border-color: #fff #af5d2e #8d3000 #d0bbb2;
	font-weight: bold;
}

.style_table {
	padding:0px;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px solid #7c6638;
	margin: 1.0em 0 1.0em 0;
	text-align:left;
	color:inherit;
}
.style_th {
	font-family: メイリオ, sans-serif, "ＭＳ Ｐゴシック";
	padding:5px;
	margin:0px;
	text-align:center;
	font-weight: bold;
	color: #571010;
	background-color: #e0c599;
	border-width: 1px;
	border-style: solid;
	border-color: #fff #af5d2e #8d3000 #d0bbb2;
}
.style_td {
	font-family: メイリオ, sans-serif, "ＭＳ Ｐゴシック";
	width: auto;
	padding:5px;
	margin:0px;
	color: #402010;
	background-color: #f2e6d0;
	border-width: 1px;
	border-style: solid;
	border-color: #fff #ac9a70 #7c6638 #fffaf1;
}

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: #a55;
}

.small { font-size:80%; }

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

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

div.jumpmenu {
	font-size:60%;
	text-align:right;
}

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

span.size1 {
	font-size:xx-small;
	line-height:160%;
	text-indent:0px;
	display:inline;
}
span.size2 {
	font-size:x-small;
	line-height:160%;
	text-indent:0px;
	display:inline;
}
span.size3 {
	font-size:small;
	line-height:160%;
	text-indent:0px;
	display:inline;
}
span.size4 {
	font-size:medium;
	line-height:160%;
	text-indent:0px;
	display:inline;
}
span.size5 {
	font-size:large;
	line-height:160%;
	text-indent:0px;
	display:inline;
}
span.size6 {
	font-size:x-large;
	line-height:160%;
	text-indent:0px;
	display:inline;
}
span.size7 {
	font-size:xx-large;
	line-height:160%;
	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;
}

div#navigator {
	clear:both;
	padding:4px 0px 0px 0px;
	margin:0px;
}
div#navigator a      { color: #333;  font-weight: normal; }
div#navigator a:hover{ color: #0ac;  font-weight: normal; }


td.menubar {
	width:10em;
	vertical-align:top;
}

div#menubar {
	width: 10em;
	padding:8px;
	margin:0px;
	word-break:break-all;
	font-size:90%;
	overflow:hidden;
	line-height: 130%;
	background-color: #ddeeff;
	border: 1px solid #acd;
	float: left;
	clear: left; /* IEカラム落ち防止用 */
	display: block;
}
div#menubar a      { color: #058;  font-weight: normal; }
div#menubar a:hover{ color: #b41;  font-weight: normal; }


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

div#menubar ul li { line-height:130%; }

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

div#body {
	padding:0px;
	margin:0px 0px 0px .5em;
	width: 100%;
	margin-left: -11em;
	float: right;
	clear: right; /* IEカラム落ち防止用 */
	display: block;
}
div#mybody{ margin-left: 11em; }
.my_clear{ clear: both; }

div#note {
	clear:both;
	padding:0px;
	margin:0px;
	line-height: 120%;
}

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

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

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

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

div#footer {
	font-size:70%;
	padding:0px;
	margin:16px 0px 0px 0px;
}

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

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

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

/* 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;
	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: #229;
	background-color:inherit;
}

span.diff_removed {
	color: #922;
	background-color:inherit;
}

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

/* 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: 1.0em 0 1.0em 1.5em;
}

img.ref{
	padding: 5px;
	background-color: #fff;
}

/* vote.inc.php */
td.vote_label {
	width: auto;
	color: #000;
	background-color:#FFCCCC;
}
td.vote_label strong{ #color: #500; }
td.vote_td1 {
	width: auto;
	color: #000;
	background-color:#DDE5FF;
}
td.vote_td2 {
	width: auto;
	color: #000;
	background-color:#EEF5FF;
}