@charset "utf-8";
/* =========================================================
	GLOBAL RESET 
========================================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0px;
padding:0px;
border:0px;
outline:0px;
}

* html body {     
    background: url(null) fixed;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}  

html{
	position: relative;
	height:100%;
	min-height: 100%;
	font-size: 62.5%;
	color:#333;
	line-height:1.8;
	font-weight: 500;
}

ul{list-style-type: none; width:100%;}
ol li{
	margin:0 0 0 20px;
}
img {vertical-align:top;}
span,strong{display:inline-block;}

#contents p,
#contents li{ line-height:1.8!important; }


/*================================================================
 * common style
================================================================*/
/*Define Body*/
body {
	height:100%;
	margin: 0;
	font-size: 10px;
	font-size: 1.6rem;
	text-align:left;
}


/*Link
----------------------------------------------------------*/
a:link {color:#000;text-decoration:none;}
a:visited {color:#000;text-decoration:none;}
a:hover {color:#666;text-decoration:none;}
a:focus{outline:none;}
a img {text-decoration:none;}

a:hover{
opacity:0.70;
filter: alpha(opacity=70);
}


/*layout&margin
----------------------------------------------------------*/
.center{text-align:center!important;}

.clear {clear:both!important;}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}