@charset "Shift_JIS";

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

blockquote { margin-left:32px; }

/*-------------------------------------------------
  General layout
-------------------------------------------------*/
.box { float: left; }
#text_area { padding-left: 20px; padding-right: 20px; }
#root { max-width: 1200px; margin-left: 10px;  }

#header { width: 100%; }
#main { width: 100%;  background: white;}
#footer { width: 100%;   background: white;}
#content { width: 70%;}
#sideber { width: 30%;}
.side_area { margin-right: 20px; }

body {
	background: white url(/image/bg.gif);
	color: #494949;
	font-family: "Meiryo", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-size: 16px;
	margin: 0;
}

p { line-height: 1.8; }

.clear_nspace {
	margin: 0px;
	clear: both;
}

a:link {
	color:#414F92;
	text-decoration:none;
}

a:active {
	color:#999999;
	background-color:#CCDDEE;
	text-decoration:none;
}

a:visited {
	color:#414F92;
	text-decoration:none;
}

a:hover {
	color:#999999;
	text-decoration:none;
}

h1 {
	font-family: "???C???I", "Meiryo", "?l?r ?o?S?V?b?N", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-weight: bold;
	clear: both;
	font-size: 30px;
}

h2 {
	font-size: 25px;
	font-family: "???C???I", "Meiryo", "?l?r ?o?S?V?b?N", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	border-style: solid; border-color: #414F92;
	border-width: 0px 0px 0px 10px;
	padding-left: 5px;
	margin-bottom: 0px;
}

h3 {
	font-size: 20px;
	font-family: "???C???I", "Meiryo", "?l?r ?o?S?V?b?N", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	border-style: solid; border-color: #414F92;
	border-width: 0px 0px 0px 10px;
	padding-left: 10px;
}

h4 {
	font-size:16px;
	font-family: "???C???I", "Meiryo", "?l?r ?o?S?V?b?N", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
}
h5, h6 {
	font-family: "???C???I", "Meiryo", "?l?r ?o?S?V?b?N", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
/*	background-color:#414F92;*/
	font-size: 16px;
	line-height: 22px;
 	padding:.3em;
 	border:0px;
 	margin:0px 0px .5em 0px;
	border-bottom: 2px dotted;
}

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

pre {
	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;
	white-space:pre;
	color:black;
	background-color:#F0F8FF;
}

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

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

em { font-style: italic; }

strong { font-weight: bold; }

thead td.style_td,
tfoot td.style_td {
	background-color:#D0D8E0;
}
thead th.style_th,
tfoot th.style_th {
	background-color:#E0E8F0;
}

/*-------------------------------------------------
  Header
-------------------------------------------------*/
#header
{
	position: relative;
	/* large header image is defined below */
	/* background: white url(image/header.jpg) no-repeat; */
	background: white;
	margin-top: 0px;
}

/*-------------------------------------------------
  Header Navigation
-------------------------------------------------*/
.logo {
	float: left;
	padding: 0;
	margin: 5px 0px 10px 10px;
	width: 200px;
}

.search_box {
	padding: 10px 20px 5px 20px;
	margin: 5px 10px 10px 20px;
}

.search_box input[type="text"] {
	height: 25px;
	padding: 2px;
	font-size: 16px;
	width: 250px;
}

.search_box input[type="submit"] {
	height: 32px;
	font-size: 16px;
	margin-left: 10px;
}

/*-------------------------------------------------
  Google Custom Search
-------------------------------------------------*/
#cse-search-results iframe {
	width: 100%;
}

/*-------------------------------------------------
  Content wrappers
-------------------------------------------------*/
#main {
	background: white;
}

.style_table {
	padding:0px;
	border:0px;
	margin:auto;
	text-align:left;
	background-color:#ccd5dd;
}
.style_th {
	padding:5px;
	margin:1px;
	text-align:center;
	background-color:#EEEEEE;
}
.style_td {
	padding:5px;
	margin:1px;
	background-color:#EEF5FF;
}

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 {
	background-color:#FFFACC;
}

.small { font-size:80%; }

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

a.note_super {
	color:#DD3333;
	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:#333333;
	border-width:1px 0px;
}
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; }

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

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

div#menubar {
	width:175px;
	padding:0px;
	margin:4px;
	word-break:break-all;
	font-size:90%;
	overflow:hidden;
}

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

div#menubar ul li {
	line-height:110%;
	margin-left: 10px;
}

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

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

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 {
	font-size:80%;
	padding:0px;
	margin:0px;
}

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

#footer
{
	background: #FFFFFF;
	text-align: center;
	padding: 10px 0 10px 0;
	font-size: 10pt;
}

#copyrights { color: #474747; }

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

div#preview {
	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;
	background-color:#CCD5DD;
	text-align:center;
}
.style_td_caltop {
	padding:5px;
	margin:1px;
	background-color:#EEF5FF;
	font-size:80%;
	text-align:center;
}
.style_td_today {
	padding:5px;
	margin:1px;
	background-color:#FFFFDD;
	text-align:center;
}
.style_td_sat {
	padding:5px;
	margin:1px;
	background-color:#DDE5FF;
	text-align:center;
}
.style_td_sun {
	padding:5px;
	margin:1px;
	background-color:#FFEEEE;
	text-align:center;
}
.style_td_blank {
	padding:5px;
	margin:1px;
	background-color:#EEF5FF;
	text-align:center;
}
.style_td_day {
	padding:5px;
	margin:1px;
	background-color:#EEF5FF;
	text-align:center;
}
.style_td_week {
	padding:5px;
	margin:1px;
	background-color:#DDE5EE;
	font-size:80%;
	font-weight:bold;
	text-align:center;
}

