@charset "UTF-8";

/** Color setting **/

body{
	color:#060606;
	background-color:#d6e1ec;
}

a:not(.btn):not([role="presentation"]) {
	color:#215dc6;
}

a:not(.btn):not([role="presentation"]):active {
	color:#c6215d;
}

a:not(.btn):not([role="presentation"]):visited {
	color:#06358a;
}

a:not(.btn):not([role="presentation"]):hover {
	color:#268671;
}
hr {
	border-color:#888899;
}
h1, h2 {
	color:#00000f;
	background-color:#adc3d9;
	border-color:#384658;
}

h3{
	color:#00000f;
	background-color:#adc3d9;
	border-color:#46586e;
}

h4{
	color:#00000f;
	background-color:#adc3d9;
	border-color:#50667f;
}

h5{
	color:#00000f;
	background-color:#adc3d9;
	border-color:#60768f;
}

h6{
	color:#00000f;
	background-color:#adc3d9;
	border-color:#70869f;
}

pre{
	border:#888899 1px solid;
	color:#060606;
	background-color:#eeeeee;
}

.form-control {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agc3RvcC1jb2xvcj0iI2FkYzNkOSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2Q2ZTFlYyIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWRpZW50KSIgLz48L3N2Zz4=') !important;
	background-color: #d6e1ec;
	border: 1px solid #769bc0;
}

.table {
	background-color:#769bc0;
}
.table th{
	background-color:#d6e1ec;
}
.table tr:nth-child(odd) td {
	background-color:#f5faff;
}
.table tr:nth-child(even) td,
.table td.blank-cell {
	background-color:#e5f2ff;
}
.table thead td,
.table tfoot td {
	background-color:#d6e1ec;
}
.table thead th,
.table tfoot th {
	background-color:#adc3d9;
}

#header{
	background-color: #adc3d9;
	border: 2px solid #769bc0;
}

#hgroup{
	color:#00000f;
	background-color: #7ea1c2;
	border-color: #2b3643;
}

#content{
	background-color:#f5faff;
	border:3px solid #0064c8;
}

.footbox{
	border:dotted 1px #769bc0;
	background-color: #adc3d9;
}

.sidebox h1,
.sidebox h2,
.sidebox h3,
.sidebox h4,
.sidebox h5{
	border: 2px solid #769bc0;
	background-color: #adc3d9;
}

/* calendar.inc.php */
.style_calendar {
	background-color:#769bc0;
}
.style_td_caltop,
.style_td_week {
	background-color:#d6e1ec;
}

/** start layout setting **/

blockquote { margin-left:32px; }

body {
	margin:0;
	padding:1%;
	letter-spacing:1px;
}

td, th {
	letter-spacing:1px;
}

h1, h2 {
	font-size:153.8%;
	padding:3px;
	border-style:solid;
	border-width:3px 3px 6px 20px;
	margin:0 0 5px 0;
}
h3 {
	font-size:138.5%;
	padding:3px;
	border-style: solid;
	border-width: 1px 1px 5px 12px;
	margin:0 0 5px 0;
}
h4 {
	font-size:131%;
	padding:3px;
	border-style: solid;
	border-width: 0 6px 1px 7px;
	margin:0 0 5px 0;
}
h5 {
	font-size:123.1%;
	padding:3px;
	border-style: solid;
	border-width: 0 0 1px 6px;
	margin:0 0 5px 0;
}

h6 {
	font-size:110%;
	padding:3px;
	border-style: solid;
	border-width: 0 5px 1px 0;
	margin:0 0 5px 0;
}


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

pre {
	padding:.5em;
	margin-left:1em;
	margin-right:2em;
	white-space:pre;
	word-break:break-all;
	letter-spacing:0px;
}

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

ul {
	line-height:161.6%;
}
/** Framework *************************************************************************************/
#container {
	width:100%;
	margin: 0 auto;
}

#main_wrapper #main{
	padding:5px;
	margin:0 1.5em;
}

