@charset "utf-8";
/**************************************************
 reset
 **************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body { line-height:1em; }
article,aside,details,figcaption,figure,
footer,hgroup,menu,nav,section {
	overflow: hidden;
	display: block;
}
ul {
	list-style: none;
	width: 100%;
}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	background: transparent;
	display: block;
	text-decoration: none;
	color: #000000;
	font-size: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
i, em {	font-style: normal;}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del { text-decoration: line-through; }
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border-top: 1px solid #CCCCCC;
	margin: 1em 0;
	padding: 0;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
  cursor: pointer;
}
button::-webkit-search-decoration,
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
button{
	cursor: pointer;
 -webkit-appearance: none;
	}

/**************************************************
 text-align / display / position
 **************************************************/
.tleft{ text-align:left !important;}
.tright{ text-align:right; }
.tcenter{	text-align:center; }
.info{ font-size:10px; }
.middle{ vertical-align: middle; }
.block{ display:block; }
.hide{display:none !important;}
.table{ display:table; width:100%;}
.inline_block {	display:inline-block;}
.rel{ position:relative;}
.abso{ position:absolute; }
.bold {font-weight: bold;}
/**************************************************
 font-color
 **************************************************/
.white{ color: white; }
.red{ color:#f00; }
.blue{ color:#00f; }
/**************************************************
 font-size
 **************************************************/
.f12p{ font-size: 12px; }
.f14p{ font-size: 14px; }
.f16p{ font-size: 16px; }
/**************************************************
 background
 **************************************************/
.bg_white{ background: white; }
/**************************************************
 width
 **************************************************/
.w80p{ width:80% }
.w100p{ width:100% }

/*inputのプレースホルダーのテキスト色*/
::-webkit-input-placeholder { color: #ccc;}
::-moz-placeholder { color: #ccc; opacity: 1;}
:-ms-input-placeholder { color: #ccc;}