/*
	font.css
	75% (0.75 * 16px = 12px = 1em)
*/

body {
	margin: 0;
	font-size: 75%;/* 12px */
	line-height: 1.5em;/* 18px */
}

/* ------------------------------
/* COMMON
/* ------------------------------ */
/*** 75%  1em = 12px soit 1px = 8,3333% = 0.0833em ***
	3em = 36px
	2.8333em = 34px
	2.6666em = 32px
	2.5em = 30px
	2.3333em = 28px
	2.1666em = 26px
	2em = 24px
	1.8333em = 22px
	1.75em = 21px
	1.6666em = 20px
	1.5833em = 19px
	1.5em = 18px
	1.4166em = 17px
	1.3333em = 16px
	1.25em = 15px
	1.1666em = 14px
	1.0833em = 13px
	1em = 12px
	0.9166em = 11px
	0.8333em = 10px
	0.75em = 9px
	0.6666em = 8px
	0.5833em = 7px
	0.5em = 6px
*/

/*** HEADINGS ***/
h1 { margin: 1.5em 0 1.5em 0; }/* 36px | 36px */
h2 { margin: 1.5em 0 ; }/* 36px | 0 */
h3 { margin: 1.125em 0 1.125em 0; }/* 18px | 18px */
h4 { margin: 1.2857em 0 0 0; }/* 18px | 0 */
h5 { margin: 1.5em 0 0 0; }/* 18px | 0 */
h6 { margin: 1.5em 0 0 0; }/* 18px | 0 */

h1 { line-height: 0.75em; }/* 18px */
h2 { line-height: 0.75em; }/* 18px */
h3 { line-height: 1.125em; }/* 18px */
h4 { line-height: 1.2857em; }/* 18px */
h5 { line-height: 1.5em; }/* 18px */
h6 { line-height: 1.5em; }/* 18px */

h1 { font-size: 2em; }/* 24px */
h2 { font-size: 2em; }/* 24 px */
h3 { font-size: 1.3333em; }/* 16px */
h4 { font-size: 1.1666em; }/* 14px */
h5 { font-size: 1em; }/* 12px */
h6 { font-size: 1em; }/* 12px */


/*** TEXT ELEMENTS ***/
address {
	line-height: 1.5em;/* 18px */
	font-size: 1em;/* 12px */
}

p {
	margin-bottom: 1.5em;/* 18px */
	line-height: 1.5em;/* 18px */
	font-size: 1em;/* 12px */
}

blockquote {
	margin-top: 1.5em;/* 18px */
	margin-bottom: 1.5em;/* 18px */
	line-height: 1.5em;/* 18px */
	font-size: 1em;/* 12px */
}
blockquote > *:first-child:before {
	margin-left: -0.6667em;/* 20px */
	padding-right: 0.1667em;/* 5px */
	vertical-align: -500%;
	line-height: 1px;
	content: "\201C";
	font-family: Garamond, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 2.5em;/* 30px */
	color: #999;
}
blockquote > *:last-child:after {
	padding-left: 0.1667em;/* 5px */
	vertical-align: -500%;
	line-height: 1px;
	content: "\201D";
	font-family: Garamond, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 2.5em;/* 30px */
	color: #999;
}

pre {
	margin-top: 1.5em;/* 18px */
	margin-bottom: 1.5em;/* 18px */
	line-height: 1.5em;/* 18px */
	font-size: 1em;/* 12px */
}
code, tt {
	line-height: 1em;/* 12px */*line-height: 1.5em;/* 18px */
	font-size: 1em;/* 12px */
}
samp, kbd {
	line-height: 1em;/* 12px */
	font-size: 1em;/* 12px */
}

big {
	font-size: 1.1666em;/* 14px */
	line-height: 1em;/* 14px ??? */
}
small {
	font-size: 0.8333em;/* 10px */
	line-height: 1em;/* 10px ??? */
}
sup, sub {
	font-size: 0.8333em;/* 10px */
	line-height: 1em;/* 10px ??? */
}

hr {
	clear: both;
	display: block;
	*float: left;
	width: 100%;
	height: 1px;
	margin: 18px 0 17px 0;
	*margin-bottom: 1px;
	padding: 0;
	border: none;
	background-color: #000;
	text-align: left;
	color: #000;
}

/*** LISTS ***/
dl, ul, ol {
	margin-top: 1.5em;/* 18px */
	margin-bottom: 1.5em;/* 18px */
	line-height: 1.5em;/* 18px */
	font-size: 1em;/* 12px */
}
ul ul, ol ol, ul ol, ol ul { margin-top: 0; margin-bottom: 0; }

/*** TABLES ***/
th, td {
	line-height: 1.4166em;/* 17px + border 1px */
	font-size: 1em;/* 12px */
}

/*** FORMS ***/
form {
	/*margin-bottom: 1.5em; 18px */
}
fieldset {
	/*padding: 1.4166em;/* 17px + border 1px */
}
legend {
	padding: 0 0.1666em;/* 2px */
	line-height: 1.5833em;/* 19px */
	font-size: 1em;/* 12px */
}
label {
	line-height: 1.5em;/* 18px */
	font-size: 1em;/* 12px */
}
select {
	height: 1.6363em;/* 18px */
	line-height: 1.2727em;/* 14px */
	font-size: 0.9166em;/* 11px */
}
input[type=text], input[type=password] {
	height: 1.4545em;/* 16px + border 2px */
	line-height: 1.4545em;/* 16px */
	font-size: 0.9166em;/* 11px */
}
input.input_text, input.input_password {/* for IE */
	height: 1.4545em;/* 16px + border 2px */
	line-height: 1.4545em;/* 16px */
	font-size: 0.9166em;/* 11px */
}
input[type=radio], input[type=checkbox] {}
input.input_radio, input.input_checkbox {}/* for IE */
input[type=image] {}
input.input_image {}/* for IE */
input[type=button], input[type=submit], input[type=reset] {
	height: 1.6363em;/* 18px */
	line-height: 1.4545em;/* 16px */
	font-size: 0.9166em;/* 11px */
}
input.input_button, input.input_submit, input.input_reset, button {/* for IE */
	height: 1.6363em;/* 18px */
	line-height: 1.4545em;/* 16px */
	font-size: 0.9166em;/* 11px */
}
button {
	height: 1.6363em;/* 18px */
	line-height: 1.4545em;/* 16px */
	font-size: 0.9166em;/* 11px */
}
textarea {
	height: 11.8333em;/* 142px + border 2px */
	line-height: 1.5em;/* 18px */
}

/*** IMAGES ***/
.img-left { margin: 0 1.6666em 1.5em 0; }/* 20px | 18px */
.img-center { margin: 0 auto 1.5em auto; }/* 18px */
.img-right { margin: 0 0 1.5em 1.6666em; }/* 18px | 20px */