@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", sans-serif;
 font-size: 90%;
 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;
 } 
/* DIV Settei */
#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;
 }
#contents {
 margin-left: 16px;
 margin-top: 0;
 }
#navigation {
 margin-left: 2px;
 margin-bottom: 1px;
 border-bottom: 1px solid #c0c0c0;
 font-family : Futura, Arial, sans-serif !important;
 }
#footer {
 margin-left: 16px;
 border-top: 3px solid #f0f8ff;
 clear: both;
 }
.tips {
 margin: 0 64px 6px 64px;
 padding: 1em;
 color: #f8f8ff;
 background-color: #000000;
 }
.upd {
 margin: 12px 36px;
 border-bottom: 1px solid #c0c0c0;
 }
.photo {
 margin: 14px 0 18px 32px;
 padding: 0 !important;
 }
/* Inline list settei */
.inline-list1 {
 display: list-item;
 margin: 0.3em 0 0.3em 1.6em;
 color: #663366;
 background-color: transparent;
 }
.inline-list2 {
 display: list-item;
 margin: 0 0 0.1em 2.6em;
 color: #483d8b;
 background-color: transparent;
 font-weight: bold;
 } 

/* link setti */
.retun-index {
 font-family: "Futura", "Arial", sans-serif !important;
 padding-left: 1em;
 font-weight: bold;
 clear: both;
 }
.forward-pg {
 padding-left: 0.6em;
 font-weight: bold;
 }
.detail-pg {
 padding-left: 68px;
 font-size: 110%;
 }
a:link {
 text-decoration: underline;
 color: #003366;
 background-color: transparent;
border-width: 0px;
 }
a:visited {
 text-decoration: underline;
 color: #006666;
 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: 0;
 }
.a:visited {
 text-decoration: underline;
 color: #669999;
 background-color: transparent;
 border-width: 0;
 }
.a:hover {
 color: #f5fffa;
 background-color: #b0c4de;
 border-width: 0;
 }
.a:active {
 text-decoration: none;
 color: #333366;
 background-color: #666699;
 border-width: 0;
 }
h3 a {
 text-decoration: none;
 border-width: 0;
 }
p.retun-index a,
p.retun-index2 a,
p.retun-index3 a,
p.forward-pg a {
 text-decoration: none;
 border-width: 0;
 color: #808000 !important;
 background-color: transparent;
 }

/* Top navigation Settei */
#navigation ul {
 padding-left: 16px !important;
 }
#navigation li {
 display: inline;
 overflow: hidden;
 margin-left: 4px;
 }
/* navigation item settei */
.forward-back {
 padding: 0 8px 0 12px;
 border-left: dotted 1px;
 }
#navigation a:link {
 text-decoration: none;
 color: #003366;
 background-color: transparent;
 border-width: 0;
 }
#navigation a:visited {
 text-decoration: underline;
 color: #669999;
 background-color: transparent;
 border-width: 0;
 }
#navigation a:hover {
 color: #f5fffa;
 background-color: #708090;
 border-width: 0;
 }
#navigation a:active {
 text-decoration: none;
 color: #333366;
 background-color: #ccccff;
 border-width: 0;
 }
#footer ul {
 margin-left: 20% !important;
 }
#footer li {
 display: inline;
 overflow: hidden;
 margin-right: 6px;
 font-size: 90%;
 }
#footer dl {
 margin: 0.4em 0 !important;
 padding-left: 12px !important;
 }
#footer dd {
 display: inline;
 overflow: hidden;
 margin-left: 8px;
 } 

/* Headers and Palagraph */
h1 {
 z-index: 2;
 position: absolute;
 top: 60px;
 left: 380px;
 color: #f8f8f8;
 background-color: transparent;
 }
#contents h2 {
 margin-left: 0 !important;
 padding-left: 0.8em;
 color: #323232;
 background-color: #f8f8f8;
 }
#footer h2 {
 margin-left: 0.4em;
 font-size: 12px;
 font-weight: bold;
 }
#contents h5,
#contents h6 {
 margin: 0.6em 0 0.6em 2.2em;
 }
h1 {
 font-size: 130%;
 font-weight: normal;
 }
h2 {
 font-size: 126%;
 font-weight: normal;
 }
