@charset "UTF-8";
/** Generic Tags ***********************************************************************************/
body{
	background:url(./image/bg_body.png) repeat top center #EBEBEB !important;
}

/* anchor tag */
a {
	color:#3578b2 !important;
	background-color:inherit;
	text-decoration:none;
}

a:active, a:hover {
	color:#215dc6;
}

a:hover {
	text-decoration:underline;
}

a:visited{
	/* color:#a63d21; */
	color:#5D8BB3;
}

address{
	text-align:left;
	margin:0 1.5% !important;
}

blockquote {
	border-left:3px solid #ccc;
	margin:20px;
	padding-left:10px;
}

dt{
	font-weight:bold;
	color: #333366;
}

dd{
	margin-left:1.5em;
	margin-bottom:.5em;
}

ul, ol{
	margin:.5em 2em;
}

q{
	border:1px dotted #999;
}

p, pre, dl, form {
	margin:.5em 1.5em;
}

.table_wrapper {
	margin:.5em 0;
}

ul, ol {
	padding-left:1.5em;
	margin:.5em 2em;
}

fieldset pre{
	margin:.2em;
}

.noexists {
	background-color:#FFFACC;
}


h1 {
	border-bottom:	2px solid #111166;
	border-left:	10px solid #5555CC;
	padding:		2px 2px 3px 8px;
	margin:			10px 0 10px 0;
}

h2 {
	border-bottom:	2px solid #333388;
	border-left:	8px solid #7777FF;
	padding:		2px 2px 3px 8px;
	margin:			10px 0;
}

h3 {
	border-bottom:	1px solid #bb4444;
	border-left:	6px solid #FF7777;
	padding:		2px 2px 3px 8px;
	margin:			8px 4px;
}

h4 {
	border-bottom:	1px solid #33bb33;
	border-left:	4px solid #21E05D;
	padding:		2px 2px 3px 8px;
	margin:			4px 8px;
}

h5, h6 {
	padding: 2px 2px 3px 8px;
	border-bottom: 1px solid #bb3333;
	border-left: 2px solid #E05D21;
	margin: .5em 0 .5em 0;
}

h1, h2, h3, h4, h5, h6{
	background-color:rgba(255, 255, 255, .9);
}

.ie8 h1, .ie8 h2, .ie8 h3, .ie8 h4, .ie8 h5, .ie8 h6{
	background:url(./image/bg_white.png) repeat center top transparent;
}

pre {
	border-top:#DDDDEE 1px solid;
	border-bottom:#888899 1px solid;
	border-left:#DDDDEE 1px solid;
	border-right:#888899 1px solid;
	background-color:#F0F8FF;
	text-shadow: 1px 1px 3px rgba(0,0,0,.3);
	background-color:rgba(240,248,255,.5);
	padding:.5em 1em;
}

small,.small {
	color:#777;
}

strike, del {
	color:#777;
	text-decoration:line-through;
}

/* Custimize Form Design */
input, input, textarea, select{
	box-shadow: none;
}

input[type='text']:focus, input[type='password']:focus, input[type='file']:focus,
input[type='tel']:focus, input[type='url']:focus, input[type='email']:focus,
input[type='datetime']:focus, input[type='date']:focus, input[type='month']:focus,
input[type='week']:focus, input[type='time']:focus, input[type='datetime-local']:focus,
input[type='number']:focus, input[type='range']:focus, input[type='color']:focus,
input[type='search']:focus, textarea:focus, select:focus {
	box-shadow: 0 0 3px #fc0;
	-moz-box-shadow:0 0 3px #fc0;
	-webkit-box-shadow:0 0 3px #fc0;
	border:1px solid #fc0;
}

