@charset "utf-8";

/* =========================================================
	1.UNIVERSAL-RESET
	2.BASE-SET
	3.WIRE-FRAME
========================================================= */

/* 1.UNIVERSAL-RESET
--------------------------------------------------------- */
a,
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
	background: transparent;
	border: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	outline: 0;
	padding: 0;
	text-decoration: none;
	vertical-align: baseline;
}
 
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { 
	display: block;
}
 
ul,
ol {
	list-style: none;
}
 
blockquote,
q {
	quotes: none;
}
 
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
 
table {
	border-collapse: collapse;
	border-spacing: 0;
}
 
a {
	outline: none;
}
 
img {
	vertical-align: bottom;
}
 
/* 2.BASE-SET
--------------------------------------------------------- */

body {
	background: #fff url(../img/body_bg.jpg) left top repeat-x;
	font-family: Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Arial, Sans-serif;
	line-height: 1;
	-webkit-text-size-adjust: none;
	}

@media screen and (max-device-width: 480px) {
	body {
		-webkit-text-size-adjust: none; /* for iPhone */
	}
}

.cx:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

*:first-child+html .cx {
	display: inline-block;
	min-height: 1%;
}

* html .cx {
	height: 1%;
}

a {
	overflow: hidden;
	text-decoration: underline;
}

/* useful */
.flL {float: left;}
.flR {float: right;}

.mt5 {margin: 5px 0 0 0;}
.mt10 {margin: 10px 0 0 0;}
.mt20 {margin: 24px 0 0 0;}
.mt30 {margin: 30px 0 0 0;}

.ml10 {margin-left: 10px}
.ml20 {margin-left: 20px}
.ml30 {margin-left: 30px}

.mr10 {margin-right: 10px}
.mr20 {margin-right: 20px}
.mr30 {margin-right: 30px}

.bt10 {margin: 0 0 10px 0;}
.bt20 {margin: 0 0 20px 0;}
.bt30 {margin: 0 0 30px 0;}

.txR {text-align: right;}
.txL {text-align: left;}
.txC {text-align: center;}

/* 3.WIRE-FRAME
--------------------------------------------------------- */

html {
	overflow-y: scroll;
}