@charset "UTF-8";
/* haikei-bokashi TABLE */
.table_box {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  border-collapse: collapse;
  width: 600px;
  border-collapse:separate;
  border-spacing: 0;
}

table th:first-child{
  border-radius: 6px 0 0 0;
}

table th:last-child{
  border-radius: 0 6px 0 0;
  border-left: 0.6px solid #ffffff;
}

table th{
  text-align: center;
/*  color:white; */
  background: linear-gradient(#86ace2,#0065f4);
  border-left: 0.3px solid #ffffff;
  width: 20%;
  padding: 10px 0;
}

table td{
  text-align: center;
  border-left: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  border-top:none;
  box-shadow: 0px -3px 8px 1px #eee inset;
  width: 20%;
  padding: 12px 0;
}

table td:last-child{
  border-right: 1px solid #c3c3c3;
}

table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}

/* ========BASIC======== */
html {
        overflow-y:scroll;
}
body {
        margin:0;
        padding:0;
        line-height:1.6;
        letter-spacing:1px;
        font-family:Verdana, Helvetica, sans-serif;
        font-size:12px;
        color:#333;
        background:#ccffff;
/*        background:#fff; */
}
br {
        letter-spacing:normal;
}
a {
        color:#0089a1;
        text-decoration:none;
}
a:hover {
        color:#0089a1;
        text-decoration:underline;
}
img {
        border:0;
        vertical-align:bottom;
}
h1,h2,h3,h4,h5,h6 {
        margin:0;
}
/* ========TEMPLATE LAYOUT======== */
#top {
        width:1200px;
        margin:10px auto;
        border:1px solid #333;
}
#header {
        width:1200px;
}
#contents {
        clear:both;
}
#main {
        float:left;
        width:540px;
        padding:10px;
}
/* ========HEADER CUSTOMIZE======== */
#header h1 {
        margin:0;
        padding:10px;
        font-size:30px;
        background:#00ccff;
	font-family:"HG正楷書体-PRO", serif;
}
#header h1 a {
        color:#333;
}
/* ========MAIN CONTENTS CUSTOMIZE======== */
#main h2 {
        margin-bottom:5px;
        padding:5px 0;
        font-size:16px;
        border-bottom:3px double #ccc;
}
#main h3 {
        margin-bottom:5px;
        padding:5px;
        font-size:14px;
        border-left:5px solid #0089a1;
        border-bottom:1px dotted #ccc;
}
#main h4 {
        margin-bottom:5px;
        padding:5px;
        font-size:13px;
        color:#fff;
        background:#0089a1;
}
#main h5 {
        margin-bottom:5px;
        font-size:13px;
        border-bottom:1px dotted #ffffcc;
}
#main h6 {
        margin-bottom:5px;
        font-size:13px;
}
#main p {
        margin:0 0 1em 0;
}
/* INFORMATION CUSTOMIZE */
* html body #main dl.information dd div {
        display:inline-block;
}
#main table {
        width:100%;
        border-collapse:collapse;
}
#main table th {
        padding:5px;
        font-size:12px;
/*        text-align:left; */
        text-align:center;
        border:1px solid #aaa;
        background:#ccffcc;
/*        background:#f0f7fc; */
}
#main table td {
        padding:5px;
        font-size:12px;
        text-align:left;
        border:1px solid #aaa;
        width:50px;
        background:#fff;
}
#main table caption {
        text-align: left;
        font-size:14px;
}

#main h4 {
  border-radius: 6px;
  padding-left: 15px;
}

/* 奇数行のスタイル */
#main table tr:nth-child(odd) td{
  background-color: #f0f0f0;
/*  background:#e6f2ff; */
}
 
/* 偶数行のスタイル */
#main table tr:nth-child(even){
  background-color: white;
}

/* マウスオーバー時の行の背景色 */
#main table tr:hover td{
/*  background-color: #d4faff; */ /* うす水色 */
  background-color: #ffcc99; /* うすオレンジ */
}