/*<meta conditions="CNC_Publish.Installation" />*/

/* This is the main stylesheet for all of our documentation. This does not include styles specific to Home pages. */

@import url('CNC_FontStylesheet.css');

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

/*============================================ General Styles ============================================*/
/*==Topic General Styles==*/

body	/* Used as the base for many styles. Sets the font type and hyphenation. */
{
	font-family: 'Noto Sans CJK JP', ＭＳ ゴシック, Verdana, sans-serif;
	mc-hyphenate: never;
	margin: 0.625em;
	line-height: 1.5em;
}

.body-container	/*Styles the topic itself */
{
	padding-left: 0em;
	padding-right: 0em;
	padding-top: 0em;
	box-shadow: 0 0 10px rgba(10, 10, 10, 0.5);
}

._Skins_SearchResults.mc-component #resultList h3.title
{
	text-decoration: none;
}

nav.title-bar	/*Adds bottom border on top navigation bar*/
{
	box-shadow: 0 0 10px rgba(10, 10, 10, 0.5);
}

.height-container-sidenav	/* Removes the bottom padding of the side nav container */
{
	padding-bottom: 0px;
}

.buttons._Skins_TopicToolbar.mc-component	/* Adds a margin to the toolbar skin buttons */
{
	margin-right: 71px;
}

caption	/* Used for table captions */
{
	font-weight: bold;
	font-size: .85em;
	text-align: center;
}

mc-main-content	/* sets the width of the main topic content */
{
	width: 100%;
}

.topicwrapper	/* Contains the topic body. Also sets the min heigh so the footer does not rise up */
{
	padding-left: 30px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 90px;
	min-height: calc(100vh - 685px);
}

/* Topic styles to hide search and navigation. Meant for Software Licensing */

html.no-navigation	/*Used on home topic to override padding set in the skin*/
{
	
}

html.no-navigation .body-container	/*Overrides padding set in the skin*/
{
	padding: 0;
}

html.no-navigation .main-section > .outer-row	/*Overrides padding set in the skin when in tablet/mobile*/
{
	max-width: 100%;
	padding: 0;
}

html.no-navigation .sidenav-wrapper	/*Removes the side navigation from the home topic*/
{
	display: none;
}

html.no-navigation .nav-search	/*Removes the side navigation from the home topic*/
{
	display: none;
}

/* For the Search Resulsts topic. Does nothing for main HTML5 topics but is needed for Help. */

div.Content-container
{
	
}

/*============================================ Heading Styles ============================================*/

h1	/*Use for the first heading in a chapter includes a forced page break before the text. Also used as the heading for Help pages.*/
{
	font-weight: normal;
	font-size: 28px;
	column-break-after: avoid;
	page-break-after: avoid;
	page-break-before: always;
	page-break-inside: avoid;
	line-height: normal;
	margin-top: 0;
	color: #333333;
}

h1.TOCHeading	/*Use for the Table of Contents heading so that it will not appear in the TOC. This is used for printed outputs.*/
{
	mc-heading-level: 0;
}

h2	/*Use for second-level headings. Use title case.*/
{
	color: #333333;
	font-weight: normal;
	page-break-after: avoid;
	font-size: 22px;
}

h2.Exercise	/*This is for tutorials. This style has the word Exercise in front of it. */
{
	margin: 0px 0px 6pt;
	page-break-after: avoid;
	page-break-inside: avoid;
	mc-auto-number-format: 'CH:演習{n+}: ';
}

h2:focus	/* Removes the squiggly outline when a heading is selected from a side menu. */
{
	outline: none;
}

h3	/*Use for third-level heading. Use sentence case.*/
{
	font-size: 1.25em;
	font-weight: normal;
	color: #404040;
}

h3.RelatedTopics	/*Use for Related topics in the Help. You do not need to add anything else. */
{
	mc-auto-number-format: '関連トピック';
	margin: 1.25em 0px 0px;
}

h4	/*Use for fourth-level headings. Use sentence case. */
{
	font-size: 1.125em;
	color: #000000;
	font-weight: normal;
}

