p {
    margin-bottom: 8pt;
}

form {
    display: inline;
}

.large {
    font-size: 110%;
}

.larger {
    font-size: 120%;
}

.small {
	font-size: 90%;
}

.smallNote {
    font-size: 90%;
    font-weight: normal;
}

.smaller {
	font-size: 80%;
}

.smallerNote {
    font-size: 80%;
    font-weight: normal;
}

.smallest {
	font-size: 8pt;
}

.subPara {
    margin-top: 4pt;
}

.note {
	font-size: 90%;
}

.error {
	font-weight: bold;
	color: red;
}

.copyright {
	text-align: center;
	margin: 20pt auto 6pt auto; /* Right and left margin widths set to "auto" */
	font-size: 9pt;
	color: #404040;
}

#localTimes {
    display: block;
    margin-top: 4pt;
    margin-bottom: 4pt;
}
#localTimes .timeWarning {
    margin-top: 2px;
    color: red;
    font-weight: bold;
    background: url(/images/caution-16x16.gif) no-repeat 0px 0px;
    padding-left: 20px;
}

.holiday {
	background-color: #FFC0C0;
	color: #fff;
}

thead {
	font-size: 9pt;
	background-color:#e0e0e0;
	text-align: center;
}

body {
    font-weight: normal;
    font-size: 10pt;
    /*font-family: Arial, Helvetica, sans-serif;*/
	font-family: sans-serif;
}

textarea {
    /*font-family: Arial, Helvetica, sans-serif; */
	font-family: sans-serif;
    font-size: 11pt;
}

h1, h2, h3, h4 {
    /*font-family: Arial, Helvetica, sans-serif; */
	font-family: sans-serif;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 16px;
}

h1,
h2,
h3 {
    font-size: 32px;
}

#Body {
	background: url(/images/background.png) repeat-x top;
	margin: 0px;
	text-align: center;
}

#PlainBody {
	background: white ! important;
	margin: 10px ! important;
	text-align: left ! important;
}

#PlainBody2 {
	background: white ! important;
	margin: 0px ! important;
	text-align: left ! important;
}

#Content {
    width: 950px;
    height: 100%;
    margin: 0px auto; /* Right and left margin widths set to "auto" */
	text-align: left; /* Counteract to IE5/Win Hack */
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

#ContentTableDiv {
    border-top: 1px solid #a5c3e9;
    background-color: white;
    min-height: 460px;
    height: auto !important;
    height: 460px;
}

#ContentTable {
    padding-left: 10px;
    padding-right: 10px;
}


li {
	margin-bottom: 10px;
}

.emphasis {
    font-weight: bold;
}

.blue {
    color: #000099 ! important;
}

select {
	font-family: sans-serif;
}
input, button {
    /*font-family: Arial, Helvetica, sans-serif; */
	font-family: sans-serif;
}

.row1 {
    background-color: white;
}

.row2 {
    background-color: #f0f0f0;
}

body.new.NavTabBar #MainContent {
/*    margin-left: 10px;
    margin-right: 10px;
*/
    min-height: 600px;
}

#MainContent a:not([class*="cke_"]),
#MainContent a:visited,
.pseudoLink {
    text-decoration: none;
	/*
    background: url(/images/link-underline.gif) repeat-x 100% 100%;
	padding-bottom: 1px;
    */
    border-bottom: 1px dotted rgba(0,0,187,0.5);
    color: #0000bb;
}
#MainContent a:not([class*="cke_"]):hover,
#MainContent a:visited:hover,
.pseudoLink:hover {
    border-bottom-color: #0000bb;
}


body.ie a.cke_button,
body.ie a.cke_combo_button {
    white-space: auto;
    text-decoration: auto;
    background: auto;
    padding-bottom: auto;
    color: auto;
}

#MainContentDiv {
    position: relative;
}

.pseudoLink {
	cursor: pointer;
}

a.noLinkBorder {
	background: none !important;
	padding-bottom: 0px;
}

.noime {
    ime-mode: disabled;
    -webkit-ime-mode: disabled;
    -ms-ime-mode: disabled;
    -o-ime-mode: disabled;
}
.activeime {
    ime-mode: active;
    -webkit-ime-mode: active;
    -ms-ime-mode: active;
    -o-ime-mode: active;
}

