@charset "utf-8";

/* ---- reset ---- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}
nav ul,ul li,ol li {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
img {
	vertical-align: top;
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}
table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
	vertical-align:middle;
}

/* ---- font ---- */

.white {
	color: #fff;
}
.blue {
	color:#3356b8;
}
.ultramarine {
	color:#3750b4;
}
.mossgreen {
	color:#2b711b;
}
.navy {
	color: #039;
}
.red {
	color: #c11;
}
.scarlet {
	color:#fe3a3b;
}
.pink {
	color:#f26;
}
.gray01 {
	color: #666;
}
.gray02 {
	color: #333;
}
.green {
	color: #1d7a10
}
.orange01 {
	color:#ff9600;
}
.orange02 {
	color:#ff7500;
}
.brown01 {
	color:#5e321b;
}

/* ---- float ---- */

.clear {
	clear: both;
}
.cf:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
}
:root .cf::after { /* IE9 */
	content: ""\9;
	clear: both\9;
	display: block\9;
	height: 0\9;
}

}