#menubar, #sidebar{
	display:none;
}
@media screen{
	.two-colums #main_wrapper {
		width:100%;
		float:right;
		margin-left:-180px;
	}

	.two-colums #main_wrapper #main {
		margin:0 0 0 180px;
	}

	.two-colums #menubar {
		display:block;
		width:180px;
		float:right;
	}

	.three-colums #wrapper {
		width:100%;
		float:left;
		margin-right:-180px;
	}

	.three-colums #main_wrapper {
		width:100%;
		float:right;
		margin-left:-180px;
	}

	.three-colums #main_wrapper #main {
		margin:0 180px;
		padding:0 5px;
	}

	.three-colums #menubar {
		display:block;
		width:180px;
		float:left;
		left:0;
	}

	.three-colums #sidebar {
		display:block;
		width:180px;
		float:right;
		right:10px;
		position:absolute;
	}

	.three-colums #misc {
		width:100%;
		clear:left;
	}
}

/** Layout ****************************************************************************************/
#header {
	padding:5px;
	margin:0 0 10px 0;
}

	#hgroup {
		display:block;
		font-weight: bold;
		letter-spacing: 3px;
		border-style: solid;
		border-width: 2px 4px 4px 2px;
		margin: 5px;
	}
	
	#logo {
		float:left;
		margin-right: 20px;
	}
	
	
	#logo + #hgroup{
		margin-left: 90px;
	}
	
	#hgroup h1, #hgroup h2{
		border: none;
		background-color: transparent;
	}

	#hgroup h1{
		font-size: 197%;
	}
	#hgroup h2, #hgroup .topicpath{
		font-size: 93%;
	}

	.search_form
	{
		font-size: 85%;
		padding:2px 8px;
		margin:0;
		float:right;
	}

	.navibar {
		font-size: 85%;
		padding:2px;
		margin:0;
	}

	#pageinfo
	{
		font-size: 77%;
		padding:2px;
		margin:0;
		clear:left;
	}

#content {
	padding: 12px;
}

	.footbox
	{
		clear:both;
		padding:3px;
		margin:6px 1px 1px 1px;
		font-size:93%;
		line-height:182%;
	}


.toolbar {
	padding:0px;
	margin-bottom:10px;
	text-align:right;
}

#footer {
	clear: both;
	font-size:85%;
	padding:0;
	margin:16px 0 0 0;
}

#qrcode {
	float:left;
	margin:0 10px;
}

	.sidebox {
		font-size:93%;
		word-break:break-all;
		overflow:hidden;
		letter-spacing: .5px;
	}

	.sidebox ul li {
		line-height:161.6%;
	}
	
	.sidebox h1 ,
	.sidebox h2 ,
	.sidebox h3 ,
	.sidebox h4 ,
	.sidebox h5 {
		font-size: 116%;
		background-image: none;
		margin-top:10px;
	}
	
	.sidebox ul{
		margin:0;
		padding:0 0.5em;
	}
	
	.sidebox .anchor_super,
	.sidebox .jumpmenu {
		display:none;
	}
	
	.sidebox td {
		padding:0;
	}

#footer{
	clear:both;
}
	#signature{
		float:left;
	}

.noexists {
	color:#000000;
	background-color:#FFFACC;
}

.small { font-size:77%; }

.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:77%;
}

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

hr {
	border-style:ridge;
	border-width:1px 0;
}

#hgroup + .navibar{
	display:block;
	text-align:right;
}

#pageinfo{
	clear:left;
}

.navibar ul:after, .navibar ul:before{
	content: '';
}

.style_td_today {
	background-color:#CCFFDD;
}
.style_td_sat {
	background-color:#DDE5FF;
}
.style_td_sun {
	background-color:#FFEEEE;
}

/* calendar_viewer.inc.php */
.calendar_viewer {
	color:inherit;
	background-color:inherit;
	margin-top:20px;
	margin-bottom:10px;
	padding-bottom:10px;
}
.calendar_viewer_left {
	color:inherit;
	background-color:inherit;
	float:left;
}
.calendar_viewer_right {
	color:inherit;
	background-color:inherit;
	float:right;
}

/* counter.inc.php */
.counter { font-size:90%; }

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

.diff_removed {
	color:red;
	background-color:inherit;
}

@media print{
	#logo, #navigator, #topbox, #leftbox, #leftbox2, #rightbox, #footer,
	#toolbar, #attach, #related, a.note_super, .jumpmenu, .anchor_super,
	.search_form, .pageinfo{
		display:none;
	}
	#centerbox, #centerbox_noright, #centerbox_noright2{
		width:100%;
	}
	#logo + #hgroup{
		margin-left: 0px;
	}
	#header, #content{
		border:none;
		margin:0;
		padding:0;
	}
	
	#content{
		clear:both;
	}
	
	.title{
		border:none;
		margin:5px;
		padding:0;
	}
}