body {
	background: #efefef url(images/bg.gif);
	color: #444444;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

table {
	width: 100%;
	margin-left : 0 ! important;
}

td {
	margin : 0;
	padding: 0;
	vertical-align: top;
	border: 0;
}

th {
	background: #778899;
	color: #ffffff;
	padding: 2px;
	vertical-align: middle;
}

p {
	margin: 0;
	padding: 5px;
	line-height: 1.4;
}

a {
	background: transparent;
	color: #000080;
	/* font-weight:bold; */
	text-decoration: none;
}

a:visited {
	color: #708090;
}

a:hover {
	color: #dc143c;
	text-decoration: underline;
}

th a {
	color: #ffffff;
}

h1, h2, h3, h4, h5 {
	color:#000070;
}
h1 img{
	margin : 10px ! important;
}

ul {
	text-align: left;
	/* margin: 2px 2px 2px 15px; */
	margin : 0;
	padding: 2px;
	list-style: square outside;
}

input{
	font-size: 0.9em;
}

select{
	font-size: 0.9em;
}

textarea{
	font-size: 0.9em;
}

#container{ /* 2022.04.01 */
	width : 100% ! important;
	max-width : 1900px;
}

.outline {
	background: #ffffff;
	width: 96%;
	margin:auto;
	/* border-right: solid 1px #7a7acc;
	border-left: solid 1px #7a7acc; */
}

.headerlogo {
	background: url(images/base.gif) left no-repeat #000080;
	width: 200px;
	height: 100px;
	margin: 0;
	padding: 0;
}

.headerbanner {
	background: url(images/cube.gif) right no-repeat #000080;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

.headerbar {
	background: url(images/nav.gif) repeat-x;
	font-size: 10pt;
	text-align: right;
	margin: 1em 0;
	padding: 3px 5px;
	/* border-bottom: solid 1px #dddddd; */
}

.leftcolumn {
	/* background: url(images/lb.gif) left repeat-y; */
	width: 140px;
	font-size: 1.2em;
	border : 0;
/*	border-right: solid 1px #dddddd; */
	padding-right : 10px;
}

.leftcolumn th {
	background: #778899;
	color: #ffffff;
	font-size: 0.9em;
	vertical-align: middle;
}

.leftblockTitle {
	/* background: url(images/hbar.gif) repeat-x ; */
 	color: #004f10;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 2px 1px 0 5px;
	/* border-top: solid 1px #cccccc; */
	border-left : solid 3px #004f10;
	border-bottom: solid 1px #cccccc;
}

.leftblockContent {
	background : url(images/lmbg.gif) 0 0;
	margin: 5px 2px 10px 2px;
	padding: 3px;
	line-height: 1.2;
}

.centeroutline {
	margin: 0px;
	margin-bottom : 10px;
	padding: 1px;
	/* border: solid 1px #cccccc; */
}

.centercolumn {
	font-size: 1.1em;
	margin: 0;
	padding : 0;
	padding-top : 5px;
}

.centercolumn th {
	background: #778899;
	color: #000;
	vertical-align: middle;
}

.centerCcolumn {
	margin: 0;
	padding: 0;
}
h2{
	border-bottom:1px solid #999;
	margin: 30px 0 5px 0;
	color: #004F10;
	font-size:1.3em;
	font-weight : normal ! important;
}
h3{
	font-weight : normal ! important;
}

.centerCblockTitle {
	border:1px solid #999;
	margin: 15px 0 20px 0;
	padding: 3px 3px 3px 10px;
	font-size:1.3em;
	color: #004F10;
	background : #ddd url(/elements/h2bg.gif) repeat-x 0 0;
	font-weight : normal ! important;
}

.centerCblockContent {
	margin: 0;
	padding: 8px;
	line-height: 1.4;
	/* border-right: solid 1px #004f10;
	border-bottom: solid 1px #004f10;
	border-left: solid 1px #004f10; */
}

.centerLcolumn {
	width: 50%;
	margin: 0;
	padding: 0 3px 0 0;
}

.centerLblockTitle {
	background: url(images/bg.gif);
	color: #4d4d80;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding: 4px 3px 3px 3px;
	border: solid 1px #7a7acc;
}

.centerLblockContent {
	padding: 8px;
	line-height: 1.4;
	border-right: solid 1px #7a7acc;
	border-bottom: solid 1px #7a7acc;
	border-left: solid 1px #7a7acc;
}

.centerRcolumn {
	width: 50%;
}

.centerRblockTitle {
	background: url(images/bg.gif);
	color: #4d4d80;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding: 4px 3px 3px 3px;
	border: solid 1px #7a7acc;
}

.centerRblockContent {
	margin: 0;
	padding: 8px;
	line-height: 1.4;
	border-right: solid 1px #7a7acc;
	border-bottom: solid 1px #7a7acc;
	border-left: solid 1px #7a7acc;
}

.centercolumn .content-nav{
	padding-top :1em;
	text-align : center;
}
.centercolumn .content-nav .next{
	
}

.content {
	text-align: left;
	margin: 0;
	padding: 8px;
}

.rightcolumn {
	background: url(images/rb.gif) right repeat-y;
	width: 180px;
	font-size: 0.9em;
	border-left: solid 1px #dddddd;
}

.rightcolumn th {
	background: #778899;
	color: #ffffff;
	font-size: 0.9em;
	vertical-align: middle;
}

.rightblockTitle {
	background: url(images/hbar.gif) repeat-x #ffffff;
	color: #4d4d80;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 4px 3px 3px 3px;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}

.rightblockContent {
	margin: 5px 2px 7px 2px;
	padding: 3px;
	line-height: 1.2;
}

.footerbar {
	background: #000080;
	color: #ffffff;
	font-size: 9pt;
	text-align: center;
	margin: 0;
	padding: 3px;
}

.footerbar a {
	color: #ffffff;
}

.footerbar a:visited {
	color: #ffffff;
}

.footerbar a:hover {
	color: #ff8c00;
	text-decoration:underline overline;
}

input.formButton {}

.item {
	border: solid 1px #7a7acc;
}

.itemHead {
	background: #778899;
	color: #ffffff;
	margin: 0;
	padding: 3px;
}

.itemInfo {
	background: #efefef;
	text-align: right;
	margin: 0;
	padding: 3px;
}

.itemTitle a {
	background: transparent;
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
}

.itemTitle a:visited {
	color: #e6e6e6;
}

.itemPoster {
	font-size: 0.9em;
}

.itemPostDate {
	font-size: 0.9em;
}

.itemStats {
	font-size: 0.9em;
}

.itemBody {
	margin: 0;
	padding-left: 5px;
}

.itemText {
	margin: 6px;
	line-height: 1.5;
}

.itemFoot {
	background: #efefef;
	text-align: right;
	margin: 0;
	padding: 3px;
}

.itemAdminLink {
	font-size: 0.9em;
}

.itemPermaLink {
	font-size: 0.9em;
}

td#mainmenu a {
	text-decoration: none;
	margin: 0;
	padding: 2px;
	display: block;
	font-size : 0.9em;
}

td#mainmenu a:visited{
	color:#000080;
}