input[type='text']:hover, input[type='password']:hover, input[type='file']:hover,
input[type='tel']:hover, input[type='url']:hover, input[type='email']:hover,
input[type='datetime']:hover, input[type='date']:hover, input[type='month']:hover,
input[type='week']:hover, input[type='time']:hover, input[type='datetime-local']:hover,
input[type='number']:hover, input[type='range']:hover, input[type='color']:hover,
input[type='search']:hover, textarea:hover, select:hover {
	border:1px solid #fc0;
	box-shadow: none;
}

input[type="search"]{
	background:url(./image/bg_search.png) right 3px no-repeat #f4f4f4;
}

input[type="search"]:focus, input[type="search"]:hover {
	background:url(./image/bg_search.png) right -16px no-repeat #fff;
}

form.comment_form, form.comment_form2 {
	margin: .2em 1em;
}

form.comment_form input[type='text'], form.comment_form2 input[type='text'] {
	box-sizing: border-box;
	min-height: 29px;
}

form.comment_form input[type='submit'], form.comment_form2 input[type='submit'] {
	padding: .5em 1em;
}

form.comment_form ul, form.comment_form2 ul {
	margin: .5em 1.5em;
}
form.comment_form ul li.pcomment_comment, form.comment_form2 ul li.pcomment_comment {
	margin: .6em 0;
}

/** Misc ******************************************************************************************/
.noexists {
	background-color:#FFFACC;
	text-shadow:none;
}

/* Table Tags */
thead .style_td,
tfoot .style_td {
	background-color:#D0D8E0;
}
thead .style_th,
tfoot .style_th {
	background-color:#E0E8F0;
}

.style_table{
	background-color:#ccd5dd;
	text-shadow: none;
}

.style_th{
	background-color:#EEEEEE;
}

.style_td{
	background-color:#EEF5FF;
}

.style_td_blank{
	background-color:#E3EAF6;
}


/* html.php/catbody() */
.word0 {
	background-color:#FFFF66;
	text-shadow:none;
	color:black;
}
.word1 {
	background-color:#A0FFFF;
	text-shadow:none;
	color:black;
}
.word2 {
	background-color:#99FF99;
	text-shadow:none;
	color:black;
}
.word3 {
	background-color:#FF9999;
	text-shadow:none;
	color:black;
}
.word4 {
	background-color:#FF66FF;
	text-shadow:none;
	color:black;
}
.word5 {
	background-color:#880000;
	text-shadow:none;
	color:white;
}
.word6 {
	background-color:#00AA00;
	text-shadow:none;
	color:white;
}
.word7 {
	background-color:#886800;
	text-shadow:none;
	color:white;
}
.word8 {
	background-color:#004699;
	text-shadow:none;
	color:white;
}
.word9 {
	background-color:#990099;
	text-shadow:none;
	color:white;
}


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

.super_index {
	color:#DD3333;
	background-color:inherit;
	font-weight:bold;
	vertical-align:super;
}

.note_super {
	color:#DD3333;
	font-weight:bold;
	font-size:77%;
	vertical-align:super;
	margin: 0 1%;
}

.jumpmenu {
	text-align:right;
}

/* html.php/edit_form() */
.edit_form
{
	/* clear:both; */
	width:95%;
	min-width:99%;
	margin:.5em;
}

#poptoc {
	border:gray thin outset;
	background-color:lightyellow;
	max-width:25em;
	min-width:18em;
	opacity:.9;
	overflow:visible;
	padding:.5em;
	position:absolute;
	text-align:left;
	text-shadow: white 1px 1px 0;
	width:22em;
	z-index:1;
}

.ie6 #poptoc, .ie7 #poptoc, .ie8 #poptoc {
	filter:
		progid:DXImageTransform.Microsoft.Alpha(opacity=90)
		progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=ivory,EndColorStr=lemonchiffon) !important;
}

.webkit #poptoc{
	background: -webkit-gradient(linear, left top, left bottom, from(ivory), to(lemonchiffon));
}

.gecko #poptoc{
	-moz-opacity:.9;
	background: -moz-linear-gradient(top, ivory, lemonchiffon);
}

