@charset "UTF-8";

/*
    Style for Single Page.

	Font-size Adjustment
	base: 7.142857143;

	71.4% = 10px	| 	114.3% = 16px	|	157.4% = 22px
	78.6% = 11px	|	121.4% = 17px	|	164.3% = 23px
	85.7% = 12px	|	128.6% = 18px	|	171.4% = 24px
	92.9% = 13px	|	135.7% = 19px	|	178.6% = 25px
	100% = 14px    	|	142.9% = 20px	|	185.7% = 26px
	107.1% = 15px	|	150% = 21px    	|	192.9% = 27px

*/


/* @group Hypertext Module */

.content a {
    color: #0090d9;
}

.content a:hover,
.content a:active {
    color: #005899;    
}

/* @end */


/* @group Text Module */

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    font-weight: bold;
}

.content section h1 {
	font-size: 157.4%;
}

.content section section h1, 
.content section h2 {
	font-size: 128.6%;
}

.content .strong {
	font-weight: bold;
}


/* @end */


/* @group Structure */

.content {
    margin: 0 20px;
    line-height: 2;
    font-size: 107.1%; /* 15px */
}

.content:before,
.content:after {
	content: "";
	display: block;
	overflow: hidden;
}

.content:after {
	clear: both;
}

.download .content .left,
.download .content .right {
    font-size: 85.7%; /* 13px */
}

/* @end */


/* @group float */

.left {
    float: left;
    width: 460px;
    margin-right: 20px;
}

.right {
    float: right;
    width: 460px;
}

ul.left,
ul.right,
ol.left,
ol.right {
    width: 434px;
    }

ol li > .left,
ul li > .left {
	float: left;
	width: 434px;
}

ol li > .right,
ul li > .right {
	float: right;
}


/* @end */


/* @group clear */

.content div:before,
.content div:after,
.content section:before,
.content section:after {
	content: "";
	display: block;
	overflow: hidden;
}

.content div:after,
.content section:after {
	clear: both;
}

.content div.left:before,
.content div.left:after,
.content section.left:before,
.content section.left:after,
.content div.right:before,
.content div.right:after,
.content section.right:before,
.content section.right:after {
	content: none;
	display: none;
	overflow: visible;
}

.content div.left:after,
.content section.left:after {
    float: left;
    clear: none;
}

.content div.right:after,
.content section.right:after {
    float: right;
    clear: none;
}

.content hr {
    clear: both;
    margin: 0;
    opacity: 0;
}

/* @end */

/* @group margin & padding */

.content p,
.content ul,
.content ol,
.content dl,
.content figure,
.content table,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content div,
.content figure,
.content pre,
.content .quote {
    margin-top: 22px;
}

.content div.left,
.content div.right {
    margin-top: 0;
}

.single #pagebody .content section > h1 {
    margin: 48px 0 0;
    padding: 24px 0 16px;
	border-top: 1px solid #cbcbcb;
}

.single #pagebody .content section section + h1 {
    margin: 12px 0 0;
    padding: 0;
    border: none;
}

.single #pagebody .content section section > h1 {
    margin: 48px 0 0;
    padding: 0;
    border: none;
}

.download .single #pagebody .content div section > h1 {
    margin: 0;
    padding: 0 10px;
    border-top: none;
}

.content section h1 + div,
.content section h1 + section,
.content section h2 + div,
.content section h2 + section {
    margin-top: 0;
}

.content section h2 {
    margin: 48px 0 0;
}

.content section h1 + h2 {
    margin: 12px 0 0;
}

.content section h1 + div .left h2,
.content section h1 + div .right h2 {
    margin: 22px 0 0;
}

.content section > h2 + p,
.content section > h2 + ul,
.content section > h2 + ol,
.content section > h2 + dl,
.content section > h2 + figure,
.content section > h2 + table,
.content section > h2 + h3,
.content section > h2 + h4,
.content section > h2 + h5,
.content section > h2 + h6,
.content section > h2 + div,
.content section > h2 + figure,
.content section > h2 + pre {
    margin-top: 14px;
}