td#mainmenu a:hover {
	background: #e6e6e6;
	text-decoration: none;
}

td#mainmenu a.menuTop {
	background : url(/elements/lm.gif) no-repeat 4px 6px;
	border-bottom : 1px dotted #004F10;
	padding-top : 4px;
	padding-bottom : 4px;
	padding-left : 23px;
}

td#mainmenu a.menuMain {
	background : url(/elements/lm.gif) no-repeat 4px 6px;
	border-bottom : 1px dotted #004F10;
	padding-top : 4px;
	padding-bottom : 4px;
	padding-left : 23px;
	margin: 0;
}

td#mainmenu a.menuSub {
	background : url(/elements/lm.gif) no-repeat 13px 6px;
	border-bottom : 1px dotted #004F10;
	padding-top : 4px;
	padding-bottom : 4px;
	padding-left : 31px;
	margin: 0;
}

td#mainmenu a.menuLogout {
	background : url(/elements/lm.gif) no-repeat 4px 6px;
	/* border-bottom : 1px dotted #004F10; */
	padding-top : 4px;
	padding-bottom : 4px;
	padding-left : 23px;
	margin: 0;
	margin-top : 50px;
}

td#usermenu a {
	background: #ffffff;
	text-decoration: none;
	margin: 0;
	padding: 2px;
	border-bottom: dotted 1px #7a7acc;
	display: block;
}

td#usermenu a:visited {
	color:#000080;
}

td#usermenu a:hover {
	background: #e6e6e6;
	text-decoration: none;
}
td#usermenu a.menuTop {}

td#usermenu a.highlight {
	background: #ffcccc;
}

.outer {
	border: solid 1px #c0c0c0;
}

.head {
	background: #c2cdd6;
	font-weight: bold;
	margin: 0;
	padding: 5px;
}

.even {
	background: #efefef;
	margin: 0;
	padding: 5px;
}

.odd {
	background: #e6e6e6;
	margin: 0;
	padding: 5px;
}

.foot {
	background: #c2cdd6;
	font-weight: bold;
	margin: 0;
	padding: 5px;
}

