body { font-size: 14px; line-height: 20px; maximum-scale: 100%; width: 100%; min-height: 10%; margin: 10px 0px; background-color: #FFFFFF; color: #000000; background: url(image/back01.jpg) repeat-y center; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; color: #FFFFFF; }
A:link { color: #0020C0; }
A:visited { color: #A00060; }
A:active { color: #001000; }
A:hover { color: #F000A0; }


@media screen and (max-device-width: 800px) {
  html { background: #FFFFFF; }
  #bgvid { display: none; }
}

.ttlmgn { margin-top: 20px; }
.bkmgn  { margin-top: 20px; margin-bottom: 10px;}

img    { border: none; vertical-align: bottom; }
.imgup { border: none; vertical-align: top; }
table  { background-color: #effaff; color: #333333; border-collapse: collapse; border: solid 1px #000000;}
TD     { line-height: 20px; font-size: 14px; padding: 6px 20px; vertical-align: top;  border: solid 1px #7192a6; text-align: left; }
.td6   { width: 60px; background-color: #c1e3fA; }
.td8   { width: 80px; background-color: #c1e3fA; }
.tb1   { width: 500px; }
.tdc   { text-align: center; }
.tdr   { text-align: right; }
.bc800 { margin-left: auto; margin-right: auto; width: 800px; }
.bc700 { margin-left: auto; margin-right: auto; width: 700px; }
.bc200 { margin-left: auto; margin-right: auto; width: 200px; }
.bc180 { margin-left: auto; margin-right: auto; width: 180px; }
.bc660 { margin-left: auto; margin-right: auto; width: 660px; }
.bc640 { margin-left: auto; margin-right: auto; width: 640px; }
.bc500 { margin-left: auto; margin-right: auto; width: 500px; }
.bc420 { margin-left: auto; margin-right: auto; width: 420px; }
.wmenu { margin 5px 10px; width: 200px; }
.wmain { margin 5px 10px; width: 670px; }
.tt1 { font-size: 10px; color: #555555; line-height: 14px; padding: 0px 20px; margin: 0px; }
h1 { font-size: 24px; color: #000000; line-height: 24px; padding: 0px 20px; margin: 0px; font-weight: bold; }
h2 { font-size: 16px; color: #303030; line-height: 22px; padding: 0px 12px 0px 20px; margin: 0px; }

.icont01 { background-color: #33a0ff; color: #ffffff; border: solid 0px #64ff85; border-radius:  7px; padding:  5px; width: 100px; font-weight: bold; }
.icont02 { background-color: #ff30D0; color: #000000; border: solid 0px #64ff85; border-radius:  7px; padding:  5px; width: 100px; font-weight: bold; }
.icon01 { padding:  5px; width: 160px; }
.icon02 { padding:  5px; width: 160px; }

.clearboth { clear: both; }
.footerArea  { text-align: center; font-size: 12px; color: #000000; line-height: 20px; }

.menuArea   { width: 780px; margin: 10px; vertical-align: top;}
.menu       { vertical-align: top; }
.menu:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
.menulist   { width: 150px; margin: 0px 5px 5px 0px; }

.stfbox       { padding: 0px; }
.stfbox:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }

.menutt { padding: 0px 4px; }
.topbn { padding-left: 30px; }


.l12 { line-height: 12px; }
.l14 { line-height: 14px; }
.l16 { line-height: 16px; }
.l18 { line-height: 18px; }
.l20 { line-height: 20px; }
.l25 { line-height: 25px; }
.l30 { line-height: 30px; }

.mg1 { padding: 1px 10px; }
.mg2 { padding: 1px 20px; }
.mg3 { padding: 1px 30px; }
.mg5 { padding: 1px 50px; }
.mg7 { padding: 1px 70px; }
.mg10 { padding: 1px 100px; }
.mgh05 { padding:  5px 0px; }
.mgh1 { padding: 10px 0px; }
.mgh2 { padding: 20px 0px; }
.mgh3 { padding: 30px 0px; }
.mgh4 { padding: 40px 0px; }
.mgu05 { padding:  5px 0px 0px; }
.mgu1 { padding: 10px 0px 0px; }
.mgu2 { padding: 20px 0px 0px; }
.mgu3 { padding: 30px 0px 0px; }
.mgu4 { padding: 40px 0px 0px; }
.mgd05 { padding: 0px 0px  5px; }
.mgd1 { padding: 0px 0px 10px; }
.mgd2 { padding: 0px 0px 20px; }
.mgd3 { padding: 0px 0px 30px; }
.mgd4 { padding: 0px 0px 40px; }
.rmg1 { padding-right: 10px; }
.rmg2 { padding-right: 20px; }
.rmg5 { padding-right: 50px; }
.lmg2 { padding-left: 20px; }
.lmg5 { padding-left: 50px; }

.fl    { float: left; }
.fl100 { float: left; width: 100px; }
.fl160 { float: left; width: 160px; }
.fl180 { float: left; width: 180px; }
.fl200 { float: left; width: 200px; }
.fl300 { float: left; width: 300px; }
.fl400 { float: left; width: 360px; }
.fr { float: right; }
.ar { text-align: right; }
.al { text-align: left; }
.ac { text-align: center; }
.box1 { border: solid 1px #B9D9FF; padding: 3px; }

.ft1 { font-size: 10px; line-height: 12px; padding: 0px; margin: 0px; }
.gr12 { font-size: 12px; color: #666666; line-height: 20px; }
.k12 { font-size: 12px; color: #000000; line-height: 20px; }
.k16 { font-size: 16px; color: #000000; line-height: 30px; }
.r12 { font-size: 12px; color: #FF0000; line-height: 20px; }
.r16 { font-size: 16px; color: #FF0000; line-height: 30px; }
.r20 { font-size: 20px; color: #FF0000; line-height: 40px; }
.line1 { background-color: #a23400; height: 5px; }
.line2 { background-color: #451905; height: 5px; }
.line9 { height: 40px; }
.bkcol1 { background-color: #e16d00; }
.bkcol2 { background-color: #ff7f00; }
.bkcol3 { background-color: #ffe6cf; }

.bold	{ font-weight: bold; }
.fn08e	{ font-size: 0.8em; }
.fn09e	{ font-size: 0.9em; }
.fn10e	{ font-size: 1.0em; }
.fn11e	{ font-size: 1.1em; }
.fn12e	{ font-size: 1.2em; }
.fn13e	{ font-size: 1.3em; }
.fn14e	{ font-size: 1.4em; }

.blue	{ color: #0050FF; }
.pink	{ color: #FF5070; }
.red	{ color: #FF0000; }


.w40  { width:  40px; }
.w100 { width: 100px; }
.w400 { width: 400px; }
.w500 { width: 500px; }
.w660 { width: 660px; }

#kaisya .cell1 { float: left; width: 100px; }
#kaisya .cell2 { float: left; width: 400px; }

#meisai .cell1 { float: left; width: 150px; }
#meisai .cell2 { float: left; width: 600px; }