.content section > h2 + div p.left,
.content section > h2 + div p.right,
.content section > h2 + div ul.left,
.content section > h2 + div ul.right,
.content section > h2 + div ol.left,
.content section > h2 + div ol.right,
.content section > h2 + div dl.left,
.content section > h2 + div dl.right,
.content section > h2 + div figure.left,
.content section > h2 + div figure.right,
.content section > h2 + div table.left,
.content section > h2 + div table.right,
.content section > h2 + div pre.left,
.content section > h2 + div pre.right {
    margin-top: 0;
}

.content ol figure,
.content ul figure {
	margin-top: .6em;
}

/* @end */

/* @group figure */

.content figure {
	position: relative;
    margin: 20px auto 0;
}

.content figure figcaption {
	position: absolute;
	display: block;
	bottom: 5px;
	left: 10px;
	margin-right: 10px;
	padding: 6px 8px;
	background: rgba(229,229,229,0.9);
	border-radius: 3px;
	font-size: 85.7%;
	line-height: 1.4;
	color: rgb(50, 50, 50);
	opacity: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    text-decoration: none;
}

.content figure:hover figcaption {
	bottom: 10px;
	left: 10px;
	padding: 6px 8px;
	opacity: 1;
}

.content figure img {
}


/* dropshadow top 5px / left&right 10px / bottom 15px */
.content figure.dialog figcaption {
	bottom: 20px;
}

.content figure.dialog:hover figcaption {
	bottom: 25px;
}

.content figure img {
}

.content figure.dialog img {
    margin-left: -10px;
}

/* @end */

/* @group ol & li */

.content ol,
.content ul {
	padding-left: 26px;
}

.content ol li,
.content ul li {
    margin-top: 6px;
    line-height: 1.75;
}

.content ol li:first-child,
.content ul li:first-child {
    margin-top: 0;
}

.content .strong li li {
    font-weight: normal;
}

.content .strong li .strong li {
    font-weight: bold;
}

.content li p {
	margin-top: .3em;
	font-weight: normal;
}

.content .strong > li {
	margin-bottom: 1em;
}

.content li ol,
.content li ul {
	margin-top: 1em;
	margin-bottom: 1em;
}

.content li::before {
	display: inline-block;
	margin: -3px 6px 0 -26px;
	width: 20px;
	vertical-align: middle;
}

.content ul li::before {
	margin: -4px 6px 0 -26px;
}

.download #function ul li::before {
    margin: -3px 6px 0 -26px;
}

.content ul li::before { content: url("../img/li-u.svg");}
.content ul li.caution::before { content: url("../img/li-caution.svg");}

