@charset "Shift_Jis";
*{ font-size: 100.1%; }
body{ line-height: 1.6;  font-family: '‚l‚r ‚oƒSƒVƒbƒN',Sans-serif;  }
small{ font-size: smaller;}
big{ font-size: larger; }
ins{text-decoration: underline; }
del{ text-decoration: line-through;}

em,strong{ color: #cf0d9b;  font-style: normal; }
strong{ margin-left: .25em; letter-spacing: .25em; }
strong strong{ border: none; }

blockquote,
q{ border: solid #71848c;
 -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
q{ border-width: 0 0 1px; }
blockquote{ border-width: 1px 2px 1px 1px; padding: .3em 1.5em; }
blockquote p{ text-indent: 1em; }
blockquote[title]:before{ content: attr(title); display: block; border-bottom: 1px dotted #CCC; color: #000; }

code{ color: #333; background: #EEE; padding: 0 .2em; letter-spacing: 0;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  }
pre code{ border: none; padding: 0; }

pre{ padding: .5em 0;  background: #EEE; color: #000; 
border: solid #F0F0F0; border-width: 5px 10px; 
-moz-border-radius: 5px; -webkit-border-radiud: 5px; border-radius: 5px;
overflow-x: scroll; overflow-y: hidden; line-height: 1.2; }

var{ color: #0f5354; }
kbd{}

dt,dfn{ font-weight: bold; color: #71848c; letter-spacing: .3em; font-style: normal; }
dl{ border-left: 1px solid #93a7af; margin-left: 2em; }
dt{ padding: .25em 1em; }
dd{ padding: 0 0 .1em 1em; }
dd+dt{ border-top: 1px solid #93a7af; margin: .5em 0 0 -2em; padding: .5em 0 0 3em; }
dd p,dd ul, dd ol, dd dl{ margin: .4em 0; }
li{ margin-bottom: .3em; }
ul.aside li{ margin-bottom: 0; }
dt a{ letter-spacing: 0; }

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

a:link{  color: #246da5;  }
a:visited{  color: #533b5e; }
a:hover,
a:focus{ color: #cf0d9b; }
a:active{ color: #ab0b43; }
a[href^="http://"],
a[href^="https://"]{ background: url(ext.gif) no-repeat 100% 20%; 
padding-right: 7px; margin-right: .15em; }

/* layout */

html,body{ height: 100%; }
html{ background: #FCFCFC repeat; color: #333; overflow: hidden; }
body{ margin: 0 250px 0 0; padding: 0 3%; overflow: auto; }

div.header{ text-align: center; padding: 2em 0; } 
div.main{ padding-bottom: 2em; }
div.sub{  position: absolute; top: 0; right: 0; padding: 0 15px;
width: 220px; height: 100%;overflow: auto; background: #93a7af url(bg.gif) repeat; }

h1,h2,h3{ font-family: Meiryo, ƒ�ƒCƒŠƒI, Osaka, sans-serif; }
h1{ font-size: 180%; color: #5d7781; }
h2{ font-size: 120%; color: #5d7781; letter-spacing: .2em; margin-left: 1.5em; }

h1#TOP{ margin: 0; }
div.header h2{ margin: 0; font-size: 110%; font-weight: normal; }

h1.menu{ display: none; }
ul.menu:before{ content: "CONTENTS"; display: block; padding: 0 .8em; background: #FFF;
border-bottom: 1px dashed #000; font-size: small; font-weight: bold; }
ul.menu,ul.data{ background: url(menu.png) repeat-x 0 100%; padding-bottom: 8px;}
ul.menu li,ul.data li{ margin:0; display: inline; border: none; }
ul.data a,ul.menu a{ display: block; margin :0; padding: .2em .7em; background: #FFF; text-align: right; }
ul.data a{ padding: 0 .7em .3em; line-height: 1; }
ul.data{ border-top: 5px solid #FFF; }
ul.menu li+li a{ padding-top: 0; }
a.this_page{ font-weight: bold }
a.this_page:before{ content: "�¨"; }

/*footer*/

#STYLE-CHANGE{ margin: 0; padding: .2em .5em; text-align: right; }
#STYLE-CHANGE legend{ display: none; }
#STYLE-CHANGE ul{ margin: 0; border: none; list-style: none; }
#STYLE-CHANGE li{ margin: 0; }
#STYLE-CHANGE select{ width: 200px; margin-bottom: .2em; }
#STYLE-CHANGE label{ display: block; color: #FFF; }

/* intro */
section.intro{ border: 3px double #EEE; background: #FFF; padding: .8em 1em; }
section.intro h1{ margin-top: 0.2em; }

/*Žè�‡ƒKƒCƒh*/
ol.guide{ }
ol.guide ul{ margin: 0.2em 0; }
ol.guide ul li{ border: none; padding: 0; margin-bottom: 0; }
ol.guide li{ border: 1px dotted #93a7af; padding: .4em 1em; margin-bottom: .5em; }


/*explain*/
dl.source{}

/*FAQ*/
/*CSS”z•z*/

article{ border-right: 1px solid #93a7af; padding-right: 1em; margin: 0 1.5em 3em 0;  }
article h1{ border-bottom: 1px dotted #93a7af; margin-right: -2.5em; padding-right: 3em; }
div.download h1,
h1.question{ border-bottom: 1px dotted #93a7af; }

h1.question{ margin-top: 2em; font-size: 110%; }
h1.question:before{ content: "Q. "; color: #93a7af; }
div.answer{ margin-left: 3em; }

div.download{}
div.download h1{ font-size: 150%; }
div.download h2{ font-size: 110%; }


/* link */
form.sort{ text-align: right; }
form.sort li{ list-style: none; margin: 0; }
ul.page{ text-align: center; letter-spacing: .2em; list-style: none}
ul.page li{ margin: 0; }

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