@charset "UTF-8";
/*----------------------------------*/
/*	decoration */
/*----------------------------------*/
/* body{
	font-size:10px;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic;
} */
.ffg{
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, sans-serif;
	}
.ffm{
	font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho";
	}
/*----------------------------------*/
/*	basic */
/*----------------------------------*/
.none{
	display:none;
}
.fb{
	font-weight:bold;
}
/*---------- float ----------*/
.ov-h{
	overflow:hidden;
}
.left{
	float:left;
}
.right{
	float:right;
}
/*---------- text-align ----------*/
.ta-c{
	text-align:center;
}
.ta-l{
	text-align:left;
}
.ta-r{
	text-align:right;
}
/*----------------------------------*/
/*	margin */
/*----------------------------------*/
/*---------- margin-top ----------*/
.mt-0{
	margin-top:0;
}
.mt-8{
	margin-top:8px;
}
.mt-16{
	margin-top:16px;
}
.mt-24{
	margin-top:24px;
}
.mt-32{
	margin-top:32px;
}
.mt-40{
	margin-top:40px;
}
.mt-48{
	margin-top:48px;
}
.mt-80{
	margin-top:80px;
}
/*---------- margin-bottom ----------*/
.mb-0{
	margin-bottom:0;
}
.mb-8{
	margin-bottom:8px;
}
.mb-16{
	margin-bottom:16px;
}
.mb-24{
	margin-bottom:24px;
}
.mb-32{
	margin-bottom:32px;
}
.mb-40{
	margin-bottom:40px;
}
.mb-48{
	margin-bottom:48px;
}
.mb-80{
	margin-bottom:80px;
}
/*---------- margin-left ----------*/
.ml-0{
	margin-left:0%;
}
.ml-2{
	margin-left:2%;
}
.ml-4{
	margin-left:4%;
}
.ml-8{
	margin-left:8%;
}
.ml-16{
	margin-left:16%;
}
/*---------- margin-right ----------*/
.mr-0{
	margin-right:0%;
}
.mr-2{
	margin-right:2%;
}
.mr-4{
	margin-right:4%;
}
.mr-8{
	margin-right:8%;
}
.mr-16{
	margin-right:16%;
}
.mr-12{
	margin-right:12%;
}

/*----------------------------------*/
/*	padding */
/*----------------------------------*/
/*---------- padding-top ----------*/
.pt-0{
	padding-top:0;
}
.pt-8{
	padding-top:8px;
}
.pt-16{
	padding-top:16px;
}
.pt-24{
	padding-top:24px;
}
/*---------- padding-bottom ----------*/
.pb-0{
	padding-top:0;
}
.pb-8{
	padding-top:8px;
}
.pb-16{
	padding-top:16px;
}
.pb-24{
	padding-top:24px;
}
/*---------- padding-left ----------*/
.pl-2{
	padding-left:2%;
}
.pl-4{
	padding-left:4%;
}
.pl-8{
	padding-left:8%;
}
/*---------- padding-right ----------*/
.pr-2{
	padding-right:2%;
}
.pr-4{
	padding-right:4%;
}
.pr-8{
	padding-right:8%;
}
/*---------- width ----------*/
.w-20{
	width:20%;
}
.w-30{
	width:30%;
}
.w-40{
	width:40%;
}
.w-50{
	width:50%;
}
.w-60{
	width:60%;
}
.w-70{
	width:70%;
}
.w-80{
	width:80%;
}
.w-100{
	width:100%;
}
/*----------------------------------*/
/*	reset */
/*----------------------------------*/
h1, h2, h3, h4, h5, h6, p,ul,a,body, {
	margin:0px;
	padding:0px;
	font-weight:normal;
}

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, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers 
*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}

ol, ul {
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 {
	text-decoration:none;
}