.content ol li:first-child::before { content: url("../img/li-o1.svg");}
.content ol li:nth-child(2)::before { content: url("../img/li-o2.svg");}
.content ol li:nth-child(3)::before { content: url("../img/li-o3.svg");}
.content ol li:nth-child(4)::before { content: url("../img/li-o4.svg");}
.content ol li:nth-child(5)::before { content: url("../img/li-o5.svg");}
.content ol li:nth-child(6)::before { content: url("../img/li-o6.svg");}
.content ol li:nth-child(7)::before { content: url("../img/li-o7.svg");}
.content ol li:nth-child(8)::before { content: url("../img/li-o8.svg");}
.content ol li:nth-child(9)::before { content: url("../img/li-o9.svg");}
.content ol li:nth-child(10)::before { content: url("../img/li-o10.svg");}
.content ol li:nth-child(11)::before { content: url("../img/li-o11.svg");}
.content ol li:nth-child(12)::before { content: url("../img/li-o12.svg");}
.content ol li:nth-child(13)::before { content: url("../img/li-o13.svg");}
.content ol li:nth-child(14)::before { content: url("../img/li-o14.svg");}
.content ol li:nth-child(15)::before { content: url("../img/li-o15.svg");}
.content ol li:nth-child(16)::before { content: url("../img/li-o16.svg");}
.content ol li:nth-child(17)::before { content: url("../img/li-o17.svg");}
.content ol li:nth-child(18)::before { content: url("../img/li-o18.svg");}
.content ol li:nth-child(19)::before { content: url("../img/li-o19.svg");}
.content ol li:nth-child(20)::before { content: url("../img/li-o20.svg");}
.content ol li:nth-child(21)::before { content: url("../img/li-o21.svg");}
.content ol li:nth-child(22)::before { content: url("../img/li-o22.svg");}
.content ol li:nth-child(23)::before { content: url("../img/li-o23.svg");}
.content ol li:nth-child(24)::before { content: url("../img/li-o24.svg");}
.content ol li:nth-child(25)::before { content: url("../img/li-o25.svg");}
.content ol li:nth-child(26)::before { content: url("../img/li-o26.svg");}
.content ol li:nth-child(27)::before { content: url("../img/li-o27.svg");}
.content ol li:nth-child(28)::before { content: url("../img/li-o28.svg");}
.content ol li:nth-child(29)::before { content: url("../img/li-o29.svg");}
.content ol li:nth-child(30)::before { content: url("../img/li-o30.svg");}

.content ol.alpha li:first-child::before { content: url("../img/li-a1.svg");}
.content ol.alpha li:nth-child(2)::before { content: url("../img/li-a2.svg");}
.content ol.alpha li:nth-child(3)::before { content: url("../img/li-a3.svg");}
.content ol.alpha li:nth-child(4)::before { content: url("../img/li-a4.svg");}
.content ol.alpha li:nth-child(5)::before { content: url("../img/li-a5.svg");}
.content ol.alpha li:nth-child(6)::before { content: url("../img/li-a6.svg");}
.content ol.alpha li:nth-child(7)::before { content: url("../img/li-a7.svg");}
.content ol.alpha li:nth-child(8)::before { content: url("../img/li-a8.svg");}
.content ol.alpha li:nth-child(9)::before { content: url("../img/li-a9.svg");}
.content ol.alpha li:nth-child(10)::before { content: url("../img/li-a10.svg");}
.content ol.alpha li:nth-child(11)::before { content: url("../img/li-a11.svg");}
.content ol.alpha li:nth-child(12)::before { content: url("../img/li-a12.svg");}
.content ol.alpha li:nth-child(13)::before { content: url("../img/li-a13.svg");}
.content ol.alpha li:nth-child(14)::before { content: url("../img/li-a14.svg");}
.content ol.alpha li:nth-child(15)::before { content: url("../img/li-a15.svg");}
.content ol.alpha li:nth-child(16)::before { content: url("../img/li-a16.svg");}
.content ol.alpha li:nth-child(17)::before { content: url("../img/li-a17.svg");}
.content ol.alpha li:nth-child(18)::before { content: url("../img/li-a18.svg");}
.content ol.alpha li:nth-child(19)::before { content: url("../img/li-a19.svg");}
.content ol.alpha li:nth-child(20)::before { content: url("../img/li-a20.svg");}
.content ol.alpha li:nth-child(21)::before { content: url("../img/li-a21.svg");}
.content ol.alpha li:nth-child(22)::before { content: url("../img/li-a22.svg");}
.content ol.alpha li:nth-child(23)::before { content: url("../img/li-a23.svg");}
.content ol.alpha li:nth-child(24)::before { content: url("../img/li-a24.svg");}
.content ol.alpha li:nth-child(25)::before { content: url("../img/li-a25.svg");}
.content ol.alpha li:nth-child(26)::before { content: url("../img/li-a26.svg");}

.content ol li.caution:nth-child(2)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(3)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(4)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(5)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(6)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(7)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(8)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(9)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(10)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(11)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(12)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(13)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(14)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(15)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(16)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(17)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(18)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(19)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(20)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(21)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(22)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(23)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(24)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(25)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(26)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(27)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(28)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(29)::before { content: url("../img/li-caution.svg");}
.content ol li.caution:nth-child(30)::before { content: url("../img/li-caution.svg");}

