@charset "UTF-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, var, i, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary,time, mark, audio, video
  {
  margin:0; 
  padding:0; 
  border:0; 
  outline:0; 
  font-size:100%; 
  vertical-align:baseline; 
  background:transparent; 
  font-style:normal;
}

body {
	width:540px;
	height:auto;
	background:#f2f2f2; 
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 2.2;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color:#333;
	padding-bottom:25px;
}

h1 { 
	font-size: 120%; 
	background-color: #0C74B3; 
	color: white; 
	padding: 0.3em;
	text-align: center; 
}

h2 { 
	border-left: #0C74B3 0.4em solid; 
	padding: 0.1em 0.3em; 
	font-size: 120%; 
}

div.centerbox {
	width: 520px;         /* 表示させたい横幅 */
	height: 970px;        /* 表示させたい高さ */
	margin: 10px;   /* マイナス「高さ÷2」の値 */
	overflow: hidden;       /* 内容がはみ出る場合にスクロールさせるなら「auto」、隠す場合には「hidden」 */
	background-color: #fff;
	color: #000000;
}


div.centerbox p {
	margin: 1em 0 5px;
	padding: 0 1em;
	line-height: 1.45;
	font-size: 90%;
}

div.centerbox p.top {
	margin: 1em 0 0;
	padding: 0 1em;
	line-height: 1.8;
	font-size: 95%;
}

div.centerbox p.top2 {
	margin: 1em 0 0; 
	padding: 0 2em;
	text-indent:-1em;
	line-height: 1.8;
	font-size: 85%;
}

div.centerbox p.top3 {
	margin: 0 0 2em 0; 
	padding: 0 2em;
	text-indent:-1em;
	line-height: 1.8;
	font-size: 85%;
}


TEXTAREA{
	width: calc(90% - 1em);
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:100%;
	padding: 1em;
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow:hidden;
	margin-left: 15px;
	background-color: #f4f5f7;
}

div.setbottom { 
	margin:0 auto;
}

p#returnfunc { 
	text-align:center; 
	margin: 1.5em 0.5em 0.5em 0.5em; 
}


I{font-style: italic;}

.code-block {
	background-color: #f4f5f7;
	padding: 3px 1em;
	border: 1px solid #ddd;
	border-radius: 4px;
	position: relative;
	margin: 0 auto 25px;
	width: calc(90% - 1em);
  }
  .copy-btn {
	position: absolute;
	right: 1em;
	top: 5px;
	cursor: pointer;
	padding: 7px 10px 8px;
	background-color: #007bff;
	color: white;
	border: none;
	border-radius: 4px;
	line-height: 1 !important;
  }

  code {	
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  }