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

html, body  {
  margin:0;
  padding:0;
  font-size:small;
  font-weight:normal;
  font-style:normal;
  color:black;
	background-color:white;
	border:0;
}

body {
  text-align:center;
  background-color:whitesmoke;
  background-image:url('/image/slash.png');
}

h1, h2, h3, h4, h5, h6,
p, pre, blockquote, ul, ol, dl, address {
  margin:0;
  padding:0;
  font-size:100%;
  font-weight:normal;
  font-style:normal;
	border:0;
}

p, blockquote, ul, ol, dl { line-height:150%; }

pre { line-height:120%; } /* code.css と統一 */

blockquote 
{
	margin-left:1em;
	border-left:solid 5px darkorange;
	color:gray;
}

table
{
	font-size:inherit;
}

a:link {
	text-decoration:underline;
	color:blue;
	background-color:inherit;
}

a:active, a:hover {
	color:darkorange;
	background-color:inherit;
	text-decoration:underline;
}

a:visited {
	text-decoration:none;
	color:navyblue;
	background-color:inherit;
	text-decoration:underline;
}

h1 {
	color:inherit;
	background-color:inherit;
}

h2 {
	padding:0.3em 0.5em;
	margin:0.2em 0;
	margin-top:1em;
	font-weight:bold;
	font-size:1.2em;
	border-bottom:dotted 1px silver;
}

h3 {
	padding:0.3em 0.5em;
	margin:0.2em 0;
	font-weight:bold;
	font-size:1.1em;
}

h4, h5, h6 {
	color:inherit;
	padding:0.1em;
	margin:0.2em;
	font-weight:bold;
	border-bottom:1px solid silver;
}

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

pre {
	color:black;
	background-color:whitesmoke;
	border:solid 1px gray;
	padding:3px;
	margin:0 10px;
	white-space:pre;
	font-size:90%;
}

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


ol {
  padding:0 5px 0 2em;
}
ul {
  padding:0 5px 0 1.5em;
}
li {
	margin-left:1em;
	padding-left:0em;
}
ul ol, ol ul, ul ul, ol ol {
  padding-left:0.5em;
}


strong { font-weight:bold; }

img.ext {
	margin:0px 2px;
}


#wrapper {
	width:950px;
  background-color:gainsboro;
  margin-right:auto;
  margin-left:auto;
  text-align:left;
}

#header {
  background-color:#333;
  /border-bottom:solid 2px white;
}

img#sitename {
	margin:0;padding:0;
	width:728px;
	height:30px;
}


#left_wrapper {
  float:left;
  width:710px;
  background-color:#ffdead;
}
#center_column {
  float:right;
  width:470px;
  background-color:white;
}
#left_column {
  width:240px;
}
#right_column {
  clear:right;
  float:right;
  width:240px;
}

#footer {
	padding:5px;
  clear:both;
	font-size:xx-small;
  background-color:#333;
  color:white;
}
#footer a {
  color:white;
}

#body_header {
	padding:5px;
	font-size:medium;
}

#pagepath {
	font-size:90%;
	border-bottom:solid 1px gainsboro;
	padding:5px;
}

#title {
	font-size:150%;
	margin-top:5px;
}

#navigator {
	clear:both;
	font-size:x-small;
	border-top:1px solid gray;
	padding:5px;
	background-color:gainsboro;
	width:100%;
	position:fixed;
	bottom:0px;
}

/* Twitter でコメントなどの機能ボタン */
#body_page_functions {
  padding:5px;
  text-align:right;
}
#body_page_functions span.short_url {
  border:dotted 1px silver;
  color:silver;
  font-size:80%;
  margin-right:5px;
  padding:0 5px;
}
#body_page_functions a.short_url {
  text-decoration:none;
  color:royalblue;
}
#body_page_functions a.button {
  text-decoration:none;
  margin-right:5px;
}

#body {
	margin:1em 0px;
}

#body p {
	margin:1em;
	text-indent:0em;
}

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

#attach {
	clear:both;
}

#lastmodified {
  text-align:right;
	font-size:xx-small;
	margin:0.5em;
}

#related {
	font-size:xx-small;
}

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

#left_box {
  padding:5px 10px;
}
#left_box ul {
  margin: 0 0 0 0;
  padding: 0 0 0.5em 1.5em;
	white-space:nowrap;
	overflow:auto;
}
#left_box li {
	margin:0;
	padding:0;
}
#left_box h5 {
  text-align:center;
  margin-bottom:0.5em;
  border:0;
  color:#990000;
}

/* Google Adsense */
#google_ad_bottom {
	margin:10px;
}
#google_ad_header {
	margin:10px 1px;
}
#google_ad_right {
	margin:10px 0 0 0;
}

/* 角丸 */
#left_box #popular, #left_box #siblings, #left_box #recent, #right_box #abouts, #right_box #right_box_amazon {
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}


/* 左バー メニュー */

#left_box #menu {
}
#left_box #menu ul {
  padding:0;
  list-style:none;
}
#left_box #menu ul li {
  margin:3px 0;
  padding:1px 5px;
  border-left:solid 5px orange;
  line-height:1.1;
}
#left_box #menu ul ul li {
  padding-left:10px;
  border-left:solid 5px darkorange;
}