.content ol.alpha li.caution:nth-child(2)::before { content: url("../img/li-caution.svg");}
.content ol.alpha li.caution:nth-child(3)::before { content: url("../img/li-caution.svg");}
.content ol.alpha li.caution:nth-child(4)::before { content: url("../img/li-caution.svg");}
.content ol.alpha li.caution:nth-child(5)::before { content: url("../img/li-caution.svg");}
.content ol.alpha li.caution:nth-child(6)::before { content: url("../img/li-caution.svg");}
.content ol.alpha li.caution:nth-child(7)::before { content: url("../img/li-caution.svg");}
.content ol.alpha li.caution:nth-child(8)::before { content: url("../img/li-caution.svg");}
.content ol.alpha li.caution:nth-child(9)::before { content: url("../img/li-caution.svg");}
.content ol.alpha li.caution:nth-child(10)::before { content: url("../img/li-caution.svg");}
.content ol.alpha li.caution:nth-child(11)::before { content: url("../img/li-caution.svg");}
.content ol.alpha li.caution:nth-child(12)::before { content: url("../img/li-caution.svg");}
.content ol.alpha li.caution:nth-child(13)::before { content: url("../img/li-caution.svg");}
.content ol.alpha li.caution:nth-child(14)::before { content: url("../img/li-caution.svg");}
.content ol.alpha li.caution:nth-child(15)::before { content: url("../img/li-caution.svg");}
.content ol.alpha li.caution:nth-child(16)::before { content: url("../img/li-caution.svg");}
.content ol.alpha li.caution:nth-child(17)::before { content: url("../img/li-caution.svg");}
.content ol.alpha li.caution:nth-child(18)::before { content: url("../img/li-caution.svg");}
.content ol.alpha li.caution:nth-child(19)::before { content: url("../img/li-caution.svg");}
.content ol.alpha li.caution:nth-child(20)::before { content: url("../img/li-caution.svg");}
.content ol.alpha li.caution:nth-child(21)::before { content: url("../img/li-caution.svg");}
.content ol.alpha li.caution:nth-child(22)::before { content: url("../img/li-caution.svg");}
.content ol.alpha li.caution:nth-child(23)::before { content: url("../img/li-caution.svg");}
.content ol.alpha li.caution:nth-child(24)::before { content: url("../img/li-caution.svg");}
.content ol.alpha li.caution:nth-child(25)::before { content: url("../img/li-caution.svg");}
.content ol.alpha li.caution:nth-child(26)::before { content: url("../img/li-caution.svg");}

/* @end */

/* @group dl */

.content dl dt {
	font-weight: bold;
	padding-bottom: .5em;
}

.content .get dl dt {
    padding: 0;
}

.content dl dd {
	margin-bottom: .5em;
	padding: 0 0 0 .5em;
	border-left: 3px solid #c2c2c2;
}

.content .get dl dd {
	margin-bottom: 0;
	padding: 0;
	border-left: none;
}

.content dl dd + dt {
	padding-top: .5em;
}

/* @end */

/* @group quote */

.content .quote blockquote {
    padding: 18px 20px 5px;
	background: #d9d9d9 url(../img/bg-quote.svg) 0 0 no-repeat;
	background-size: 52px 12px;
}

.content .quote .source {
    margin: 0;
	padding: 0 20px 16px 20px;
	background: #d9d9d9 url(../img/bg-quote.svg) right bottom no-repeat;
	background-size: 52px 12px;
	font-size: 85.7%;
	color: #7f7f7f;
	text-align: right;
}

.content .quote .cite a {
	color: #676767;
	text-decoration: underline;
}

.content blockquote p {
	margin: 0;
}

/* @end */

/* @group pre, code, kbd */

