@charset "utf-8";
/* CSS Document */

/*==================================================
  1: universal reset
==================================================*/
* {
	margin: 0;
	padding: 0;
}
/*==================================================
  2: body and base setting
==================================================*/
html {
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #111;
 *font-size:small;
 *font:x-small;
	font-size: 13px;
	line-height: 1.4;
}
body, textarea, input, select {
	font-family: 'Noto Sans JP',/*'M PLUS Rounded 1c',*/ '游ゴシック', 'YuGothic', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
/*************** general params ****************/
h1, h2, h3, h4, h5, h6, div, p, pre, ul, ol, dl, dt, dd, address, form, blockquote {
	font-size: 1em;
	padding: 0;
	line-height: 160%;
	text-align: left;
	margin: 0;
	font-weight: normal;
	list-style: none;
}
div {
	zoom: 1;/*for IE 5.5-7*/
}
table {
	font-size: inherit;
	font: 100%;
	margin : 0;
	padding: 0;
	empty-cells: show;
	border-collapse: collapse;
}
table th, table td {
	text-align: left;
	font-weight: normal;
	word-wrap : break-word;
	overflow-wrap : break-word;
}
iframe {
	border: none;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: auto;
}
select, button, textarea {
	/*font: 100% arial, helvetica, clean, sans-serif;*/
	margin: auto 5px;
}
input {
	cursor: pointer;/*font: 100% arial, helvetica, clean, sans-serif;*/
}
label {
	cursor: pointer;
	/*margin-right: 20px;*/
	margin-left: 5px;
}
label input[type="checkbox"] {
	margin-right: 5px;
}
pre, code, kbd, samp, tt {
	font-family: monospace;
*font-size:108%;
	line-height: 100%;
}
img {
	border: none;/* img do not want a border */
	vertical-align: bottom;
}
dl, ol, ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}/* link do not want a dot */
input[type="text"], input[type="email"], input[type="password"], textarea, select {
	padding: 5px;
	border: 1px solid #aaaaaa;
	background: #fff;
	-moz-box-shadow: inset 1px 1px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
	box-shadow: inset 1px 1px 2px 0px rgba(0,0,0,0.2);
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.5s;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="radio"]:focus, textarea:focus, input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover {
	border: 1px solid #66AFE9;
	box-shadow: 0px 0px 5px 0px rgba(102,175,233,0.4);
}
button, input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	border: none;
	outline: none;
	background: transparent;
}
/*==================================================
  3: link setting
==================================================*/
a {
	color: #111;
	outline: none;
	cursor: pointer;
}
a:link, a:visited {
	text-decoration: underline;
}
input:hover, a:hover, a:active {
	text-decoration: none;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	-webkit-transition: all .3s;
	transition: all .3s;
}