/* 左バー 人気ページ */

#left_box #popular {
  padding:5px 8px;
  margin-top:8px;
  background-color:white;
  border:solid 1px orange;
}
#left_box #popular ul {
	list-style:decimal;
}
#left_box #popular li {
	margin-left:1em;
}

/* 右バー 関連ページ */

#left_box #siblings {
  padding:5px 8px;
  margin-top:8px;
  background-color:white;
  border:solid 1px orange;
}
#left_box #siblings ul {
}
#left_box #siblings li {
	list-style-type:none;
	margin-left:-1em;
	padding-left:0.5em;
	border-left:solid 2px silver;
}
#left_box #siblings li.siblings_parent {
	margin-left:-1.5em;
	padding-left:0;
	border:none;
}
/* 左バー 更新情報 */
#left_box #recent {
  padding:5px 8px;
  margin-top:8px;
  background-color:white;
  border:solid 1px orange;
}
#left_box #recent ul {
	list-style:none;
	padding-left:0;
}

/* 左バー カウンター */
#left_box #counter {
	color:transparent;
}

/* 右バー */

#right_box {
  padding:5px 20px;
}
#right_box h5 {
  text-align:center;
  margin-bottom:0.5em;
  border:0;
  color:#990000;
}
#right_box ul {
  margin: 0 0 0 0;
  padding: 0 0 0.5em 1em;
	white-space:nowrap;
	overflow:auto;
}
#right_box li {
	margin:0;
	padding:0;
}

/* 右バー プロフィール */

#right_box #abouts {
  padding:5px 8px;
	background-color:white;
	margin-top:10px;
}
#right_box #abouts p {
  font-size:90%;
  line-height:1.2;
  margin-top:0.5em;
}
#right_box #abouts p.center {
  text-align:center;
}

#right_box #abouts img.contact_button {
  width:125px;
  height:16px;
}

/* 右バー Amazon */

#right_box #right_box_amazon {
	background-color:white;
	margin-top:10px;
  background-color:white;
  text-align:left;
  padding:10px;
  zoom:100%; /* after clear の IE6 対策 */
}
#right_box #right_box_amazon:after {
  content:"";
  clear:both;
  height:0;
  display:block;
  visibility:hidden;
}

#right_box #right_box_amazon .related_ads {
  margin-top:1em;
  font-size:90%;
  clear:both;
}
#right_box #right_box_amazon a {
  text-decoration:underline;
}
#right_box #right_box_amazon img.related_ads_image {
  float:left;
  margin-right:5px;
  margin-bottom:5px;
  border:solid 1px silver;
}
#right_box #right_box_amazon .related_ads_title {
  font-weight:bold;
}
#right_box #right_box_amazon .related_ads_comment {
}
#right_box #right_box_amazon .related_ads_amazon img.related_ads_image {
  width:100px;
  height:100px;
}
#right_box #right_box_amazon .related_ads_amazon img.related_ads_related_page_button {
  width:90px;
  height:14px;
}

.jumpmenu {
	margin-top:2em;
}


/* テーブルの外側のdiv */
div.ie5 {
	margin:1em;
	text-align:center;
}
thead td.style_td,
tfoot td.style_td,
thead th.style_th,
tfoot th.style_th {
	color:inherit;
	background-color:gainsboro;
}

.style_table {
	text-align:left;
	color:inherit;
	background-color:gray;
	font-size:0.9em;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
}
.style_th {
	padding:5px;
	text-align:center;
	color:inherit;
	background-color:whitesmoke;
	font-weight:normal;
	border:1px solid gray;
}
.style_td {
	padding:5px;
	color:inherit;
	background-color:white;
	border:1px solid gray;
}

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

span.noexists {
	color:inherit;
	background-color:#EEF5FF;
}

.contents {
	font-size:80%;
	border:1px solid silver;
	padding:5px 1px;
	margin:10px;
	width:auto;
}

.contents ul {
	padding-left:15px;
	margin-left:5px;
}

.small { font-size:xx-small; }

.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:0.6em;
	text-align:right;
	margin:1em 1em 0 0;
}
div.jumpmenu a {
	text-decoration:none;
}

hr.full_hr {
	border-style:ridge;
	border-color:#333333;
	border-width:1px 0px;
}

/* img_block.inc.php */
.img_block {
  border:dotted 1px silver;
  padding:5px;
}
.img_block_comment {
  padding:0;
  margin:5px 0 0 0;
  font-size:90%;
  color:dimgray;
  text-align:center;
}

/* html.php/edit_form() */
.edit_form { clear:both; }
.edit_form textarea {
  position:relative;
  z-index:100;
}

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

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

/* clear.inc.php */
.clear {
	margin:0px;
	clear:both;
}
/* img.inc.php */
.inline_img {
	margin:0px;
	width:250px;
	padding:0px 5px 10px 5px;
}
/* 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;
}

/* ref.inc.php */
div.img_margin {
	margin:1em;
}

div.articleform {
	width:100%;
	padding:5px;
}
div.articleform textarea {
	width:500px;
}
div.articleform .article_subject {
	width:500px;
}

div.commentform {
	width:100%;
	padding:5px;
}

div.commentform .comment_msg {
	width:20em;
}
