/* --- CSS Reset v2.5 | based on meyerweb reset --- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }

/* --- General styles --- */

/*
 * text-sizes:
 * s: 75%
 * m: 87.5%
 * l: 100%
*/

body { font: normal 87.5% Arial, Helvetica, sans-serif; line-height: 1.5; color: #333; /* color: rgba(102,102,102,0.9); */ background:#fff url(../images/page-bg.png) repeat-x 0 0; }
body.ja,
body.ko { font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "돋움", Dotum, sans-serif; }
body.zh { font-family: Arial, Helvetica, sans-serif; }

body.s { font-size: 75%; }
body.m { font-size: 87.5%; }
body.l { font-size: 100%; }

a:link { color: #cc0000; outline: none; }
a:visited { color: #e3495f; }
a:focus { color: #cc0000; }
a:hover { color: #cc0000; text-decoration: none; }
a:active { color: #cc0000; outline: none; }
a:visited:hover { color: #e3495f; text-decoration: none; }

abbr { cursor: help; border-bottom:1px dotted #b3b3b3; }

blockquote { padding: 1em; background-color: #b3b3b3; }
blockquote {  }
	blockquote p {  }


body.en em { font-style: italic; }
body.ja em,
body.ko em,
body.zh em { font-style: italic; }

strong { font-weight: bold; }

dt { font-weight: bold; }

h1, .h1 { font-size: 1.2857em; margin:0 0 0.333em 0; }
h2, .h2 { font-size: 1.1428em; margin:0 0 0.25em 0; }
h3, .h3 { font-size: 1em; }
h4, .h4 { font-size: 1em; }
h5, .h5 { font-size: 1em; }
h1,h2,h3 { font-weight: bold; }

p, ul, ol, dl, table, blockquote { margin-bottom: 1.5em; }
ul, ol { padding-left: 1.5em; }

dt {  }
dd {  }


th { font-weight: bold; text-align: left; vertical-align: top; }
thead th { background: #000055; color: #fff; padding: 5px; }
tbody th {  }
tfoot th { font-weight: bold; padding: 5px; border: solid 1px #e6e6e6; border-top: solid 2px #e6e6e6; }
td { vertical-align: top; text-align: left; padding: 5px; border: solid 1px #e6e6e6; }

sup { vertical-align: super; }
sub { vertical-align: sub; }
sup, sub { font-size: 0.75em; }

hr { display: none; }

/* grid for 620px main column */

.grid5 .col { width:111px; }
.grid4 .col { width:143px; }
.grid3 .col { width:126px; }
.grid2 .col,
.grid2 .firstCol,
.grid2 .lastCol { width:270px; }

.col { float: left; margin-right:20px; }
.firstCol { clear:left; }
.lastCol { float: right; margin-right:0; }


/* utility classes */

.left { float: left; }
.right { float: right; }
.topleft { float: left; margin:0 1em 0.5em 0; vertical-align: bottom; line-height: 1; }
.topright { float: right; margin:0 0 0.5em 1em; }
	.topleft img, .topright img { vertical-align: bottom; line-height: 1; }
.last { margin-bottom: 0; }

.skip { position: absolute; left: -999em; width:6em; }
.hidden { display: none; }
.highlight { color: #ff2b06; }
.checklist { list-style: square; }
.flat { list-style: none; padding-left: 0; }

.wide { display:block; margin:0 auto; clear: left; }

/* clearing floats fix */

.grid5:after,
.grid4:after,
.grid3:after,
.grid2:after,
.section:after,
.group:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; width: 0; }