@charset "utf-8";
/* 
標準構造1号 SPEC CSS（Bootstrap3と併用）
v2015a by みどり情報技術 K.I
*/

body {
	/* utf-8 でフォント指定無し→IEでうまくない */
	font-family: Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Hiragino Kaku Gothic ProN", sans-serif;
	overflow-y:scroll; /* 右スクロールバー常時表示　*/
	/* background: #c7e6c3 url(./bkptn96c.png) repeat; */
	background: #eaffd0;
}

a {
	color: #0066ff;
}
a:hover {
	color: #ff0000;
}

h2, h3 {
	font-size: 1.5em;
}

.sp-hla {
	padding-left: 8px;
	line-height: 1.7em;
	border-left: #99cc99 8px solid;
}

.sp-h-musi1 {
	margin-left: 3px;
	background: #ffffff url(./icon_komisuji.jpg) no-repeat;
	background-position: 0 -5px;
	padding-left: 55px;
	line-height: 1.7em;
	/* border-left: #99cc99 5px solid; */
}

.latin-i {
	font-family: "Times", "Times New Roman", serif;
	font-style: italic;
}

.latin-r {
	font-family: "Times", "Times New Roman", serif;
	font-style: normal;
}

/* ======================= */
/* index.php用 */
/* ======================= */
.mdj-index-msg-c {
	width: 80%;
	margin: 8px auto;
}

.mdj-index-addition-a {
	background: #ddf8cc;
	padding: 2px 6px;
	border-radius: 8px;
}
.mdg-news-headline {
	margin: 10px;
	border-top: #cccccc 1px solid;
}


/* ======================= */
/* 標準値Override */
/* ======================= */

div {
	box-sizing: border-box;
}

.container {
  width: 960px;
}

.nav-tabs {
	margin-top: 10px;
}
.nav-tabs a {
	color: #337740;
	border-radius: 10px 10px 0 0 !important;
	background-color: #ddffbb !important;
}
.nav-tabs a:hover {
	color: #006600;
	background-color: #aaee99 !important;
}
.nav-tabs > li.active > a {
	color: #ffffff;
	border: 339948 1px solid;
	background-color: #339948 !important;
}
.nav-tabs > li.active > a:hover {
	color: #ffffff;
}

.nav-pills {
	padding-bottom: 12px;
}
.nav-pills a {
	color: #337740 !important;
	background-color: #ddffbb !important;
	border-radius: 10px !important;
}
.nav-pills a:hover {
	color: #006600 !important;
	background-color: #aaee99 !important;
}
.sp-user-pill .active a, .sp-user-pill .active a:hover {
	color: #ffffff !important;
	background-color: #339948 !important;
	border-radius: 10px !important;
}

/* ======================= */
/* 構成部別特性 */
/* ======================= */

#sp-h-pagetop {
	height: 6px;
	background: #eaffd0;
}

#sp-kazariobi {
	position: absolute;
	top: 96px;
	width: 100%;
	height: 40px;
	background: #66d077;
	z-index: 0;
	border-top: #55cc55 1px solid;
	border-bottom: #509950 1px solid;
	box-shadow: 0 7px 7px 0 rgba(0,0,0,.2);
}

#sp-container {
	background: #ffffff url('./logobk320ht.png') no-repeat;
	background-position: right -30px bottom -30px;
	padding-top: 5px; /* 飾り帯の影を考慮 */
	border-radius: 0 0 30px 30px;
	/* box-shadow: 0 -4px 7px 0 rgba(0,0,0,.2) inset; */
}

#sp-panel-head {
	height: 90px;
	padding: 14px;
	background: #ffffff;
	border-radius: 30px 30px 0 0;
	/* box-shadow: 0 5px 7px 0 rgba(0,0,0,.2) inset; */
}

/* jQuery制御プルダウンメニュー */
/* 第一階層メニュー（メニューバー部） */
#sp-menubar {
	background: #55c066;
	width: 960px;
	z-index: 100;
	/* margin-bottom: 10px; */
}
	#sp-menubar ul#sp-menu {
		display: block;
		width: 960px;
		margin: 0 auto;
		padding: 0;
		height: 40px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		#sp-menubar ul#sp-menu li {
			display: block;
			/* 60 + (180*5) = 960 */
			width: 180px;
			height: 40px; /* #sp-menu のheightと揃える */
			float: left;
			list-style-type: none;
			position: relative;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border-top: #55cc55 1px solid;
			border-left: #55cc55 1px solid;
			border-bottom: #509950 1px solid;
			border-right: #509950 1px solid;
			color: #ffffff;
			text-align: center;
			font-size: 1.1em;
			line-height: 40px; /* #sp-menu のheightと揃える */
		}
		#sp-menubar ul#sp-menu li.sp-index {
			/* 60 + (180*5) = 960 */
			width: 60px;
			font-size: 1.3em;
		}
		#sp-menubar ul#sp-menu li.sp-active {
			background: #339940;
			color: #ffffff;
		}
		#sp-menubar ul#sp-menu li.sp-disabled {
			color: #77cc77;
			cursor: not-allowed;
		}
		#sp-menubar ul#sp-menu a {
			display: block;
			width: 100%;
			height: 100%;
			background: #55c066;
			color: #ffffff;
			text-decoration: none;
		}
		#sp-menubar ul#sp-menu a:hover {
			background: #339940;
			color: #ffffff;
			/* text-decoration: underline; */
		}
/* メニューバー直後の Clear Hack */
#sp-menubar ul#sp-menu { zoom:1; }
#sp-menubar ul#sp-menu:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

