@charset "Shift_JIS";

div,p {
	margin: 0;
	padding: 0;
}


blockquote { margin-left:32px; }

body {
	margin: 0;
	padding: 0 36px;
	/*font-size: 90%;*/
	font-family: arial, Sans-Serif;
	line-height: 140%;
	word-break: break-all;
}

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



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

h5, h6 {
	font-family:arial, Sans-Serif;
	color:inherit;
	background-color:#FFEEDD;
 	padding:.3em;
 	border:0px;
 	margin:0px 0px .5em 0px;
}

h1.title {
	font-size: 30px;
	font-weight:bold;
	background-color:transparent;
	padding: 12px 0px 0px 0px;
	border: 0px;
	margin: 12px 0px 0px 0px;
}

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

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

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

em { font-style:italic; }

strong { font-weight:bold; }


ul, ol {
  padding: 0 0 0 30px;
}
ul ul, ul ol, ol ul, ol ol {
  padding: 0 0 0 20px;
}
ul li, ol li {
  padding: 2px 0 3px;
}


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

#col-body ul.list1 li {
  padding: 2px 0 8px;
}


div.ie5 { text-align:center; }

.small { font-size:80%; }

.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: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:#66FFFF;
	color:black;
}
strong.word1 {
	background-color:#FFFFA0;
	color:black;
}
strong.word2 {
	background-color:#99FF99;
	color:black;
}
strong.word3 {
	background-color:#9999FF;
	color:black;
}
strong.word4 {
	background-color:#FF66FF;
	color:black;
}
strong.word5 {
	background-color:#000088;
	color:white;
}
strong.word6 {
	background-color:#00AA00;
	color:white;
}
strong.word7 {
	background-color:#006888;
	color:white;
}
strong.word8 {
	background-color:#994600;
	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;
}

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

div#menubar {
	width:9em;
	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%; }

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

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:#DDD5CC;
	text-align:center;
}
.style_td_caltop {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#FFF5EE;
	font-size:80%;
	text-align:center;
}
.style_td_today {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#DDFFFF;
	text-align:center;
}
.style_td_sat {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#FFE5DD;
	text-align:center;
}
.style_td_sun {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEEEFF;
	text-align:center;
}
.style_td_blank {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#FFF5EE;
	text-align:center;
}
.style_td_day {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#FFF5EE;
	text-align:center;
}
.style_td_week {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEE5DD;
	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:blue;
	background-color:inherit;
}

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

/* 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 {
	color:inherit;
	background-color:#CCCCFF;
}
td.vote_td1 {
	color:inherit;
	background-color:#FFE5DD;
}
td.vote_td2 {
	color:inherit;
	background-color:#FFF5EE;
}

/*** ここからDPSWS的 *************************************/
body {
	background-color: #fdeff2;
}

div.container {
	width: 100%;
	background-color: #FFF;
	border-width: 0px;
	border-style: solid;
	border-color: #8dff81;
}

/* div.logo：ヘッダ部分 */
div.logo {
	width: 100%;
	float: left;
	background-color: #262626;
//	color: white;
}
div.logo img {
	float: left;
	margin-right: 16px;
	width: 80px;
	height: 80px;
}
div.logo h1 {
	width: auto;
	margin: 0;
	padding: 8px;
	font-size: 24px;
	vertical-align: middle;
}
div.logo div.page_funcbar{
	float: right;
	padding-right: 4px;
	width: auto;
}
div.logo a {
	color: #DDF;
}

/* div.navigationbar：ページ上部のナビゲーションバー */
div.navigationbar {
	clear: both;
	width: 100%;
	background-color: #70bde0;
	padding: 4px;
}
div.navigationbar a {
	color: black;
}

/* div.navigator：ナビゲーションバー内部のナビゲータ */
div.navigator {
	width: auto;
	float: right;
}

/* div.right：メインコンテンツ表示部（ページ右側） */
div.right {
	float: right;
	width: 73%;
}

/* div.body：メインコンテンツ */
div.body {
	padding: 1em 1em 1em 0;
}
div.body h2 {
	margin: 0 0 8px 0;
	font-size: medium;
	border-color: rgb( 168, 139, 94 );
	border-style: solid;
	border-width: 1px 1px 1px 8px;
	padding: 4px 4px 4px 10px;
}
div.body h3, div.body h4{
	padding: 4px;
	font-size: medium;
	border-bottom: 1px dashed rgb( 168, 139, 94 );
}
div.body h4 {
	margin: 0;
	padding: 0 0 4px 8px;
	width: 100%;
}
div.body p {
	padding: 0.2em 0.5em;
}
div.body blockquote {
	border-color: rgb( 168, 139, 94 );
	border-style: solid dashed;
	border-width: 2px 1px;
	padding: 0.5em 1em;
}

