@charset "UTF-8";

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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote {
	margin: 0;
	padding: 0;
}

address, caption, cite, code, dfn, em, var {
	font-style: normal;
	font-weight: normal;
}

fieldset, img {
	border: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

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

body {
	font-family: 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', sans-serif;
}

/* Opera 9 */

;;
 
body {
	font-family: 'ＭＳ Ｐゴシック', 'メイリオ', Meiryo, san-serif;
}

/* IE 7 */

*;
 
first-child+html body {
	font-family: 'ＭＳ Ｐゴシック', 'メイリオ', Meiryo, san-serif;
}

/* IE 6 or sooner*/

* html body {
	font-family: 'ＭＳ Ｐゴシック', 'メイリオ', Meiryo, san-serif;
}


/* ---------------------------------text style */

p, pre, address, cite {
	margin: 0.5em 10px 1em;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0.5em 10px;
}

h1 { font-size: 2em; }

h2 { font-size: 1.8em; }

h3 { font-size: 1.6em; }

h4 { font-size: 1.4em; }

h5 { font-size: 1.2em; }

h6 { font-size: 1em; }

/* ---------------------------------list style */

ul, ol, dl {
	margin: 1em 10px;
	padding: 1px 0;
	list-style-position: outside;
}

li, dt, dd { margin: 0.1em 10px; }

dt { margin-top: 0.6em; }

dd { margin-bottom: 0.6em; }

li li, li p, li pre, li dt, li dd, dd li, dd p, dd pre, dd dt, dd dd { font-size: 100%; }

li ul, li ol, li dl, li p, dd ul, dd ol, dd dl, dd p { margin: 1em 10px; }

/* --------------------------------- clear */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	line-height:0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* IE-mac */  
*+html div.clearfix{ height: 1%; }
* html div.clearfix{ height: 1%; }

.clearfix { display: block; }
 
.clear { clear: both; }


/* -------------------------------------------------------- hr + clearfix */

.line {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}

hr {
	clear: both;
	display: none;
}

.line hr {
	border: 0;
	visibility: hidden;
}

* html .line hr {
	height: .1em;
	overflow: hidden;
	margin-top: -.1em;
}