body > article
{
	font-size: 13pt;
	line-height: 23pt;
	overflow: hidden;
	
	quotes: "“" "”";
}

body > article strong {
	
	font-weight: 600;
	margin-left: 3pt;
	margin-right: 3pt;
}

body > article > section p
{
	margin: 16pt 6pt;
}

body > article > section ul
{
	margin: 20pt 4pt;
	padding: 0pt 8pt 0pt 26pt;
}

body > article > section > img,
body > article > section > p > img
{
	border: 1pt #CCE solid;
	margin: 12pt;
	padding: 8pt;
	
	max-width: 680px;
	height: auto;
	
	-ms-interpolation-mode: bicubic;
}

body > article > section small.note img
{
	border: 1pt #CCC solid;
	margin: 8pt 4pt;
	padding: 0pt;
	
	max-width: 680px;
	height: auto;
	
	-ms-interpolation-mode: bicubic;
}

body > article > section > div.image-with-caption > img
{
	border: 1pt #CCE solid;
	margin: 12pt;
	padding: 8pt;
	
	-ms-interpolation-mode: bicubic;
}

*body > article > section > img,
*body > article > section > div.image-with-caption > img
{
	width: expression(this.width >= this.height ? "200px" : "auto");
	height: expression(this.width <= this.height ? "200px" : "auto");
}

body > article > section img.retina
{
}

body > article > section img.portrait-small
{
	height: auto;
	width: 240px;
	max-width: 100%;
}

body > article > section img.portrait-middle
{
	height: auto;
	width: 360px;
	max-width: 100%;
}

body > article > section img.portrait-large
{
	height: auto;
	width: 450px;
	max-width: 100%;
}

body > article > section img.landscape-small
{
	height: auto;
	width: 360px;
	max-width: 100%;
}

body > article > section img.landscape-middle
{
	height: auto;
	width: 460px;
	max-width: 100%;
}

body > article > section img.landscape-large
{
	height: auto;
	width: 680px;
	max-width: 100%;
}

body > article > section img.icon-small
{
	width: auto;
	height: 18pt;
}

body > article > section img.icon-middle
{
	width: auto;
	height: 32pt;
}

body > article > section img.icon-large
{
	width: auto;
	height: 64pt;
}

body > article > section div.image-placeholder
{
	margin: 24pt 8pt;
	border: 1pt #CCE solid;
}

body > article > section div.image-placeholder:after
{
	display: block;
	clear: both;
	content: '';
	margin-bottom: 36pt;
}

body > article > section div.image-placeholder > img
{
	margin: 4pt;
	padding: 4pt;
	vertical-align: top;
}

body > article > section div.image-placeholder div
{
	float: left;
	padding: 8pt 36px 8px 8px;
	overflow: visible;
}

body > article > section div.image-placeholder div > img
{
	width: 100%;
	height: auto;
	margin: 16pt 0pt;
	border: none;
	padding: 0pt;
}

body > article > section small.image-caption
{
	font-size: 11pt;
	background-color: #E0E0FF;
	padding: 2pt 12pt;
	border-radius: 2pt;
	white-space: nowrap;
}

body > article > section p + div.image-with-caption
{
	margin: 24pt 8pt 58pt 8pt;
}

body > article > section div.image-placeholder > img.landscape-large-large
{
	max-width: 56%;
}

body > article > section div.image-placeholder > img.landscape-large
{
	max-width: 43%;
}

body > article > section div.image-placeholder > img.landscape-middle
{
	max-width: 30%;
}

body > article > section div.image-placeholder > img.portrait-large
{
	max-width: 30%;
}

body > article > section div.image-placeholder > img.portrait-middle
{
	max-width: 25%;
}

body > article > section dl
{
	margin: 16pt 8pt 30pt 24pt;
	padding: 0pt;
}

body > article > section dl > dt
{
	float: left;
	margin: 0pt 0pt 8pt 0pt;
	padding: 3pt 8pt;
	border-radius: 2pt;
	text-align: left;
	font-weight: bold;
	background-color: #dbd0e6;
	color: #4a488e;
	clear: left;
}