.presto #poptoc{
	background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCI%2BDQo8ZGVmcz4NCjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwIiB5MT0iMCIgeDI9IjAiIHkyPSIxMDAlIj4NCjxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOml2b3J5OyIvPg0KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjpsaWdodHllbGxvdzsiLz4NCjwvbGluZWFyR3JhZGllbnQ%2BDQo8L2RlZnM%2BDQo8cmVjdCB4PSIwIiB5PSIwIiBmaWxsPSJ1cmwoI2dyYWRpZW50KSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgLz4NCjwvc3ZnPg0K');
}
.ie9 #poptoc {
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=ivory,EndColorStr=lemonchiffon)" !important;
}

#poptoc a{
	color:blue !important;
	cursor:pointer;
}
#poptoc a:hover{
	text-shadow: none;
	background-color:#ccc;
}
#poptoc h1{
	color:navy;
	background-color:honeydew;
	font-size:small;
	font-weight:normal;
	padding:.3em;
	margin:0;
	text-align:center;
	border:silver solid 1px;
	display:block;
}
#poptoc h1 a{color:navy; text-decoration:none;}
#poptoc h1 img {margin-bottom:-3px; margin-right: 2px;}
#poptoc .nav {text-indent:0em;border-top:1px gray solid; padding-top:.2em;text-align:center; white-space: nowrap; }
#poptoc a.here{color: black; background: #EEEEEE; text-decoration: none; border:1px dotted gray;}

.tocpic {
	display: inline;
	cursor: pointer;
}

.hrefp, .topic {
	vertical-align: text-bottom;
}

/** Skin Stylesheet *******************************************************************************/
#hgroup {
	padding: 5px 0 5px 20px;
	text-shadow: black 1px 1px 1px;
	display: block;
	float: left;
}

#hgroup h1, #hgroup h2 {
	background-color: transparent;
	padding: 0;
	border: 0;
}

#hgroup h1 {
	font-weight: bold;
}

#hgroup h2 {
	font-weight: normal;
	font-size: 85%;
}

#topicpath{
	line-height: 100% !important;
}

/* title(serif) font set */
#title, #title a {
	font-family: "Lucida Bright", Century, "Times New Roman", serif;
	line-height:100% !important;
}
:lang(ja) #title, :lang(ja) #title a {
	font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro W6', 'HGP明朝E', '平成明朝', 'ＭＳ Ｐ明朝', 'MS PMincho' !important;
}
:lang(ko) #title, :lang(ko) #title a {
	font-family: '바탕체', 'Batang' !important;
}
:lang(zh) #title, :lang(zh) #title a {
	font-family: 'STSong', 'STFangsong', 'NSimSun', 'SimSun', 'FangSong', '細明體', '宋体' !important;
}

#container{
	width: 970px;
}

#header{
	width: 960px;
	height: 78px;
}

#toggle {
	width: 960px;
}

#content-top, #content-bottom {
	width: 958px;
	height: 15px;
}

#content {
	width: 958px;
}

#primary-content {
	float: right;
	width: 750px;
}

#sidebar {
	width: 190px;
	text-align: left;
	padding: 0 0 0 1%;
	float: left;
}

#footer{
	height: 64px;
	width: 970px;
}

/* Container */
#container {
	position: relative;
	margin: 0 auto;
	background: url(./image/bg_content.png) repeat-y center top transparent;
}

/* Header and Navigation */
#header {
	margin: 0 auto;
	color: gainsboro;
	vertical-align: middle;
	background: url(./image/bg_header.png) transparent repeat top center;
	overflow: hidden;
}

@media screen{
	#header a, #header a:link, #header a:active, #header a:visited {
		color: white !important;
	}
	#header a:hover{
		background-color: none;
	}
}

#header #header_ad {
	float: right;
	margin: 6px;
}

/* Shelf */
#shelf {
	width: 100%;
}

#toggle {
	background-color: black;
	color: #CCC;
	display: none;
	list-style: none;
	margin: 0 auto !important;
	overflow: hidden;
	text-shadow: none;
}