.content kbd.in {
	background: #ffffff;
	margin: 0 2px;
	padding: 2px 7px;
	border: 1px solid #c4c4c4;
	border-radius: 3px;
	color: #4a4a4a;
	vertical-align: top;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.content pre {
    overflow: hidden;
    padding: 20px;
    background: #ffffff;
}

.content pre code {
    display: block;
    overflow: scroll;
    font-size: 92.9%;
}

.content .sc {
	background-color: #6c6d6c;
	display: block;
	padding: 5px 10px 10px;
	border-radius: 4px;
}

.content .sc kbd, .content .sc i {
	display: inline-block;
	height: 30px;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
	line-height: 1;
/*	float: left;*/
	background-image: url(../img/bg-shortcut.svg);
	background-repeat: no-repeat;
	background-size: 600px 420px;
}

.content .sc kbd {
	width: 30px;
	height: 30px;
}

.content .sc kbd.f1 { background-position: 0 0 ;}
.content .sc kbd.f2 { background-position: -30px 0 ;}
.content .sc kbd.f3 { background-position: -60px 0 ;}
.content .sc kbd.f4 { background-position: -90px 0 ;}
.content .sc kbd.f5 { background-position: -120px 0 ;}
.content .sc kbd.f6 { background-position: -150px 0 ;}
.content .sc kbd.f7 { background-position: -180px 0 ;}
.content .sc kbd.f8 { background-position: -210px 0 ;}
.content .sc kbd.f9 { background-position: -240px 0 ;}
.content .sc kbd.f10 { background-position: -270px 0 ;}
.content .sc kbd.f11 { background-position: -300px 0 ;}
.content .sc kbd.f12 { background-position: -330px 0 ;}
.content .sc kbd.f13 { background-position: -360px 0 ;}
.content .sc kbd.f14 { background-position: -390px 0 ;}
.content .sc kbd.k1 { background-position: 0 -30px ;}
.content .sc kbd.k2 { background-position: -30px -30px ;}
.content .sc kbd.k3 { background-position: -60px -30px ;}
.content .sc kbd.k4 { background-position: -90px -30px ;}
.content .sc kbd.k5 { background-position: -120px -30px ;}
.content .sc kbd.k6 { background-position: -150px -30px ;}
.content .sc kbd.k7 { background-position: -180px -30px ;}
.content .sc kbd.k8 { background-position: -210px -30px ;}
.content .sc kbd.k9 { background-position: -240px -30px ;}
.content .sc kbd.k0 { background-position: -270px -30px ;}
.content .sc kbd.ka { background-position: 0 -60px ;}
.content .sc kbd.kb { background-position: -30px -60px ;}
.content .sc kbd.kc { background-position: -60px -60px ;}
.content .sc kbd.kd { background-position: -90px -60px ;}
.content .sc kbd.ke { background-position: -120px -60px ;}
.content .sc kbd.kf { background-position: -150px -60px ;}
.content .sc kbd.kg { background-position: -180px -60px ;}
.content .sc kbd.kh { background-position: -210px -60px ;}
.content .sc kbd.ki { background-position: -240px -60px ;}
.content .sc kbd.kj { background-position: -270px -60px ;}
.content .sc kbd.kk { background-position: -300px -60px ;}
.content .sc kbd.kl { background-position: -330px -60px ;}
.content .sc kbd.km { background-position: -360px -60px ;}
.content .sc kbd.kn { background-position: 0 -90px ;}
.content .sc kbd.ko { background-position: -30px -90px ;}
.content .sc kbd.kp { background-position: -60px -90px ;}
.content .sc kbd.kq { background-position: -90px -90px ;}
.content .sc kbd.kr { background-position: -120px -90px ;}
.content .sc kbd.ks { background-position: -150px -90px ;}
.content .sc kbd.kt { background-position: -180px -90px ;}
.content .sc kbd.ku { background-position: -210px -90px ;}
.content .sc kbd.kv { background-position: -240px -90px ;}
.content .sc kbd.kw { background-position: -270px -90px ;}
.content .sc kbd.kk { background-position: -300px -90px ;}
.content .sc kbd.ky { background-position: -330px -90px ;}
.content .sc kbd.kz { background-position: -360px -90px ;}
.content .sc kbd.kgrave { background-position: 0 -120px ;}
.content .sc kbd.khyphen { background-position: -30px -120px ;}
.content .sc kbd.kequal { background-position: -60px -120px ;}
.content .sc kbd.kbracketl { background-position: -90px -120px ;}
.content .sc kbd.kbracketr { background-position: -120px -120px ;}
.content .sc kbd.kbackslash { background-position: -150px -120px ;}
.content .sc kbd.ksemicolon { background-position: -180px -120px ;}
.content .sc kbd.kapostrophe { background-position: -210px -120px ;}
.content .sc kbd.kcolon { background-position: -240px -120px ;}
.content .sc kbd.kperiod { background-position: -270px -120px ;}
.content .sc kbd.kslash { background-position: -300px -120px ;}
.content .sc kbd.kup { background-position: 0 -150px ;}
.content .sc kbd.kdown { background-position: -30px -150px ;}
.content .sc kbd.kleft { background-position: -60px -150px ;}
.content .sc kbd.kright { background-position: -90px -150px ;}
.content .sc kbd.karrows { background-position: -120px -150px ;}
.content .sc kbd.kcommand { background-position: 0 -180px ;}
.content .sc kbd.koption { background-position: -30px -180px ;}
.content .sc kbd.kshift { background-position: -60px -180px ;}
.content .sc kbd.kcontrol { background-position: -90px -180px ;}
.content .sc kbd.ken { background-position: -120px -180px ;}
.content .sc kbd.kja { background-position: -150px -180px ;}
.content .sc kbd.kescape { background-position: -180px -180px ;}
.content .sc kbd.keject { background-position: -210px -180px ;}
.content .sc kbd.kpower { background-position: -240px -180px ;}
.content .sc kbd.knone { background-position: -300px -180px ;}
.content .sc kbd.ktab { background-position: 0 -210px ; width: 45px;}
.content .sc kbd.kdelete { background-position: -45px -210px ; width: 45px;}
.content .sc kbd.kreturn { background-position: -90px -210px ; width: 45px;}
.content .sc kbd.kenter { background-position: -135px -210px ; width: 45px;}
.content .sc kbd.mfn { background-position: 0 -240px ;}
.content .sc kbd.mcommandl { background-position: -30px -240px ; width: 45px;}
.content .sc kbd.moptionl { background-position: -75px -240px ; width: 45px;}
.content .sc kbd.mshiftl { background-position: -120px -240px ; width: 45px;}
.content .sc kbd.mcontroll { background-position: -165px -240px ; width: 45px;}
.content .sc kbd.mcommandr { background-position: -210px -240px ; width: 45px;}
.content .sc kbd.moptionr { background-position: -255px -240px ; width: 45px;}
.content .sc kbd.mshiftr { background-position: -300px -240px ; width: 45px;}
.content .sc kbd.mcontrolr { background-position: -345px -240px ; width: 45px;}
.content .sc kbd.kcapslock { background-position: -390px -240px ; width: 45px;}
.content .sc kbd.kcapslockon { background-position: -435px -240px ; width: 45px;}
.content .sc kbd.kspace { background-position: 0 -270px ; width: 150px;}
.content .sc kbd.cclick { background-position: 0 -300px ;}
.content .sc kbd.cdclick { background-position: -30px -300px ;}
.content .sc kbd.cdrag { background-position: -60px -300px ;}
.content .sc kbd.hup { background-position: 0 -330px ;}
.content .sc kbd.hdown { background-position: -30px -330px ;}
.content .sc kbd.gtap { background-position: 0 -360px ;}
.content .sc kbd.gdtap { background-position: -30px -360px ;}
.content .sc kbd.gswipel { background-position: -60px -360px ;}
.content .sc kbd.gswiper { background-position: -90px -360px ;}
.content .sc i.ito { background-position: 0 -390px ; width: 30px;}
.content .sc i.iplus { background-position: -30px -390px ; width: 10px;}
.content .sc i.ior { background-position: -40px -390px ; width: 30px;}

/* @end */

/* @group table */

.content table {
    width: 100%;
    background: #ffffff;
    border: 1px solid #cccccc;
    font-size: 100%;
}

.content thead th {
    background: #d9d9d9;
}

.content tbody th {
    background: #e9e9e9;
}

.content th,
.content td {
    padding: 3px 6px;
    vertical-align: middle;
    border: 1px solid #cccccc;
}

.content td {
    text-align: center;
}

/* @end */


/* @group for download */


.download .content div section {
    margin: 22px 0 0;
}

.download .content section h1 {
    font-weight: normal;
    color: #666666;
}

.download .content .left section figure {
	margin-top: 0;
}

.download .content #function div,
.download .content .left section div {
    margin: 0;
    padding: 1px 16px 24px;
    background: #ffffff;
}

.download .content #function ol,
.download .content #function ul,
.download .content .left section ol,
.download .content .left section ul {
    word-break: break-all;
/*    margin-top: 0;*/
}

.download .content #function ol li,
.download .content #function ul li,
.download .content .left section ol li,
.download .content .left section ul li {
    margin: 14px 0 0;
    font-size: 107.1%;
}

.download .content #function ul li.caution,
.download .content #function ul li.caution p,
.download .content #function ol li.caution,
.download .content #function ol li.caution p,
.download .content .left section ul li.caution,
.download .content .left section ul li.caution p,
.download .content .left section ol li.caution,
.download .content .left section ol li.caution p {
    color: #bf3030;
}

.download .content #function ol li:first-child,
.download .content #function ul li:first-child,
.download .content .left section ol li:first-child,
.download .content .left section ul li:first-child  {
    margin: 0;
}

.download .content #function ol p,
.download .content #function ul p,
.download .content .left section ol p,
.download .content .left section ul p {
    padding: 4px 0 0;
    font-size: 100%; /* base16px 6.25*/
    color: #666666;
}

.download .content #file div,
.download .content #history div {
    margin-top: 2px;
    padding: 18px 22px 14px;
    background: #e6e6e6;
}