h5	/* Used for fifth-level headings. Use sentence case. Try to avoid using if necessary */
{
	font-size: 1.05em;
	font-weight: normal;
}

/* Previous Releases cards */
/* Float four columns side by side */

.CardColumn
{
	float: left;
	width: 50%;
	padding: 0 10px;
}

/* Remove extra left and right margins, due to padding */

.CardRow
{
	margin: 0 -5px;
}

/* Clear floats after the columns */

.CardRow:after
{
	content: "";
	display: table;
	clear: both;
}

/* Styles the cards on the Previous Release page for HTML5 */

.PreviousReleaseCard
{
	box-shadow: 0 0 8px transparent;
	padding: 10px;
	text-align: center;
	border: #AAAAAA 1px solid;
}

.PreviousReleaseCard h3
{
	color: #d11141;
}

.PreviousReleaseCard:hover
{
	box-shadow: 0 0 8px #333333;
}

/*============================================ List/Complex List Selector Styles ============================================*/
/* All of these styles are used to change how lists, unordered, and orders lists look.  */

li
{
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	padding-left: 0px;
}

ol
{
	list-style-type: decimal;
	font-size: inherit;
}

ul
{
	margin-bottom: 1em;
	list-style-type: disc;
	margin-top: 0.5em;
}

ul ul,
ol ul
{
	padding-left: 1.75em;
}

ol ol,
ul ol
{
	list-style-type: lower-alpha;
	padding-left: 1.75em;
}

ol ol ol,
ul ol ol,
ul ul ol,
ol ul ol
{
	list-style-type: lower-roman;
}

ul li:last-of-type,
ol li:last-of-type
{
	margin-bottom: 0.125em;
}

ol ol li:last-of-type,
ul ol li:last-of-type
{
	margin-bottom: 0pt;
}

ol ul li:last-of-type,
ul ul li:last-of-type
{
	margin-bottom: 0pt;
}

li p	/*paragraph element within a list*/
{
	margin-bottom: 0.667em;
	margin-top: 0.667em;
	padding-left: 0em;
}

li::marker
{
	font-weight: bold;
}

li.PageBreakBefore	/*A list style used for adding a page break in a list */
{
	page-break-before: always;
}

/*============================================ Paragraph Styles ============================================*/

p	/* Normal paragraph style */
{
	orphans: 5;
	widows: 2;
	margin-top: 16px;
	margin-bottom: 0.5em;
	text-align: left;
	color: #3C3C3C;
}

p.BackCover	/*Used for Printed outputs only. The style of the BackCover snippet on the back page of PDFs. */
{
	color: #ffffff;
	font-size: 17pt;
	font-weight: bold;
	background-color: #d11141;
	text-align: center;
	padding: 14.5pt;
	border-radius: 18.75pt;
}

p.ChapterNumber	/* Used for tutorial outputs. Sets the chapter number. */
{
	color: #6d6e70;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	margin: 0pt;
	mc-auto-number-format: '第 {chapnum} 章';
	mc-conditions: 'CNC_Primary.PrintOnly';
}

p.FrontMatterHeading	/*Use on copyright page for name of document. This style is not in the TOC.*/
{
	color: #d11141;
	font-size: 19pt;
	text-align: center;
	margin: 0pt 0pt 9pt;
}

p.FrontMatterSubheading	/*Use on copyright page for second-level headings, which are not included in the TOC.*/
{
	font-size: 15pt;
	text-align: center;
	margin: 18pt 0pt 9pt;
}

p.Header	/* Used to style the header in print targets */
{
	font-size: 8pt;
	margin: 0em 0;
}

p.LeadIn	/*Use for body text or list text that precedes a list or figure to avoid a page break after the paragraph.*/
{
	page-break-after: avoid;
}

p.Subtitle	/*Use on title page for document subtitle.*/
{
	font-size: 14pt;
	text-align: right;
	margin: 6pt 0pt 0pt;
	font-weight: 700;
}