#toggle h2, #toggle dt{
	color: #fff;
	font-weight: 400;
	margin: 15px 2px 0;
}

#toggle > ul {
	list-style: none;
	margin: 10px 0;
}

#toggle > ul li {
	float: left;
	width: 21%;
	background: transparent;
	margin-left: 1.8% !important;
	padding: 0 4px 6px 4px;
	display: inline;
	width: 100%;
	margin: 2px 0;
	padding: 0 8px;
}
#toggle > ul li a {
	display: block;
	background: transparent;
	color: #fff;
	white-space: nowrap;
	padding: 2px;
	border-top: 1px solid #3465A4;
	border-bottom: 1px solid #3465A4;
	text-decoration: none;
}

#toggle > ul li a:link, #toggle ul li a:visited{
	color: #fff;
}

#toggle > ul li a:hover {
	border-top: 1px solid #fc0;
	border-bottom: 1px solid #fc0;
}

#toggle li.tags {
	width: 45%;
}
#toggle li.tags a:hover {
	background:none;
	text-decoration:underline;
}

#toggle .toolbar{
	margin-bottom: 5px;
	clear: both;
	float: right;
}

#toggle #shelf_form{
	float: left;
}

#toggle .toolbar a:hover{
	background-color: grey;
}

#toggle #inner_toggle {
	padding:10px;
}

/* Primary Cotent and Entries */
#body {
	width: auto;
	padding: 0 1%;
/*	overflow:hidden; */
}

#footer_ad{
	text-align: center;
}

#lastmodified{
	text-align: right;
	background: url(./image/bg_meta.png) no-repeat top center;
}

/* Sidebar */
#sidebar {
	display: block;
	font-size: 93%;
	text-shadow: 1px 1px 0 white;
}

#sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5{
	font-weight: normal;
	padding: 4px 2px;
	margin: 4px 0;
	font-size: 123.1%;
	border-width: 1px 1px 1px 10px;
	border-style: solid;
}

#sidebar h2 {
	border-color: #aabbff;
}

#sidebar h3 {
	border-color: #aaffbb;
}

#sidebar h4 {
	border-color: #ffaabb;
}

#sidebar h5 {
	border-color: #bbaaff;
}

#sidebar ul {
	margin: 0 0 0 .7em;
	padding: 0 0 0 .7em;
}

#sidebar #sidebar_ad {
	margin: 0 0 12px -4px;
}

/* Hack calendar */
#sidebar .style_calendar{
	width: 150px !important;
	height: 150px !important;
	padding: 0;
	margin: 1px auto;
}

#toggle ul {
	margin: 0;
	padding: 0 0 10px;
}

/* Footer */
#footer {
	text-shadow: black 1px 1px 1px;
	clear: both;
	padding: .1em .5em;
	margin: auto;
	background: url(./image/bg_footer.png) no-repeat top center transparent;
	color: gainsboro;
	text-align: center;
	font-size: 85%;
}


#footer strong, #footer a:hover{
	color: white;
	background-color: transparent;
}

/* Miscellaneous */
#content {
	display: block;
	margin: auto;
	text-shadow: 1px 1px 0 white;
/*	filter: DropShadow(Color=white, OffX=1, OffY=1);	*/
	background-color: rgba(255, 255, 255, .9);
}

.ie6 #content, .ie7 #content, .ie8 #content {
	background: url(./image/bg_white.png) repeat center top transparent !important;
}

#content-top {
	background: url(./image/bg_content_top.png) transparent repeat-x top center;
}

#single-content{
	overflow: hidden;
}

#content-bottom {
	background: url('./image/bg_content_bottom.png') repeat-x bottom left;
}

#content-top, #content-bottom {
	font-size: 85%;
	text-align: right;
	display: block;
	clear: both;
	margin: 0 auto;
}

#content-top a, #content-bottom a {
	padding: 0 1em;
}

