@charset "UTF-8";

/* =========================================================
	
	reset.css
		
		universal reset 
		body and base setting
			: general params
			: acronyms and abbreviations styles
		link setting
		clearfix hack
		
========================================================== */


/*  universal reset
========================================================== */


/* general params
--------------------*/
h1, 
h2, 
h3, 
h4, 
h5, 
h6,
div, 
p, 
pre, 
ul, 
ol, 
dl, 
dt, 
dd, 
address, 
form, 
blockquote {
	margin:0;
	padding:0;
	display:block;
	font-size:100%;
	font-weight:normal;
}

table,
caption,
td,
th {
	margin:0;
	padding:0;
	border-collapse:collapse;
	empty-cells:show;
	font-size:100%;
}

hr {
	display:none;
}

img,
a img {
	border:none;
}

ul,
ol {
	list-style:none;
}



/* iframe styles */

iframe {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}

/* form styles */
form, 
fieldset, 
optgroup, 
label, 
legend {
	margin:0;
	padding:0;
	font-size:100%;
	border:none;
}
legend {
	display:none;
}
input, 
select {
	margin:0;
}
option {
	padding-right:10px;
}



html>/**/body label {	/* hack for modern browser-except IE7.0 */
	margin-left:0px;
}



/* inline styles */

span, 
em, 
strong, 
dfn, 
code, 
samp, 
kbd, 
var, 
cite, 
abbr, 
acronym, 
q, 
br,
ins, 
del, 
a, 
img, 
object {
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:inherit;
	font-size:100%;
}

em, 
strong {
	font-weight:normal;
}


/* HTML5 New Semantic Elements
-------------------------------*/
figure, 
figcaption, 
article, 
aside, 
dialog, 
figure, 
footer, 
header, 
legend, 
nav, 
section {
	display: block;
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:inherit;
	font-size:100%;
}

/* acronyms and abbreviations styles
-------------------------------------*/
acronym, 
abbr {
	cursor:help;
}



/* body and base setting
========================================================== */

body {
	overflow-x:hidden;
	margin:0;
	padding:0;
	width:100%;
	border:0;
	color:#333333;
	background: #ffffff;
	font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
	line-height:1em;
	-webkit-text-size-adjust:none;
}

* html body {
	font-size:100%;
}

*:first-child+html body {
	font-size:100%;
}



body {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}


.bold:before {
	position:absolute;
	top:0;
	left:1px;
	content:attr(data-text);
}



@media all -webkit-device-pixel-ratio {	/* for android */
	.bold:before {
		position:absolute;
		top:0;
		left:1px;
		content:attr(data-text);
	}
}
@media not -webkit-device-pixel-ratio {	/* others */
	.bold {
		font-weight:bold;
		/*
		position:absolute;
		top:0;
		left:0;
		content:attr(data-text);
		*/
	}
}



/* link setting
========================================================== */


a {
	display:inline-block;
}
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}



/* clearfix hack
========================================================== */


.clearfix { zoom: 1; }/* for IE 5.5-7 \*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}