/* Manabu Design Style Sheet with Apple Design Style Sheet 2002 and CSS definition for fonts */

/* {font-style font-variant font-weight font-size/line-height font-family;} */

/* Standard elements */
body   { font: 12px Osaka, "ＭＳ Ｐゴシック", sans-serif; background-color: #ffffff; margin: 0 }
table, td  { font: 12px Osaka, "ＭＳ Ｐゴシック", sans-serif }
img {border: 0;}
a, a:link { color: #c00; text-decoration: none }
a:visited { color: #996666 }

.DONODISPLAY { display: none; visibility: hidden; } 

/* Standard fonts */
.K9 { font-size: 9px; line-height: 12px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; }
.K10 { font-size: 10px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; line-height: 13px }
.KB10 { font-size: 10px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; }
.K12{ font-size: 12px;  line-height: 15px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; }
.KB12 { font-size:12px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; }
.K14 { font-size: 14px;  line-height: 18px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; }
.KB14 { font-size:14px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; }
.K18 { font-size: 18px;  line-height: 24px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; }
.KB18 { font-size:18px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; }
.K24 { font-size: 24px;  line-height: 32px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; }
.KB24 { font-size:24px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; }
.KEB24 { font-size:24px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; }

/* For localization */
.K9G { font-size: 9px;  line-height: 12px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; color: #76797c; }
.K10G { font-size: 10px;  line-height: 13px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; color: #76797c; }
.K10W { font-size: 10px;  line-height: 13px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; color: #ffffff; }
.K12G   { color: #76797c; font-size: 12px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; line-height: 15px }
.K12W { font-size: 12px;  line-height: 15px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; color: #ffffff; }
.K14G { font-size: 14px;  line-height: 18px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; color: #76797c; }
.K14W { font-size: 14px;  line-height: 18px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; color: #ffffff; }
.K18G { font-size: 18px;  line-height: 24px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; color: #76797c; }
.K18W { font-size: 18px;  line-height: 24px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; color: #ffffff; }
.K24G { font-size: 24px;  line-height: 32px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; color: #76797c; }
.K24W { font-size: 24px;  line-height: 32px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; color: #ffffff; }
.T13, .INTRO { font-size: 14px; line-height: 15px; font-family: 平成明朝, "ＭＳ Ｐ明朝", serif; }
.TITLE { font-size: 24px;  line-height: 32px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; font-weight:bold; }

/*----
-- For localization --
.G9G { font-size: 10px;  line-height: 13px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; color: #76797c; }
.G10G, .L10G { font-size: 12px;  line-height: 15px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; color: #76797c; }
.G10W, .L10W { font-size: 12px;  line-height: 15px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; color: #ffffff; }
.L12G { font-size: 14px;  line-height: 18px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; color: #76797c; }
.L12W { font-size: 14px;  line-height: 18px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; color: #ffffff; }
.L14G { font-size: 18px;  line-height: 24px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; color: #76797c; }
.L14W { font-size: 18px;  line-height: 24px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; color: #ffffff; }
.L18G, .L24G { font-size: 24px;  line-height: 32px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; color: #76797c; }
.L18W, .L24W { font-size: 24px;  line-height: 32px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; color: #ffffff; }
.T13, .INTRO { font-size: 14px; line-height: 15px; font-family: 平成明朝, "ＭＳ Ｐ明朝", serif; }
.TITLE { font-size: 24px;  line-height: 32px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; font-weight:bold; }
----*/

/* For Mincho style page */
.M12 { font-size: 12px; line-height: 15px; font-family: 平成明朝, "ＭＳ Ｐ明朝", serif; }
.MB12 { font-size:12px; font-family: 平成明朝, "ＭＳ Ｐ明朝", serif; }
.M14 { font-size: 14px; line-height: 18px; font-family: 平成明朝, "ＭＳ Ｐ明朝", serif; }
.MB14 { font-size:14px; font-family: 平成明朝, "ＭＳ Ｐ明朝", serif; }
.MB18 { font-size:18px; font-family: 平成明朝, "ＭＳ Ｐ明朝", serif; }
.MB24 { font-size:24px; font-family: 平成明朝, "ＭＳ Ｐ明朝", serif; }

/* Maru gothic styles */
.R10 { font-size: 10px; line-height: 13px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; }
.R12 { font-size: 12px;  line-height: 15px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; }
.R14 { font-size: 14px; line-height: 18px; font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; }

/* Other styles */
a.black { color: #000000; text-decoration: none; }
a.black:hover { color: #000000; text-decoration: underline; }
a.white { color: #ffffff; text-decoration: none; }
a.white:hover { color: #ffffff; text-decoration: underline; }
ul.none { list-style:none; margin-top: 0px; margin-bottom: 5px; margin-left: 14px; padding: 0px; padding-left: 1px; line-height: 13px; }
ul.arrowtext, ul.arrowlinks { list-style-image: url(http://www.apple.co.jp/elements/arrowa1a5a9.gif); margin-top: 0px; margin-bottom: 5px; margin-left: 14px; padding: 0px; padding-left: 1px; line-height: 13px; list-style-position: outside; }
ul.arrowpro { list-style-image: url(http://www.apple.co.jp/elements/arrowpro2.gif); margin-top: 0px; margin-bottom: 5px; margin-left: 14px; padding: 0px; padding-left: 1px; line-height: 13px; list-style-position: outside; }
ul.bullet { list-style-image: url(http://www.apple.co.jp/elements/dot2.gif); margin-top: 0px; margin-bottom: 0px; margin-left: 14px; padding: 0px; padding-left: 1px; line-height: 13px; list-style-position: outside; }
ul.square { list-style: square; margin-bottom: 0px; margin-left: 22px; padding: 0px; line-height: 13px; }
ul.circle { list-style: circle; margin-bottom: 0px; margin-left: 22px; padding: 0px; line-height: 13px; }
ul.decimal { list-style: decimal; margin-bottom: 0px; margin-left: 22px; padding: 0px; line-height: 13px; }
ol.decimal { list-style: decimal; margin-bottom: 0px; margin-left: 22px; padding: 0px; line-height: 13px; }
ol.dash { list-style: -; margin-bottom: 0px; margin-left: 22px; padding: 0px; line-height: 13px; }

/*  Those are  have backgrand garadation */
.barblue   { color: #000000; font-size: 10px; line-height: 13px; background: #a1c4fe url("../images/gradation_bluebar.jpg") repeat-x left bottom; padding-right: 8px; padding-left: 8px }
.bargreen   { color: #000000; font-size: 10px; line-height: 13px; background: #aeffa2 url("../images/gradation_greenbar.jpg") repeat-x left bottom; padding-right: 8px; padding-left: 8px }
.bargray    { color: #000000; font-size: 10px; line-height: 13px; background: #797a7e url("../images/gradation_graybar.jpg") repeat-x left bottom; padding-right: 8px; padding-left: 8px }

.gradationred    { color: #000000; font-size: 10px; line-height: 13px; background: #fc1e13 url("../images/gradation_red.jpg") repeat-x left bottom; padding-right: 12px; padding-left: 12px }
.gradationblue   { color: #000000; font-size: 10px; line-height: 13px; background: #1236ca url("../images/gradation_blue.jpg") repeat-x left bottom; padding-right: 12px; padding-left: 12px }
.gradationwhite   { color: #000000; font-size: 10px; line-height: 13px; background: #f2f4f3 url("../images/gradation_white.jpg") repeat-x left bottom; padding-right: 12px; padding-left: 12px }
.gradationyellow   { color: #000000; font-size: 10px; line-height: 13px; background: #fcfa69 url("../images/gradation_yellow.jpg") repeat-x left bottom; padding-right: 12px; padding-left: 12px }
.gradationgreen   { color: #000000; font-size: 10px; line-height: 13px; background: #08cc22 url("../images/gradation_green.jpg") repeat-x left bottom; padding-right: 12px; padding-left: 12px }
.gradationblack   { color: #000000; font-size: 10px; line-height: 13px; background: #080824 url("../images/gradation_black.jpg") repeat-x left bottom; padding-right: 12px; padding-left: 12px }
.gradationpurple   { color: #000000; font-size: 10px; line-height: 13px; background: #a046d9 url("../images/gradation_purple.jpg") repeat-x left bottom; padding-right: 12px; padding-left: 12px }
.gradationorange   { color: #000000; font-size: 10px; line-height: 13px; background: #ff9a04 url("../images/gradation_orange.jpg") repeat-x left bottom; padding-right: 12px; padding-left: 12px }
.gradationpink   { color: #000000; font-size: 10px; line-height: 13px; background: #fc68fa url("../images/gradation_pink.jpg") repeat-x left bottom; padding-right: 12px; padding-left: 12px }

/* -- */
a.bluemore { color: #516d9a; text-decoration: none; }
/* mac MSIE fix \*/
a.bluemore  { color: #516d9a; text-decoration: none; background: no-repeat right 50%; margin-right: 3px; padding-right: 16px }
/* mac MSIE fix */

.prodjump1 { padding-bottom: 16px; margin-top: 10px; }
.prodjump1 select { width: 90px; margin-top: 5px; margin-left: auto; margin-right: auto; font-size: 12px; }
.prodjump2 { padding-bottom: 16px; margin-top: 10px; border-bottom: 1px solid #c1c5c9; }
.prodjump2 select { width: 90px; margin-top: 5px; margin-left: auto; margin-right: auto; font-size: 12px; }

.dltable { border-bottom: 1px solid #c1c5c9; padding-bottom: 20px;}
.dltable td { padding: 4px; }
.dltable tr.dlodd td.dlbold { color: #000; font-weight: bold; }
.dltable tr.dleven td.dlbold { color: #000; font-weight: bold; }
.dltable tr.dlheader TD  { color: #000; background: #e2eeff repeat-x left bottom }
.dltable tr.dlodd TD { background: #f6f6f6; color: #76797c; }
.dltable tr.dleven TD { background: #FFF; color: #76797c; }
a.dlarrow  { background: no-repeat left 50%; padding-left: 12px }
/*
body { color: black; background-color: #ffffff; margin: 6px }
*/
.got10 { font-size: 10px; font-family: "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", Osaka, 平成角ゴシック; line-height: 130%; padding: 6px }
.got10g { color: gray; font-size: 10px; font-family: "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", Osaka, 平成角ゴシック; line-height: 130%; padding: 6px }
.got12  { font-size: 12px; font-family: "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", Osaka, 平成角ゴシック; line-height: 130% }
.got12g { color: gray; font-size: 12px; font-family: "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", Osaka, 平成角ゴシック; line-height: 130% }
.got14  { font-size: 14px; font-family: "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", Osaka, 平成角ゴシック; line-height: 130% }
.got18  { font-size: 18px; font-family: "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", Osaka, 平成角ゴシック; line-height: 130% }
.min10 { font-size: 10px; font-family: "ＭＳ 明朝", "ヒラギノ明朝 Pro W3", 平成明朝; line-height: 130%; padding: 6px }
.min10g { color: gray; font-size: 10px; font-family: "ＭＳ 明朝", "ヒラギノ明朝 Pro W3", 平成明朝; line-height: 130%; padding: 6px }
.min12 { font-size: 12px; font-family: "ＭＳ 明朝", "ヒラギノ明朝 Pro W3", 平成明朝; line-height: 130% }
.min12g { color: gray; font-size: 12px; font-family: "ＭＳ 明朝", "ヒラギノ明朝 Pro W3", 平成明朝; line-height: 130% }
.min14 { font-size: 14px; font-family: "ＭＳ 明朝", "ヒラギノ明朝 Pro W3", 平成明朝; line-height: 130% }
.min14g { color: gray; font-size: 14px; font-family: "ＭＳ 明朝", "ヒラギノ明朝 Pro W3", 平成明朝; line-height: 130% }
.new10g     { color: gray; font-size: 10px; font-family: "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", Osaka, 平成角ゴシック; font-style: italic; line-height: 130%; text-align: left; text-indent: 10px; padding: 2px 6px; width: 176px }
/*
 - - - - - - - - - - - - - - 

.K10 { font-size: 10px; line-height: 130%}
.K12 { font-size: 12px;  line-height: 130%}
.KB12 { font-size:12px}
.K14 { font-size: 14px;  line-height: 130%}
.KB14 { font-size:14px}
.M12 { font-size: 12px; line-height: 130%}
.MB12 { font-size:12px}
.M14 { font-size: 14px; line-height: 130%}
.MB14 { font-size:14px}
.R10 { font-size: 10px; line-height: 130%}
.R12 { font-size: 12px;  line-height: 130%}
.R14 { font-size: 14px; line-height: 130%}
*/