.download .content #file ul,
.download .content #file dl,
.download .content #history ul,
.download .content #history dl {
    margin: 0;
    padding: 0;
}

.download .content #file li:before,
.download .content #history li:before {
    content: none;
}

.download .content iframe {
    width: 460px;
}

.download .content #movie p {
    margin: 6px 10px 0;
}

.download .content .notice {
    padding: 20px;
    background: #ffffff;
    border: 2px solid #ba6c6c;
}

.download .content .notice h1 {
    margin: 0;
    color: #990000;
}

.download .content .notice p {
    margin: 6px 0 0;
}

/* @group get */

.download #get .get,
.download #get .buy,
.download #get .donate {
    margin: 0 0 10px;
}

.notes .content .get,
.notes .content .buy {
    width: 460px;
    margin: 24px auto 0;
}

.download #get .get a,
.notes .content .get a,
.download #get .buy a,
.notes .content .buy a {
    display: block;
    padding: 13px 20px 14px;
    background: #339900;
    border: 1px solid rgba(0,0,0,0.1);
    color: #ffffff;
    opacity: .8;
    box-shadow: rgba(0,0,0,0.25) 0 0 2px;
}

.download #get .donate a,
.notes .content .donate a {
    opacity: .8;
    display: block;
}

.download #get .buy a {
    background: #ec00a0;
}