tr.even td {
	background: #efefef;
	margin: 0;
	padding: 5px;
}

tr.odd td {
	background: #e6e6e6;
	margin: 0;
	padding: 5px;
}

div.errorMsg {
	background: #ffcccc;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 10px;
	border-top: solid 1px #ddddff;
	border-right: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	border-left: solid 1px #ddddff;
}

div.confirmMsg {
	background: #ddffdf;
	color: #136c99;
	font-weight: bold;
	text-align: center;
	margin: 10px;
	padding: 10px;
	border-top: solid 1px #ddddff;
	border-right: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	border-left: solid 1px #ddddff;
}

div.resultMsg {
	background: #ddddff;
	color: #333333;
	font-weight: bold;
	text-align: center;
	margin: 10px;
	padding: 10px;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #9999cc;
	border-bottom: solid 1px #9999cc;
	border-left: solid 1px #cccccc;
}

div.xoopsCode, div.xoopsQuote { 
	width:98%;
	height: 100%;
	padding: 0;
}

div.xoopsCode pre {
	border: solid 1px #c0c0c0;
	margin:0;
	overflow:auto;
	padding:0 1em;
	min-height:4em;
	height:auto;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
    background-color:#ffffff;
}
/* for IExplorer */
* html div.xoopsCode pre {
	height:4em;
	height:auto;	/* IE 6.x */
	width:40em;
}

div.xoopsQuote blockquote {
	margin: 0;
	padding: 0 6px 6px 6px;
	border: solid 1px #c0c0c0;
    background-color:#ffffff;
}

.comTitle {
	font-weight: bold;
	margin-bottom: 2px;
}

.comText {
	margin: 0;
	padding: 2px;
	line-height: 1.4;
}

.comUserStat {
	background: #f5f5f5;
	color: #2f5376;
	font-size: 0.8em;
	font-weight:bold;
	margin: 2px;
	padding: 4px 2px 1px 4px;
	border: solid 1px #c0c0c0;
}

.comUserStatCaption {
	font-weight: normal;
}

.comUserRank {
	margin: 2px;
}

.comUserRankText {
	font-size: 0.8em;
}

.comUserRankImg {
	border: 0;
}

.comUserName {}

.comUserImg {
	margin: 2px;
}

.comDate {
	font-size: smaller;
	font-weight: normal;
}

.comDateCaption {
	font-weight: normal;
}

.comUserStatus {
	background: #f5f5f5;
	color: #2f5376;
	font-size: 0.8em;
	font-weight: bold;
	margin: 2px;
	padding: 4px 2px 1px 3px;
	border: solid 1px #c0c0c0;
}

.centercolumn .content{
	padding-top : 0 ! important;
}
.centercolumn .content h2{
	margin-top : 0 ! important;
}

#navigation{
	background : url(/video/themes/kgkc/images/navi_bg.gif) repeat-x 0 0 ! important;
	color : #fff;
	width : 100% ! important;
	clear:both;
	overflow:hidden;
	padding : 5px 0px;
}
#navigation .message{
	display:block;
	float:left;
	padding-left: 1em;
}
#navigation .name{
	font-weight : bold;
}
#navigation a{
	display : block;
	float:right;
	width : 77px;
	height : 30px;
	margin-top : -2px;
	margin-right: 10px;
	text-align:left;
	text-indent : -99999px;
	background : url(/video/themes/kgkc/images/logout.gif) repeat-x 0 0 ! important;
}
#navigation a:hover{
	background : url(/video/themes/kgkc/images/logout.gif) repeat-x 0 -30px ! important;
}

.videoOuter{
	padding : 5px;
	border : 1px solid #fca74c;
}
.videoOuter h4{
	border : 0;
	margin : 0;
	padding : 0;
	color:red;
	font-weight : bold;
	font-size : 1em;
}
.videoOuter2 {
	padding : 5px;
	border : 3px solid #ccc;
	background-color:#48a0ce;
	color:#fff;
}
.videoOuter2 h4{
	border : 0;
	margin : 0;
	padding : 0;
	color:#ffd;
	font-weight : bold;
	font-size : 1.2em;
}

.videoOuter3 {
	padding : 5px;
	border : 3px solid #ccc;
                                margin:10px 0 0 0;
	background-color:#c9171e;
	color:#fff;
	font-weight : bold;
	font-size : 1.2em;
}

.videoOuter3 a {
                                color:#fff;
}

.videoOuterPC h4 {
	background-color:#84a2d4;
	color:#fff;
	font-weight : bold;
                                padding:5px;
                                margin:10px 0 0 0;
}

