@charset "shift_jis";

/* --- OutLine --------------------------------- */
body{
	margin: 0px;
	padding: 5px;
	color: #323442;
	background-color: #ffffff;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	font-size: 10.5pt;
}
a{
	color: #1111cc;
}

a:visited{
	color: #993399;
}

a:hover{
	color: #aa1111;
}

h1 a, h2 a, h3 a, h4 a{
	color: #ffffff;
}

table{
	/* 表全体の枠線 */
	border-top: 1px #cccccc solid;
	border-left: 1px #acacac solid;
	border-right: 1px #acacac solid;
	border-bottom: 2px #909090 solid;
	
	/* 余白 */
	margin-left: 10pt;
	margin-top: 2pt;
	border-spacing: 0px;
}

/* --- Header --------------------------------- */
.pagetitle{
	margin: -5px;
	margin-top: -5px;
	margin-bottom: 5px;
	padding-top: 2pt;
	padding-left: 10pt;
	padding-bottom: 10px;
	background-color: #7c2946 !important;
	box-shadow: 1px 1px 8px #666666;
}

.api-version{
	/* APIバージョン表記 */
	text-decoration: none;
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica;
}

.pkg-version{
	/* Package バージョン表記 */
	text-decoration: none;
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica;
}


.api-platform{
	/* APIプラットフォーム表記 */
	text-align: right !important;
	margin-top: -22px;
	margin-left: 320px;
	margin-right: 10px;
}

span.api-available{
	text-align: right;
	border: 1px solid #003399;
	background-color: #26e026;
	background-image: url('crs/ver_images/api-available.png');
	background-position: 3pt center;
	background-repeat: no-repeat;
	border-radius: 5pt;
	padding-left: 26px;	/* アイコン用 */
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 2px;
	font-size: 9pt;
	color: #ffffff;
	font-weight: bold;
	cursor: default;
	visibility: hidden;
}
span.api-unavailable{
	text-align: right;
	border: 1px solid #333333;
	background-color: #888888;
	background-image: url('crs/ver_images/api-unavailable.png');
	background-position: 3pt center;
	background-repeat: no-repeat;
	border-radius: 5pt;
	padding-left: 26px;	/* アイコン用 */
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin:2px;
	font-size: 9pt;
	color: #cccccc;
	font-weight: bold;
	cursor: default;
	visibility: hidden;
}
span.api-removed{
	text-align: right;
	border: 1px solid #333333;
	background-color: #d33333;
	background-image: url('crs/ver_images/api-removed.png');
	background-position: 3pt center;
	background-repeat: no-repeat;
	border-radius: 5pt;
	padding-left: 26px;	/* アイコン用 */
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin:2px;
	font-size: 9pt;
	color: #ffffff;
	font-weight: bold;
	cursor: default;
	visibility: hidden;
}

span.api-history{
	/* 変更履歴 */
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 15px;
	border: 1px solid #c0c0ee;
	font-weight: normal;
	font-size:9pt;
	color:#ffffff;
	background-color: #406092;
	border-radius: 3px;
	text-decoration: none;
}

h1 a{
	text-decoration: none !important;
}


/* --- Body --------------------------------- */
p {
	padding: 0pt;
	padding-left: 10pt;
	margin: 0pt;
	line-height: 1.3;
}

div.platform > p{
	padding-left: 0pt;
}

h1 {
	margin: 0mm;
	color: #ffffff;
	font-size: 16pt;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	
	padding-top: 2pt;
	padding-left: 10pt;
	padding-bottom: 2pt;
}
h2 {
	margin: 0mm;
	color: #ffffff;
	font-size: 14pt;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	background-color: #a05060;
	
	margin-left: -5px;
	margin-right: -5px;
	padding-top: 4pt;
	padding-left: 18pt;
	padding-bottom: 4pt;
	margin-top: 12pt;
}
h3 {
	margin: 0mm;
	color: #ffffff;
	font-size: 13pt;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	background-color: #a95969;
	
	margin-left: -5px;
	margin-right: -5px;
	padding-top: 4pt;
	padding-left: 18pt;
	padding-bottom: 4pt;
	margin-top: 12pt;
}
h4 {
	margin: 0mm;
	color: #ffffff;
	font-size: 12pt;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	background-color: #a95969;
	
	margin-left: -5px;
	margin-right: -5px;
	padding-top: 3pt;
	padding-left: 13pt;
	padding-bottom: 3pt;
	margin-top: 12pt;
}
h5 {
	margin: 0mm;
	color: #a04070;
	font-size: 10.5pt;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	border-bottom: 2px #997788 dotted;
	border-top: 1px #ffffff solid;
	background-color: #fff9f6;
	
	padding-top: 2pt;
	padding-left: 13pt;
	padding-bottom: 3pt;
	
	margin-top: 5pt;
	margin-bottom: 5pt;
}

/* --- Text Decoration --------------------------------- */
span.unsupported{
	/* サポートされていない機能の説明 */
	color: #999999;
}

tr.unsupported{
	/* サポートされていない機能の説明(行ごと) */
	color: #999999;
}

p.platform, div.platform{
	/* プラットフォーム間での機能差異説明 */
	margin: 5px;
	margin-left: 10pt;
	padding: 5px;
	padding-left: 10pt;
	/* color: #249900; */
	background-color: #fffdee;
	
	border-radius: 3pt;
	border: 1px solid #aaaaaa;
}

