@charset "utf-8";

/*---------------------------------------------------------------------*
 * 全体
 *---------------------------------------------------------------------*/

/* フォント */

body {
	background-color: #fefbf8;
	font-size: 16px;
	word-break: break-all;
}

/* コンテナ */

#ksn-container {
	/*width: 637px;*/
	margin: 20px auto;
}

/*---------------------------------------------------------------------*
 * ナビゲーション
 *---------------------------------------------------------------------*/

/* ヘッダ */

#ksn-header {
/*	margin-bottom: 0.5em;*/
}

/* ロゴ */

#ksn-logo {
	height: 65px;
}

#ksn-logo > a {
	display: block;
	text-align: center;
}

/* メニューバー */

#ksn-menubar {
	height: 46px;
	font-weight: bold;
}

.ksn-menu {
	position: relative;

	width: 158px;
	height: 46px;

	margin-right: 1px;

	float: left;
}

a.ksn-menuLink {
	position: absolute;

	text-decoration: none;

	top: 0;
	left: 0;

	width: 158px;
	line-height: 46px;

	font-size: 18px;

	color: #ffffff;

	text-align: center;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;

	background-color: #ee7800;
}

a.ksn-disabledMenuLink {
	background-color: #aaaaaa;
}

a.ksn-menuLink:hover,
a.ksn-menuLink:focus {
	color: #ffffff;
	text-decoration: none;
}

.navbar {
	background-color: #feeedf;
}

/*---------------------------------------------------------------------*
 * ページタイトル
 *---------------------------------------------------------------------*/

.ksn-pageCaptionArea {
	height: 90px;
	margin-bottom: 0.5em;
}

.ksn-pageIconArea {
	width: 90px;
	vertical-align: middle;
}

.ksn-pageIcon {
	font-size: 70px;
	color: #ee7800;
}

.ksn-pageCaption {
	font-size: 18px;
	font-weight: normal;
	vertical-align: middle;
}

/*---------------------------------------------------------------------*
 * 機能
 *---------------------------------------------------------------------*/

/* テーブル */

.tableish {
	display: table;
}

.tableish > .tr {
	display: table-row;
}

.tableish > .td,
.tableish > .tr > .td {
	display: table-cell;
}

/*---------------------------------------------------------------------*
 * その他
 *---------------------------------------------------------------------*/

/* セパレータ */

hr {
	border-color: #fce4cc;
}

/* ビルドバージョンなど */

hr.ksn-buildSeparator {
	margin-bottom: 10px;
}

#ksn-build {
	font-size: 12px;
}

/*---------------------------------------------------------------------*
 * いろいろ(コンテンツ)
 *---------------------------------------------------------------------*/

#ksn-contents a,
#ksn-contents a:visited {
	text-decoration: underline;
}

#ksn-contents a:visited {
	color: #661199;
}

#createdDate {
	font-size: 14px;
	text-align: right;
}

#lastModifiedDate {
	font-size: 14px;
	text-align: right;
}

/* >> 2017/11/16 以前 */
dl dt.title,
dl dt.title-sub,
dl dt.title-x-sub,
dl dt.title-xx-sub {
	font-weight: bold;

	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left: 16px solid #ee7800;

	margin-bottom: 5px;
}

dl dt.title {
	background-color: #eea000;

	font-size: 18px;
	color: #ffffff;
}

dl dt.title-sub,
dl dt.title-x-sub,
dl dt.title-xx-sub {
	color: #eea000;
}

dl dt.title-sub {
	font-size: 16px;

	border-left: 12px solid #eea000;
	border-top: 1px solid #eea000;
	border-right: 1px solid #eea000;
	border-bottom: 1px solid #eea000;
}

dl dt.title-x-sub {
	font-size: 14px;

	border-left: 6px solid #eea000;
	border-bottom: 1px solid #eea000;
}

dl dt.title-xx-sub {
	font-size: 14px;

	border-left: 6px solid #eea000;
}

dl dd {
	margin-top: 15px;
	margin-bottom: 15px;
}

dl dd p {
	margin-top: 10px;
}

dl dd ul {
	margin-left: 25px;
}

dl dd ul li {
	margin-top: 5px;
	margin-bottom: 5px;

	list-style-type: disc;
}

dl dd ul li li {
	margin-top: 5px;
	margin-bottom: 5px;

	list-style-type: circle;
}

dl dd ul li li li {
	margin-top: 5px;
	margin-bottom: 5px;

	list-style-type: square;
}

dl dd ul li li li li {
	margin-top: 5px;
	margin-bottom: 5px;

	list-style-type: disc;
}

dl dd ol {
	margin-left: 25px;
}

dl dd ol li {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* << */

/* >> 2017/11/16 以降 */

#ksn-contents h3 {
	font-weight: bold;

	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-left: 16px solid #ee7800;

	margin-bottom: 16px;

	background-color: #eea000;

	font-size: 18px;
	color: #ffffff;
}

#ksn-contents .caption {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 6px;
}

#ksn-contents h4 {
	font-weight: bold;

	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;

	border-left: 16px solid #eea000;
	border-top: 1px solid #eea000;
	border-right: 1px solid #eea000;
	border-bottom: 1px solid #eea000;

	background-color: #fefbf8;

	font-size: 18px;
	color: #eea000;
}

#ksn-contents h5 {
	font-weight: bold;

	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;

	border-left: 1px solid #eea000;
	border-top: 1px solid #eea000;
	border-right: 1px solid #eea000;
	border-bottom: 1px solid #eea000;

	background-color: #fefbf8;

	font-size: 16px;
	color: #eea000;
}

/* << */

/* ソース表示用 */
.source {
	background-color: #fafafa;
}

.source_in_well {
	background-color: white;
}

/* コマンドライン表示用 */
.commandline {
	color: white;
	background-color: #000033;
}

/* 警告 */
.warning {
	font-weight: bold;
}

/* ノート */
.note {
	font-size: 13px;
}

/* ノート(枠囲い) */

div.noteArea {
	border: 1px solid #cccccc;
	background-color: white;
	margin: 1em 0;
	padding: 0 1em 1em 1em;
}

div.noteArea p:last-child {
	margin-bottom: 0;
}