@charset "utf-8";
/* CSS Document */

@import "default.css";

html {-webkit-text-size-adjust: 100%;}
img	{vertical-align:top;line-height:0px;}


body	{
  color:#000000;
  font-size:12px;
}
/* ================================================================================ */
/*      共通                                                                        */
/* ================================================================================ */
.clearfix:after{
  content:"";
  display:table;
  clear:both;
}
.clearfix{
  zoom:1;
}

a:link		{
  color:#000000;
  text-decoration:underline;
  border: solid 1px transparent;
}
a:visited	{color:#000000;}
a:hover		{color:#000000;}
a:active	{color:#000000;}
a img {
  vertical-align:middle;
}

.backColor-white {background-color: white;}

.red	{color:#CC0000 !important;}
.blue {color:blue !important;}
.transparent {color: transparent !important}
.tCenter	{text-align:center !important;}
.tLeft	{text-align:left !important;}
.tRight	{text-align:right !important;}

.fLeft	{float:left;}
.fRight	{float:right;}
.fCenter {
  position:relative;
  overflow:hidden;
}
.fCenter ul {
  position:relative;
  left:50%;
  float:left;
}
.fCenter li {
  position:relative;
  left:-50%;
  float:left;
}

.vTop {
  vertical-align: top !important;
}

.vMiddle {
  vertical-align: middle !important;
}

.vBottom {
  vertical-align: bottom !important;
}

.pRight {margin-left: auto;}

.nowrap {white-space: nowrap !important;}
.pre {white-space: pre !important;}

.hidden {visibility: hidden;}

.wMin	{width: 600px;margin-left:auto;margin-right:auto;}
.wAuto	{width: 100% !important;}
input.wAuto,textarea.wAuto	{width: 90% !important;}
.w20	{width: 20px !important;}
.w30	{width: 30px !important;}
.w35	{width: 35px !important;}
.w40	{width: 40px !important;}
.w50	{width: 50px !important;}
.w60	{width: 60px !important;}
.w70	{width: 70px !important;}
.w80	{width: 80px !important;}
.w85	{width: 85px !important;}
.w90	{width: 90px !important;}
.w95	{width: 95px !important;}
.w100	{width: 100px !important;}
.w105	{width: 105px !important;}
.w115	{width: 115px !important;}
.w110	{width: 100px !important;}
.w120	{width: 120px !important;}
.w130	{width: 130px !important;}
.w140	{width: 140px !important;}
.w150	{width: 150px !important;}
.w160	{width: 160px !important;}
.w165	{width: 165px !important;}
.w170	{width: 170px !important;}
.w180	{width: 180px !important;}
.w200	{width: 200px !important;}
.w210	{width: 210px !important;}
.w220	{width: 220px !important;}
.w230	{width: 230px !important;}
.w250	{width: 250px !important;}
.w280	{width: 280px !important;}
.w300	{width: 300px !important;}
.w320	{width: 320px !important;}
.w350	{width: 350px !important;}
.w400	{width: 400px !important;}
.w450	{width: 450px !important;}
.w500	{width: 500px !important;}
.w600	{width: 600px !important;}

.mw100	{min-width: 100px !important;}

.h30	{height: 30px !important;}
.h31	{height: 31px !important;}
.h32	{height: 32px !important;}
.h33	{height: 33px !important;}
.h34	{height: 34px !important;}
.h35	{height: 35px !important;}

.mw50	  {min-width: 50px !important;}
.mw60	  {min-width: 60px !important;}
.mw70	  {min-width: 70px !important;}
.mw80	  {min-width: 80px !important;}
.mw90	  {min-width: 90px !important;}
.mw100	{min-width: 100px !important;}
.mw150	{min-width: 150px !important;}
.mw200	{min-width: 200px !important;}
.mw250	{min-width: 250px !important;}
.mw300	{min-width: 300px !important;}
.mw350	{min-width: 350px !important;}
.mw400	{min-width: 400px !important;}

.mlAuto	{margin-left: auto !important;}
.ml3	{margin-left: 3px !important;}
.ml5	{margin-left: 5px !important;}
.ml10	{margin-left: 10px !important;}
.ml20	{margin-left: 20px !important;}
.ml30	{margin-left: 30px !important;}
.ml40	{margin-left: 40px !important;}
.ml50	{margin-left: 50px !important;}
.ml60	{margin-left: 60px !important;}

.ml-3	{margin-left: -3px !important;}
.ml-5	{margin-left: -5px !important;}
.ml-10	{margin-left: -10px !important;}
.ml-20	{margin-left: -20px !important;}
.ml-30	{margin-left: -30px !important;}
.ml-40	{margin-left: -40px !important;}
.ml-50	{margin-left: -50px !important;}
.ml-60	{margin-left: -60px !important;}
.ml-80	{margin-left: -80px !important;}

.mtAuto	{margin-top: auto !important;}
.mt3	{margin-top: 3px !important;}
.mt5	{margin-top: 5px !important;}
.mt10	{margin-top: 10px !important;}
.mt20	{margin-top: 20px !important;}
.mt30	{margin-top: 30px !important;}
.mt40	{margin-top: 40px !important;}
.mt50	{margin-top: 50px !important;}
.mt60	{margin-top: 60px !important;}

.mt-3	{margin-top: -3px !important;}
.mt-5	{margin-top: -5px !important;}
.mt-10	{margin-top: -10px !important;}
.mt-20	{margin-top: -20px !important;}
.mt-30	{margin-top: -30px !important;}
.mt-40	{margin-top: -40px !important;}
.mt-50	{margin-top: -50px !important;}
.mt-60	{margin-top: -60px !important;}

.mrAuto	{margin-right: auto !important;}
.mr3	{margin-right: 3px !important;}
.mr5	{margin-right: 5px !important;}
.mr10	{margin-right: 10px !important;}
.mr20	{margin-right: 20px !important;}
.mr30	{margin-right: 30px !important;}
.mr40	{margin-right: 40px !important;}
.mr50	{margin-right: 50px !important;}
.mr60	{margin-right: 60px !important;}
.mr80	{margin-right: 80px !important;}

.mr-3	{margin-right: -3px !important;}
.mr-5	{margin-right: -5px !important;}
.mr-10	{margin-right: -10px !important;}
.mr-20	{margin-right: -20px !important;}
.mr-30	{margin-right: -30px !important;}
.mr-40	{margin-right: -40px !important;}
.mr-50	{margin-right: -50px !important;}
.mr-60	{margin-right: -60px !important;}

.mbAuto	{margin-bottom: auto !important;}
.mb3	{margin-bottom: 3px !important;}
.mb5	{margin-bottom: 5px !important;}
.mb10	{margin-bottom: 10px !important;}
.mb20	{margin-bottom: 20px !important;}
.mb30	{margin-bottom: 30px !important;}
.mb40	{margin-bottom: 40px !important;}
.mb50	{margin-bottom: 50px !important;}

.mb-3	{margin-bottom: -3px !important;}
.mb-5	{margin-bottom: -5px !important;}
.mb-10	{margin-bottom: -10px !important;}
.mb-20	{margin-bottom: -20px !important;}
.mb-30	{margin-bottom: -30px !important;}
.mb-40	{margin-bottom: -40px !important;}
.mb-50	{margin-bottom: -50px !important;}

.m3		{margin: 3px !important;}
.m5		{margin: 5px !important;}
.m10	{margin: 10px !important;}
.m20	{margin: 20px !important;}
.m30	{margin: 30px !important;}
.m40	{margin: 40px !important;}
.m50	{margin: 50px !important;}

.p3		{padding: 3px !important;}
.p5		{padding: 5px !important;}
.p10	{padding: 10px !important;}
.p20	{padding: 20px !important;}
.p30	{padding: 30px !important;}
.p40	{padding: 40px !important;}
.p50	{padding: 50px !important;}

.pt3	{padding-top: 3px !important;}
.pt5	{padding-top: 5px !important;}
.pt10	{padding-top: 10px !important;}
.pt20	{padding-top: 20px !important;}
.pt30	{padding-top: 30px !important;}
.pt40	{padding-top: 40px !important;}
.pt50	{padding-top: 50px !important;}

.pl3	{padding-left: 3px !important;}
.pl5	{padding-left: 5px !important;}
.pl10	{padding-left: 10px !important;}
.pl20	{padding-left: 20px !important;}
.pl30	{padding-left: 30px !important;}
.pl40	{padding-left: 40px !important;}
.pl50	{padding-left: 50px !important;}

.pr3	{padding-right: 3px !important;}
.pr5	{padding-right: 5px !important;}
.pr10	{padding-right: 10px !important;}
.pr20	{padding-right: 20px !important;}
.pr30	{padding-right: 30px !important;}
.pr40	{padding-right: 40px !important;}
.pr50	{padding-right: 50px !important;}

.pb3	{padding-bottom: 3px !important;}
.pb5	{padding-bottom: 5px !important;}
.pb10	{padding-bottom: 10px !important;}
.pb20	{padding-bottom: 20px !important;}
.pb30	{padding-bottom: 30px !important;}
.pb40	{padding-bottom: 40px !important;}
.pb50	{padding-bottom: 50px !important;}


.borderEnclose {
  border: solid #939393 1px;
}

.borderLessLeft {
  border-left:none !important;
}
.borderLessTop {
  border-top:none !important;
}
.borderLessRight {
  border-right:none !important;
}
.borderLessBottom {
  border-bottom:none !important;
}
.borderLessLeftRight {
  border-left:none !important;
  border-right:none !important;
}
.borderLessTopBottom {
  border-top:none !important;
  border-bottom:none !important;
}
.borderLess {
  border-left:none !important;
  border-top:none !important;
  border-right:none !important;
  border-bottom:none !important;
}

.tMin	{font-size: 11px;}
.tLarge	{font-size: 14px;}
.tXLarge	{font-size: 22px;}
.gridTable th .tMin	{font-weight: normal;text-shadow: none;}
.tBold	{font-weight: bold !important;}
.tUnder {text-decoration: underline;}
.tNone {text-decoration: none !important;}

.permutation	{
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width:0px;
  height:0px;
}

.radius	{
  border-color: #ccc !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
}

.textLink {
  color: #0000ff !important;
}

a.boxLink, a.boxLinkI, input[type=button].buttonLink, input[type=button].buttonLinkI {
  display: block;
  padding: 7px 10px 7px 10px;
  background: #54ad38;
  color: #fff;
  width: 180px;
  text-align: center;
  text-decoration: none;
  border-left:solid #638956 4px;
  border-top:solid transparent 1px;
  border-bottom:solid transparent 1px;
  border-right:solid transparent 1px;
}
a.boxLinkI input[type=button].buttonLinkI {
  display: inline;
}

dt {
  padding-bottom: 5px;
  font-weight: bold;
  border-bottom: dotted #ccc 1px;
}

dd {
  padding-left:20px;
  padding-top: 5px;
  margin-bottom:20px;
}

th,td {vertical-align: middle;}

.displayNone {display: none;}
.inline{display: inline;}
.inlineBlock{display: inline-block;}

.badgeTopRight {
  background-color: white;
  border: solid 1px red;
  border-radius: 50%;
  padding: 2px;
  position: relative;
  min-width: 28px;
  min-height: 28px;
  float: right;
  left: -20px;
  top: -12px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.badgeInner {
  background-color: red;
  color: white;
  border-radius: 50%;
  display: block;
  text-align: center;
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 11px;
  font-weight: bold;
  padding: 3px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ee757b), to(#c80507));
  background: -webkit-linear-gradient(top, #ee757b, #c80507);
  background: linear-gradient(to bottom, #ee757b, #c80507);
  background: gradient(linear, center top, center bottom, from(#ee757b), to(#c80507));
}

/* ================================================================================ */
/*     elements                                                                     */
/* ================================================================================ */
input, textarea {
  border:solid #bababa 1px;
  width:inherit;
}
input[type=text], input[type=password], textarea {
  padding: 1px 3px 1px 3px;
}
input[type=checkbox],input[type=radio] {
  border: none;
  vertical-align: middle;
}
textarea {
  width: 100%;
  overflow: hidden;
}
input[type=submit],input[type=reset],input[type=button],#contents button {
  background: #e1e1e1;
  width: 100px;
  text-align: center;
  border:solid 1px transparent;
  cursor:pointer;
  font-size:12px;
  height: 30px;
}
input[type=submit], a.submit, input[type=button].submit, #contents button.submit {
  background: url(../images/btnOrange.png) repeat-x left center #e49338;
  color: #fff;
  border:solid #bc5e00 1px;
}

a.submit span, a.reset span {
  font-size: 9px;
}
input[type=submit].grey {
  background: url(../images/bg-grey.jpg) repeat-x left center #f7f7f7;
  color: #fff;
  border:solid #6a6a6a 1px;
}
input[type=reset],input[type=submit].white,input[type=button].white,a.reset,#contents button.white {
  background: url(../images/bg-white.jpg) repeat-x left center #f7f7f7;
  border:solid #d6d6d6 1px;
  width: 60px;
  color:#000;
}
input[type=submit].min,input[type=reset].min {
  font-size:12px;
}

input[type=button].buttonLink, input[type=button].buttonLinkI {
  display: block;
  padding: 7px 10px 7px 10px;
  background: #54ad38;
  color: #fff;
  width: 180px;
  text-align: center;
  text-decoration: none;
  border-left:solid #638956 4px;
}
input[type=button].buttonLinkI {
  display: inline;
}
input[type=button].slim, button.slim {
  height: auto !important;
}

input.gameStart {
  background:url(../images/btnOrange.png) repeat-x left center #e49338;
  border:solid #bc5e00 1px;
  font-weight:bold;
  width:180px;
  height:60px;
  background-size:cover;
  font-size:18px;
}
input[disabled=disabled] {
  background: #e5e5e5 !important;
  border:solid #bcbcbc 1px !important;
  color:#a3a3a3 !important;
  text-shadow:none !important;
  cursor:default;
}
.paging input[type=button].white {
  padding:0px;
  width:20px;
  border-radius:1px;
}

.paging input[type=button].white.this {
  background-color: #638956 !important;
    background-image: none !important;
    color: #d6eaff !important;
    border-color: #638956 !important;
    cursor:default;
}
select {
  background: #f7fcff;
}
.disabled {
  ime-mode: disabled;
}

label.checkAll, label.clearAll {
  cursor:pointer;
}
label.checkAll:hover, label.clearAll:hover {
  color:#666666;
}
label.checkAll img, label.clearAll img {
  vertical-align: middle;
}

input[type="text"]:focus,textarea:focus {
  background:#e8f9dd;
}

link.submit {
  background: #e1e1e1;
  width: 100px;
  text-align: center;
  border:none;
  cursor:pointer;
  font-size:12px;
  height: 30px;
}

input[type="text"].label {
  border: none !important;
  background: transparent !important;
  color: black !important;
}

.processing {
  text-shadow: -1px -1px 1px rgba(0,0,0,0.4), 1px 1px 1px rgba(255,255,255,0.5);
  border-color: #ccc !important;
  background-color: rgba(226, 112, 0, 1) !important;
  background-image: none !important;
  border-style: inset !important;
  border-top-width: 3px !important;
  border-left-width: 3px !important;
  border-bottom-width: 3px !important;
  border-right-width: 3px !important;
}

.mouseover {
  opacity: 0.7 !important;
  -moz-opacity: 0.7 !important;
  filter: alpha(opacity=70) !important;
  border-color: gray !important;
}

.mousedowning {
  opacity: 1.0 !important;
  -moz-opacity: 1.0 !important;
  filter: alpha(opacity=100) !important;
  border-color: #4387fd !important;
}

/* ================================================================================ */
/*      ui                                                                          */
/* ================================================================================ */
.ui-datepicker-trigger {
  vertical-align: middle;
  margin-left: 2px;
}

div:not(.datepicker-month) .ui-datepicker-calendar .ui-state-disabled.ui-datepicker-other-month {
  opacity : 0;
}

.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
/* ================================================================================ */
/*      contentBox                                                                  */
/* ================================================================================ */
div#contentBox {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}


/* ================================================================================ */
/*      pageHeader                                                                  */
/* ================================================================================ */
div.pageHeader {
  text-align: center;
  border: solid #ccc 1px;
  padding :5px;
  margin-bottom: 20px;
}

/* ================================================================================ */
/*      article・section                                                            */
/* ================================================================================ */
div#article {
  margin-bottom: 20px;
  margin-left: 30px;
  margin-right: 30px;
}

h1 {
  background: #8cc479;
  color: 000;
  font-size:14px;
  font-weight: bold;
  padding: 8px;
  border:solid #939393 1px;
  margin-bottom: 20px;
  margin-left:-10px;
  margin-right: -10px;
  background:url(../images/h1Bg.png) repeat-x left bottom;
  border-left:solid #39609a 4px;
}
h2 {
  font-weight: bold;
  font-size:14px;
}
h2.tableTitle {
/* 	background:#b2b2b2; */
  background: #84c970;
  border: solid #939393 1px;
  border-bottom:none;
  padding:10px 3px 10px 3px;
}
h2 input {
  width:20px;
}

/* ================================================================================ */
/*      pageFooter                                                                  */
/* ================================================================================ */
div.pageFooter {
  text-align: center;
  border-top:solid #ccc 1px;
  padding :5px;
  margin-top:50px;
}

.footerlogo {
  display: inline-block;
} 

/* ================================================================================ */
/*      osirase                                                                     */
/* ================================================================================ */
div.osirase {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:20px;
}
div.osirase h2 {
  border:solid #939393 1px;
  border-left:solid #39609a 4px;
  background:url(../images/h1Bg.png) repeat-x left bottom;
  padding:5px;
  margin-bottom:3px;
}
div.osirase>div {
  padding:10px;
  border-top:none;
  background:#f5f5f5;
}
/* ================================================================================ */
/*      globalMenu                                                                  */
/* ================================================================================ */
.globalMenu {
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
}
.globalMenu .logoImage {
  float: left;
  display: block;
}
.globalMenu>div {
  margin-left: 200px;
}
.globalMenu>div>div {
  overflow: hidden;
}
.globalMenu .navButton {
  float: right;
}
.globalMenu .navButton li {
  float: left;
  padding-left: 5px;
  padding-top:8px;
}
.globalMenu .navButton li .boxLink {
  padding:5px 10px 5px 10px;
}
.globalMenu p.cartAll {
  float: right;
  text-align: right;
}
.globalMenu span.nameInfo * {
  vertical-align: 50% !important;
}
.globalMenu span.idInfo {
  vertical-align: 50% !important;
}
.globalMenu span.frimInfo {
}
.globalMenu label.name {
  padding-top:5px;
  border-bottom:dotted #939393 1px;
  font-weight:bold;
  font-size:14px;
  line-height: 1;
}
.globalMenu label.rule {
  font-weight:bold !important;
  font-size:14px !important;
  line-height:1 !important;
}
.globalMenu input.logout {
    height: 25px;
    border: none;
    color:#000;
    text-align:left;
    padding-left:20px;
    background:url(../images/logout.png) no-repeat 3px center #e6e6e6;
    width:87px;
}
.globalMenu td {
  vertical-align:bottom;
}
.globalMenu td.crtnaiGkg {
}
.globalMenu td.loginTime {
  padding-left:27px;
  border-right:solid #ccc 1px;
  padding-top:5px;
}
.globalMenu td.sssssncz {
  padding-left:27px;
  border-right:solid #ccc 1px;
  padding-top:5px;
}
.globalMenu td.gamePoint {
  padding-right:20px;
  border-right:solid #ccc 1px;
}
.globalMenu td.menuSelect {
  padding-left:27px;
  padding-right:20px;
  border-right:solid #ccc 1px;
  padding-top:5px;
}
.globalMenu td.logout {
  padding-top:5px;
}
.globalMenu td.menuSelect .moveSelect{
  display: inline-table;
}
div.fix {
  overflow-x:auto;
  overflow-y:hidden;
}
div.fix td, div.fix th {white-space:nowrap;}
div.fix th {padding: 3px 10px 3px 10px !important;}
div.fix td.lb, div.fix th.lb {white-space:normal;}
td.em {background:#ffff6b !important;}
.highlightYellow {
  background: yellow !important;
  color: red !important;
  font-weight: bold !important;
}
.highlightRed {
  background: red !important;
  color: yellow !important;
  font-weight: bold !important;
}
/* ================================================================================ */
/*      gridTable                                                                   */
/* ================================================================================ */
table.gridTable th,table.gridTable td {
  padding: 3px;
  vertical-align: middle;
  text-align: left;
  border: solid #939393 1px;
}

table.alterTbody tbody:nth-child(2n) tr td {background:#e5e5e5;}
table.alterTbody1 tbody:nth-child(2n+1) tr td {background:#e5e5e5;}

table.alter tr:nth-child(4n+1) td {background:#e5e5e5;}
table.alter tr:nth-child(4n+2) td {background:#e5e5e5;}

tbody.alter:nth-child(2n+1) td {background:#e5e5e5;}

table.alter1 tr:nth-child(2n+1) td {background:#e5e5e5;}
table.alter12 tr:nth-child(2n+2) td {background:#e5e5e5;}
table.alter3 tr:nth-child(6n+1) td {background:#e5e5e5;}
table.alter3 tr:nth-child(6n+2) td {background:#e5e5e5;}
table.alter3 tr:nth-child(6n+3) td {background:#e5e5e5;}

table.gridTable tr.amount td,table.gridTable tr.amount th {font-size:16px;font-weight: bold;padding-top: 15px; padding-bottom: 15px;text-align: right;background:#fff;}
table.gridTable td.noGrid {border:none;background:none !important;}

table.gridTable th {
  background: #d6d6d6 !important;
  font-weight: bold;
  color: #000;
  text-align: center;
}

table.centerMarjin {
  margin-left: auto !important;
  margin-right: auto !important;
}

table.gridTable.textTable td, table.gridTable.textTable th {
  padding: 10px;
  text-align: left;
}

table.gridTable th.tableTitle {
  background:#b2b2b2 !important;
  border: solid #939393 1px !important;
  border-bottom:none !important;
  padding:8px 3px 8px 3px !important;
  font-weight: bold !important;
  font-size:14px !important;
}
table.gridTable th.tableTitle2 {
  background:#84c970 !important;
  border: solid #939393 1px !important;
  border-bottom:none !important;
  padding:8px 3px 8px 3px !important;
  font-weight: bold !important;
  font-size:14px !important;
}

table.gridTable th.tableTitle input {
  width:20px;
}

table.gridTable th.tableTitleH2 {
/* 	background:#b2b2b2; */
  background: #84c970 !important;
  border: solid #939393 1px !important;
  border-bottom:none !important;
  padding:10px 10px 10px 10px !important;
  text-align: left;
  font-size:14px !important;
  font-weight: bold !important;
}

tr.close td {color:#a5a5a5;}
tbody.close tr td {color:#a5a5a5;}
/* tr.close td:first-child,tr.close td:last-child {background:none;} */


/* ================================================================================ */
/*      form                                                                        */
/* ================================================================================ */
table.formTable {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
table.formTable th,table.formTable td {
  padding: 10px 5px 10px 5px;
  vertical-align: middle;
  text-align: left;
}
.bgBox {
  background:#eaeaea;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  padding:20px 5px 20px 5px;
}

/* ================================================================================ */
/*      searchTable                                                                 */
/* ================================================================================ */
table.searchTable {
  margin-left: auto;
  margin-right: auto;
}
table.searchTable th,table.searchTable td {
  padding: 10px;
  vertical-align: middle;
  text-align: left;
  vertical-align: bottom;
  border-bottom: dotted #ccc 1px;
}
table.searchTable tr:last-child th,table.searchTable tr:last-child td {
  border-bottom: none;
}

table.searchTable td.noGrid {border:none;background:none !important;}
/* ================================================================================ */
/*      innerTable                                                                  */
/* ================================================================================ */
table.innerTable td,table.innerTable th	{
  padding: 3px 10px 3px 0px !important;
  border: none;
  background: none !important;
}

ul.loginMenu * {
  margin-left: auto;
  margin-right: auto;
}


/* ================================================================================ */
/*      disabled - activity                                                         */
/* ================================================================================ */
input[type=text].disabled_text, input[type=password].disabled_text, textarea.disabled_text{
  background-color:#eaeaea !important;
  color:#000000 !important;
  border-width:1px !important;
  border-style:solid  !important;
  text-shadow:none !important;
  cursor:default;
}
input[type=text].activity_text, input[type=password].activity_text, textarea.activity_text{
  background-color:#ffffff !important;
  color:#000000 !important;
  border-width:0px !important;
  border-style:None !important;
  text-shadow:none !important;
  cursor:default;
}
table.disabled_area, tr.disabled_area, td.disabled_area, th.disabled_area {
  background-color:#eaeaea !important;
  color:#000000 !important;
  border-width:0px !important;
  border-style:None !important;
  text-shadow:none !important;
  cursor:default;
}
table.activity_area, tr.activity_area, td.activity_area, th.activity_area {
  background-color:#ffffff !important;
  color:#000000 !important;
  border-width:0px !important;
  border-style:None !important;
  text-shadow:none !important;
  cursor:default;
}
input[type=button].disabled_button {
  background:#e1e1e1 !important;
  background-color:#eaeaea !important;
  color:#000000 !important;
  border-width:1px !important;
  border:solid #e1e1e1 1px !important;
  text-shadow:none !important;
  cursor:default;
}
input[type=button].activity_button {
  background: url(../images/btnOrange.png) repeat-x left center #e49338;
  background-color:#ffffff !important;
  color:#ffffff !important;
  border-width:0px !important;
  border:solid #bc5e00 1px !important;
  text-shadow:none !important;
  cursor:default;
}

/* ================================================================================ */
/*      Calendar                                                                  */
/* ================================================================================ */
.calendar-day-0 > .ui-state-default {
  background: #FFCCCC !important;
  color: red !important;
}
.calendar-day-6 > .ui-state-default {
  background: #CCCCFF !important;
  color: blue !important;
}

/* ================================================================================ */
/*      #MIRAI02G1                                                                  */
/* ================================================================================ */
div.rykyk {
  width: 800px;
  height: 400px;
  margin-left:auto;
  margin-right:auto;
  background-color: white;
  overflow-y: scroll;
  border: solid thin;
}

div.center {
  margin-left:auto;
  margin-right:auto;
}

/* ================================================================================ */
/*      #MIRAI04G0                                                                  */
/* ================================================================================ */
body#MIRAI04G0 div.mainMenu ul * {
  margin-left:auto;
  margin-right:auto;
}

div#MIRAI04G0 div.mainMenu ul * {
  margin-left:auto;
  margin-right:auto;
}

/* ================================================================================ */
/*      #MIRAI05G0                                                                  */
/* ================================================================================ */
body#MIRAI05G0 div.mainMenu ul * {
  margin-left:auto;
  margin-right:auto;
}

div#MIRAI05G0 div.mainMenu ul * {
  margin-left:auto;
  margin-right:auto;
}

/* ================================================================================ */
/*      #MIRAI11G0                                                                  */
/* ================================================================================ */
div#MIRAI11G0 .gameButton {
}

/* ================================================================================ */
/*      #MIRAI14G0                                                                  */
/* ================================================================================ */
div#MIRAI14G0 div.input {
  margin-left:auto;
  margin-right:auto;
}

/* ================================================================================ */
/*      #MIRAI20G0                                                                  */
/* ================================================================================ */
body#MIRAI20G0 span.point {
  font-size:28px;
  color:#c40026;
  font-weight:bold;
}

div#MIRAI20G0 span.point {
  font-size:28px;
  color:#c40026;
  font-weight:bold;
}

/* ================================================================================ */
/*      #MIRAI23G0                                                                  */
/* ================================================================================ */
body#MIRAI23G0 .maintenance {
  font-size:34px;
  color:#c40026;
  font-weight:bold;
  text-align: center;
}

div#MIRAI23G0 .maintenance {
  font-size:34px;
  color:#c40026;
  font-weight:bold;
  text-align: center;
}

/* Switch */
div.switch input {
  display: none;
}

div.switch label {
  padding: 1px;
  font-size: 12px;
  font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
  font-weight: bold;
  cursor: pointer;
}

div.switch label:before {
  content: 'O N';
  padding: 2px 5px;
  border-radius: 5px 0px 0px 5px;
  color: rgb(255, 255, 255);
  background: rgb(170, 170, 170);
  transition: all 200ms;
}

div.switch label::after {
  content: 'OFF';
  padding: 2px 5px;
  border-radius: 0px 5px 5px 0px;
  color: rgb(255, 255, 255);
  background: rgb(0, 170, 55);
  transition: all 200ms;
}

div.switch input:checked+label::before {
  background: rgb(0, 170, 55);
}

div.switch input:checked+label::after {
  background: rgb(170, 170, 170);
}