p.Term	/*Used for parameters under Parameter drop-downs to set off parameters from its description */
{
	font-weight: bold;
	margin: 0em 0em;
}

p.Title	/* Used for tutorial and printed outputs, used for the title of the tutorial or guide. It displays on the cover of a PDF. */
{
	background-color: #ffffff;
	color: #000000;
	font-size: 28pt;
	line-height: 0pt;
	font-weight: 600;
	text-align: right;
}

p.PageNumber	/* Used to style page numbers for print outputs */
{
	font-size: 8pt;
	text-align: center;
	color: #d11141;
}

p.GoalsTime	/* Used for tutorial outputs. Style used to displaying goals for the chapter/tutorial. Also used for estimated time variable for tutorials. */
{
	color: #d11141;
	font-size: 13pt;
}

/*============================================ DIV Styles ============================================*/

div.Note	/*Use to emphasize a point, remind a reader, or indicate possible minor issue.*/
{
	mc-auto-number-format: '{b}メモ:{/b} ';
	overflow: hidden;
	color: #1d5059;
	background-color: #d1ecf1;
	background-image: url(../Images/HTML5/CNC_Note.svg);
	background-position: 8px 5px;
	background-repeat: no-repeat;
	background-size: 3%;
	mc-auto-number-position: inside-head;
	mc-auto-number-offset: 0.75em;
	margin-bottom: 1em;
	margin-top: 1em;
	padding: 15px 10px 15px 55px;
	page-break-inside: avoid;
}

div.Warning	/*Use to warn of possible injury to self or others.*/
{
	mc-auto-number-format: '{b}ご注意:{/b} ';
	overflow: hidden;
	color: #721c24;
	background-color: #fceded;
	background-image: url(../Images/HTML5/CNC_Warning.svg);
	background-position: 8px 5px;
	background-repeat: no-repeat;
	background-size: 3%;
	mc-auto-number-position: inside-head;
	mc-auto-number-offset: 0.75em;
	margin-bottom: 1em;
	margin-top: 1em;
	padding: 15px 10px 15px 55px;
	page-break-inside: avoid;
}

div.InstructorText	/*Use to distinguish discussion points for the tutorial instructor. It also has the Instructor Condition tag on it. */
{
	mc-auto-number-format: '{b}DISCUSSION{/b} ';
	overflow: hidden;
	background-color: #d4edda;
	color: #13301a;
	background-image: url(../Images/HTML5/CNC_Discussion.svg);
	background-position: 8px 5px;
	background-repeat: no-repeat;
	background-size: 3%;
	mc-auto-number-position: inside-head;
	mc-auto-number-offset: 0.75em;
	margin-bottom: 1em;
	margin-top: 1em;
	padding: 15px 10px 15px 55px;
	page-break-inside: avoid;
}

div.Caution	/*Used to warn of possible damage or malfunction of equipment or data.*/
{
	mc-auto-number-format: '{b}ご注意:{/b} ';
	overflow: hidden;
	color: #4b3903;
	background-color: #fff4d1;
	background-image: url(../Images/HTML5/CNC_Caution.svg);
	background-position: 8px 5px;
	background-repeat: no-repeat;
	background-size: 3%;
	mc-auto-number-position: inside-head;
	mc-auto-number-offset: 0.75em;
	margin-bottom: 1em;
	margin-top: 1em;
	padding: 15px 10px 15px 55px;
	page-break-inside: avoid;
}

div.Tip	/*Used to inform the user with something interesting.*/
{
	mc-auto-number-format: '{b}ヒント:{/b} ';
	overflow: hidden;
	color: #13301A;
	background-color: #D4EDDA;
	background-position: 8px 5px;
	background-image: url(../Images/HTML5/CNC_Discussion.svg);
	background-repeat: no-repeat;
	background-size: 3%;
	mc-auto-number-position: inside-head;
	mc-auto-number-offset: 0.75em;
	margin-bottom: 1em;
	margin-top: 1em;
	padding: 15px 10px 15px 55px;
	page-break-inside: avoid;
}

