@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);
/*<meta />*/

body
{
	font-family: 'Segoe UI', 'Hiragino Sans', 'Yu Gothic Medium';
	font-size: 16px;
	color: #111;
}

h1
{
	font-weight: bold;
	font-size: 180%;
	border-bottom: solid 5px #66cdaa;
}

h2
{
	font-weight: bold;
	font-size: 150%;
	clear: both;
	/*強制的にクリア*/
}

h2:after
{
	content: "";
	display: block;
	height: 4px;
	background: -webkit-linear-gradient(to right, #939393, transparent);
	background: linear-gradient(to right, #939393, transparent);
}

h3
{
	font-weight: bold;
	font-size: 125%;
	border-bottom: solid 1px #111;
	margin-bottom: 0.5rem;
}

h4
{
	font-weight: bold;
	font-size: 110%;
	margin-bottom: 0.4rem;
}

h5
{
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 0.3rem;
}

p
{
	font-size: 1.0rem;
	/* 游ゴシックなので本文は少し字間を詰めてみた */
	letter-spacing: -0.7px;
	line-height: 1.6rem;
	margin: 0 0 1rem;
	padding-left: 0.5rem;
}

a
{
	color: blue;
}

img
{
	max-width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-style: none;
	vertical-align: middle;
}

img.intext
{
	virtical-align: middle;
	margin: 0 0.5em;
}

figcaption
{
	color: brown;
	font-size: 0.9em;
}

ol,
ul,
dl
{
	margin-top: 0px;
	margin-bottom: 0.5em;
}

dt	/* h4と同じにしておく(マージン以外)*/
{
	font-weight: bold;
	font-size: 110%;
	margin-top: 0.5em;
	margin-left: 1.5rem;
}

dd
{
	margin-left: 1.5rem;
}

dd p
{
	padding-left: 0;
}

ol.step
{
	position: relative;
	display: block;
	color: #001b55;
	background-color: #f5f5f5;
	border-top: solid 3px #66cdaa;
	border-bottom: solid 1px #66cdaa;
	margin: 1em 20px;
	padding: 0.5em 2em;
	font-size: 1.5rem;
}

ol.sub
{
	font-size: 1.0rem;
}

ol.sub li
{
	list-style-type: parenthesized-decimal;
}

p.important
{
	color: #f0444c;
}

p.fordetail
{
	margin: 0 0 0 auto;
	text-align: right;
}

p.fordetail a
{
	font-weight: bold;
	text-decoration: none;
	padding-left: 32px;
	background: url('img/zn_fordetaila.png') no-repeat left center;
}

span.Menu,
span.MenuCommand,
span.PopupMenu
{
	font-family: 'Meiryo UI';
	font-size: 0.9em;
	line-height: 1.0em;
	border: solid 1px;
	margin: 0 0.5em;
	white-space: nowrap;
}

span.Menu
{
	color: #eee;
	background-color: #333;
	border-bottom: solid 2px #aaa;
	padding: 2px 1em;
}

span.MenuCommand
{
	color: #333;
	background-color: #eee;
	border-left: solid 1.7em #333;
	padding: 1px 1.5em 2px 0.5em;
}

span.PopupMenu
{
	color: #eee;
	background-color: #666;
	padding: 2px 1em;
}

span.DialogControl
{
	font-family: 'MS UI Gothic';
	font-size: 0.9em;
	background-color: #dcdcdc;
	margin: 0 0.5em;
	padding: 3px 5px;
	white-space: nowrap;
}

span.DialogButton
{
	font-family: 'MS UI Gothic';
	font-size: 0.9em;
	line-height: 1.0em;
	border: solid 2px #6495ed;
	background-color: #c0c0c0;
	margin: 0 0.5em;
	padding: 4px 1em 2px;
	white-space: nowrap;
}

span.KeyTop
{
	font-family: Verdana;
	font-size: 0.8em;
	color: #eee;
	line-height: 1.2em;
	border: solid 1px;
	border-radius: 5px;
	background-color: #333;
	margin: 0 0.5em;
	padding: 5px 0.5em;
	white-space: nowrap;
	display: inline-block;
	text-align: center;
	min-width: 1em;
}

span.harp
{
	font-family: Harp2;
	font-size: 2rem;
	margin: 0 0.2em;
}

span.expression
{
	font-family: 'Times New Roman';
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0.2em;
}

span.expressionitalic
{
	font-family: 'Times New Roman';
	font-style: italic;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0.2em;
}

table
{
	width: 96%;
	color: #303030;
	line-height: 1.2rem;
	margin: 1em auto;
	border: solid 1px #31B6AD;
	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;
}

th
{
	padding: 4px;
	border: solid 1px #31B6AD;
	background-color: #66cdaa;
}

td
{
	padding: 8px;
	border: solid 1px #31B6AD;
}

.column
{
	border-left: solid 5px #ffc800;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
	background: #ffffd2;
	margin: 1em;
	padding: 1em 2em;
}

div.column h4
{
	margin-top: 0;
}

div.column p
{
	padding-left: 0;
}

.tcenter
{
	text-align: center;
}

.tright
{
	text-align: right;
}

/*　2カラム用(モードバーやアイコンのみに限定(2024/03/01) */

div.FLeftImgIcon
{
	max-width: 15%;
	padding-top: 8px;
	padding-bottom: 8px;
	float: left;
}

div.FLeftText
{
	max-width: calc(85% - 16px);
	margin-left: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	float: left;
}

div.FLeftText:after	/*機能しないのでcfクラスで対応*/
{
	content: "";
	clear: both;
	display: block;
}

/*　強制的にクリア */

.cf
{
	clear: both;
}

MadCap|expandingHead
{
	font-style: italic;
	font-weight: normal;
	cursor: hand;
	text-decoration: none;
	color: #006600;
}

MadCap|expandingBody
{
	color: #777777;
	font-style: italic;
}

MadCap|dropDownHotspot
{
	cursor: hand;
	font-style: italic;
	text-decoration: none;
	color: #006600;
}

MadCap|breadcrumbsProxy
{
	font-size: 1rem;
	font-family: メイリオ;
	mc-breadcrumbs-prefix: ': ';
}

MadCap|helpControlMenuItem
{
	font-size: 14px;
}

MadCap|miniTocProxy
{
	text-decoration: underline dotted blue;
	color: #0000ff !important;
	/*機能しない*/
}