@charset "UTF-8";

/*
===== CONTENTS ==============================
	1: body and base setting
		:general params
		:form
	2: link setting
	3: Browser clear
	4: clearfix
	5: font
=============================================
*/

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

body {
background-color: #e3e2dd;
/* text-align: center; *//* box centering */
font-size: 100%;
color: #333;
margin: 0 auto;
padding: 0;
}

/* general params */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

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;
}
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;
}


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


/*
===== 3:Browser clear =====
*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
.clear {clear: both;}


/*
===== 4:.clearfix =====
*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
	}

.clearfix { display: inline-block; }
.clearfix { display: block; }

/*It is a code in which clear is done as for the main browser--------------------*/
div:after {/*for modern browser*/
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
	}


/*
===== 5:.font =====
*/