.ticketInfo {
	cursor: pointer;
	font-size: 9pt;
}

.graphicLink, .graphicLink:hover, .graphicLink_disabled {
    padding: 2pt 4pt 2pt 4pt;
    text-decoration: none !important;
    font-size: 10pt;
}

.graphicLink, .graphicLink:hover {
    color: #000;
	cursor: pointer;
}

.graphicLink {
    border: 1px solid #707070;
    background: url(/images/graphic-link-bk.gif) repeat-x 0 0;
    background-color: #dadada;
}

.graphicLink:hover {
    border: 1px solid #3c7fb1;
    background: url(/images/graphic-link-hover-bk.gif) repeat-x 0 0;
    background-color: #b2e0f9;
}

.graphicLink_disabled {
	color: #808080;
	background: #f4f4f4;
	border: 1px solid #adb2b5;
	cursor: default;
}



/* Time zone selection */

button.tzToggleButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #f6dcfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f6dcfb;
	box-shadow:inset 0px 1px 0px 0px #f6dcfb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f1bdfa), color-stop(1, #da80ea) );
	background:-moz-linear-gradient( center top, #f1bdfa 5%, #da80ea 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1bdfa', endColorstr='#da80ea');
	background-color:#f1bdfa;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #e284f3;
	display:inline-block;
	color:#333;
	font-size:11px;
	font-weight:normal;
	padding:2px 8px;
	text-decoration:none;
    cursor: pointer;
}
button.tzToggleButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #da80ea), color-stop(1, #f1bdfa) );
	background:-moz-linear-gradient( center top, #da80ea 5%, #f1bdfa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#da80ea', endColorstr='#f1bdfa');
	background-color:#da80ea;
    color: black;
}
button.tzToggleButton:active {
	position:relative;
	top:1px;
}

optgroup.tzContinent0,
optgroup.tzContinent1
{
    border-bottom: 2px solid #c0c0c0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-style: normal!important;
    background-repeat: repeat-y;
    background-position: 100% 0px;
}
optgroup.tzContinent0 {
    background-color: white;
}
optgroup.tzContinent1 {
    background-color: #f4f4f4;
}


/** Added 2014/02/14: replaces the StringLooper logic with pure CSS **/
/** Won't work in IE6 **/

table.dataTable {
    background-color: #c0c0c0;
    border: 0px;
    width: 100%;
}
table.dataTable.topMargin {
    margin-top: 3pt;
}

table.dataTable tbody.data,
table.dataTable.tbody.summary {
    background: white;
}
table.dataTable tbody.data > tr:nth-child(even) {
    background-color: #f4f4f4;
}