#contents h3 {
 margin: 16px 6px 10px 24px !important;
 font-size: 120%;
 font-weight: bold;
 color: #336699;
 background-color: transparent;
 padding-top: 1em !important;
 border-bottom: 1px dotted #336699;
 }
#contents h4 {
 margin: 1em 1em 0.6em 2.1em;
 font-size: 104%;
 font-weight: bold;
 color: #666666;
 background-color: transparent;
 border-bottom: 1px dotted #666666;
 }
#upd h4 {
 margin-left: 2em;
 }
.dc-h4 {
 margin: 1.2em 1em 0 2.1em !important;
 color: #6a5acd !important;
 background-color: transparent;
 border-bottom: 0 !important;
 }
h5 {
 font-size: 100%;
 font-weight: bold;
padding: 0.6em 0 0 0;
 color: #336666;
 background-color: transparent;
 }
h6 {
 font-size: 100%;
 font-weight: normal;
 font-style: oblique;
 color: #330033;
 background-color: transparent;
 } 
h6:before {
 content: "■";
 padding-right: 0.3em;
 }
strong {
 color: #333330;
 background-color: transparent;
 }
strong.red {
 color: #800000;
 background-color: transparent;
 }
em {
 color: #ff3333;
 background-color: transparent;
 }
/* == Paragraph Settei == */
#contents p {
 margin: 0.6em 1.4em 1em 2.4em;
 line-height: 1.6;
 }
#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;
 }
.topic-date {
 margin: 0 0 21px 18px !important;
 }
#footer dt {
 font-size: 14px;
 font-weight: bold;
 }
#footer p {
 font-size: 12px !important;
 margin-left: 1.6em;
 }
.quote {
 margin-left: 10% !important;
 font-style: oblique;
 color: #663333;
 background-color: transparent;
 }
blockquote {
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 margin: 1.2em 4em;
 padding: 10px 14px;
 line-height: 1.6;
 color: #333300;
 background-color: #f5f5dc;
 border: none;
 }
.comand-line {
 font-weight: bold;
 color: #006666;
 background-color: transparent;
 margin-left: 3.2em;
 }
.tb-descript {
 width: 90% !important;
 text-indent: 1.2em;
 }
#caution-idx {
 margin: 6px 36px 6px 46px;
 }
.ovlin {
 text-decoration: line-through;
 }
/* including float clear */
.clearfix:after {
 content: "";
 display: block;
 clear: both;
 }
/* block type paragraph*/
.command-code {
 font-size: 14px;
 color: #333333;
 background-color: #f5f5f5;
 margin: 12px 64px 12px 42px !important;
 padding: 0.2em 0.8em;
 } 
.append {
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 color: #663300;
 background-color: #f5f5dc;
 margin: 16px 180px 16px 40px !important;
 padding: 6px 18px;
 }
.note {
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 color: #003333;
 background-color: #f0f8ff;
 margin: 16px 180px 16px 40px !important;
 padding: 6px 18px;
 }
.caution {
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 color: #8b0000;
 background-color: #ffe4e1;
 margin: 16px 180px 16px 40px !important;
 padding: 6px 12px;
 }
.sample {
 color: #000033;
 background-color: #f5f5dc;
 padding: 0 1.2em;
 }
/* Font color */
.fcset_red {
 color: #660033;
 background-color: #ffb6c1;
 }
/* image setti */
.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;
 }
.img-about {
 margin-left: 20%;
 margin-top: 10px;
 margin-bottom: 10px; border-width: 0px;
 }

/* dl Settei */
.parent1 {
 margin: 1em 0 1em 2em !important;
 border-left: 2px #dcdcdc dotted;
 }
.parent2 {
 margin: 1em 0 1em 0.8em !important;
 }
.parent3 {
 margin: 16px 0 16px 32px !important;
 }
.parent4 {
 margin: 12px 0 16px 22px !important;
 }
.descendant1 {
 margin-left: 24px !important;
 }
.table-children {
 margin-left: 16px !important;
 border-top: 1px #c0c0c0 solid;
 }
.upd-list {
 margin-left: 12px !important;
 }
#library-idx {
 font-size: 90% !important;
 }

/* dt Settei */
.parent1 dt {
 font-weight: bold;
 color: #fa8072;
 background-color: transparent;
 }
.parent2 dt, .parent4 dt {
 font-weight: bold;
 color: #333332;
 background-color: transparent;
 }
