@charset "utf-8";
/* box setti */
* {
 margin: 0;
 padding: 0;
}
html>body {
 max-width: 1024px; min-width: 780px;
}
html {
 height: 100%;
}
body {
 width: 100%; height: 100%;
 margin: 0;
 padding: 0;
 font-family: "Lucida Grande", sans-serif;
 font-size: 90%;
 line-height: 1.6;
 color: #333332;
 background: #ffffff url(../img_moz/bkimg_body.png) no-repeat;
}
/* DIV Settei */
#top-img {
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 border-radius: 20px;
 border: none;
 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;
}
#head {
 margin-right: 2px;
}
#contents {
 margin: 0 206px 0 16px;
 border-right: 1px solid #c0c0c0;
}
#footer {
 border-top: 3px solid #dcdcdc;
 margin: auto;
 font-family: Futura, Arial, sans-serif !important;
}
/* Top navigation Settei */
#head ul {
 list-style-type: none;
 margin-left: 28px;
 font-family: Futura, Arial, sans-serif !important;
}
#navigation li {
 display: inline;
 overflow: hidden;
}
.forward-back {
 padding-left: 5px;
 border-left: dotted 1px;
}
#navigation li a {
 padding: 0 6px;
 text-decoration: none;
 border-width: 0;
}
#navigation a:link {
 color: #003366;
 background-color: transparent;
}
#navigation a:visited {
 color: #669999;
 background-color: transparent;
}
#navigation a:hover {
 color: #f5fffa;
 background-color: #708090;
}
#navigation a:active {
 color: #333366;
 background-color: #ccccff;
}
/* Headers */
h1 {
 z-index: 2;
 position: absolute;
 top: 60px;
 left: 340px;
 color: #f8f8f8;
 background-color: transparent;
 text-shadow: #191970 0.2em 0.24em 0.3em;
}
h1 {
 font-size: 130%;
 font-weight: normal;
}
h2 {
 font-size: 130%;
 font-weight: bold;
}
 h3 {
 font-size: 124%;
 font-weight: bold;
}
 h4 {
 font-size: 110%;
 font-weight: bold;
}
h5 {
 font-size: 100%;
 font-weight: bold;
}
h6 {
 font-size: 100%;
 font-weight: normal;
 font-style: oblique;
}
h2#top-head2 {
 font-weight: normal;
 margin-top: 0 !important;
 margin-right: 2px !important;
 margin-bottom: 1em !important;
 margin-left: 2px !important;
 padding-left: 14px !important;
 color: #323232 !important;
 background-color: #f8f8f8 !important;
 border-top: 1px solid #c0c0c0;
 border-left: 2px solid #ffffff;
 border-bottom: none !important;
}
#contents h2 {
 margin-top: 1em;
 margin-right: 2px;
 margin-bottom: 0.6em;
 margin-left: 14px;
 color: #336699;
 background-color: transparent;
 border-bottom: 1px dotted #336699;
}
#contents h3 {
 display: list-item;
 list-style: url(../img_moz/marker01.png) disc outside;
 margin-top: 1em;
 margin-bottom: 0.6em;
 margin-left: 36px;
 color: #323232;
 background-color: transparent;
}
#contents h4 {
 margin-top: 0.45em;
 margin-bottom: 0.25em;
 margin-left: 36px;
}
#contents h5 {
 margin-top: 0.25em;
 margin-bottom: 0.15em;
 margin-left: 36px;
 color: #336666;
 background-color: transparent;
}
#contents h6 {
 margin-top: 0.2em;
 margin-bottom: 0.1em;
 margin-left: 36px;
 color: #336666;
 background-color: transparent;
}
/*footer Settei */
#footer h2 {
 font-size: 13px;
 padding: 12px 0 0 26px;
}
#footer dl {
 margin: 6px 0 12px 42px;
 font-size: 12px;
 line-height: 1.2;
}
#footer dt {
 font-weight: bold;
 float: left;
 width: 9em;
 color: #336666;
 background-color: transparent;
}
#footer dd {
 margin: 0 0 0.2em 9.1em;
}
#footer dd:after {
 content: "";
 display: block;
 clear: left;
}
#banners {
 list-style-type: none;
 text-align: center;
}
#banners li {
 display: inline;
 overflow: hidden;
 margin-right: 6px;
 font-size: 90%;
}
/* Update Settei */
#last-update {
 margin: 0 12px 0 16px !important;
 color: #006666 !important;
 background: #ffffff url(../img_moz/last_updatebg.png) no-repeat left bottom;
 font-family: Futura, Arial, sans-serif !important;
 text-align: right;
}
#topic-date {
 margin: 0 0 21px 24px;
}
/* link setti */
.forward-pg a {
 font-weight: bold;
 text-decoration: none !important;
 border-width: 0px;
 color: #6666cc !important;
 background-color: transparent;
}
#retun-top {
 font-family: Futura, Arial, sans-serif;
 text-align: center;
 margin: 12px 0 !important;
 padding: 0;
 clear: both;
}
p>a {
 margin: 0 0.25em;
}
a:link {
 text-decoration: none;
 color: #003366;
 background-color: transparent;
border-width: 0px;
}
a:visited {
 text-decoration: none;
 color: #006666;
 background-color: transparent;
 border-width: 0px;
}
a:hover {
 text-decoration: underline;
 color: #556b2f;
 background-color: #f0fff0;
 border-width: 0px;
}
a:active {
 text-decoration: none;
 color: #663333;
 background-color: #ffffcc;
 border-width: 0px;
}
.pointlink {
 text-decoration: none !important;
 color: inherit !important;
 background-color: transparent !important;
}
/* Text Settei */
/* Block type */
#contents p {
 margin: 2px 6px 10px 37px;
}
.sect1st-j-parg {
 text-indent: 1em;
}
.sect1st-e-parg {
 text-indent: 1em;
}
blockquote {
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 margin: 16px 12px 16px 36px;
 padding: 10px;
 line-height: 1.6;
 color: #333332;
 background-color: #f8f8ff;
 border-bottom: 1px #cccccc dotted;
}
pre {
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 width: 60%;
 margin: 16px 0 16px 54px;
 padding: 10px;
 font-size: 110%;
 white-space: pre-wrap; /* Available on CSS3 */
 line-height: 1.4;
 color: #003333;
 background-color: #f5f5f5;
 border-bottom: 1px #cccccc dotted;
}
.example-paragraph,
.example-division {
 border-radius: 6px;
 margin: 16px 18px 16px 46px !important;
 padding: 6px 10px !important;
 border-top: 2px #dcdcdc dotted;
 border-bottom: 2px #dcdcdc dotted;
}
/* Especially dl elements Settei */
.append,
.note,
.caution,
.coment {
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 margin: 16px 24px 6px 52px !important;
 padding: 6px 10px !important;
 border-top: 2px #dcdcdc dotted;
 border-bottom: 2px #dcdcdc dotted;
}
.append-head,
.note-head,
.caution-head,
.coment-head {
 font-size: 90%;
 display: inline-block;
 padding: 0 0.4em;
 border-bottom: 1px solid #a9a9a9;
 border-right: 1px dotted #c0c0c0;
}
.append-head {/* The head text for Append block */
 margin-bottom: 8px;
 color: #336600;
 background-color: #f5f5f5;
}
.note-head {/* The head text for Note block */
 margin-bottom: 8px;
 color: #ff6600;
 background-color: #f5f5f5;
}
.caution-head {/* The head text for Caution block */
 margin-bottom: 8px;
 color: #b22222;
 background-color: #f5f5f5;
}
.coment-head {/* The head text for Comment block */
 margin-bottom: 8px;
 color: #483d8b;
 background-color: #f5f5f5;
}
.append dd,
.note dd,
.caution dd,
.coment dd {
 margin: 0.3em 0;
 padding-left: 8px !important;
}
.append a,
.note a,
.caution a,
.coment a {
 margin: 0 0.25em;
}
.example dt {/* for class name example of an dl elements */
 margin: 0.4em 0 0.2em 0;
}
/* CSS Spec DL */
#spec {
 font-size: 90%;
 margin-left: 54px !important;
 }