.download #get .buy a span {
    position: relative;
    top: -2px;
    padding: 3px 6px 1px;
    margin-left: .3em;
    background: #ffffff;
    color: #ec00a0;
    font: bold 72% sans-serif;
    border-radius: 4px;
}

.notes .content .get a {
    background: #00a2e0;
}

.notes .content .buy a {
    background: #d90090;
}
/*.notes .content .buy a span {
    background: #ffffff;
    color: #d90090;
}*/

.download #get .get a:hover,
.download #get .get a:active,
.download #get .buy a:hover,
.download #get .buy a:active,
.notes .content .get a:hover,
.notes .content .get a:active,
.notes .content .buy a:hover,
.notes .content .buy a:active {
    opacity: 1;
	box-shadow: rgba(0,0,0,0.25) 0 2px 6px;
}

.download #get .donate a:hover,
.notes .content .donate a:hover {
    opacity: 1;
	box-shadow: rgba(0,0,0,0.15) 0 1px 2px;
}

.download #get .get dl,
.download #get .buy dl,
.notes .content .get dl,
.notes .content .buy dl {
    background-image: url(../img/icn-get.svg);
    background-size: 48px 48px;
    background-position: 0 -3px;
    background-repeat: no-repeat;
}

.download #get .buy dl,
.notes .content .buy dl {
    background-image: url(../img/icn-buy.svg);
}

