/*　背景色 */
body {background-color: #F5F5F5}

/*　フォント */
body {font-family: "游明朝",serif;}
.menu {font-family: "ゴシック",sans-serif;}

/*　メニュー */
.menu {padding: 30px 0; background-color: #FFFFFF}
.menu ul {margin: 0; padding: 0; list-style: none}
.menu li a {display: block; margin-bottom:12px; padding: 12px; background-color: #eee88a; border-radius: 5px}
.menu li a:hover {background-color:#669966}

/*　メイン */
p.mainimg {text-align:center; }
.main p {margin: 30px;}
.main table {border-collapse: collapse}
.main table th, td {border: 2px solid #C0C0C0}
.main table {margin-left: 40px }
.main th {padding: 5px; background-color: #dedede}
.main td {padding: 5px; background-color: #FFFFFF}

/*　コピーライト */
.copyright {background-color:#FFFFFF; padding: 10px 0; text-align: center}
.copyright address {margin: 0;font-size: 14px}
.copyright p {margin: 0;font-size: 14px}

/*　グリッド */
body {display: grid; display: -ms-grid;
 grid-template-columns: 100px 200px 1fr 8fr 100px; grid-template-rows: 25px 25px 10fr 1fr 50px;
 -ms-grid-columns: 100px 200px 1fr 8fr 100px; -ms-grid-rows: 25px 25px 10fr 1fr 50px;}
#wrapper {grid-column-start: 2;grid-column-end: 5; grid-row-start: 1; grid-row-end: 6; margin-top: -30px; margin-bottom: -30px; background-color: #FFFFFF;
 -ms-grid-column: 2; -ms-grid-column-span: 3; -ms-grid-row: 1; -ms-grid-row-span: 6}
.logo {grid-column-start: 2;grid-column-end: 5; grid-row-start: 1; grid-row-end: 2; margin-top: -30px;
 -ms-grid-column: 2; -ms-grid-column-span: 3; -ms-grid-row: 1;}
.menu {grid-column-start: 2;grid-column-end: 3; grid-row-start: 3; grid-row-end: 4; margin-left: 5px;
 -ms-grid-column: 2; -ms-grid-column-span: 1; -ms-grid-row: 3;}
.main {grid-column-start: 4;grid-column-end: 5; grid-row-start: 3; grid-row-end: 4;
 -ms-grid-column: 4; -ms-grid-row: 3;}
.copyright {grid-column-start: 2;grid-column-end: 5; grid-row-start: 5; grid-row-end: 6;
 -ms-grid-column: 2; -ms-grid-column-span: 3; -ms-grid-row: 5;}

/*　印刷範囲 */
@media print{
 #wrapper {display:none;}
 .logo {display:none;}
 .menu {display:none;}
 .main {margin-left:-300px; margin-right:-100px; width:auto;}
 .copyright {display:none;display:none;}
}