.videoOuterSP h4 {
	background-color:#84a2d4;
	color:#fff;
	font-weight : bold;
                                padding:5px;
                                margin:10px 0 0 0;
}


.videoOuter .videoCaution{
	margin : 0 1em;
	list-style-position : outside;
}
.videoOuter .videoCaution li{
	border-bottom : #c0c0c0 1px dotted;
	list-style : square inside;
	padding : 5px 0;
}
.videoOuter .videoCaution .mail, .videoOuter .videoCaution .player{
	border : 0;
}
.videoOuter .videoCaution .mailAddress{
	list-style : none;
	text-align : center;
	border-bottom : #c0c0c0 1px dotted;
	padding : 1em 0;
}
.videoOuter .videoCaution .playerBanner{
	border : 0;
	list-style : none;
	text-align : center;
	padding : 1em 0;
	border-bottom : #c0c0c0 1px dotted;
}
.hyo .column{
	word-break:break-all;
	word-wrap: break-word;
}
.hyo .lefttd{
	text-align :center ! important;
	vertical-align : middle;
}
.view a{
	display : block;
	width : 75px;
	height : 20px;
	text-indent : -9999px;
	background : url(/video/themes/kgkc/images/view.gif) repeat-x 0 0 ! important;
}
.view a:hover{
	background : url(/video/themes/kgkc/images/view.gif) repeat-x 0 -20px ! important;
}
#playerMenu{
	width : 100%;
	clear:both;
	overflow:hidden;
	list-style : none;
}
#playerMenu #schedule{
	float : left;
	width : 68%;
}
#playerMenu #schedule a {
	display : block;
	width : 140px;
	height : 30px;
	text-indent : -9999px;
	background : url(/video/themes/kgkc/images/btn.gif) repeat-x 0 0 ! important;
}
#playerMenu #schedule a:hover{
	background : url(/video/themes/kgkc/images/btn.gif) repeat-x 0 -30px ! important;
}
#playerMenu #mail{
	float : left;
	width : 31%;
}
#playerMenu #mail a {
	display : block;
	width : 200px;
	height : 30px;
	text-indent : -9999px;
	background : url(/video/themes/kgkc/images/btn.gif) repeat-x -140px 0 ! important;
}
#playerMenu #mail a:hover{
	background : url(/video/themes/kgkc/images/btn.gif) repeat-x -140px -30px ! important;
}

#mediaplayer {
	text-align:center;
	padding:5px;
	margin-top:20px;
}

input {
	margin:3px;
}

form {
	margin-bottom:20px;
}

.day{
	width : 140px;
}

.iframe_hide_poop{
 display : block;
 width : 100% ! important;
 margin : auto ! important;
 position:relative;
}
.iframe_hide_poop iframe{
  width : 100%;
  position:relative; 
  z-index : 1;
  border : 0;
}
.sp iframe{
  width : 100% ! important;
  min-height : 240px;
  border : 1px solid #f00;
}

.ipad iframe{
  width : 100% ! important;
  min-height : 480px;
}

.pc{ /* 2022.03.23 */
  width : 100%;
  aspect-ratio : 16 / 9;
  padding-top : 10px;
}

.pc iframe{
	/* max-width:854px;
	min-height : 480px;
	margin:10px 20px; */
	width : 100%;
	height: 100%;
	margin-top 10px;
	margin-bottom : 10px;
}
.magic{
  position:absolute;
  width:52px; 
  height:52px;
  top : 12px;
  right : 20px;//adjust the value
  margin-right : -52px;
  background : url(/video/themes/kgkc/images/watermark.png) repeat-x 0 0 ! important;
  background-color:#000;
  z-index : 9999;
 }
.magic2{
  position:absolute;
  width:52px; 
  height:52px;
  top : 10px;
  right : 20px;//adjust the value
  margin-right : -52px;
  background : url(/video/themes/kgkc/images/watermark.png) repeat-x 0 0 ! important;
  background-color:#000;
  z-index : 9999;
 }
 
 /* 2017.4.11 */
.hyo .item{
	width : 90%;
} 
#sp #spTitle, #sp .lectureBox, #sp .material{
	padding:10px;
}
#sp .hyo{
	width : 100%;
	font-size:1.4em;
}
#sp .hyo #item{
	width : 95%;
}

/* 2019.6.19 */
#v2 tbody td:hover{background:#c8ffd6;}
#v2 tbody a{display:block; text-decoration:none;}
#v2 tbody span{font-weight:bold; color:#000;display:inline-block;width:6em;}
#v2 .day{text-align:left;}

/* 2019.12 */
#main {
                                padding: 0 0 40px 0;
}