#spec dt {
 float: left;
 width: 8.4em;
 font-weight: bold;
 }
#spec dd {
 margin: 0 0 0.2em 2em;
 }
#spec dd:after {
 content: "";
 display: block;
 clear: left;
 }
.clearfix:after {/* including float clear for paragraph */
 content: "";
 display: block;
 clear: both;
}
.clearfix-l:after {/* including float clear for paragraph */
 content: "";
 display: block;
 clear: left;
}
/* Image + Text div block */
.att-images {
 margin: 12px 12px 12px 36px;
}
.att-rightimage {/* for span element */
 display: block;
 width: 214px;
 float: left;
}
.att-lefttext:after {/* clear for left image */
 content: "";
 display: block;
 clear: both;
}
.att-lefttext {
 margin-left: 216px !important;
}
/* List elements Settei */
#contents dl {
 margin-top: 0.8em;
 margin-bottom: 0.8em;
 margin-left: 72px;
}
#contents ol,
#contents ul {
 margin-top: 0.8em;
 margin-bottom: 0.8em;
 margin-left: 104px;
}
#contents dt {
 font-weight: bold;
}
#contents dd {
 padding: 0;
 margin: 0.4em 1.2em 0.4em 1em;
 line-height: 1.3;
}
dd ul,
dd ol,
dd ul {
 margin-left: 40px !important;
}