div.ersatzCodeSnippet	/*Use for code samples when outputing to CleanHTML*/
{
	overflow: hidden;
	border: solid 1px #DDD;
	background-position: 8px 5px;
	background-repeat: no-repeat;
	background-size: 3%;
	margin-bottom: 1em;
	margin-top: 1em;
	padding: 15px 10px 15px 55px;
	page-break-inside: avoid;
	background-color: #f0f0f0;
}

div.Note p	/*Styles the p tags inside a Div.Note*/
{
	margin-top: 4px;
	margin-bottom: 4px;
}

div.Note span.Bold	/* Styles the span.Bold to match the color of the note title. */
{
	color: #1d5059;
	font-weight: bold;
}

div.Caution p	/*Styles the p tags inside a Div.Caution*/
{
	margin-top: 4px;
	margin-bottom: 4px;
}

div.Caution span.Bold	/* Styles the span.Bold to match the color of the note title. */
{
	color: #4b3903;
	font-weight: bold;
}

div.Warning p	/*Styles the p tags inside a Div.Warning*/
{
	margin-top: 4px;
	margin-bottom: 4px;
}

div.Warning span.Bold	/* Styles the span.Bold to match the color of the note title. */
{
	color: #721c24;
	font-weight: bold;
}

div.InstructorText span.Bold	/* Styles the span.Bold to match the color of the note title. */
{
	color: #13301a;
	font-weight: bold;
}

div.Tip p	/*Styles the p tags inside a Div.Tip*/
{
	margin-top: 4px;
	margin-bottom: 4px;
}

div.Tip span.Bold	/* Styles the span.Bold to match the color of the note title. */
{
	color: #13301A;
	font-weight: bold;
}

div.ersatzCodeSnippet pre code	/*Styles lines of pre-formatted code in the div to break*/
{
	white-space: pre-wrap;
}

/*============================================ MadCap Styles ============================================*/

MadCap|tocProxy	/* Use to style the table of contents madcap proxy */
{
	border-top: solid 0px #000000;
}

MadCap|xref	/*Use as a link to other topics in a project. */
{
	color: #2273C9;
	text-decoration: none;
	mc-format: '{paratext}';
}

MadCap|dropDownHotspot	/*Used to style the actual drop-down text of the MadCap drop-down. */
{
	cursor: hand;
	text-decoration: none;
	border-bottom: none;
	color: #d11141;
	font-weight: bold;
	font-size: 13pt;
}

MadCap|dropDownBody	/*Used to style the body of a MadCap Drop-down. */
{
	margin-left: 18px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: none 2px #000000;
}

MadCap|dropDown	/*Used to store information under a drop-down. This style is for the general MadCap Drop-down.*/
{
	mc-image-position: left;
	mc-image-spacing: 5px;
	padding: 2px 0px;
	mc-closed-image: url('../Images/HTML5/CNC_ArrowRight.png');
	mc-open-image: url('../Images/HTML5/CNC_ArrowDown.png');
}

.MCDropDown_Open	/* Adds a bottom border to an open drop-down. */
{
	border-bottom: solid 1px #523859;
	margin-bottom: 5px;
}

span.mc-variable.Bold	/*Use when a variable needs to be bold when the surrounding text does not need to be */
{
	font-weight: bold;
	color: #3c3c3c;
}

span.mc-variable.Italic	/*Use when a variable needs to be italic when the surrounding text does not need to be */
{
	font-weight: normal;
	font-style: italic;
}

MadCap|xref.PageNumber	/* This is used for printed outputs to display the page number of a cross-reference */
{
	mc-format: '{paratext}';
}

span.SearchHighlight	/* Colors a searched term in the output for visibility */
{
	background-color: #66ff66;
}

table#Sortable	/* Makes the table sortable. Applied on a table-by-table basis */
{
	
}

MadCap|codeSnippetBody
{
	
}

MadCap|codeSnippet
{
	font-size: 10pt;
}

