html{margin:0px;
 padding:0px;
 background-color:#ffffe0;
 background-image:url(back.png);
 background-repeat:repeat-y;
}

head{
 display:block;
}

body {
 color: black;
 margin:0px;
 background-image:url(yuki2.png);
 background-repeat:no-repeat;
 background-position:100% 0px;
 padding:0px;
 line-height:1.5;
 -moz-binding:url("helper.xml#dummy");
}

h1{
 margin:0px;
 padding:45px 3px 20px 3px;
 background-color:transparent;
 background-image:url(h1.png);
 background-repeat:no-repeat;
 background-position:0% 0%;
 height:80px;
 text-align: center;
}

p,ul,ol,dl,blockquote{background-color:transparent;
 background-color:transparent;
 margin:0px 1% 0px 90px;
 padding:5px 5px 5px 10px;
 background-image:url(border.png);
 background-repeat:repeat-y;
}

form{margin:0px;
 padding:0px;}

blockquote{ background-image:url(border.png);
 background-repeat:repeat-y;
 padding-left:0px;}

blockquote p, blockquote ul,blockquote ol,blockquote dl, blockquote pre {
 margin-left:30px;
}

ul,ol,dl{padding-left:1.5em;}

p{padding-left:2em;}

pre {margin:0em 1% 0em 90px;
 font-family: monospace;
 background-color:#e5efce;
 padding:10px;
 border-style:inset;
 border-color:white;
 border-width:2px;
 font-size: 90%
}

h2{font-size:160%;
 color:#0030a9;
 margin:1.5em 0% 1em 40px;
 border-width:0px 0px 3px 0px;
 border-style:solid;
 border-color:#993366;
 font-style:italic;
 padding-bottom:0px;}

h2:first-letter{
 font-size:150%;
 vertical-align:sub;
 padding-right:5px;
}


h3{font-size:130%;
 margin:1em 0% 0px 50px;
 padding-top:5px;
 padding-bottom:5px;
 background-color:#f9c3a6;
 color:#900000;
 background-image:url(nav.png);
 border-color:#a99999;
 border-width:0px 0px 3px 3px;
 border-style:outset;
 text-align: center;
 }

h3 code{color:white !important;}

h4{font-size:120%;
 margin:0px 1% 0px 90px;
 padding:10px 5px 5px 15px;
 background-color:#ffdfbe;
 border-color:#33a966;
 border-style:solid;
 border-width:0px 0px 0px 1px;
 }

li{margin:0.5em 3px 0.5em 1em;
}

code{color:#a92f09;}

dt,dd{border-width:2px;
 border-color:#ff9d7a;
 border-style:outset;
}

dt{font-weight:bold;
 background-color:#ffde9f;
 margin:0.5em 0px 0px 0px;
 padding:5px;
 border-width:2px 2px 0px 2px;
}

dd{margin:0px 0px 0.8em 0px;
 padding:5px;
 border-width:0px 2px 2px 2px;
}


ul li{list-style-image:url(item.png);}

li p,dl ul,dl p,ol ul{padding-left:0px;
 padding-right:0px;
 margin-left:0px;
 margin-right:0px;
 background-image:none;}


li pre,dd pre{margin-left:0px;}

dd ul, dd ol{border-width:0px;
 background-image:none;
 margin-left:1em;}


dfn{font-style:normal;
 font-weight:bold;
 color:#0000aa;}

em{font-style:normal;
 font-weight:bold;
 font-size:110%;
 color:#a900a0;}

h2.footer{display:none;}

ul.nav1,ul.nav2,ul#NAV{margin:0;
 padding:25px 2% 15px 2%;
 height:30px;
 font-weight:bold;
 font-size:13px;
 background-color:#fffeac;
 background-image:url(nav.png);
 background-repeat:repeat;
 border-color:#aaaaaa;
 border-style:ridge;
 }

ul.nav2,ul#NAV{margin-top:1em;
 padding-bottom:20px;
 clear:both;
 border-width:3px 0px 0px 0px;}

ul#NAV{padding-left:5%;
 padding-top:5px;}

ul.nav1{border-width:0px 0px 3px 0px;}

ul.nav2{padding-top:10px;}