/* div.left：メニュー表示部（ページ左側） */
div.left {
	float: left;
	width: 23%;
}

/* div.menu：メニュー表示部 */
div.menu {
	padding: 16px;
}
div.menu h2 {
	font-size: medium;
	font-weight: bold;
	text-align: center;
	border-bottom: dashed 1px rgb( 168, 139, 94 );
}
div.menu div, div.menu form { margin: 4px 0 0 0; }
div.menu ul {
	margin: 16px 0;
	padding: 0 0 0 1em;
	list-style-type: none;
}
div.menu ul li {
	margin: 0 0 2px 0;
	padding: 0 1em;
	text-align: left;
}
div.menu ul a {
	display: block;
	border-color: #FFF;
	border-width: 1px;
	border-style: solid;
	margin-left: -1em;
	padding-left: 1em;
	text-decoration: none;
}
div.menu ul a:hover {
	background: #FEFEFE;
	border: 1px solid rgb( 168, 139, 94 );
}
/* div.footer：フッタ部 */
div.footer {
	clear: both;
	text-align: right;
	color: #FFF;
	background-color: #8dff81;
}
div.footer a {
	color: #DDF;
}

/* div.editbar：フッタ内部の編集バー */
div.editbar {
	clear: both;
	text-align: right;
	background-color: #70bde0;
	color: #666;
}
div.editbar a {
	padding: 0 4px;
	color: #000;
}

span.noexists {
	color:inherit;
	background-color: rgb( 168, 139, 94 );
}

thead td.style_td,
tfoot td.style_td {
	color:inherit;
	background-color: aliceblue;
}
thead th.style_th,
tfoot th.style_th {
	color:inherit;
	background-color: blue;
}
.style_table {
	padding:0px;
	border:0px;
	margin:auto;
	text-align:left;
	color:inherit;
	background-color: aliceblue;
}
.style_th {
	padding:5px;
	margin:1px;
	text-align:center;
	color:inherit;
	background-color:#EEEEEE;
}
.style_td {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color: aliceblue;
}
a:hover {
	color: inherit;
	background-color:aliceblue;
	text-decoration:underline;
}
a:active {
	color: inherit;
	background-color:aliceblue;
	text-decoration:none;
}
pre {
	border-top: royalblue 1px solid;
	border-bottom: blue 1px solid;
	border-left: royalblue 1px solid;
	border-right: blue 1px solid;
	padding:.5em;
	margin-left:1em;
	margin-right:2em;
	white-space:pre;
	color:black;
	background-color: aliceblue;
}

/*ここから藤本追加*/

.navbar {
	margin: 0;
}

.navbar .container {
    background-color: #2ca9e1;
}

.navbar-brand {
	background: url("../image/dpsws-logo_2022.png") no-repeat left center;
//	background-size: 140%;
	background-size: contain;
	height: 80px;
	width: 80px;
}

.navbar-info {
	max-width: 60vw;
	margin: 0 0 0 64px;
	padding: 0 8px 0 8px;
	color: white;
}

.navbar-info h1 {
	width: auto;
	margin: 0;
	padding: 8px 0 8px 0;
	font-size: 2em;
	vertical-align: middle;
}

footer {
	background-color: #2ca9e1;
	color: white;
	padding: 0;
	text-align: right;
}

#col-body h1 {
	font-size: 1.5em;
	font-weight:bold;
	background-color:transparent;
	padding: 12px 0px 0px 0px;
	border: 0px;
	margin: 12px 0px 0px 0px;
}

#col-body h3, #col-body h4{
	padding-top: 4px;
	padding-bottom: 2px;
	font-size: medium;
}
#col-body h4 {
	padding: 12px 0 4px 8px;
	width: 100%;
}
#col-body p {
	padding: 0.2em 0.5em;
}

#col-body blockquote {
	//border-color: rgb( 168, 139, 94 );
	//border-style: solid dashed;
	//border-width: 2px 1px;
	//padding: 0.5em 1em;
	font-size: 1em;
}

#col-menu h2 {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	border-bottom: thin solid gray;
}

#main-menu a {
	color: white;
}

#main-menu a:hover {
	background-color:aliceblue;
}

@media (max-width: 500px) {
	.navbar-info {
		font-size: 14px;
	}
	.navbar-info h1 {
		font-size: 16px;
	}
}