* {box-sizing:border-box;}
a, a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
body{background:#ecf9f9 url('bg2.png'); background-color:#fff; font-family:Arial,sans-serif; color:#000; margin:8px; padding:0;}
.faq h1 {background-color:#FF6666; font-size:2em; padding:5px 5px; margin:1em auto 0 auto; text-align:center; width:600px;}
h2 {background-color:#33CCCC; font-size:21px; padding:3px 10px; margin-top:1em;}
h4 {margin:1em 0}
.contents {background:#9F9; padding:1px 15px; margin:5px 40px; width:600px;font-size:small}
.navi {float:right;}
#k{margin:0 1em;}
#top{font-size:2.7em;padding-top:15pt;padding-bottom:12pt;text-align:center;}
#top a{display:block;font-size:smaller;}
#text{text-align:left;}
#text hr{width:70%;}
#search{margin-top:1em;padding-top:4pt;padding-bottom:4pt;background-color:#eee;border:1px solid #aaa;}
#foot{font-size:8pt; padding-top:2em; text-align:center;}
#foot a{color:#999;}
.important{background-color:#EEE;border:1px dotted #999;}
.link {background-color:#EEE; border:1px dotted #999; display:inline-block; font-size:20px; padding:7px;}
.links {font-size:20px; background-color:#FFFFCC; text-align:center;}
#text .logo {float:right}
#text .fig {margin:1em 2em 1em 0; float:left;}
#text p {margin:15px 40px; text-align:justify;}
.sjis {font-family:Mona, IPAMonaPGothic, 'MS PGothic', YOzFontAA97 !important;}
.api ul {margin-left:3em;}
.api th {color:#FFF; background-color:#8181F7; padding:3pt;}
.api td {background-color:#CEE3F6; padding:3pt;}
.api h3 {border-bottom:2px solid #7CA0F9; margin-left:1.5em;}
.api h4, .api table {margin-left:4em;}
.postername {color:#117743;font-weight:bold;}
.postertrip {color:#228854;}
.img {font-size:17px;}
.tab {margin-left:40px;}
.tabtitle {font-weight:bold; font-size:16pt;}
.btn {display:inline-block;}
#explain .tb {display:table;}
#explain div {display:table-cell; text-align:left; vertical-align:top;}
#explain .imgs {text-align:center;}
#explain h4 {font-size:large; margin:0 25px 5px;}
#explain p {margin:2px 50px 15px;}
#explain ul {list-style-type:square; margin:0 50px 15px 100px; padding:0; text-align:justify;}
@media screen and (max-width:600px) {
  body {font-size:15px; margin:0; padding:0;}
  #k {margin:0;}
  #top {font-size:1.7em;}
  h2 {font-size:1.1em; margin:1em 0 .25em; padding:2px; text-align:center;}
  h2 a{padding:2px;}
  .tabtitle {text-indent:-1em; padding-left:1em;}
  #text p {margin:1em .5em;}
  .tab {margin-left:0;}
  #explain .tb {display:block;}
  #explain .imgs {display:block; margin-bottom:1em;}
  #explain .imgs img, #text .fig {width:100%; height:auto; margin:0; padding:0;}
  #explain .cell {display:block;}
  #explain h4 {margin:0 .3em .3em;}
  #explain p {margin:0 1em 1em;}
  #explain ul {margin:0 1em 1em 2em;}
  .link {margin:10px;}
  #foot{margin-bottom:5px;}
  .faq .logo {display:none;}
  .contents {padding:4px; margin:0; width:100%;font-size:14px;}
  .contents h3 {margin:0; margin-bottom:5px;}
  .contents ul, .contents li, .contents li a {display:block; margin:0; padding:0;}
  .contents li a{padding:1px 0;}
  .faq h1 {font-size:1.6em; margin:1em 0; padding:5px; width:100%;}
  pre {font-size:15px!important; margin-left:0!important; text-align:center;}
  .faq .api {margin-left:0!important; width:100%;}
}