ul.nav1 li,ul.nav2 li{display:inline;}

ul.nav1 a,ul.nav2 a{display:block;
 float:left;
 margin-right:3px;
 padding:6px 2px 2px 22px;
 height:20px;
 background-color:transparent;
 background-repeat:no-repeat;
 background-position:0 50%;
 border-width:2px;
 border-style:outset;
 border-color:#fff0f0;
 text-decoration:none;
 color:#6f2000;
 line-height:1;
}

ul.nav1 a:hover,ul.nav2 a:hover{
 color:#ffaada;
 background-color:#400000;
 border-style:inset;
}

a.made{
 background-image:url(mail.png);
}

a.index{
 background-image:url(home.png);
}

a.contents{
 background-image:url(up.png);
}

a.prev{
 background-image:url(prev.png);
}

a.next{
 background-image:url(next.png);
}


a.appendix{
 background-image:url(appendix.gif);
}


dl#HELP{
 width:400px;
 height:300px;
 position:fixed;
 bottom:0px;
 right:1%;
 border-width:0px;
 background-image:none;
 background-color:transparent;
 z-index:15;
}

dl#HELP dt{
 background-color:transparent;
 border-color:transparent;
}

dl#HELP dd{
 height:250px;
 position:absolute;
 top:0px;
 left:150px;
 width:250px;
 background-color:#ffffff;
 -moz-border-radius:10px;
 border-color:transparent;
 padding:10px;
 margin:0px;
}

dl#HELP ul,dl#HELP p,dl#HELP-IE ul,dl#HELP-IE p{background-color:transparent;
 background-image:none;
 border-width:0px;}

ul.nav1 input{
 background-image:url(help.gif);
 background-color:transparent;
 background-repeat:no-repeat;
 width:8em;
 padding-left:33px;
 height:33px;
 border-width:1px;
}

dl#HELP dd ul li{
 text-decoration:underline;
 color:blue;
 cursor:pointer;
}

dl#HELP dd ul{
 margin-left:1em;
}

dl#HELP-IE{
 width:400px;
 height:300px;
 position:absolute;
 bottom:0px;
 right:1%;
 background-color:transparent;
 background-image:none;
 border-width:0px;
}

dl#HELP-IE dt{
 background-color:transparent;
 border-width:0px;
}

dl#HELP-IE dd{
 height:250px;
 position:absolute;
 top:0px;
 left:150px;
 width:250px;
 background-color:#ffffff;
 border-width:0px;
 padding:10px;
 margin:0px;
}

ul.nav1 input{
 background-image:url(help.gif);
 background-color:transparent;
 background-repeat:no-repeat;
 width:8em;
 padding-left:33px;
 height:33px;
 border-width:1px;
}

dl#HELP-IE dd ul li{
 text-decoration:underline;
 color:blue;
 cursor:hand;
}

dl#HELP-IE dd ul{
 margin-left:1em;
}


dl.image{background-image:none;
 width:260px;
 float:right;}

dl.image dt{background-color:transparent;
 background-image:none;
 border-width:0px;
}

dl.image dd{background-color:transparent;
 background-image:none;
 border-width:0px;
 margin:0px 0px 4px 0px;
 text-align:center;}

ol li,h2{clear:both;}

p.caution{color:#dd0000;}

*.new a{padding-right:40px;
 background-image:url(new.gif);
 background-repeat:no-repeat;
 background-position:100% 50%;}

p.update{
 border-width:0px;
 margin:0px;
 padding:0px;
 font-weight:bold;
 background-image:none;
 position:absolute;
 top:1px;
 right:2%;
 font-size:16px;
 text-weight:bold;
 color:red;
}

form ul.com li {
 display:inline;
}

form ul.com{
 padding-top:1.5em;}


/* ======== 以下、スマートフォン向け ======== */


@media only screen and (max-width: 680px) {


h2{

 margin-left:10px;

}

h3,h4{

 margin-left:20px;

}



p,ul,ol,dl,blockquote,pre{

 margin-left:30px;

}


pre {

 overflow-x: scroll;

}


img,object {

 max-width: 100%;
 height: auto;

}

* {

 float: none;

}

dl.image dd {

 font-weight: bold;
 color: #000088;

}



}