/* --- CSS Reset v2.0 | 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 --- */

body { font: normal 87.5% sans-serif; line-height: 1.357em; color: #000; background: #fff; }
body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }



a:link { color: blue; outline:none; }
a:visited { color: purple; }
/* a:focus { outline: solid 2px #B4D5FF; } */
a:hover { color: green; }
a:active { color: red; outline:none; }
a:visited:hover { color: green; }

a img { border: 0; }

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

blockquote { padding: 16px; }
	blockquote > :last-child { margin-bottom: 0; }
em { font-weight: bold; }
strong { font-weight: bold; }

dt { font-weight: bold; }

h1 { font-size: 18px; }
h2 { font-size: 16px; margin: 0 0 0.875em 0; line-height: 1.4; }
h3 { font-size: 14px; }
h4 { font-size: 1em; font-weight: normal; }

h1,h2,h3 { font-weight: bold; }

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

dt { color: #9C9C9C; margin-right: 1.5em; }
dd {  }

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

hr { display: none; }

/* --- GRID styles --- */

.grid1 { width:64px; }
.grid2 { width:144px; }
.grid2_32 { width:176px; }
.grid3 { width:224px; }
.grid4 { width:304px; }
.grid5 { width:384px; }
.grid5_16 { width:400px; }
.grid6 { width:464px; }
.grid7 { width:544px; }
.grid8 { width:624px; }
.grid9 { width:704px; }
.grid10 { width:784px; }
.grid11 { width: 864px; }
.grid12 { width: 944px; }

.grid1-1 { width: 928px; }
.grid1-2 { width: 448px; }
.grid1-3 { width: 288px; }
.grid2-3 { width: 608px; }
.grid1-4 { width: 208px; }
.grid3-4 { width: 688px; }
.grid1-6 { width: 128px; }
.grid5-6 { width: 768px; }

.grid1-1,
.grid1-2,
.grid1-3,
.grid2-3,
.grid1-4,
.grid3-4,
.grid1-6,
.grid5-6 { padding: 8px; }


.pull1 { margin-left:-96px; }
.pull2 { margin-left:-144px; }
.pull3 { margin-left:-224px; }
.pull4 { margin-left:-304px; }
.pull5 { margin-left:-384px; }
.pull6 { margin-left:-464px; }
.pull7 { margin-left:-528px; }
.pull8 { margin-left:-608px; }
.pull9 { margin-left:-688px; }
.pull10 { margin-left:-768px; }

.push1 { margin-right:-88px; }
.push2 { margin-right:-168px; }
.push3 { margin-right:-248px; }
.push4 { margin-right:-328px; }
.push5 { margin-right:-408px; }
.push6 { margin-right:-488px; }
.push7 { margin-right:-568px; }
.push8 { margin-right:-648px; }
.push9 { margin-right:-728px; }
.push10 { margin-right:-808px; }

.push1,
.push2,
.push3,
.push4,
.push5,
.push6,
.push7,
.push8,
.push9,
.push10 { background-color: #ccc; margin-left: 16px; }

.media { padding: 0; }
	.media240 { width: 240px; }
	.media320 { width: 320px; }
	.media480 { width: 480px; }
	.media640 { width: 640px; }
	.media800 { width: 800px; }


/* utility classes */

.left { float: left; }
.right { float: right; }

.cols { margin:0 -8px 1.5em -8px; }
.col { margin: 0 16px 0 0; float: left; }
.cols > :first-child, .cols > .first { margin-left: 0; }
.cols > :last-child, .cols > .last { float: right; margin-right:0; }

.cols:after,
.group:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; width: 0; }

.skip { position: absolute; left: -999em; width:6em; }
.hidden { display: none; }


.caption { font-size: 0.857em; }
.highlight { color: red; }