MadCap|codeSnippetCaption
{
	text-decoration: none;
	font-weight: bold;
	font-size: 11pt;
}

MadCap|codeSnippetCopyButton
{
	mc-label: 'Copy';
}

/*============================================ Image Styles ============================================*/

img	/* Generic image style, no need to apply */
{
	mc-thumbnail: none;
	border: none 0px #000000;
}

img.Thumbnail	/* Use for large images for HTML5 */
{
	mc-thumbnail: popup;
}

img.FloatRight	/* Use to float images to the right */
{
	float: right;
	padding: 2%;
}

img.MaxWidth	/* Use for images that have a large width to keep them constrained */
{
	max-height: auto;
	max-width: 100%;
}

img.MaxHeight	/* Use for images that have a large height to keep them constrained */
{
	max-width: auto;
	max-height: 100%;
}

img.MediumWidth	/* Not quit max width of the page, but close. */
{
	max-height: auto;
	max-width: 100%;
}

/* Complex seletors for how to style images after a paragraph tag, a list tag, table, or a combination of them */

p > img
{
	padding-left: .75em;
}

p > img.MaxHeight
{
	padding-left: .75em;
}

p > img.MaxWidth
{
	padding-left: .75em;
}

li > p > img
{
	padding-left: 0em;
}

li > p > img.MaxHeight
{
	padding-left: 0em;
}

li > p > img.MaxWidth
{
	padding-left: 0em;
}

td > img
{
	padding-left: 0em;
}

td > img.MaxHeight
{
	padding-left: 0em;
}

td > img.MaxWidth
{
	padding-left: 0em;
}

/*============================================ Code Styles ============================================*/

code,
pre	/* Use for styling code */
{
	font-family: Consolas, "Courier New", monospace;
	font-size: 1.0em;
}

/*========================================== Footer and Footer Copyright Responsive Layout Styles ================================*/

div.FooterWrapper	/* Wraps all the Footer elements into one div */
{
	background-color: #000;
	position: relative;
	max-width: 100%;
	min-height: 565px;
}

div.Footer	/* This the footer for the html5 website */
{
	background-color: #000;
	max-width: 95%;
	padding-right: 30px;
	padding-left: 30px;
}

div.Footer p
{
	color: #fff;
	font-size: 0.9em;
}

div.Footer a
{
	color: #d11141;
}

div.Copyright a
{
	color: #fff;
}

div.Footer h2
{
	color: #fff;
	mc-heading-level: 0;
	font-size: 1em;
	font-weight: bold;
}

div.Copyright > div:nth-child(2) p
{
	text-align: right;
}

div.AboutContact	/*Styles the About content in the footer */
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	margin: 20px 0;
	padding: 0;
}

div.AboutContact::before
{
	content: ' ';
	display: table;
}

div.AboutContact::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.AboutContact > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.AboutContact > div:nth-child(1)
{
	width: 50%;
	margin-left: 0%;
	padding-right: 30px;
}

div.AboutContact > div:nth-child(2)
{
	width: 50%;
	margin-left: 0%;
}

div.Column12	/* Styles logo section of the footer*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin: 20px 0;
	padding: 0;
}

div.Column12::before
{
	content: ' ';
	display: table;
}

div.Column12::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Column12 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.Column12 > div:nth-child(1)
{
	width: 100%;
	margin-left: 0%;
}

.socialicons
{
	width: 32px;
	margin-left: 10px;
}

.mainlogo
{
	margin-top: 32px;
	margin-left: 0;
	text-align: left;
	width: 264px;
}

div.Copyright	/* styles the copyright and all rights reserved div*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	padding: 24px 0 10px 0;
}

div.Copyright::before
{
	content: ' ';
	display: table;
}

div.Copyright::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Copyright > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.Copyright > div:nth-child(1)
{
	width: 50%;
	margin-left: 0%;
}

div.Copyright > div:nth-child(2)
{
	width: 50%;
	margin-left: 0%;
}

/*============================================ Link Styles ============================================*/

a:link
{
	text-decoration: none;
	color: #d11141;
}