body > article > section dl > dt.icon
{
	background-color: inherit;
	margin: 0pt;
	padding: 0pt;
}

body > article > section dl > dt.icon img
{
	width: 14pt;
	height: auto;
	margin: 0pt;
	padding: 0pt;
	vertical-align: middle;
}

body > article > section dl > dd.icon
{
	margin: 0pt 30pt 4pt 16pt;
	padding: 1pt 8pt 0pt 8pt;
}

body > article > section section.form
{
	width: 300px;
	height: 230pt;
	margin: 16pt 8pt;
	font-size: 11pt;
	line-height: 15pt;
	border: #dbd0e6 1pt dashed;
	padding: 10pt;
	border-radius: 4pt;
}

body > article > section section.form div.waiting
{
	height: 230pt;
	margin: 0pt;
	padding: 0pt;
	background-image: url(../image/indicator.16x16@2x.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
}

body > article > section section.form + h1
{
	margin-top: 36pt;
}

body > article > section section.form h1
{
	margin: 0pt 0pt 8pt 0pt;
	padding: 3pt 8pt;
	border-radius: 2pt;
	text-align: left;
	font-weight: bold;
	color: #006;
	background-color: #DDF;
	font-size: 12pt;
	line-height: 15pt;
}

body > article > section section.form div.waiting h1
{
	color: #555;
	background-color: #DDD;
}

body > article > section section.form h1 + div
{
	margin-bottom: 16pt;
}

body > article > section section.form input[type=text]
{
	margin-left: 4px;
	width: 286px;
	font-size: 11pt;
	border: 1pt #99D solid;
}

body > article > section section.form input[type=button]
{
	margin-left: 4px;
	width: 286px;
	font-size: 12pt;
}

body > article > section section.form textarea
{
	margin-left: 4px;
	width: 286px;
	height: 4em;
	resize: none;
	font-size: 11pt;
	border: 1pt #99D solid;
}

body > article > section section.form p
{
	font-size: 10pt;
	line-height: 13pt;
	margin: 8pt;
	padding: 0pt;
}

body > article div.pr
{
	margin-top: 10pt;
	margin-bottom: 20pt;
}

body > article > section > div.profile
{
	margin-bottom: 30pt;
}

body > article > section > div.profile div.recent
{
	
}

body > article > section > div.profile dl
{
	margin: 16pt 8pt;
	font-size: 11pt;
	line-height: 15pt;
	border: #DDF 1pt dashed;
	padding: 10pt;
	border-radius: 4pt;
}

body > article > section > div.profile dl > dt
{
	float: left;
	width: 80pt;
	margin: 0pt 0pt;
	padding: 0pt 8pt;
	border-radius: 2pt;
	background-color: #DDF;
}

body > article > section > div.profile dl > dd
{
	margin: 1pt 30pt 4pt 110pt;
	padding: 0pt 8pt;
}

body > article > section > div.profile dl b,
body > article > section > div.profile dl cite
{
	display: block;
	margin: 2pt 0pt;
	color: inherit;
	background-color: inherit;
}

body > article > section > div.profile cite:before
{
	content: no-open-quote;
	margin: 0pt;
	padding: 0pt;
}

body > article > section > div.profile cite:after
{
	content: no-close-quote;
	margin: 0pt;
	padding: 0pt;
}

body > article > section > div.profile div.author
{
	color: #202090;
	font-size: 17pt;
	letter-spacing: 1pt;
	margin: 16pt 4pt;
}

body > article > section time, body > article > header time
{
	margin: 0pt 4pt;
}

body > article aside.pr
{
	margin: 22pt 6pt;
}

body > article > header aside.pr
{
	margin: 0pt;
}

body > article > header
{
	line-height: 16pt;
	font-size: 13pt;
	
	margin: 0pt 0pt 30pt 0pt;
}

body > article > header p
{
	margin: 8pt 6pt;
}

body > article > header h1
{
	font-size: 24pt;
	line-height: 24pt;
}

body > article > header h2
{
	font-size: 18pt;
	line-height: 18pt;
}

body > article > header > h1
{
}

body > article > header > hgroup
{
	margin: 0pt 0pt 20pt 0pt;
}

body > article > header > hgroup h1
{
	margin: 16pt 0pt 8pt 0pt;
}

body > article > header > hgroup h2
{
	font-weight: normal;
	margin: 4pt 0pt 4pt 0pt;
}

body > article > header > hgroup h2:before
{
	content: '― ';
}

body > article > header > hgroup h2:after
{
	content: ' ―';
}

body > article > footer
{
	font-size: 12pt;
	color: #6699FF;
	border: double 3pt #6699FF;
	background-color: #F0F0FF;
	
	padding: 3pt 8pt;
}

body > article > section > h1
{
	font-size: 20pt;
	border-left: solid 12pt #006;
	width: auto;
	padding: 4pt 0pt 4pt 12pt;
	margin: 30pt 0pt 30pt 6pt;
	line-height: 24pt;
}

body > article > section > p + h1
{
	margin-top: 38pt;
}

body > article > section > h2
{
	font-size: 16pt;
	font-weight: bold;
	width: auto;
	
	margin: 36pt 0pt 20pt 0pt;
	padding: 4pt 8pt;
	border-radius: 3pt;
}

body > article > section > h1 + h2
{
	margin-top: 4pt;
}

body > article > section > h3:before
{
	content: '■';
	margin: 0pt 8pt 0pt 4pt;
}

body > article > section > h3
{
	font-size: 14pt;
	color: #606060;

	margin-top: 26pt;
	margin-bottom: 18pt;
}

body > article > section table
{
	table-layout: fixed;
	font-size: 13pt;
	line-height: 16pt;
	border-collapse: separate;
	border-spacing: 0pt 0pt;
	caption-side: top;
	width: 90%;

	margin: 20pt 8pt 32pt 8pt;
	padding: 0pt;
}

body > article > section table > caption:before
{
	content: '[表]';
	margin: 0pt 8pt 0pt 0pt;
}

body > article > section table > caption
{
	color: #808080;
	font-size: 12pt;

	text-align: left;
}

body > article > section table > thead
{
}

body > article > section table > tfoot
{
	font-size: 11pt;
	color: #808080;
}

body > article > section table > thead > tr > th
{
	font-size: 12pt;
	line-height: 14pt;
	border-left: none;
	border-right: none;
	border-top: 1pt solid white;
	border-bottom: 8pt solid white;
	padding: 3pt 5pt;
	text-align: left;
	font-weight: normal;
}

body > article > section table > thead > tr > th:first-child
{
	border-left: none;
}

body > article > section table > thead > tr > th:last-child
{
	border-right: none;
}

body > article > section table > tfoot > tr > td
{
	background-color: #F0F0F0;
	border-top: 6pt solid white;
	
	padding: 8pt 5pt;
	vertical-align: top;
}

body > article > section table > thead > tr > th.caption,
body > article > section table > tbody > tr > th.caption
{
	width: 150pt;
}

body > article > section table > thead > tr > th.thumbnail-large,
body > article > section table > tbody > tr > th.thumbnail-large
{
	width: 330pt;
}

body > article > section table > tbody > tr > th.thumbnail-large
{
	margin: 0pt;
	padding: 8pt;
}

body > article > section table th.thumbnail-large img
{
	max-width: 100%;
	height: auto;
}

body > article > section table > thead > tr > th.button,
body > article > section table > tbody > tr > th.button
{
	width: 80pt;
	overflow: auto;
}

body > article > section table > thead > tr > th.reference,
body > article > section table > tbody > tr > th.reference
{
	width: 80pt;
	overflow: auto;
}

body > article > section table > thead > tr > th.shortcut,
body > article > section table > tbody > tr > td.shortcut
{
	width: 100pt;
	overflow: auto;
}

body > article > section table > tbody > tr > td.shortcut
{
	text-align: right;
}

body > article > section table > thead > tr > th.icon,
body > article > section table > tbody > tr > th.icon
{
	width: 30pt;
	overflow: visible;
	text-align: center;
}

body > article > section table > thead > tr > th.icon-large,
body > article > section table > tbody > tr > th.icon-large
{
	width: 70pt;
	overflow: visible;
	text-align: center;
}

body > article > section table > tbody > tr > th
{
	font-weight: normal;
	text-align: left;
}

body > article > section table > tbody > tr > td,
body > article > section table > tbody > tr > th
{
	border-top-width: 1pt;
	border-top-style: solid;
}

body > article > section table > tbody > tr:last-child > td,
body > article > section table > tbody > tr:last-child > th
{
	border-bottom-width: 1pt;
	border-bottom-style: solid;
}

body > article > section table > tbody > tr.indent > td,
body > article > section table > tbody > tr.indent > th
{
	border-top: none;
	background-color: #F4F4FF;

	border-top: 0pt solid white;
	border-bottom: 4pt solid white;
	border-left: none;
	border-right: none;
}

body > article > section table > tbody > tr.indent > td:first-child,
body > article > section table > tbody > tr.indent > th:first-child
{
	border-left: 20pt solid white;
}

body > article > section table > tbody > tr.indent > td:last-child,
body > article > section table > tbody > tr.indent > th:last-child
{
	border-right: 8pt solid white;
}

body > article > section table > tbody > tr > td,
body > article > section table > tbody > tr > th
{
	padding: 4pt 6pt;
}

body > article > section kbd.menu-apple
{
	color: #000000;
	font-size: 11pt;
	line-height: 11pt;
	
	position: relative;
	top: -2pt;

	margin: 0pt;
	padding: 0pt 2pt;
}

body > article aside.footnote
{
	color: #808080;
	font-size: 11pt;
	line-height: 19pt;
}

body > article aside.footnote ol
{
	list-style-type: none;
	
	border: 1pt dashed #F0F0F0;
	border-radius: 3pt;
	
	padding: 6pt 6pt;
	margin: 4pt 4pt 30pt 4pt;
}

body > article aside.footnote ol li:before
{
	content: '※';
	padding-right: 6pt;
}

body > article table td code.menu,
body > article small.note code.menu
{
	margin: 0pt 4pt;
}

body > article table td code.menu:before,
body > article small.note code.menu:before
{
	content: '[';
	padding-right: 2pt;
}

body > article table td code.menu:after,
body > article small.note code.menu:after
{
	content: ']';
	padding-left: 2pt;
}

body > article > section kbd.menu-apple code
{
	border-bottom-color: #000000;
	background: -webkit-linear-gradient(to bottom, #F0F0F0 60%, #DDD 100%);
	background: linear-gradient(to bottom, #F0F0F0 60%, #DDD 100%);
	box-shadow: 2pt 2pt 4pt #666;
	
	margin: 0pt 4pt;
	padding: 1pt 6pt;
	white-space: nowrap;
	
	border-bottom-width: 1pt;
	border-bottom-style: solid;
}

body > article > section small.note
{
	font-size: 12pt;
	line-height: 19pt;

	display: block;	
	padding: 12pt 8pt;
	margin: 8pt 4pt 24pt 4pt;

	color: #808080;
	background-color: #F0F0F0;
	border: 1pt dashed #808080;
	border-radius: 4pt;
}

body > article > section small.shortcut
{
	display: block;
	color: #778;
	font-size: 12pt;
	margin: 20pt 8pt 36pt 12pt;
}

body > article > section img + small.shortcut
{
	margin-top: 0pt;
}

body > article > section small.shortcut + small.shortcut
{
	margin-top: 8pt;
}

body > article > section small.shortcut:before
{
	color: #FFF;
	background-color: #99A;
	text-shadow: 1pt 1pt 1pt #88B;

	content: 'Shortcut';

	border-radius: 4pt;
	padding: 2pt 10pt;
	margin: 0pt 8pt 0pt 0pt;

	font-size: 10pt;
	position: relative;
	top: -1pt;
}

body > article > section kbd.shortcut
{
	font-family: 'Source Code Pro', 'monospace';
	font-weight: normal;
	margin: 0pt 3pt;
	font-size: 11pt;
	line-height: 11pt;
}

body > article > section > table > tbody > tr > td.shortcut > code
{
	font-family: 'Source Code Pro', 'monospace';
	font-weight: normal;
	margin: 0pt 1pt;
	font-size: 11pt;
	line-height: 11pt;
}

body > article > section kbd.shortcut > code,
body > article > section kbd.key,
body > article > section > table > tbody > tr > td.shortcut > code,
body > article > section code.key
{
	background-color: #EEE;
	padding: 2pt 4pt;
	border-color: #888;
	border-style: solid;
	border-width: 1pt;
	min-width: 1em;
	border-radius: 4pt;
	display: inline-block;
	text-align: center;
	text-shadow: 1pt 1pt 1pt #FFF;
	box-shadow: 1pt 1pt 0pt #CCC;
}

body > article > section small code.key
{
	top: -1pt;
}

body > article > section kbd.key,
body > article > section code.key
{
	font-family: 'Source Code Pro', 'monospace';
	font-weight: normal;
	margin: 0pt 4pt;
	font-size: 11pt;
	line-height: 11pt;
	
	position: relative;
	top: -2pt;
}

body > article > section kbd.shortcut > code
{
	margin: 0pt 1pt;
}

body > article > section kbd.shortcut > code + code:before
{
	content: ' + ';
}

body > article > section kbd.shortcut-mac > code + code:before
{
	content: '';
}

body > article > section code.button
{
	margin: 0pt 4pt;
	padding: 0pt 8pt;
	background-color: #99A;
	border-radius: 4pt;
	color: #FFF;
	font-weight: normal;
	white-space: nowrap;
}

body > article > section code.search-box
{
	margin: 0pt 4pt;
	padding: 0pt 8pt;
	color: #668;
	border: 2pt #99A solid;
	border-radius: 2pt;
	background-color: #FFF;
	font-weight: normal;
	white-space: nowrap;
}

body > article > section code.command
{
	margin-left: 8pt;
	margin-right: 8pt;
	font-family: 'Source Code Pro', 'monospace';
}

body > article > section code.name,
body > article > section code.label,
body > article > section kbd.label
{
	margin: 0pt 0pt;
	padding: 0pt 0pt;
	white-space: nowrap;
}

body > article > section code.name:before,
body > article > section code.label:before,
body > article > section kbd.label:before
{
	content: '「';
}

body > article > section code.name:after,
body > article > section code.label:after,
body > article > section kbd.label:after
{
	content: '」';
}

body > article > section code.text,
body > article > section kbd.text
{
	margin: 0pt 0pt;
	padding: 0pt 0pt;
	word-wrap: break-word;
}

body > article > section code.text:before,
body > article > section kbd.text:before
{
	content: '“';
}

body > article > section code.text:after,
body > article > section kbd.text:after
{
	content: '”';
}

body > article > section kbd.letter
{
	margin: 0pt 0pt;
	padding: 0pt 0pt;
}

body > article > section kbd.letter:before
{
	content: open-quote;
}

body > article > section kbd.letter:after
{
	content: close-quote;
}

body > article > section kbd.tab,
body > article > section code.tab
{
	margin: 0pt 0pt;
	padding: 0pt 0pt;
}

body > article > section kbd.tab:before,
body > article > section code.tab:before
{
	content: '【';
}

body > article > section kbd.tab:after,
body > article > section code.tab:after
{
	content: '】';
}

body > article > section kbd.item,
body > article > section code.item
{
	margin: 0pt 0pt;
	padding: 0pt 0pt;
}

body > article > section kbd.item:before,
body > article > section code.item:before
{
	content: '「';
}

body > article > section kbd.item:after,
body > article > section code.item:after
{
	content: '」';
}

body > article div.ezclip-GoogleAdSenseForContentFooter
{
	margin-top: 24pt;
	margin-bottom: 16pt;
}

body > article div.output
{
	font-weight: normal;
	text-align: left;
	margin-top: 16pt;
	margin-bottom: 16pt;
	margin-left: 16pt;
	margin-right: 16pt;
	padding: 8pt;
}

body > article div.output p
{
	margin: 4pt;
	padding: 0pt;
	line-height: 14pt;
}

body > article div.output-error
{
}

body > article div.output div.indent
{
	margin-left: 24pt;
}

body > article div.feature-description
{
	width: 90%;
	margin: 0pt 8pt;
	padding: 4pt 0pt;
}

div.feature-description code
{
	margin: 20pt 0pt;
	font-family: 'Source Code Pro', 'monospace';
	font-weight: bold;
	font-size: 14pt;
	display: block;
}

div.feature-description code + code
{
	margin-top: -16pt;
}

div.feature-description table.parameters
{
	margin-left: 0pt;
	width: 100%;
}

div.feature-description div.description
{
	margin: 0pt 0pt;
	padding: 8pt;
	background-color: #F0F0FF;
}

span.symbol-yes
{
	padding: 0pt 4pt;
	font-family: 'Source Code Pro', 'monospace';
	color: #69F;
	font-size: 24pt;
	font-weight: normal;
}

span.symbol-no
{
	padding: 0pt 4pt;
	font-family: 'Source Code Pro', 'monospace';
	color: #F69;
	font-size: 24pt;
	font-weight: normal;
}

code.menu-item
{
	font-family: 'Source Code Pro', 'monospace';
	color: #000000;
	font-size: 11pt;
	line-height: 11pt;
	
	position: relative;
	top: -2pt;
	
	margin: 0pt;
	padding: 0pt 2pt;
}

code.menu-item-mac
{
	border-bottom-color: #000000;
	background: -webkit-linear-gradient(to bottom, #F0F0F0 60%, #DDD 100%);
	background: linear-gradient(to bottom, #F0F0F0 60%, #DDD 100%);
	box-shadow: 2pt 2pt 4pt #666;
	
	margin: 0pt 4pt;
	padding: 1pt 6pt;
	white-space: nowrap;
	
	border-bottom-width: 1pt;
	border-bottom-style: solid;
}

span.affiliate-text
{
	margin: 0pt;
	padding: 0pt;
	border: none;
}

div.tags
{
	font-size: 9pt;
	margin: 20pt 6pt;
}

div.tag
{
	background-color: #F8F8FF;
	border: solid 1pt #DDF;
	display: inline-block;
	padding: 0pt 8pt;
	border-radius: 3pt;
}

div.tag > span.name
{
	
}

div.tag > span.version
{
	
}

body > article blockquote.phrase {

	color: #004;
	background-color: #EEF;
	margin: 24pt 12pt 36pt 12pt;
	padding: 8pt 12pt;
}

body > article blockquote.slide-speakerdeck
{
	max-width: 425px;
}

body > article blockquote.slide-gitpitch
{
	position: relative;
	max-width: 425px;
	max-height: 425px;
}

body > article blockquote.slide-gitpitch:before
{
	content: "";
	display: block;
	padding-top: 100%;
}

body > article blockquote.slide-gitpitch > iframe
{
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
}

footer h1 {
    
    color: #FFF;
    background-color: #69F;
    padding: 2pt 8pt;
    font-size: 12pt;
}

aside.sns
{
    display: block;
    margin: 16pt 4pt 24pt 4pt;
    height: 25px;
}

aside.sns > div
{
    float: left;
    padding: 2pt 0pt;
    margin: 0pt;
}

aside.sns > div.sns-twitter
{
}

aside.sns > div.sns-facebook
{
    padding: 1pt 0pt 0pt 0pt;
    overflow: hidden;
}

aside.sns > div.sns-hatena-bookmark
{
}

aside.sns > div.sns-google-plus
{
    
}

aside.sns > div + div
{
    margin-left: 8pt;
}