.ui-widget{
	font-size:inherit !important;
}

.ui-widget h1 {
	padding: 2px 2px 3px 8px;
	margin: 10px 0 10px 0;
	border-left:   8px solid #7777FF;
	border-bottom: 2px solid #333388;
}

.ui-widget h2 {
	padding: 2px 2px 3px 8px;
	margin: 10px 0 10px 0;
	border-left:   8px solid #7777FF;
	border-bottom: 2px solid #333388;
}

.ui-widget h3 {
	border-bottom:  1px solid #bb4444;
	border-left:   10px solid #FF7777;
	padding: 2px 2px 4px 8px;
	margin: 8px 1em 8px 0;
}

.ui-widget h4 {
	border-bottom:  1px solid #33bb33;
	border-left:   10px solid #21E05D;
	padding: 2px 4px 4px 8px;
	margin: 8px 0 8px 0;
}

.ui-widget h5, .ui-widget h6 {
	padding: 2px 4px 2px 8px;
 	border: 0;
 	margin: .5em 0 .5em 0;
}

.ui-state-highlight, .ui-state-error, .wikicolor{
	text-shadow: none;
}

/* for realedit.js */
#realview_outer {
	float: left;
	z-index: 10;
	overflow: scroll;
	display: none;
	background: white url(./image/bg_input.jpg) repeat-x left top;
}

#realview {
	width: 100%;
}

/** Plugin Stylesheet ****************************************************************************/
/* attach.inc.php */
#attach{
	margin: 0 1%;
}

#related{
	font-size: 93%;
}

#attach, #related{
	clear: both;
	margin: 10px 0;
}

#attach dl, #related dl{
	display: block;
}

#attach dl dt, #related dl dt{
	margin-left: .5em;
	margin-top: 0;
	float: left;
	font-weight: normal;
}

#attach dl dd, #related dl dd{
	margin-left: .5em;
	padding: .1em;
	display: block;
	float: left;
}

/* backup.inc.php */
.add_word, .add_block{
	background-color: #FFFF66;
}

.remove_word, .remove_block{
	background-color: #A0FFFF;
}

/* calendar.inc.php */
.style_calendar {
	background-color: #CCD5DD;
}
.style_calendar_top {
	background-color: #EEF5FF !important;
}
.style_calendar_today {
	background-color: #FFFFDD;
}
.style_calendar_sat {
	background-color: #DDE5FF;
}
.style_calendar_sun, .style_calendar_holiday {
	background-color: #FFEEEE;
}
.style_calendar_blank {

}
.style_calendar_day {

}
.style_calendar_week {
	background-color: #DDE5EE;
}

.style_calendar tbody .style_td:hover{
	background-color: #DDFFFF;
}

/* week text color */
.week_sat{
	color :blue;
}
.week_day {
/*	color:black;	*/
}
.week_sun, .week_holiday {
	color :red;
}

/* color.inc.php */
.wikicolor{
	text-shadow: none;
}

/* diff.inc.php */
.diff_added {
	color: blue;
}

.diff_removed {
	color: red;
}

/* new.inc.php */
.new1{
	color: red;
	background-color: transparent;
}
.new5{
	color: green;
	background-color: transparent;
}

/* suckerfish.inc.php / navivar.inc.php */
.sf-menu, #container > .navibar {
	width:			960px;
	background:		url(./image/bg_nav.png) repeat-x left top transparent;
	height:			32px;
	display:		block;
	clear:			both;
	white-space:	nowrap;
	line-height:	1.0;
	font-size:		93%;
	text-shadow:	black 1px 1px 1px;
	margin: 0 auto !important;
	padding: 0;
	color:#CCC;
}
#container > .navibar + hr{
	display: none;
}
#container > .navibar ul:after, #container > .navibar ul:before, #container > .navibar li:after{
	content: ''
}
#container > .navibar ul, #container > .navibar li {
	padding: 0 .5em;
}
.sf-menu  * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ie6 .sf-menu ul, .ie7 .sf-menu ul, .ie8 .sf-menu ul{
	background:url(./image/bg_nav_ul.png) repeat left top transparent !important;
}

