@charset "UTF-8";

/*
===== CONTENTS ==============================
	1: body and base setting
		:general params
		:form
			:for IE6
			:for IE7
			:for Opera9.27
			:for Opera9.5+ [Safari3 & Chrome]
			:for Safari3 & Chrome
	2: link setting
	3: Browser clear
=============================================
*/

/*
===== 1: body and base setting =====
*/
html {
	overflow-y:scroll;
}

body {
	text-align: center;/* box centering */
	font-size: 100%;
	color: #333;
	margin: 0 auto;
	padding: 0;
	background: #FFF url(../images/bodybg.gif) repeat-x left top;
}
* html body {font-size: 80%;}/* IE6 */
*+html body {font-size: 80%;}/* IE7 */
body:first-of-type body {font-size: 80%;}/* safari3 */

/* general params */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	line-height: 1.6;
	font-size: 100%;
	text-align: left;
}
div{
    zoom: 1;/*for IE 5.5-7*/
}
div:after {/*for modern browser*/
    content: ".";
    display: block;
    height: 0;
    clear: both;
    line-height :0; 
    visibility: hidden;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 100%;
}
img {
	border: none;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
li {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}
q:before,q:after {
	content: '';
}
abbr,acronym {
	border: none;
}

/* form */
button, fieldset, form, input, label, legend, select, textarea {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
fieldset {
	border:1px solid #ccc;
	margin-bottom: 1em;
	padding: 0 1em 1em 1em;
}
input, textarea {
	border: 1px solid #b4b4b4;
	line-height: 1.4;
	padding: 0.2em;
	vertical-align: middle;
}
input,x:-moz-read-only {
	padding: 0.1em;
}
textarea,x:-moz-read-only {
	padding: 0.1em;
}
input[type="checkbox"],
input[type="radio"] {
	border: none;
	vertical-align: text-bottom;
}
input[type="submit"] {
	padding: 0.1em;
}
legend {
	background: #fff;
	padding: 0.3em;
}
select {
	padding: 0.2em;
}
select,x:-moz-read-only {
	padding: 0;
}

/* for IE6 */
* html input {
	padding: 0.1em;
}
* html input.checkbox,
* html input.radio {
	border: none;
	vertical-align: -0.3em;
}
* html input.submit {
	border: none;
	line-height: 1.2;
	padding-top: 0.2em;
}
* html select {
	vertical-align: -0.2em;
}

/* for IE7 */
*+html input {
	padding: 0.1em;
}
*+html input.submit {
	line-height: 1.2;
	padding-top: 0.2em;
}
*+html select {
	vertical-align: -0.2em;
}

/* for Opera9.27 */
html:first-child input {
	padding: 0.1em;
}
html:first-child input[type="checkbox"],
html:first-child input[type="radio"] {
	vertical-align: middle;
}
html:first-child input[type="submit"] {
	padding: 0.3em;
}
html:first-child select {
	padding: 0.2em 0.5em;
}

/* for Opera9.5+ [Safari3 & Chrome] */
body:first-of-type input {
	padding: 0.1em;
}
body:first-of-type input[type="checkbox"],
body:first-of-type input[type="radio"] {
	vertical-align: text-top;
}
body:first-of-type input[type="submit"] {
	padding: 0.3em 0.3em 0.2em 0.3em;
}

/* for Safari3 & Chrome */
html:not(:only-child:only-child) input {
	padding: 0;
	vertical-align: baseline;
}
html:not(:only-child:only-child) select {
	vertical-align: 0;
}


/*
===== 3:link setting =====
*/
/* text-decoration: none;color: #; */
a:link {}
a:visited {}
a:hover {}
a:active {}
a:focus {}
a:active,a:focus {
	outline: none;
}


/*
===== 4:Browser clear =====
*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clearfix {
	/*\*/height: 1%;/*for WinIE*/
	display: inline-table;/*for MacIE*/
}
.clear {
	clear: both;
}