p.compatible, div.compatible{
	/* Mobile互換モード(HT)間の機能差異説明 */
	margin: 5px;
	margin-left: 10pt;
	padding: 5px;
	padding-left: 10pt;
	/* color: #249900; */
	background-color: #ffecf0;
	
	border-radius: 3pt;
	border: 1px solid #aaaaaa;
}

.platform:first-line, .compatible:first-line{
	font-weight: bold;
}

p.apiremoved, div.apiremoved{
	/* 警告・削除などの説明 */
	margin: 5px;
	margin-left: 10pt;
	padding: 5px;
	padding-left: 10pt;
	color: #992200;
	background-color: #ffeeee;
	
	border-radius: 3pt;
	border: 1px solid #aa3333;
}
.apiremoved:first-line{
	font-weight: bold;
}

.indent{
	/* インデント */
	padding-left: 16pt;
}

small{
	/* 注釈・細目 */
	font-size: 8pt;
	color: #993300;
}

pre {
	/* ソースコードやスクリプト実行結果 */
	margin: 5px;
	margin-left: 25px;
	padding: 5px;
	padding-left: 10pt;
	font-size: 10.5pt;
	font-family: "ＭＳ ゴシック";
	
	background-color: #f9fcff;
	border: 1px solid #99ccff;
	
	/* 角丸(IE9~) */
	border-radius: 3pt;
}

a.history{
	/* 変更履歴(本文) */
	font-size: 8pt;
	vertical-align: super;
	font-weight: bold;
}

div.history{
	/* 変更履歴(フッター) */
	margin: 5px;
	margin-left: 10pt;
	padding: 5px;
	padding-left: 10pt;
	color: #333366;
	background-color: #eeeeff;
	
	border-radius: 3pt;
	border: 1px solid #0000aa;
}
div.history:first-line{
	font-weight: bold;
	text-decoration: underline;
}

/* --- Table --------------------------------- */
table.chart {
	/* border-collapse: collapse; */
	margin-top: 15px;
}

tr{
	/* セルの背景色 */
	background-color: #f6f6f6;
}
tr * tr{
	/* セルの背景色(2階層目以降) */
	background-color: #f0f0f0;
}

td{
	/* セルの余白 */
	padding-left: 5pt;
	padding-right: 12pt;
	padding-bottom: 5pt;
	padding-top: 5pt;
	
	/* セル内テキストの位置 */
	vertical-align: top;
	text-align: left;
}
td p{
	padding-left: 5pt;
	padding-right: 5pt;
}
th p{
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.chart tr {
	height: 10pt;
	background-color: #ffffff;
}
.chart td {
	padding: 0pt;
}
.chart td.box {
	margin: 2pt;
	border-top: #666666 1px;
	border-left: #666666 1px;
	border-bottom: #666666 2px;
	border-right: #666666 1px;
	border-style: solid;
	background: #cce6ff;
	padding: 6pt;
}
.chart td.line {
	border-left: #666666 solid 1px;
	border-bottom: #666666 solid 1px;
	margin: 10px;
}
table.member {
	border-left: solid 1pt #909090;
	border-top: solid 1pt #909090;
	border-collapse: collapse;
}
.member td {
	border-right: solid 1pt #909090;
	border-bottom: solid 1pt #909090;
	padding-left: 5pt;
	padding-right: 5pt;
	vertical-align: top;
}
.member th {
	border-right: solid 1pt #909090;
	border-bottom: solid 1pt #909090;
	padding-left: 5pt;
	padding-right: 5pt;
	font-weight: normal;
	background-color: #D9D9D9;
	text-align: left;
	vertical-align: top;
}
table.method {
	border-collapse: collapse;
}
.method td {
	padding-left: 5pt;
	padding-right: 5pt;
	vertical-align: top;
}
.method td {
	padding-left: 5pt;
	padding-right: 5pt;
	vertical-align: top;
}
table.access {
	border-left: solid 1pt;
	border-top: solid 1pt;
	border-collapse: collapse;
}
.access td {
	border-right: solid 1pt;
	border-bottom: solid 1pt;
	padding-left: 5pt;
	padding-right: 5pt;
	vertical-align: middle;
}
.access p {
	font-size: 9pt;
}
table.onepoint {
	margin-left: 13pt;
	background: #CCFFFF;
	border-collapse: collapse;
	border-top: solid 1pt;
	border-left: solid 1pt;
	border-bottom: solid 2.25pt;
	border-right: solid 2.25pt;
}
.onepoint p {
	font-size: 9pt;
}
.onepoint td {
	padding-left: 5pt;
	padding-right: 5pt;
}
table.index {
	border-left: solid 1pt #909090;
	border-top: solid 1pt #909090;
	border-collapse: collapse;
	font-size: 8pt;
}
.index td {
	border-right: solid 1pt #909090;
	border-bottom: solid 1pt #909090;
	padding-left: 5pt;
	padding-right: 5pt;
	vertical-align: top;
}
.index th {
	border-right: solid 1pt #909090;
	border-bottom: solid 1pt #909090;
	padding-left: 5pt;
	padding-right: 5pt;
	font-weight: normal;
	background-color: #D9D9D9;
	text-align: left;
	vertical-align: top;
}

#page_top{
  width: 100px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #a95969;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 100px;
  height: 60px;
  text-decoration: none;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 20px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}