.sf-menu ul{
	border:			1px solid #333;
	background-color:rgba(32, 32, 32, .6);
	width: 175px; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
	width: 155px;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 32px; /* match top ul list item height */
}

.sf-menu li li:hover ul,
.sf-menu li li.sfHover ul,
.sf-menu li li li:hover ul,
.sf-menu li li li.sfHover ul {
	left:			192px; /* match ul width */
}

.sf-menu li, #container > .navibar li{
	line-height: 32px;
}
.sf-menu li{
	padding: 0 10px;
}
.sf-menu li li, #nav li li li{
	line-height: 22px;
}

.sf-menu li:hover, .sf-menu li.sfHover, #container > .navibar li:hover{
	background-color: rgba(16, 16, 16, .6);
}

ie6 .sf-menu li:hover, ie6 .sf-menu li.sfHover,
ie7 .sf-menu li:hover, ie7 .sf-menu li.sfHover,
ie8 .sf-menu li:hover, ie8 .sf-menu li.sfHover{
	background: #333;
}

.sf-menu li ul li:hover, .sf-menu li ul li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	text-decoration: none;
}

/* Link color */
.sf-menu a, #container > .navibar a {
	color: white !important;
	text-decoration: none;
}
.sf-menu a:visited, #container > .navibar a:visited { /* visited pseudo selector so IE6 applies text colour*/
	text-decoration: none;
}

.sf-menu a:active, #container > .navibar a:active {
	text-decoration: none;
}

.sf-menu a:hover, #container > .navibar a:hover {
	background-color:transparent;
}
.sf-menu .noexists {
	background-color:transparent;
}

#lastmodified {
	clear:both;
	padding: 0;
	margin: 0;
	font-size: 93%;
}

#preview {
	color:inherit;
}

/* note.inc.php */
#note{
	clear:both;
	padding: 0;
	font-size: 85%;
}

#note ul{
	padding: 0;
	list-style-type:none;
}

/* toolbar.inc.php */

/* attach.inc.php & related.inc.php */
#attach{
	margin-bottom: .2em;
}

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

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

/* tooltip.inc.php */
.tooltip, .linktip{
	color: #006565;
}

.tooltip:hover, .linktip:hover{
	background-color: #e1ffe4;
}

/** Print Setting *********************************************************************************/
@media print {
	body{
		background:white !important;
	}
	#container, #body, #header, #content, #content-top, #content-bottom, #primary-content, #sidebar, #footer{
		width:auto;
		height:auto;
		clear:both;
		display:block;
		margin: 0;
		padding: 0;
	}

	#hgroup h2, .navibar, #menubar, #poptoc, #attach, .toolbar, .sf-menu,
	#shelf, #toggle, #sidebar, #content-top, #content-bottom{
		display:none !important;
		visibility: hidden !important;
	}

	#hgroup, h1, h2, h3, h4, h5, h6{
		margin: 0;
		padding: 1px;
		width: 100%;
	}

	#title h1, #title h1 a{
		color: black;
	}

	#lastmodified{
		text-align: right;
	}

	address{
		float: left;
	}
}

.row-fluid [class*="span"] { margin-left: 0; padding: 0 2px; }
.row-fluid .span1  { width: 8.333333%; }
.row-fluid .span2  { width: 16.666667%; }
.row-fluid .span3  { width: 25%; }
.row-fluid .span4  { width: 33.333333%; }
.row-fluid .span5  { width: 41.666667%; }
.row-fluid .span6  { width: 50%; }
.row-fluid .span7  { width: 58.333333%; }
.row-fluid .span8  { width: 66.666667%; }
.row-fluid .span9  { width: 75%; }
.row-fluid .span10 { width: 83.333333%; }
.row-fluid .span11 { width: 91.666667%; }