﻿@charset "utf-8";

/* ----------------------------------------------------------------
    ナレッジベース
----------------------------------------------------------------- */

/* 共通 */

h2 {
	font-size: 34px;
}
h3 {
	font-size: 28px;
}
p {
	font-size: 16px;
}
a:hover,
a:focus {
  color: #2676C0;
}
.navigation-primary {/* --- グローバルナビゲーション --- */
	height: 57px;
	background: #fff;
	top: 40px;
	color: #470A68;
	font-size: 14px;
	position: absolute;
	width: 100%;
	z-index: 9999;
}
	.navigation-primary .navigation-menus {
			padding: 0;
			background: #fff;
	}
		.navigation-primary .navigation-menus img {
			margin: 16px 0 15px 15px;
		}

.header-hero {/* --- ヒーローイメージ --- */
	background: #00203d;
}
	.header-hero .inner-wrap {
    padding: 160px 0 60px 0;
    margin-bottom: 40px;
    color: #fff;
	}
		.header-hero .inner-wrap h1 {
			margin-top: 0;
			margin-bottom: 12px;
			line-height:1.5;
			float: none;
			font-size: 44.8px;
		}
		.header-hero .inner-wrap p {
			font-size: 17.6px;
		}
#content {
	background-color: #fff;
}
#keyword {
	width: 765px;
}
#product_id {/* --- 対象製品選定項目 --- */
	width: 765px;
}

/* default.asp */
.searchbox {
	margin-bottom: 40px;
	border: 0 solid #ccc;
	border-width: 2px 0;
}
.searchbox--gcse {
	background-color: #ffffff;
}
	.searchbox__searchbox {
		padding: 15px;
	}