a:visited
{
	text-decoration: none;
	color: #d11141;
}

a:hover
{
	color: #a71141;
}

MadCap|dropDownHotspot:link
{
	color: #d11141;
}

MadCap|dropDownHotspot:visited
{
	color: #d11141;
}

/*============================================ Span Styles ============================================*/

span.Bold	/* Used to add a bold style to the selected text. */
{
	color: #3c3c3c;
	font-weight: bold;
}

span.Filepath	/* Used for file paths and part files. */
{
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 1.063em;
}

span.Italic	/* Used for emphasis */
{
	font-style: italic;
}

/*==Master Page Topic Layout==*/

nav.title-bar	/*Adds bottom border on top navigation bar*/
{
	box-shadow: 0px 0px 6px rgba(104,109,116,0.3);
	min-height: 100px;
}

div.top-bar	/*Contains the breadcrumbs and toolbar*/
{
	border-bottom: 1px solid #d3d3d3;
	min-height: 50px;
	/*Min-height is necessary for topics that are not included in a TOC*/
}

div.TopicContent	/*This is a responisve layout for topics with conent and a side menu.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.TopicContent::before
{
	content: ' ';
	display: table;
}

div.TopicContent::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.TopicContent > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.TopicContent > div:nth-child(1)
{
	width: 66.66667%;
	margin-left: 0%;
}

div.TopicContent > div:nth-child(2)
{
	width: 33.33333%;
	margin-left: 0%;
	padding-left: 20px;
}

div.TopicFull	/*This is a responsive layout for a full page topic. No side menu. */
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.TopicFull::before
{
	content: ' ';
	display: table;
}

div.TopicFull::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.TopicFull > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.TopicFull > div:nth-child(1)
{
	width: 96%;
	margin-left: 2%;
}

h1.NoPageBreak
{
	page-break-before: avoid;
}

span.uicontrol	/* Apply to UI text. UI text should be exactly as displayed in the application. */
{
	
}

/*============================================ Print Medium Styles ============================================*/