/* Inline Type */
.ovlin { /* Torikeshi */
 text-decoration: line-through;
}
strong {
 margin-left: 0.4em;
 margin-right: 0.4em;
 color: #333330;
 background-color: transparent;
}
strong.red {
 margin-left: 0.4em;
 margin-right: 0.4em;
 color: #800000;
 background-color: transparent;
}
em {
 margin-left: 0.4em;
 margin-right: 0.4em;
 color: #ff3333;
 background-color: transparent;
}
.inlinelist {
 display: list-item;
 list-style: none;
 padding-left: 6px;
}
.inlinelist1 {
 display: list-item;
 list-style: disc;
 margin-left: 48px;
 padding-left: 2px;
}
.s-caps {
 font-family: "Times New Roman", serif;
 font-variant: small-caps;
 font-size-adjust: .54;
}
/* Table Settei */
table {
 margin: 8px 12px 8px 42px;
 font-size: 90%;
 border: 0px;
}
th,
td {
 text-align: left;
 padding: 2px 4px;
}
thead th {
 /* case by case
 border-bottom: 1px solid #dcdcdc;
 */
}
.activemark {/* live links indicator in the table */
 color: #dc143c;
 background-color: transparent;
}
/* image setti */
img {
 border-width: 0px;
}
.expletive {/* photo including DIV block */
 margin: 12px 0;
}
.image-block {/* Using to image files in an div elements which name is expletive */
 display: block;
 margin: auto;
}
li img {
 vertical-align: middle;
}
/* float Settei */
.float-l {
 float: left;
}
.float-r {
 float: right;
}
.floatclear {
 clear: both;
}
.floatclear-l {
 clear: left;
}
.floatclear-r {
 clear: right;
}
/* Right navigation Settei */
#right-nav {
 width: 200px;
 margin: 0 2px 0 8px;
 float: right;
 font-family: Futura, Arial, sans-serif;
 color: #333332;
 background: #f8f8f8 url(../img_moz/rightnav_bgi.png) repeat-y;
}
#right-nav h2 {
 width: 200px;
 height: 90px;
 text-align: center;
 font-size: 100%;
 overflow: hidden;
 color: #003366;
 background: #f8f8f8 url(../img_moz/rightnav_hed01.png) no-repeat;
}
#right-nav h2#mac {
 width: 200px;
 height: 90px;
 text-align: center;
 font-size: 100%;
 overflow: hidden;
 color: #003366;
 background: #f8f8f8 url(../img_moz/rightnav_hed02.png) no-repeat;
}
#right-nav h2#motor {
 width: 200px;
 height: 90px;
 text-align: center;
 font-size: 100%;
 overflow: hidden;
 color: #003366;
 background: #f8f8f8 url(../img_moz/rightnav_hed03.png) no-repeat;
}
#right-nav h2#more {
 width: 200px;
 height: 90px;
 text-align: center;
 font-size: 100%;
 letter-spacing: 0.06em;
 overflow: hidden;
 color: #003366;
 background: #f8f8f8 url(../img_moz/rightnav_hed04.png) no-repeat;
}
#right-nav h3 {
 margin: 0 7px 10px 8px;
 padding-left: 8px;
 font-size: 84%;
 letter-spacing: 0.06em;
 overflow: hidden;
 color: #fffffa;
 background-color: #336600;
 border-top: 1px solid #ffffff;
 border-right: 2px dotted #ffffff;
}
#right-nav ul {
 width: 200px;
 list-style-type: none;
 font-size: 90%;
 line-height: 1.2;
 letter-spacing: 0.06em;
 padding-bottom: 38px;
}
#right-nav li {
 margin: 0 10px 4px 16px;
 overflow: hidden;
 border-left: 1px solid #ffffff;
 border-bottom: 1px solid #dcdcdc;
}
#right-nav li a {
 padding-left: 0.9em;
}
#maincontents {
 background: transparent url(../img_moz/rightnav_bgi2.png) no-repeat bottom;
}
#category-1 {
 background: transparent url(../img_moz/rightnav_bgi2.png) no-repeat bottom;
}
#category-2 {
 background: transparent url(../img_moz/rightnav_bgi2.png) no-repeat bottom;
}
#category-3 {
 background: transparent url(../img_moz/rightnav_bgi2.png) no-repeat bottom;
}
#category-end {
 background: transparent url(../img_moz/rightnav_bgi3.png) no-repeat bottom;
}
/* Right navigation link settei */
#right-nav a {
 display: block;
 width: 160px;
 padding: 0 5px;
 text-decoration: none;
 border-width: 0;
}
/* shadow -moz-box-shadow: #dcdcdc 0px 0px 5px; */