﻿html {
    margin: 0 auto;
    max-width: 100%;
    background-color: #FFF;
}

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, a, p, blockquote, pre, 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;
	margin: 0;
	padding: 0;
	border: 0;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	text-outline:none;
    font-size: 15px;
}

div, span, applet, object, iframe, h3, h4, h5, h6, p, blockquote, pre, 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 {
	color: #1F1E1F;
}

h1 {
	color: #1F1E1F;
	font-size: 150%;
}

h2 {
	color: #1F1E1F;
	font-size: 120%;
}

.form_w {
	width: 70%;
	height: 25px;
	min-width: 300px;
    text-align: left;
}
.form_h {
	width: 70%;
	height: 125px;
	min-width: 300px;
    text-align: left;
}

table {
  margin: 20px auto;
  font-size: 100%;
}

.tbmail {
  width: 95%;
}
.tbmail th {
	font-size: 100%;
	background: #fff;
	color: #1F1E1F;
	padding: 8px;
	height: 25px;
}
.tbmail tr {
  background: #FFF;
  padding: 2px;
}
.tbmail tr:nth-child(odd) {
  background: #FFF;
  padding: 2px;
}
.tt {
  padding: 8px;
  width: 100px;
}
.h3_center {
  text-align: left;
}

.tbinfo td {
	font-size: 90%;
}
.tbinfo th a:hover {
  color: #FAF;
}
.tbinfo td a:hover {
	color:#1b3e72;
}

.tblr {
  width: 75%;
}
.tblr tr {
  background: #FFF;
  padding: 8px;
}
.tblr tr:nth-child(odd) {
  background: #EEE;
  padding: 8px;
}
.color_red {
    color: #db0000
}



@media (max-width: 767px) {
	

.colors {
	width: 90%;
}
.tbinfo {
  width: 90%;
  font-size: 100%;
}
.tbinfo td {
  display: block;
  width: 100%;
}
.tbinfo th {
  display: none;
}
.tbinfo .tt{
  background: #fff;
}
.tbmail {
  width: 80%;
  font-size: 100%;
}
.tbmail td {
  display: block;
  width: 100%;
}
.tbmail th {
  display: none;
}
.tbmail .tt{
  font-weight: bold;
  background: #fff;
}
.tt {
  width: 100%;
}
.form_w {
	min-width: 170px;
    text-align: center;
}
.form_h {
	min-width: 170px;
    text-align: center;
}
}

