@charset "UTF-8";
/* =============================================================================

共通

============================================================================= */

/*________________________________________________________

HTML SELECTORS
________________________________________________________
*/

* {
	box-sizing: border-box;
}
body {
	color: #000;
	margin: 0;
    font-family: YuGothic, '游ゴシック', "メイリオ", Meiryo, sans-serif;
    font-weight: 500;
	font-size: 90%;
	line-height: 2.2;
}
p {margin: 0;}
ul, ol {
	margin: 0;
	padding: 0;
}
img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
li {
	list-style: none;
}
a {
	text-decoration: none;
}

/* 文字
----------------------------- */
.small {
	font-size: 80%;
}
.big {
	font-size: 120%;
}
.txtR {
	text-align: right;
}
.txtC {
	text-align: center;
}
.color-S {
	color: #00a0e9;
}
.color-T {
	color: #b44193;
}

/*________________________________________________________

	スライドイン
________________________________________________________*/
@media only screen and (min-width: 750px) {
  .slidein {
    position: relative;
    top: -40px;
    left: 0px; }
    .slidein.on {
      top: 0px;
      left: 0;
      -webkit-animation: slide_in .5s linear forwards;
      animation: slide_in .5s linear forwards; } }

@-webkit-keyframes slide_in {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0px, -40px);
    transform: translate(0px, -40px);
    opacity: 1; } }

@keyframes slide_in {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0px, -40px);
    transform: translate(0px, -40px);
    opacity: 1; } }


/*________________________________________________________

	TABLE
	________________________________________________________
*/
table {
	width: 100%;
	margin: 16px 0;
	border-collapse: collapse;
}
th, td {
	border: solid #c0c0c0 1px;
	border-collapse: collapse;
}
th {
	padding: 16px;
	text-align: center;
	background-color: #eeeeee;
	letter-spacing: .2em;
}
td {
	padding: 8px 16px;
	color: #333;
	text-align:  left;
}


/*________________________________________________________

HTML5
________________________________________________________
*/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
	display:block;
}