@charset "utf-8";

/* ===============================================
reset & common
=============================================== */

html {
	font-size: 62.5%;
	color: #222;
}

body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','MS P Gothic',Arial,sans-serif;
	letter-spacing:0.4px;
}

img, ul, ol, li, h1, h2, h3, h4, h5, h6, p, dl, dd, dt, table {
	margin: 0;
	padding: 0;
	border: 0;
}
tr, th, td {
	margin: 0;
	padding: 0;
}


h1, h2, h3, h4 ,h5 ,h6 ,p, dl, ul, ol, table {
	line-height: 1.5;
}

ul, ol {
	list-style: none;
	display: block;
}

table {
	empty-cells: show;
}

img {
	vertical-align: bottom;
}

a img {
	border: none;
	text-decoration: none;
}

a:link {
	color: #222;
	text-decoration: none;
}

a:visited {
	color: #484848;
	text-decoration: none;
}

a:hover {
	color: #FF3351;
	text-decoration: underline;
}

a:active {
	color: #FF3351;
	text-decoration: underline !important;
}

a:hover img.op_hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}

input.op_hover:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}

sup {
	position: relative;
	top: -0.4em;
	vertical-align: middle;
}

/*　cf　clearfix　 For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {