@charset "Shift_Jis";
*{ font-size: 100.1%; }
html{ font-size: 16px; }
body{ line-height: 1.6;  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Hiragino Sans", "BIZ UDPGothic", sans-serif; }
small{ font-size: smaller;}
big{ font-size: larger; }
ins{text-decoration: underline; }
del{ text-decoration: line-through;}
em,strong{ color: #FF0000;  font-style: normal; }
strong{ border-bottom: 3px double #FF0000; }
strong strong{ border: none; }

blockquote,
q{ border: 1px solid #DDD; color: #378713; background: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
blockquote{ padding: .25em 1em; position: relative; }
blockquote[title]:before{ content: attr(title); display: block; border-bottom: 1px dotted #CCC; color: #000; }
blockquote:after{ content: ""; display: block; position: absolute; bottom: -1px; right: -1px;
width: 0; height: 0; border: 10px solid; border-color: #DDD #FAFAFA #FAFAFA #DDD; }

code{ color: #91551a; background: #FFF; padding: 0 .25em; border: 1px solid; 
border-color: #F5F5F5 #F5F5F5 #DDD; }
pre code{ border: none; padding: 0; }

pre{ padding: 0.4em; border: 1px solid #DDD; line-height: 1.2;
background: #FFF; color: #000; overflow-x: scroll; overflow-y: hidden; }

dt,dfn{ color: #459A8F; font-weight: bold; font-style: normal; }
dt{ border: 1px dotted #DDD; background: #FFF; padding: .1em .5em; }
dd{ padding: .2em 0; }
dd p,dd ul, dd ol, dd dl{ margin: .5em 0; }
li{ margin-top: .25em; margin-bottom: .25em; }

form{ background: #000; color: #DDD; border: 1px solid #DDD; padding: .2em 2%; }
fieldset{ margin: 0; padding: 0; border: none; }
legend{ margin: 0; padding: 0; font-weight: bold; color: #E871D9; }
input,select{ font-size: small; }

a:link{  color: #2E32F2;  }
a:visited{  color: #61406C; }
a:hover,
a:focus{ color: #F60404; text-decoration: none;  }
a:active{ text-decoration: underline overline; }
a[href^="http://"]{ background: url(ext.gif) no-repeat right 50%; padding-right: 18px; margin-right: .15em; }

/* layout */

html{ background: #EEE  url(05.png) repeat; }
body{ background: transparent ; color: #000; margin: 0 3%; padding-bottom: 1.5em; }

div.header,
ul.menu a{ background: #000; padding: 1em 2% ; color: #DDD; 
border: solid #DDD; border-width: 0 1px 1px; box-shadow: 0 0 3px #666; }
div.main{ margin: 1em 0; }
div.sub{}

div.main section,
div.main nav,
ul.menu{ background: #FAFAFA; border: 1px solid #DDD; margin: 1em 0; padding: 1em 25px; }
div.main section,
div.main nav{ padding-top: 1px; }
div.main section section,
div.main section nav{ border: none; margin: 0; padding: 0; }

h1,h2,h3{ font-family: Meiryo, メイリオ, Osaka, sans-serif; }
h1{ font-size: 180%;  }
h2{ font-size: 140%; border-left: 4px solid #000; padding-left: .3em; }

section h1{ margin:0 -24px .5em; padding: 1em 2% .2em; color: #FFF; background: #000; }

h1#TOP{ margin: 0; color: #FFF; text-shadow: 1px 1px 0 #999;  }
h1#TOP:first-letter{ font-size: 200%; margin-right: .1em; text-shadow: 5px 5px 0 #da288c; }
div.header h2{margin:0; padding-top: .25em; text-align: right; border-top: 1px dotted #777;  }

h1.menu{ font-size: 140%; }
ul.menu{ text-align: right; width: 54%; float: left; margin: 0; padding: 2%; text-align: center; }
ul.menu li{ margin: 0; display: inline; }
ul.menu a{ display: inline-block; width: 46%; background: #000; 
padding:.2em 0; margin: .35em 1%;  }

ul.menu a:link, ul.menu a:visited,
ul.menu a.this_page,ul.menu a.this_page:hover{ color: #FFF; }

/*footer*/

#STYLE-CHANGE,
ul.data{ margin: 0 0 0 60%; }
#STYLE-CHANGE{ padding: 0.2em 2%;  }
#STYLE-CHANGE label{ display: block; }
select{ margin-right: .2em; }
#STYLE-CHANGE li{ margin: 0; list-style: none; text-align: center; }
ul.data{ padding: 1em 0 0; text-align: right; list-style: none; }
ul.data li{ margin: 0; padding: 0; display: inline; }
ul.data>li+li a{ border-top: 1px dotted #000; }
ul.data a{ display: block; }


/*手順ガイド*/
ol.guide{ counter-reset: guidecount 0; }
ol.guide ul{ margin: 0.2em 0; }
ol.guide>li{ list-style: none; margin: .25em 0; padding: .3em .3em .3em 1em; 
position: relative; border-left: 2em solid #000; }
ol.guide>li:before{ content: counter(guidecount);  counter-increment: guidecount 1; 
font-family: Georgia,"Times New Roman",Times,Serif; font-size: 150%; 
display: block; position: absolute; top:0.1em; left: -1.1em; margin: 0; padding: .1em .25em;
color: #FAFAFA; background: #000; line-height: 1;}

/*explain*/
dl.source{}

/*FAQ*/
h1.question{ font-size: 150%; background: transparent; color: #000; }
h1.question:before{ content: "Q. "; color: #0036FF; }
div.answer{border-left: 1em solid #000; padding: 1px 1px 1px 1em; }
div.answer li+li{ border-top: 1px dotted #DDD; margin-top: .25em; padding-top: .25em; }
ul.aside li+li{ border: none; margin-top: 0; padding-top: 0; }
* html div.answer{ zoom: 1; }

/*リンク*/
h1 a:link{ color: #9DBBFF; }
h1 a:visited{ color: #A27E9F; }
h1 a:hover, h1 a:focus{ color: #F60404;}
section article.site{margin: 1em 0 0; border: 1px dotted #777; padding: 1px 1em 1em; }

/*CSS配布*/
div.download{}
div.download h1{}
div.download h2{ font-size: 110%; }
div.download article{ margin: 1em 0 0; border: 1px dotted #777; padding: 1px 1em 1em;}

section article h1{ margin-left: -.5em; margin-right: -.5em; }

body:after{ content: ""; display: block; clear: both; }