@charset "utf-8";
/* box setti */
* {
 margin: 0;
 padding: 0;
}
html>body {
 max-width: 1024px;
 min-width: 760px;
}
html {
 height: 100%;
}
body {
 width: 100%; height: 100%;
 margin: 0;
 padding: 0;
 font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
 font-size: 90%;
 line-height: 1.6;
 color: #333332;
 background: #ffffff url(../img_moz/bkimg_body.png) no-repeat;
}
dl,ul,ol {
 margin: 1em 0 1em 0;
 padding-left: 40px;
}
li {
 margin: 0;
}
#top-img {
 margin : 0;
 background-image : url(../img_moz/bkimg_divtop.png);
 background-repeat : repeat-x;
 max-width : 1024px;
 min-width : 760px;
 position : relative;
 top : 0;
 left : 0;
 z-index : 1;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 border: none;
}
/* DIV Settei */
div#contents { margin-left: 16px; margin-top: 0;}
div#navigation { margin-left: 2px; border-bottom: 1px #c0c0c0 solid; font-family: "Futura", "Arial", sans-serif !important;}
div#category_index0 { float: right; width: 190px; height: 290px; margin: 0 6px 0 10px; overflow: hidden; color: #666666; background: #ffffff url(../img_moz/catidx_bkg00.png) no-repeat; font-size: 90%;}
div#category_index1 { float: right; width: 190px; height: 290px; margin: 30px 6px 0 10px; overflow: hidden; color: #666666; background: #ffffff url(../img_moz/catidx_bkg01.png) no-repeat; font-size: 90%;}
div#category_index2 { float: right; width: 190px; height: 290px; margin: 30px 6px 0 10px; overflow: hidden; color: #666666; background: #ffffff url(../img_moz/catidx_bkg02.png) no-repeat; font-size: 90%;}
div#category_index3 { float: right; width: 190px; height: 290px; margin: 0 6px 0 10px; overflow: hidden; color: #666666; background: #ffffff url(../img_moz/catidx_bkg03.png) no-repeat; font-size: 90%;}
div#library { float: right; width: 200px; height: 100%; margin-left: 6px; padding: 6px; color: #333332; background-color: #f8f8f8;}
div.tips { margin: 0 64px 6px 64px; color: #333332; background-color: #f5f5f5;}
div.upd { margin: 12px 36px 12px 32px; border-bottom: 1px #c0c0c0 solid;}
div#footer { margin-left: 16px; border-top: 3px #f0f8ff solid; clear: both;}
#footer ul,dl { margin: 0.4em 0 !important; padding-left: 12px !important;}

/* main contents settei */
.inline-list1 { display: list-item; margin: 0.3em 0 0.3em 3em; color: #663366; background-color: transparent;}
.inline-list { display: list-item; margin: 0 0 0.1em 3em; color: #483d8b; background-color: transparent; font-weight: bold;}

/* link setti */
a:link {
 text-decoration: underline;
 color: #003366;
 background-color: transparent;
border-width: 0px;
}
a:visited {
 text-decoration: underline;
 color: #669999;
 background-color: transparent;
 border-width: 0px;
}
a:hover {
 color: #556b2f;
 background-color: #f0fff0;
 border-width: 0px;
}
a:active {
 text-decoration: none;
 color: #663333;
 background-color: #ffffcc;
 border-width: 0px;
}
.a:link { text-decoration: none; color: #003366; background-color: transparent; border-width: 0px;}
.a:visited { text-decoration: underline; color: #669999; background-color: transparent; border-width: 0px;}
.a:hover { color: #f5fffa; background-color: #b0c4de; border-width: 0px;}
.a:active { text-decoration: none; color: #333366; background-color: #666699; border-width: 0px;}
h3 a { text-decoration: none; border-width: 0px;}
.retun-index a, .retun-index2 a { text-decoration: none; border-width: 0px; color: #808000 !important; background-color: transparent;}

/* list Settei */
#navigation ul { padding-left: 0 !important;}
#navigation li { display: inline; overflow: hidden; margin-left: 4px;}
#navigation a:link { text-decoration: none; color: #003366; background-color: transparent; border-width: 0px;}
#navigation a:visited { text-decoration: underline; color: #669999; background-color: transparent; border-width: 0px;}
#navigation a:hover { color: #f5fffa; background-color: #708090; border-width: 0px;}
#navigation a:active { text-decoration: none; color: #333366; background-color: #ccccff; border-width: 0px;}
#active-category { font-weight: bold; color: #333366; background-color: #e6e6fa;}
#category_index0 dt, #category_index1 dt, #category_index2 dt { margin-top: 4px; font-weight: bold; color: #996600; background-color: transparent;}
#category_index0 dd, #category_index1 dd, #category_index2 dd { margin-left: 16px !important; margin-right: 8px !important;}
#category_index0 dd#here, #category_index1 dd#here, #category_index2 dd#here { margin-left: 0 !important; color: #003399; background-color: #fffff0;}
#library dd#here { margin-left: 0 !important; color: #003399; background-color: #f0ffff;}
#library dd { margin-left: 10px !important;}
#footer ul { margin-left: 20% !important;}
#footer li { display: inline; overflow: hidden; margin-right: 6px; font-size: 90%;}
#footer dd { display: inline; overflow: hidden; margin-left: 8px;}

/* fonts */
h1 { z-index: 2; position: absolute; top: 60px; left: 380px; color: #f8f8f8; background-color: transparent;}
div#contents h2 { padding-left: 0.8em; color: #323232; background-color: #f8f8f8;}
div#category_index0 h2, div#category_index1 h2, div#category_index2 h2 { margin: 14px 0 4px 54px; font-size: 14px; font-weight: bold; color: #323232; background-color: transparent !important;}
div#footer h2 { margin-left: 0.4em; font-size: 12px; font-weight: bold;}
div#library h2 { font-size: 14px !important; background-color: transparent !important;}
h3 { margin: 1.2em 0.4em 0.8em 0.6em !important;}
h4 { margin: 1em 0 0.6em 0.8em !important;}
h5, h6 { margin-left: 2.2em;}
h1 { font-size: 130%; font-weight: normal;}
h2 { font-size: 126%; font-weight: normal;}
h3 { font-size: 120%; font-weight: normal; font-style: italic; color: #330066; background-color: transparent; border-left: 2px solid #6a5acd; border-bottom: 1px dotted #6a5acd; padding-left: 6px;}
h3.idx-h3 { font-size: 120%; font-weight: bold; font-style: italic; margin-left: 28px; color: #333333; background-color: transparent; border-bottom: 1px dotted #6a5acd; border-left: none !important;}
h4 { font-size: 110%; font-weight: bold; color: #000033; background-color: transparent;}
div.upd h4 { margin-left: 26px; color: #708090; background-color: transparent;}
h5 { font-size: 100%; font-weight: bold; color: #333332; background-color: transparent;}
h6 { font-size: 100%; font-weight: normal; font-style: italic; color: #000033; background-color: transparent;}
strong { padding-left: 1px; padding-right: 1px; color: #333332; background-color: transparent;}
em { text-decoration: underline; color: #ff3333; background-color: transparent;}
p { margin: 0.6em 0.4em 0.6em 2.2em;}
p#last-update { color: #808080 !important; background: #ffffff url(../img_moz/last_updatebg.png) no-repeat left bottom; text-align: right; margin: 0 12px 0 16px !important;}
div#footer dt { font-size: 14px; font-weight: bold;}
div#footer p { font-size: 12px !important;}
p.retun-index { font-family: "Futura", "Arial", sans-serif !important; padding-left: 0.6em; font-weight: bold; clear: both;}
p.retun-index2 { font-family: "Futura", "Arial", sans-serif !important; margin-left: 4em;}
p.quote { margin-left: 10% !important; font-style: italic; color: #663333; background-color: transparent;}
.comand-line { font-weight: bold; color: #006666; background-color: transparent; margin-left: 3.2em;}
p.topic-date { margin-left: 1em;}
p#caution-idx { margin: 6px 0 6px 36px;}
.ovlin { text-decoration: line-through;}

/* image setti */
img { border: 0px;}
.img-left { float: left;}
.img-right { float: right; margin: 0 6px 12px 10px;}
.img-clear { clear: both;}
.img-clear-l { clear: left;}
.img-clear-r { clear: right;}
.nav-img { padding: 0 0 0 6px; vertical-align: middle; border-width: 0px;}
.inline-list1 img { vertical-align: middle; border-width: 0px;}
li img { vertical-align: middle; border-width: 0px;}

.caution {
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 color: #8b0000;
 background-color: #ffe4e1;
 margin: 16px 180px 16px 40px !important;
 padding: 6px 12px;
}