.searchbox h6 { float:left; padding:15px 20px 25px 15px; font-size:12px; }
.searchbox h6.qualification { margin-bottom:0; padding:0 20px 0 15px; line-height:18px; }
.product_select { padding:12px 15px 15px 0; }
.search_input { padding:5px 15px 7px; border-top:1px solid #ccc; }
.search_input .key { margin:5px 0; }
.search_qualification { padding:0 15px 10px; }
.search_jointype { padding:0 15px 12px; }

#product_id,
#keyword { padding:2px; border:1px solid #999; line-height:22px; vertical-align:middle; }
#product_id { margin-top:10px; }
#keyword { height:22px; margin-bottom:5px; }
.button_input { margin-bottom:5px; vertical-align:middle; }

.markguide { padding-top:8px; border-top:1px solid #ccc; }
.tableheader { padding:10px 0 5px 0; }
.tablefooter { padding:5px 0 5px 0; }
.display_l { float:left; padding-right:30px; line-height:20px; }
.display_l a { text-decoration:none; color:#333; }
.display_l a:hover { text-decoration:underline; color:#000; }
.beforepage,
.afterpage { display:inline-block; }
span.beforepage,
span.afterpage { color:#999; }
.beforepage { padding:0 15px 0 22px; background:url(/support/kb/common/images/before_out.gif) no-repeat left center; }
a.beforepage { background-image:url(/support/kb/common/images/before.gif); }
.afterpage { padding:0 22px 0 15px; background:url(/support/kb/common/images/after_out.gif) no-repeat right center; }
a.afterpage { background-image:url(/support/kb/common/images/after.gif); }
.pageno { display:inline-block; padding:0 3px; }
span.pageno { color:#900; font-weight:bold; }
.pagemore { display:inline-block; padding:0 3px; }
.display_r { float:right; padding-left:30px; line-height:20px;}
.display_r select { width:50px; color:#333; vertical-align:middle; }
* html .display_r select { margin:1px 0; }

#divTable table { display: block; max-height: 600px; overflow: auto; margin:0; /*border:1px solid #ccc;*/ border-collapse:collapse; border-spacing:0; }
.tinytable thead { margin-bottom:5px; }
.tinytable tbody { border: 0; }
.tinytable tr { border: 0; }
.tinytable td { border:1px solid #ccc; border-bottom: 0; border-left: 0;}
.oddrow td { background:#f5f5f5; }
.evenrow td { background:#fff; }
.tinytable th { padding:0 5px; min-height:26px; /*border:1px solid #ccc;*/ border-right:1px solid #828282; font-size:90%; line-height:26px; color:#fff; white-space:nowrap; background:#bebebe url(/support/kb/common/images/th_back.png) repeat-x left bottom; cursor:pointer; }
* html .tinytable th { height:26px; }
.tinytable th:last-child { border-right:1px solid #ccc; }
.tinytable th.asc,
.tinytable th.desc { background:#878787 url(/support/kb/common/images/th_back_sort.png) repeat-x left bottom; }
.tinytable th span { display:inline-block; padding:0 10px; }
.tinytable th.asc span { background:url(/support/kb/common/images/sort_arrow_asc.gif) no-repeat right center; }
.tinytable th.desc span { background:url(/support/kb/common/images/sort_arrow_desc.gif) no-repeat right center; }
.tinytable td { padding:8px 6px; vertical-align:top; }
.tinytable td.center { font-size:90%; text-align:center; }
body:first-of-type td.title { word-break:break-all; } /* for chrome, safari */
.tinytable td.mark { text-align:center; }
.tinytable td.status { text-align:center; }
.tinytable td.product { font-size:90%; }
.tinytable td.oddselected {	background:#f2f2f2; }
.tinytable td.evenselected { background:#ece5d9; }
.tinytable a { text-decoration:none; }
.tinytable a:hover { text-decoration:underline; }

.nohit,
.resultnum { display:none; }
.nohit { padding:30px 0 50px 0; color:#464646; }

/* detail.asp */
.doctitle { margin:10px 0; padding:5px 10px; border-bottom:3px solid #ccc; font-size:13px; line-height:1.5; }
.dochead { margin-bottom:20px; padding:0 15px 10px; border-bottom:3px solid #ccc; }
.data { float:left; }
.print { float:right; padding:4px 10px 5px 25px; border-left:1px solid #ccc; }
.docbody .sectiontitle { margin:0 0 10px 0; padding:5px 0 5px 10px; font-size:13px; line-height:1.4; border-bottom:1px solid #ccc; }
.description { width:100%; margin-bottom:20px; word-wrap:break-word; /*word-break:break-all;*/ }
	.description p { margin:0 0 1em 0; }
	.description li { list-style-position:inside; }
	.description ul li,
	.description ol li { margin-left:0; list-style-position:outside; }
	.description ul { margin:1em 0; -moz-padding-start:35px; -webkit-padding-start:35px; }
	html*.description ul { margin-left:35px; }
	html>/**/body .description ul { margin-left:35px\9;	}
	.description ul.dot { -moz-padding-start:20px; -webkit-padding-start:20px; }
	html*.description ul.dot { margin-left:20px; }
	html>/**/body .description ul.dot { margin-left:20px\9;	}
	.description ul.dot li { padding-left:1em; background:url(/tools/img/common/listmark.gif) 2px 7px no-repeat; list-style:none; }
	.description ul.circle { list-style:circle; }
	.description ul.square { list-style:square; }
	.description ol { margin:1em 0; padding-left:35px; }
	.description ol ol { margin:0 0 1em 0; }
	.description ol.bold { font-weight:bold; }
	.description ol.bold .normal { font-weight: 500;}
	.description ol.nonum li { list-style:none; }
	.description ol.parentheses li { text-indent:-2em; }
	.description ol.lower_alpha { list-style:lower-alpha; }
	.description ol.upper_alpha { list-style:upper-alpha; }
	.description ol.lower_roman { list-style:lower-roman; }
	.description ol.upper_roman { list-style:upper-roman; }
	.description li.multiline { margin-bottom:1.5em; }
	.description center table { text-align:left; }
	.description blockquote { margin:1em 0 1em 20px; }
	.description dd { margin:0 0 1em 20px; }
	.description table { line-height:1.5; }
	.description table.border { border:1px solid #ccc; border-collapse:collapse; border-spacing:0; }
	.description table.border th { white-space:nowrap; }
	.description table.border th,
	.description table.border td { padding:2px 5px; border:1px solid #ccc; }
	.description table.normal { border:1px solid #ccc; border-collapse:collapse; border-spacing:0; }
	.description table.normal th { padding:5px; border:1px solid #ccc; white-space:nowrap; }
	.description table.normal thead th { color:#fff; background-color:#b3aaa3; }
	.description table.normal tbody th { font-weight:normal; text-align:left; background-color:#e8e5e0; }
	.description table.normal td { padding:5px 10px; border:1px solid #ccc; background:#fff; }
	.description table.w100 { width:100%; }
	.description .h7 { display:inline-block; }
	.description .h7_blue { display:inline-block; color:#1842a1; }
	.description .h7_memo { padding-left:15px; background:url(http://download.grapecity.com/kb/spread/note.gif) no-repeat left center; }
	.description .txt-small { font-size:11px; }
	.description font[size="2"] { line-height:1.6; }
/*	pre { overflow-x:auto; font-family:"ＭＳ ゴシック",monospace; }*/
	/** html pre { white-space:normal; }*/
/*	:root pre br { display:none; }*/
	.code { overflow:auto; width:100%; padding: 20px;}
	.code pre { background:none; }
	pre code { line-height:1.5; }
	.bg1 { background:#ffffff; }
	.bg2 { background:#eeffff; }
	.bg3 { background:#ffffdd; }
	.lower { margin-left:3em; }
		:root .prettyprint br { display:inherit; }
		.prettyprint .str { color:#080; }
		.prettyprint .kwd { color:#008; }
		.prettyprint .com { color:#800; }
		.prettyprint .typ { color:#606; }
		.prettyprint .lit { color:#066; }
		.prettyprint .pun { color:#660; }
		.prettyprint .pln { color:#000; }
		.prettyprint .tag { color:#008; }
		.prettyprint .atn { color:#606; }
		.prettyprint .atv { color:#080; }
		.prettyprint .dec { color:#606; }
		.prettyprint .linenums { margin:0; }
		.prettyprint .linenums li { margin-bottom:0; }
		.prettyprint li.L1,li.L3,li.L5,li.L7,li.L9 { background:#eee; } 
		@media print{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun{color:#440}.pln{color:#000}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}
.knowledgelink { margin:0 0 20px 20px; }
p.oldid { padding-top:20px; }
.vote { position:relative; height:auto; min-height:280px; margin-top:30px; padding:10px 15px 0; border:1px solid #ccc; background:#fff; }
* html .vote { height:280px; }
.vote #yes { margin-left:15px; }
.vote .formobj { margin-bottom:20px; }
.vote textarea { width:600px; height:80px; margin:-10px 0 5px; }
.vote #lpf_loading { top:100px; width:605px; }
h3.doctitle {
	font-size: 28px;
}

.docbody .sectiontitle {
    font-size: 24px;
	  color: #333;
}
.header-hero .inner-wrap a:link:not(.gc-btn), .header-hero .inner-wrap a:visited:not(.gc-btn) {
    color: #fff;

}
.header-hero .inner-wrap a:link,
.download .header-download .inner-wrap a:link {
    text-decoration: underline;
}
.column { margin-top:20px; margin-bottom:20px; padding:10px 15px 0; border:1px solid #ccc; }

table th,
table td {
	padding: 15px;
	/*border: 1px solid #d2d2d2;*/
	font-weight: normal;
}
.docbody table th,
.docbody table td {
	/* 詳細用 */
	border: 1px solid #d2d2d2;
}
	table thead th {
		background-color: #e6e6e6;
	}
	table tbody th {
		background-color: #f0f0f0;
	}
/* --- footerエリア --- */
.footer {
    font-size: 13px;
    line-height: 1em;
    /*background: #470A68;*/
    background: #697683;
    color: rgba(255,255,255,0.75);
    padding: 80px 0;
}
	.footer ul {
			list-style: none;
			margin: 0;
			padding: 0;
	}
		.footer ul.company-info {
				font-size: 12px;
		}
		.footer ul.util-nav {
				display: inline-block;
		}
			.footer ul li {
					display: inline-block;
					vertical-align: middle;
					margin: 0;
					padding: 0;
					line-height: 25px;
			}
			.footer ul.util-nav li {
					line-height: 1em;
					padding: 0 8px;
							padding-left: 8px;
					border-right: 1px solid rgba(255,255,255,0.5);
			}
			.footer ul.util-nav li:first-child {
					padding-left: 5px;
			}
			.footer ul.util-nav li:last-child {
					border: 0;
			}
			.footer a:link, .footer a:visited {
					color: rgba(255,255,255,0.75);
			}
			.footer ul.util-social {
					font-size: 26px;
					position: relative;
					padding-top: 14px;
					border-top: 1px solid rgba(255,255,255,0.5);
					margin-top: 14px;
					width: 100%;
			}
				.footer ul.util-social li {
						padding: 0 4px;
				}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*fonts*/
@font-face {
	font-family: "gcicons";
	src: url("/support/kb/common/fonts/gcicons.ttf") format("truetype"),
		 url("/support/kb/common/fonts/gcicons.eot") format("embedded-opentype"),
		 url("/support/kb/common/fonts/gcicons.svg") format("svg"),
		 url("/support/kb/common/fonts/gcicons.woff") format("woff");
}
.gcicon-logo-gc-horiz:before {
    content: "\e900";
}

i[class^="gcicon-"],
i[class*=" gcicon-"] {
    font-family: "gcicons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*  */
.navigation-primary ul.brand .gcicon-logo-gc-ds-horiz,
.navigation-primary ul.brand .gcicon-logo-gc-horiz {
	font-size: 42px;
	color: #470A68;
}
	.navigation-primary ul.brand a:link:not(.gc-btn),
	.navigation-primary ul.brand a:visited:not(.gc-btn) {
		color: #470A68;
		text-decoration: none;
	}
		.navigation-primary ul.brand {
			background: #fff;
			padding: 8px 30px 0 15px;
			height: 100%;
			font-weight: 600;
			z-index: 5;
			position: absolute;
		}
			.navigation-primary ul.brand li.gc-logo-horiz {
				padding: 1px 30px 0 0;
				cursor: pointer;
				font-size: 18px;
				display: inline-block;
			}
/* フッタ */
.footer ul.company-info li:first-child {
	padding:10px 15px 10px 0;
	border-right:1px solid rgba(255,255,255,0.5);
	margin:0 10px 0 0
}
	.footer ul.company-info li:first-child a.gc-logo {
		font-size: 44px;
		color: #fff;
		text-decoration: none
	}