/* サブメニュー（プルダウン）部 */
#sp-menubar ul#sp-menu ul.sp-sub {
	background: #55c066;
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	z-index: 200;
}
	#sp-menubar ul#sp-menu ul.sp-sub li {
		width: 105%;
		height: 35px;
		font-size: 100%;
		line-height: 35px; /* heightと揃える */
	}
		#sp-menubar ul#sp-menu ul.sp-sub li a {
			color: #ffffff;
			text-decoration: none;
		}
		#sp-menubar ul#sp-menu ul.sp-sub li a:hover {
			background: #339940;
			color: #ffffff;
			/* text-decoration: underline; */
		}

		
/* ======================= */
/* トピックボックス */
/* ======================= */
div.sp-topic-container {
	margin: 0;
	padding: 3px 5px 12px 5px;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
div.sp-topic-container:after {
	clear: both;
}
div.sp-c100 {
	width: 100%;
}
div.sp-c50 {
	width: 50%;
}
div.sp-c33 {
	width: 33.33333%;
}
div.sp-f-left {
	float: left;
}
div.sp-f-right {
	float: right;
}

.sp-news-prev {
	float: left;
	width: 48%;
	padding-bottom: 12px;
}
.sp-news-next {
	float: right;
	width: 48%;
	text-align: right;
	padding-bottom: 12px;
}
.sp-news-prev p, .sp-news-next p {
	margin: 0;
	padding: 0;
}
span.sp-topic-title {
	margin: 0 0 0 12px;
	padding: 1px 20px;
	border-radius: 10px 10px 0 0;
	background: #808080;
	color: #ffffff;
	font-weight: bold;
}
div.sp-topic-box {
	width: 100%;
	margin: 0;
	padding: 8px;
	border: #808080 1px solid;
	border-radius: 6px;
	background: #ffffff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
	div.sp-topic-box h4 {
		font-weight: bold;
	}
	div.sp-topic-box p {
		margin: 2px 4px;
		padding: 0;
	}

span.sp-tt1 {
	background: #0055aa;
}
div.sp-tb1 {
	border-color: #0055aa;
}
span.sp-tt2 {
	background: #4099f0;
}
div.sp-tb2 {
	border-color: #4099f0;
}
span.sp-tt3 {
	background: #33aa55;
}
div.sp-tb3 {
	border-color: #33aa55;
}
span.sp-tt4 {
	background: #66bb88;
}
div.sp-tb4 {
	border-color: #66bb88;
}
span.sp-tt5 {
	background: #ddaa66;
}
div.sp-tb5 {
	border-color: #ddaa66;
}
span.sp-tt6 {
	background: #f87777;
}
div.sp-tb6 {
	border-color: #f87777;
}
span.sp-tt7 {
	background: #e077f0;
}
div.sp-tb7 {
	border-color: #e077f0;
}
span.sp-tt9 {
	background: #ff0033;
}
div.sp-tb9 {
	border-color: #ff0033;
}

h1.h-cat {
	font-size: 1.7em;
	margin: 0;
	text-align: right;
	color: #337733;
}

h4.sp-h4tt {
	font-size: 1.4em;
	margin: 8px 0;
}
h4.sp-h4tx {
	font-size: 1.25em;
	color: #007777;
	margin: 7px 0;
}
h4.sp-h4b {
	font-size: 1.25em;
	font-weight: bold;
	margin: 16px 0 5px 0;
	clear: both;
}	
h4.sp-h4b:nth-of-type(1) {
	margin-top: 6px;
}	

img.i-left {
	float: left;
	margin: 2px 6px 6px 0;
}
img.i-right {
	float: right;
	margin: 2px 0 6px 6px;
}


.sp-imgs {
	width: 100%;
	margin: 8px 5px 8px 0;
	padding: 3px 6px;
	background: #ffffff;
	border-radius: 0;
	border: none;
}
.sp-imgs img {
	margin: 3px;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
}

.sp-news-headline {
	margin: 8px;
	padding: 4px;
	border-top:#bbddbb 1px solid;
}
	.sp-news-headline:nth-of-type(1) {
		border: none;
	}

.sp-news-headline2 {
	margin: 8px;
	padding: 4px;
	border-top:#ffbbbb 1px solid;
}
.sp-news-headline3 {
	margin: 8px;
	padding: 4px;
	border-top:#8888dd 1px solid;
}
.sp-columns-headline {
	margin: 8px;
	padding: 4px;
	border-top:#ffccdd 1px solid;
}

strong.st-topic1 {
	font-size: 1.2em;
	color: #009933;
}
strong.st-topic2 {
	font-size: 1.2em;
	color: #ff0000;
}


/* 下部 */
#sp-footer {
	padding: 10px 0;
	text-align: center;
	color: #777777;
}
	#sp-footer p {
		margin: 0;
		padding: 0;
		text-align: center;
		line-height: 1.2em;
	}

	
/* モジュール記事中の強調表示 */
strong.st-mod {
	font-size:1.2em;
	color:#ff9999;
}
strong.st-mod2 {
	color:#007700;
}


/* ======================= */
/* その他 */
/* ======================= */

/* ページの最上部へ飛ぶボタン（フェードイン）：画面表示のみ */
@media screen {
	a#sp-navi2top {
		display: block;
		position: fixed;
		right: 10px;
		bottom: 10px;
		padding: 4px;
		border-radius: 4px;
		color: #ffff00;
		background: #3333cc;
		opacity: 0.7;
		text-decoration: none;
	}
	a#sp-navi2top:hover {
		opacity: 0.95;
		text-decoration: none;
	}
}
/* 印刷時は要らないので */
@media print {
	a#sp-navi2top {
		visibility: hidden;
	}
}