/* NEW as of 2015/06/16 */
body.new .bannerDiv {
    position: relative;
    width: 100%;
    background: #000066;
    background: -moz-linear-gradient(top,  #000066 30%, #3333cc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#000066), color-stop(100%,#3333cc));
    background: -webkit-linear-gradient(top,  #000066 30%,#3333cc 100%);
    background: -o-linear-gradient(top,  #000066 30%,#3333cc 100%);
    background: -ms-linear-gradient(top,  #000066 30%,#3333cc 100%);
    background: linear-gradient(to bottom,  #000066 30%,#3333cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000066', endColorstr='#3333cc',GradientType=0 );
}
body.new .bannerDiv img {
    max-width: 100%;
    height: auto;
}
body.new.NavTabBar .bannerDiv .bannerLanguages {
    position: absolute;
    right: 10px;
    top: 10px;
    color: white;
}
body.new.NavTabBar .bannerDiv .bannerLanguages a {
    color: white !important;
}
body.new.NavTabBar .bannerDiv .bannerFlashPlayer {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: white;
}
body.new.NavTabBar .bannerDiv .bannerFlashPlayer .bannerFlashPlayer_currentVersion {
    display: none;
    font-size: 8pt;
    background: url(/images/smile-18x18.png) no-repeat 0px 0px;
    min-height: 18px;
    padding-left: 22px;
    padding-top: 1px;
    box-sizing: border-box;
}
body.new.NavTabBar .bannerDiv .bannerFlashPlayer .bannerFlashPlayer_update {
    display: none;
    background: url(/images/frown-20x20.png) no-repeat 0px 0px;
    min-height: 20px;
    padding-left: 25px;
    padding-top: 1px;

    font-weight: bold;
    font-size: 10pt;
    color: yellow;
    box-sizing: border-box;
}

body.new.NavTabBar .bannerDiv .bannerFlashPlayer .bannerFlashPlayer_update > a {
    text-decoration: none;
    color: yellow !important;
    border-bottom: 1px white dotted;
}

body.new.NavTabBar .bannerDiv .bannerFlashPlayer.ok .bannerFlashPlayer_currentVersion {
    display: block;
}
body.new.NavTabBar .bannerDiv .bannerFlashPlayer.old .bannerFlashPlayer_currentVersion {
    display: none;
}
body.new.NavTabBar .bannerDiv .bannerFlashPlayer.old .bannerFlashPlayer_update {
    display: block;
}


body.new #Content {
    background-color: white;
    width: auto;
    max-width: 950px;
}


.indentedContent.left {
    padding-left: 10px;
}
.indentedContent.right {
    padding-right: 10px;
}
.indentedContent.top {
    padding-top: 10px;
}

div.maintenanceNotice {
    background-color: #cc0000;
    color: white;
    font-weight: bold;
    padding: 8pt;
    font-size: 11pt;
    text-align: center;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

body.Classic div.flashPlayerUpdateInMenu {
    display: none;
    margin-top: 6px;
    background: url(/images/error-spin-16x16.gif) no-repeat 0px 0px;
    padding-left: 18px;
    min-height: 16px;
    color: #cc0000;
    font-size: 9pt;
    font-weight: bold;
}
body.Classic div.flashPlayerUpdateInMenu.enabled {
    display: inline-block;
}
body.Classic div.flashPlayerUpdateInMenu > a {
    text-decoration: none;
    color: #cc0000 !important;
    border-bottom: 1px #cc0000 dotted;
}


body.new button.styledCss,
body.new input[type=button].styledCss,
body.new div.styledCss {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 0.7em;
  -moz-border-radius: 0.7em;
  border-radius: 0.7em;
  color: #ffffff;
  font-size: 20px;
  padding: 0.5em 1em 0.5em 1em;
  text-decoration: none;
}
body.new div.styledCss {
    display: inline-block;
}
body.new div.styledCss > a {
    text-decoration: none ! important;
    border-bottom: 0px ! important;
    color: #ffffff ! important;
    background: none ! important;
    padding-bottom: 0px ! important;
}

body.new button.styledCss:hover,
body.new input[type=button].styledCss:hover,
body.new div.styledCss:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
}


body.new button.styledCss.sizeS,
body.new input[type=button].styledCss.sizeS,
body.new div.styledCss.sizeS {
    font-size: 13px;
}
body.new button.styledCss.sizeM,
body.new input[type=button].styledCss.sizeM,
body.new div.styledCss.sizeM {
    font-size: 16px;
}
body.new button.styledCss.sizeL,
body.new input[type=button].styledCss.sizeL,
body.new div.styledCss.sizeL {
    font-size: 20px;
}
body.new button.styledCss.sizeXL,
body.new input[type=button].styledCss.sizeXL,
body.new div.styledCss.sizeXL {
    font-size: 24px;
}

/* NEW 2019/08/10 */
div.corpStudent {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #6666ff;
    background-color: #6666ff;
    margin-right: 2px;
    padding-left: 4px;
    padding-right: 4px;
    line-height: 14px;
    font-size: 11px;
    border-radius: 5px;
    opacity: 0.8;
}
body.jp div.corpStudent:after {
    content: "企業";
    color: white;
}
body div.corpStudent:after {
    content: "Corp";
    color: white;
}

.RoomServerMigration {
    display: inline-block;
    text-align: center;
    font-size: 11px;
    padding: 3px 6px;
    line-height: 1;
    border-radius: 5px;
    margin-left: 4px;
    margin-right: 4px;
    cursor: default;
}
.RoomServerMigration.new {
    background-color: #cc3300;
    color: white;
}
.RoomServerMigration.betaOffered {
    background-color: #909090;
    color: white;
}


@media (max-width: 799px) {
    body.new.NavTabBar .bannerFlashPlayer {
        display: none;
    }
    body.new.NavTabBar .bannerDiv .bannerLanguages {
        top: 50%;
        transform: translateY(-50%);
    }
}