.notes .content .get dl {
    background-image: url(../img/icn-todl.svg);
}

.download #get .get dl,
.download #get .buy dl,
.notes .content .get dl,
.notes .content .buy dl {
    margin: 0;
    line-height: 1.2;
    padding-left: 60px;
    -webkit-font-smoothing: antialiased;
}

.download #get .get dl dt,
.download #get .buy dl dt,
.notes .content .get dl dt,
.notes .content .buy dl dt {
    font-weight: normal;
    font-size: 171.4%;
}

.download #get .get dd,
.download #get .buy dd {
    display: inline-block;
    opacity: .7;
    font-size: 85.7%;
}

.notes #pagebody .content div.get dl dd,
.notes #pagebody .content div.buy dl dd {
    display: inline-block;
    opacity: .7;
    font-size: 78.6%;
}

.download #get .get dd:first-of-type::after,
.download #get .buy dd:first-of-type::after,
.notes .content .get dd:first-of-type::after,
.notes .content .buy dd:first-of-type::after {
    content: "　";   
}

.download #get .get dl dt,
.download #get .get dl dd,
.download #get .buy dl dt,
.download #get .buy dl dd,
.notes .content .buy dl dt,
.notes .content .buy dl dd {
    margin: 0;
    padding: 0;
    border: none;
}

/* @end */

/* @group #file */

.download #file {
    list-style: none;
}

.download #file div {
    padding: 2px 22px 14px;
}

.download #file ul li {
    margin: 14px 0 0 18px;
    word-break: break-all;
}

.download #file ul li:first-child {
    margin: 0px;
}

.download #file dt {
    padding-bottom: 3px;
    color: #999999;
    font-weight: normal;
    border-bottom: 1px solid #d1d1d1;
}

.download #file dt:before {
    content: url(../img/icn-folder.svg);
    display: inline-block;
    width: 17px;
    padding-right: 4px;
    margin-left: -5px;
    vertical-align: text-bottom;
    opacity: .3;
}

.download #file dt span,
.download #file dd span {
    display: inline-block;
    padding-left: 1em;
    font-size: 85.7%;
    color: #999999;
}

.download #file dd {
    margin-bottom: 0;
    padding: 8px 0 0 16px;
    border: none;
}

.download #file dd:before {
    content: url(../img/icn-file.svg);
    display: inline-block;
    width: 17px;
    padding-right: 4px;
    vertical-align: text-bottom;
    opacity: .6;
}

/* @end */

/* @group #history */

.download #history .date {
    float: left;
    clear: left;
    display: block;
    color: #999999;
}

.download #history strong {
    display: block;
    font-weight: normal;
    padding-left: 6em;
}

.download #history strong:first-line {
    padding-left: -6em;
}

/* @end */

/* @end */