.parent3 dt a {
 text-decoration: none;
 border-width: 0px;
 }
.descendant1 dt {
 color: #708090 !important;
 background-color: transparent;
 }
.upd-list dt {
 font-weight: bold;
 margin: 0;
 }

/* dd settei */
.descendant1 dd {
 margin: 0 0 0.4em 1em !important;
 }
.parent2 dd {
 margin: 0 0 0 1em !important;
 }
.parent3 dd {
 margin: 0 0 0 2.6em !important;
 }
.parent4 dd {
 margin: 0.1em 0 0.2em 1em !important;
 }
.type1 {
 margin: 0 0 0.4em 2em !important;
 }
.table-children dd {
 margin: 0 0 0 1em !important;
 }
.upd-list dd {
 margin: 0 0 0 2.6em !important;
 }
.upd-list dd:before {
 content: "・";
 }
.parent4 dd:before {
 content: "・";
 }
#library-idx dd {
 margin-left: 1.2em;
 }

/* List Settei */
.process {
 width: 80%;
 margin-left: 20px;
 }
.process-ol {
 width: 80%;
 margin-left: 24px;
 }

/* li Settei */
.parent2 ul {
 margin: 0.2em 0 1em 0 !important;
 }
.process li {
 padding-bottom: 0.6em;
 }

/* image settei */
dl img {
 padding: 0 4px 0 0;
 vertical-align: middle;
 border-width: 0px;
 }
.place img {
 padding: 0 4px 0 0;
 vertical-align: middle;
 border-width: 0px;
 }
.terminal {
 margin-left: 3%;
 }
p img {
 padding-right: 6px;
 vertical-align: middle;
 border-width: 0px;
 }

/* Table Seeti for 02 */
.gather1 {
 font-size: 90% !important;
 margin: 14px 32px;
 border-bottom: 1px solid #a9a9a9;
 border-collapse: collapse;
 border-spacing: 0;
 }
.gather2 {
 width: 90%;
 font-size: 90% !important;
 margin: 14px 32px; border-bottom:
 1px solid #a9a9a9;
 border-collapse: collapse;
 border-spacing: 0;
 }
.gather3 {
 font-size: 90% !important;
 width: 86%;
 margin: 14px 40px;
 border-bottom: 1px solid #a9a9a9;
 border-collapse: collapse;
 border-spacing: 0;
 }
.gather1 th.ti {
width: 30%;
 }
.gather1 th.nm {
 width: 45%;
 }
.gather1 th.ty {
 width: 15%;
 }
.gather2 th.ti {
 width: 18%;
 }
.gather2 th.ty {
 width: 12%;
 }
.gather2 th.path {
 width: 26%;
 }
.gather3 th.ap-tp {
 width: 120px;
 }
.gather1 th, .gather2 th, .gather3 th {
 padding: 0.1em;
 border: 1px solid #c0c0c0;
 border-bottom-color: #c0c0c0;
 }
.gather1 tbody td, .gather2 tbody td, .gather3 tbody td {
 text-align: left;
 padding: 0.1em 0.1em 0.1em 0.4em;
 }
.gather1 td, .gather1 tbody th, .gather2 td, .gather2 tbody th, .gather3 td, .gather3 tbody th {
 border: 1px dotted #c0c0c0;
 }
.gather1 tbody tr, .gather2 tbody tr, .gather3 tbody tr {
 border-top: 1px solid #c0c0c0;
 }
.gather1 tbody tr.even, .gather2 tbody tr.even, .gather3 tbody tr.even {
 color: #333332;
 background-color: #ffffff;
 }
.gather1 tbody tr.odd, .gather2 tbody tr.odd, .gather3 tbody tr.odd {
 color: #333332;
 background-color: #f8f8f8;
 }
.left-caption {
 font-weight: bold;
 text-align: left;
 }

/* misk */
.coment {
 margin: 16px 14px 6px 14px;
 border-top: 2px #cccccc dotted;
 padding-top: 0.8em;
 }
span.code {
 margin-left: 2em !important;
 margin-right: 2em !important;
 }
pre {
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 white-space: pre-wrap;      /* CSS3 */
 margin: 0 64px 16px 64px;
 padding: 14px;
 color: #003366;
 background-color: #f5f5f5;
 }
code {
 font-size: 12px;
 }