/* calendar_viewer.inc.php */
div.calendar_viewer {
	margin-top:20px;
	margin-bottom:10px;
	padding-bottom:10px;
}
span.calendar_viewer_left {
	float:left;
}
span.calendar_viewer_right {
	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;
}

span.diff_removed {
	color:red;
}

/* 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-left:32px;
	margin-right:32px;
}

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

/*-------------------------------------------------
  zenback
-------------------------------------------------*/

#zenback-widget {
	font-size: 9pt;
}

/*-------------------------------------------------
  Other Devices
-------------------------------------------------*/


/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {
	#header { width: 100%; }
	#main { width: 100%; }
	#footer { width: 100%; }
	#content { width: 80%; }
	#sideber { width: 20%; }
}

/* Tablet Portrait (768px) */
@media only screen and (min-width: 321px) and (max-width: 1024px) and (orientation: portrait) {
	#header { width: 100%; }
	#main { width: 100%; }
	#footer { width: 100%; }
	#content { width: 80%; }
	#sideber { width: 20%; }
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
	#root { margin-left: 0px; }
	#header { width: 100%; }
	#main { width: 100%; }
	#footer { width: 100%; }
	#content { width: 100%; }
	#sideber { width: 100%; }
#related { display: none;}
.search_box input[type="text"] {
	width: 120px;
	margin-left: -10px;
	margin-top: 20px;
}

.search_box input[type="submit"] {
	height: 32px;
	margin-left: 20px;
}
}

/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
	#root { margin-left: 0px; }
	#header { width: 100%; }
	#main { width: 100%; }
	#footer { width: 100%; }
	#content { width: 100%; }
	#sideber { width: 100%; }
#related { display: none;}
body { font-size: 12px;}
}

/* iPhone 4/4S Portrait */
@media only screen and min-width: 320px) and (max-widthh: 480px) and (orientation: portrait) {
	#root { margin-left: 0px; }
	#header { width: 100%; }
	#main { width: 100%; }
	#footer { width: 100%; }
	#content { width: 100%; }
	#sidebar { width: 100%; }
#related { display: none;}
.search_box input[type="text"] {
	width: 150px;
	margin-left: -10px;
	margin-top: 20px;
}

.search_box input[type="submit"] {
	height: 32px;
	margin-left: 20px;
}
}

/* iPhone 4/4S Landscape */
@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
	#root { margin-left: 0px; }
	#header { width: 100%; }
	#main { width: 100%; }
	#footer { width: 100%; }
	#content { width: 100%; }
	#sidebar { width: 100%; }
#related { display: none;}
body { font-size: 12px;}
}

/* iPhone 5 Portrait */
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: portrait) {
	#root { margin-left: 0px; }
	#header { width: 100%; }
	#main { width: 100%; }
	#footer { width: 100%; }
	#content { width: 100%; }
	#sidebar { width: 100%; }
#related { display: none;}
.search_box input[type="text"] {
	width: 150px;
	margin-left: -10px;
	margin-top: 20px;
}

.search_box input[type="submit"] {
	height: 32px;
	margin-left: 20px;
}
}

/* iPhone 5 Landscape */
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
	#root { margin-left: 0px; }
	#header { width: 100%; }
	#main { width: 100%; }
	#footer { width: 100%; }
	#content { width: 100%; }
	#sidebar { width: 100%; }
#related { display: none;}
body { font-size: 12px;}
}

/* iPhone 6 Portrait */
@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: portrait) {
	#root { margin-left: 0px; }
	#header { width: 100%; }
	#main { width: 100%; }
	#footer { width: 100%; }
	#content { width: 100%; }
	#sideber { width: 100%; }
#related { display: none;}
.search_box input[type="text"] {
	width: 200px;
	margin-left: -10px;
	margin-top: 20px;
}

.search_box input[type="submit"] {
	height: 32px;
	margin-left: 20px;
}
}

/* iPhone 6 landscape */
@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: landscape) {
	#root { margin-left: 0px; }
	#header { width: 100%; }
	#main { width: 100%; }
	#footer { width: 100%; }
	#content { width: 100%; }
	#sideber { width: 100%; }
#related { display: none;}
body { font-size: 12px;}
}

/* iPhone 6 Plus Portrait */
@media only screen and (min-width: 540px) and (max-width: 960px) and (orientation: portrait) {
	#root { margin-left: 0px; }
	#header { width: 100%; }
	#main { width: 100%; }
	#footer { width: 100%; }
	#content { width: 100%; }
	#sideber { width: 100%; }
#related { display: none;}
.search_box input[type="text"] {
	width: 200px;
	margin-left: -10px;
	margin-top: 20px;
}

.search_box input[type="submit"] {
	height: 32px;
	margin-left: 20px;
}
}

/* iPhone 6 Plus landscape */
@media only screen and (min-width: 540px) and (max-width: 960px) and (orientation: landscape) {
	#root { margin-left: 0px; }
	#header { width: 100%; }
	#main { width: 100%; }
	#footer { width: 100%; }
	#content { width: 100%; }
	#sideber { width: 100%; }
#related { display: none;}
body { font-size: 12px;}

}

/*-------------------------------------------------
  Special
-------------------------------------------------*/
#top_special h2 {
	margin-top: 20px;
}

.title_left {
	float: left;
}

#top_special img {
	margin-right: 8px;
}

#top_special {
	color: #999;
}

#top_special table {
	width: 930px;
	align: center;
	padding: 5px;
}

#top_special td {
	padding: 3px;
}