@charset "utf-8"; /* 〠 */

/*----------------------------------------------*/
/* reset CSS
/*----------------------------------------------*/

html {
	overflow-y: scroll;
	
	font-size: 62.5%;  /* change base font size 16px to 10px */
}

body, div, dl, dt, dd, ul, ul li, ol, ol li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
}

caption, th {
	text-align: left;
}

q:before ,q:after {
	content: "";
}

object, embed {
	vertical-align: top;
}

hr, legend {
	display: none;
}

img, abbr, acronym, fieldset {
	border: 0px;
}

img {
	vertical-align: bottom;
	
	-ms-interpolation-mode: bicubic;   /* IE 7+ */
	image-rendering: optimizeQuality;  /* Fx, (Gecko 1.9.2) */
}

ul li {
	list-style-type: none;
}


/*######## Convert to block(for HTML5 tag) ########*/

header, footer, nav, section, article, aside, hgroup, 
details, summary, menu, figure, figcaption {
	display: block;
}


/*######## <body> tag ########*/

body {
	width: 100%;
	-webkit-text-size-adjust: none;  /* no font auto resize for iPhone */
}


/*######## Font ########*/

body, table, input, textarea, h1, h2, h3, h4, h5, h6 {
	/* set on each device */
}

table td, table th {
	word-break: break-all;
}


/*######## <a> tag ########*/

a {
	text-decoration: none;
	outline: none;
}

a:link, a:visited {
	color: #a98337;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
	color: #C3A37A;
}


/*######## print ########*/

@page {
	margin: 15mm 5mm 15mm;  /* for no responsive */
}
