@charset "Shift_Jis";
*{ font-size: 100.1%; }
body{ line-height: 1.6;  }
small{ font-size: smaller;}
big{ font-size: larger; }
ins{text-decoration: underline; }
del{ text-decoration: line-through;}

em,strong{ color: #EB0185;  font-style: normal; margin-left: .2em; letter-spacing: .2em; }
em{ font-weight: normal; }
strong{ font-weight: bold; }
strong strong{ font-size: 115%; }
code em, code strong{ margin-left: 0; letter-spacing: 0; }

q,blockquote p{ background: #FFF; }
blockquote p{ margin: 0; padding: .5em 1em; border-right: 1px solid #DDD; }
blockquote p+p{ padding-top: 0; }
blockquote p:last-child{ border-bottom: 1px solid #DDD; }
blockquote[title]:before{ content: attr(title); display: block; text-align: right; }

code{ color: #91551a; border-bottom: 1px dashed #91551A; }
pre code{ border: none; padding: 0;  border:none; }

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

dt,dfn{ font-style: normal; }
*>dl,*>ul{ border-bottom: 1px solid #DDD; }
dt{ border: 1px #DDD; border-style: solid solid dotted; background: #FFF; padding: .1em .5em; }
dd{ padding: .2em 0; }
dd p,dd ul, dd ol, dd dl{ margin: .5em 0; }
dd+dt{ border-top: none; }
dl>dd{ background: #FFF; margin: 0; padding: .3em 1em; border: solid #DDD; border-width: 0 1px 1px;}
ul>li{ list-style: none; margin: 0; padding: .3em .8em; 
border: solid #DDD; border-width: 1px 1px 0; background: #FFF; }
ul>li,
dl>dt{ 
	background: #FFF url(s.png) repeat-x 0 100%;
	background: -moz-linear-gradient(#FDFDFD,#F0F0F0);
	background: -ms-linear-gradient(#FDFDFD, #F0F0F0);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FDFDFD), color-stop(100%, #F0F0F0));
	background: -webkit-linear-gradient(#FDFDFD, #F0F0F0);
	background: -o-linear-gradient(#FDFDFD, #F0F0F0);
}

li>ul{ border: none; }
li>ul>li{ border: none; background: none; list-style: disc; margin: 0 0 0 2em; padding: 0; }

form{}
fieldset{ margin: 0; padding: 0; border: none; }
legend{ margin: 0; padding: 0; font-weight: bold; color: #E871D9; }

a:link{  color: #2222b7;  }
a:visited{  color: #61406C; }
a:hover,
a:focus{ color: #EB0185; text-decoration: none;  }
a:active{  }

aside{ margin-left: 2em; padding-left: 1em; border-left: 1px dashed #DDD; }

/* layout */

html{ background: #FAFAFA url(bg.png); color: #333; }
body{ font-family:"Meiryo", "メイリオ", Sans-serif; margin: 0 4% 0 180px; 
background: url(h1.png) no-repeat 0 0; }

div.header,div.main{ margin-left: 170px; }
div.header{ padding: 15px 0 0;}
div.main{ padding: 1px 0 2em;}
div.sub{  margin: 0; padding: 0 15px; position: absolute; top: 70px; left: 0; width: 230px; 
z-index: 2;  }

h1,h2,h3{ font-family: Meiryo, メイリオ, Osaka, sans-serif; color: #8a8fb4; }
h1{ font-size: 180%; }
h2{ font-size: 130%; border-left: 5px solid #8A8FB4; padding-left: .4em; }
section>h1{ display: inline-block; background: #FAFAFA url(bg.png) fixed repeat;
padding-right:.2em;  line-height: 1; position: relative; z-index: 2; }
section>h1+*{ border-top: 1px solid #CCC; padding-top: 2em; margin-top: -1.5em; }


h1#TOP,
div.header h2{ border: solid #8A8FB4; border-width: 0 5px 0 0; text-align: right; }
h1#TOP{margin: 0; padding-left: .5em; font-size: 90%; padding-right: .6em; }
div.header h2{ margin:  0;  font-size: 120%; padding-right: .4em; }

h1.menu{ display: none; }
ul.menu{}
ul.menu li{ margin: 0; padding: 0; list-style: none; }
ul.menu a{ margin: 0; padding: .2em .5em; display: block; }
ul.menu a.this_page{ text-align: right; }
* html ul.menu li{ display: inline; }

/*footer*/

ul.data,ul.data li,
ul.aside,ul.aside li{margin:0; padding: 0; background: transparent none; border: none;}

#STYLE-CHANGE,
#STYLE-CHANGE ul,
#STYLE-CHANGE li{ margin: 0; list-style: none; }
#STYLE-CHANGE input,#STYLE-CHANGE select{ font-size: small; }
#STYLE-CHANGE ul{ text-align: center; color: #000; }
#STYLE-CHANGE legend{ display: none; }
ul.data{ margin-top: .5em; text-align: right; list-style: none;  }
ul.data li{ display: inline; }
ul.data a{ display: block; }
li.skip{ position: fixed; bottom: -.5em; left: .5em; }
li.skip>a{ background: #333; color: #DDD; box-shadow: 0 0 2px rgba(100,100,100,.5); 
display: inline-block; padding: .5em 1em; text-decoration: none;
-moz-border-radius: .3em; -webkit-border-radius: .3em; border-radius: .3em; }
li.skip a:link, li.skip a:visited{ opacity: .7; position: relative; }
li.skip a:hover,li.skip a:focus{ opacity: 1; top: -.1em;}

/*手順ガイド*/
ol.guide>li{ background: #FFF; margin-bottom:.4em; padding:.7em 1em; border: 1px solid #DDD; }
ol.guide ul{ margin: .4em 0; }

/*explain*/
dl.source dt{ padding: .5em .8em; }
dl.source dd{ padding: .8em 1em; }

/*FAQ*/
h1.question{ font-size: 110%; margin-bottom: 0; padding: 0 0 .2em 1.5em; 
border-bottom:1px solid #CCC; }
h1.question:before{ content: "Q. "; color: #0036FF; margin-left:-1.5em; }
div.answer{ margin: 0 0 4em; padding: .8em 0 0 1.8em; border-top: 2px solid #FFF; }
div.answer:before{ display:block; content: "A."; color: red; font-size:110%;
font-weight: bold; margin: 0 0 -2em -1.7em; line-height: 1;}

ul.aside{ margin: .5em 0; }
ul.aside li{ list-style: disc; margin-left: 2em; }

/*CSS配布*/
div.download{}
div.download h1{ text-align: right; }
div.download h1+p{ text-align: right; margin: 0; }
div.download h2{ font-size: 110%; }
div.download article{ margin: 1em 0 0; }

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