@media print
{
	/*============================================ General Styles ============================================*/

	body
	{
		font-size: 10pt;
		margin: 7.5pt;
	}

	div.FooterWrapper	/* Hides the HTML5 footer if printing from a topic */
	{
		display: none;
	}

	/* Expands the main div content of HTML5 to fit a PDF page and removes the side menu */

	div.TopicContent > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.TopicContent > div:nth-child(2)
	{
		width: 0%;
		margin-left: 0%;
		padding-left: 20px;
	}

	/*============================================ Heading Styles ============================================*/

	h1
	{
		color: #d11141;
		text-align: center;
		padding: 5pt;
		font-size: 18pt;
		font-weight: bold;
	}

	h2
	{
		color: #000000;
		margin-bottom: 6pt;
		font-size: 16pt;
		font-weight: bold;
	}

	h3
	{
		margin-bottom: 4.5pt;
		mc-heading-level: 0;
		font-size: 14pt;
		margin-top: 12pt;
		font-weight: normal;
	}

	h4
	{
		mc-heading-level: 0;
		font-size: 12pt;
	}

	h5
	{
		font-size: 13pt;
		mc-heading-level: 0;
	}

	/*============================================ Image Styles ============================================*/

	img.MaxHeight
	{
		max-height: 4.9in;
		max-width: auto;
	}

	img.MaxWidth
	{
		max-height: auto;
		max-width: 6.9in;
	}

	img.MediumWidth
	{
		max-width: 5.75in;
		max-height: auto;
	}

	img.FloatRight
	{
		padding: 5pt;
	}

	div.InstructorText img.MaxWidth
	{
		max-height: auto;
		max-width: 5.95in;
	}

	div.Note img.MaxWidth
	{
		max-height: auto;
		max-width: 5.95in;
	}

	div.Tip img.MaxWidth
	{
		max-height: auto;
		max-width: 5.95in;
	}

	div.Caution img.MaxWidth
	{
		max-height: auto;
		max-width: 5.95in;
	}

	div.Warning img.MaxWidth
	{
		max-height: auto;
		max-width: 5.95in;
	}

	div.InstructorText img.MediumWidth
	{
		max-height: auto;
		max-width: 4.95in;
	}

	div.Note img.MediumWidth
	{
		max-height: auto;
		max-width: 4.95in;
	}

	div.Tip img.MediumWidth
	{
		max-height: auto;
		max-width: 4.95in;
	}

	div.Caution img.MediumWidth
	{
		max-height: auto;
		max-width: 4.95in;
	}

	div.Warning img.MediumWidth
	{
		max-height: auto;
		max-width: 4.95in;
	}

	div.Note	/*Use to emphasize a point, remind a reader, or indicate possible minor issue.*/
	{
		background-image: url(../Images/HTML5/CNC_Note.png);
		background-size: 32px 32px;
		padding: 15px 10px 15px 45px;
		background-color: BFBFBF;
		background-position: 12px 6px;
		color: #000000;
	}

	div.Caution	/*Use to emphasize a point, remind a reader, or indicate possible minor issue.*/
	{
		background-image: url(../Images/HTML5/CNC_Caution.png);
		background-size: 32px 32px;
		background-position: 4px 6px;
		padding: 15px 10px 15px 45px;
	}

	div.Warning	/*Use to emphasize a point, remind a reader, or indicate possible minor issue.*/
	{
		background-image: url(../Images/HTML5/CNC_Warning.png);
		background-size: 32px 32px;
		background-position: 4px 6px;
		padding: 15px 10px 15px 45px;
	}

	div.InstructorText	/*Use to emphasize a point, remind a reader, or indicate possible minor issue.*/
	{
		background-image: url(../Images/HTML5/CNC_Discussion.png);
		background-size: 32px 32px;
		background-position: 4px 6px;
		padding: 15px 10px 15px 45px;
	}

	div.Tip	/*Use to emphasize a point, remind a reader, or indicate possible minor issue.*/
	{
		background-image: url(../Images/HTML5/CNC_Discussion.png);
		background-size: 32px 32px;
		background-position: 4px 6px;
		padding: 15px 10px 15px 45px;
	}

	/*============================================ Paragraph Styles ============================================*/

	p
	{
		font-size: 10pt;
		margin: 0px 0px 9pt;
		color: #000000;
	}

	/*=================================== List/Complex List Selector Styles ============================================*/

	li
	{
		margin-bottom: 6pt;
		margin-top: 6pt;
		padding-left: 0px;
	}

	ol
	{
		list-style-type: decimal;
		font-size: inherit;
	}

	ul	/*Use for an unordered list*/
	{
		margin-bottom: 12pt;
		list-style-type: disc;
		margin-top: 6pt;
	}

	ol ol
	{
		margin-left: 24pt;
		list-style-type: lower-alpha;
	}

	ol ul
	{
		margin-left: 24pt;
	}

	ul ol
	{
		margin-left: 24pt;
	}

	ul ul
	{
		margin-left: 24pt;
	}

	li p
	{
		margin-bottom: 6pt;
		margin-top: 6pt;
		padding-left: 0px;
	}

	/*============================================ MadCap Styles ============================================*/

	MadCap|xref
	{
		mc-format: '{quote}{paratext}{quote} {pageref}';
	}

	MadCap|xref.PageNumber
	{
		mc-format: ' {page} ページ';
	}

	MadCap|xref.ExerciseNumber
	{
		mc-format: '{paranumonly} {pageref}';
	}

	/*============================================ Misc Styles ============================================*/

	span.Filepath
	{
		font-size: 11.5pt;
	}

	pre
	{
		margin: 0px 0px 8pt;
	}

	a:link
	{
		color: #2273C9;
	}

	a:visited
	{
		color: #2273C9;
	}

	p.ChapterNumber
	{
		page-break-after: avoid;
	}

	h1.NoPageBreak
	{
		
	}

	h2.NO-TOC	/*Suppresses Heading 2 text from the generated print TOC*/
	{
		mc-heading-level: 0;
	}

	h6
	{
		mc-heading-level: 0;
	}

	p.PageNumber
	{
		color: #000000;
	}

	img
	{
		max-width: 6.9in;
	}

	MadCap|dropDownHotspot
	{
		color: #000000;
		font-weight: normal;
	}

	span.Bold
	{
		color: #000000;
	}

	p.Subtitle
	{
		font-weight: 600;
		font-size: 16pt;
		text-align: left;
	}

	p.Title
	{
		text-align: left;
	}

	MadCap|xref.Print-noPageRef
	{
		mc-format: '{paratext}';
	}

	div.Note span.Bold
	{
		color: #000000;
	}
}

