@charset "utf-8";




/* リセット定義
-----------------------------------------------	*/
html, body {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

img, input {
	vertical-align: middle;
}

h1, h2, h3, h4, h5, h6, address {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

div, blockquote, p, pre, ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	border: 0;
}
li,ol{
	list-style:none;
}

table, caption, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	border-collapse:collapse;
}

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

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

form, fieldset, input, button, select, optgroup, option, textarea, label, legend {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

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



/*=============================================
 * rollover button
 *=============================================*/

.btn-over img,
.over-img img,
img.over,
img:not(.btn):not(.non-over),
button img {
	opacity: 1;
	transform: translateX(0);
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-webkit-transition: opacity .3s ease;
}
.over-img img:hover,
img.over:hover,
/* a:not([href=""]):hover img:not(.btn):not(.non-over), */
a:hover img:not(.btn):not(.non-over),
button:hover img {
	cursor: pointer;
	opacity: .3;
	transform: translateX(.01em);
	-moz-transform: translateX(.01em);
	-webkit-transform: translateX(.01em);
}