/*============================================ Tablet Medium Styles ============================================*/

@media only screen and (max-width: 1520px)
{
	img
	{
		max-width: 100%;
	}

	.buttons._Skins_TopicToolbar.mc-component
	{
		margin-right: 10px;
	}

	.topicwrapper
	{
		padding-left: 10px;
		padding-top: 15px;
		padding-right: 10px;
	}

	div.AboutContact > div:nth-child(1)
	{
		width: 50%;
		margin-left: 0%;
	}

	div.AboutContact > div:nth-child(2)
	{
		width: 50%;
		margin-left: 0%;
	}

	div.Column12 > div:nth-child(1)
	{
		width: 66.66667%;
		margin-left: 0%;
	}

	div.Copyright > div:nth-child(1)
	{
		width: 50%;
		margin-left: 0%;
	}

	div.Copyright > div:nth-child(2)
	{
		width: 50%;
		margin-left: 0%;
	}

	div.Footer
	{
		max-width: 100%;
	}

	div.TopicContent > div:nth-child(1)
	{
		width: 66.66667%;
		margin-left: 0%;
	}

	div.TopicContent > div:nth-child(2)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	.CardColumn
	{
		width: 100%;
		display: block;
		margin-bottom: 20px;
	}
}

/*============================================ Mobile Medium Styles ============================================*/

@media only screen and (max-width: 767px)
{
	.main-section > .outer-row	/* Removes the padding around the body proxy in mobile */
	{
		padding: 0;
	}

	img
	{
		max-width: 100%;
	}

	.topicwrapper
	{
		padding-left: 10px;
		padding-top: 15px;
		padding-right: 10px;
	}

	h1
	{
		margin: 0.5em 0;
	}

	div.InstructorText
	{
		background-size: 7%;
	}

	div.Note
	{
		background-size: 7%;
	}

	div.Caution
	{
		background-size: 7%;
	}

	div.Warning
	{
		background-size: 7%;
	}

	div.Tip
	{
		background-size: 7%;
	}

	pre
	{
		width: 100%;
		display: block;
		clear: both;
		margin-left: 0.25em;
		margin-right: 0.25em;
		white-space: pre-wrap;
		/* css-3 */
		white-space: -moz-pre-wrap;
		/* Mozilla, since 1999 */
		white-space: -pre-wrap;
		/* Opera 4-6 */
		white-space: -o-pre-wrap;
		/* Opera 7 */
		word-wrap: break-word;
		/* Internet Explorer 5.5+ */
	}

	span.SearchHighlight
	{
		background-color: transparent;
	}

	div.AboutContact > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.AboutContact > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Column12 > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Copyright > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Copyright > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.top-bar
	{
		min-height: 0;
	}

	div.Footer
	{
		max-width: 100%;
	}

	div.FooterWrapper
	{
		margin-top: 10px;
	}

	div.TopicContent > div:nth-child(1)
	{
		margin-left: 0%;
		width: 100%;
	}

	div.TopicContent > div:nth-child(2)
	{
		margin-left: 0%;
		width: 0%;
	}
}

tbody#dntTable	/*Do not translate contents of table body*/
{
	
}

MadCap|xref.Print-noPageRef	/*Xref with no page references (contextual or otherwise) in Print output*/
{
	
}