/* webpage layout */
html {
	height: 560px;
	margin: 0;
}

body {
	height: 100%;
	margin: 0;
}

iframe {
	border: 0px;
	height: 100%;
}

iframe#globalmenu_area {
	border: 0px;
	width: 100%;
}

iframe#contents_area {
	border: 0px;
	width: 100%;
	height: 100%;
}

#wrapper {
	width: 999px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

.left-column {
	width: 250px;
	height: 100%;
	background-color: #37999E;
}

/* .right-column.width = 999 - .left-column.width */
.right-column {
	width: 749px;
}
	
/* メニュー用 */
.box {
	float: left;
	width: 100px;
}

.after {
	clear:both;
}
.box2{
	display: inline-block;
	width: 100px;
}

/* keyboard focus */
a:focus {
	outline: solid 3px rgb(144, 238, 160);
}

button:focus {
	outline: rgb(144, 238, 160) !important;
	border: 3px solid !important; 
	border-color: lightgreen !important;
}　

div:focus {
	outline: solid 3px rgb(144, 238, 160);
}
/*
	border: 3px solid !important; 
	border-color: rgb(144, 238, 160)  !important;
}
*/

select:focus {
	outline: solid 3px rgb(144, 238, 160);
}

/* link disable */
a.disabled {
	pointer-events: none !important; 
}

a.backtopagetop {
	color: #2185d0 !important;
}
/** top image **/
div#topimage {
	width: 100%;
	height: 100%;
	background-image: url('/images/smarttv_topimage.svg');
	background-size: cover;
	background-position: center;
}

/** footer **/
footer#footer {
    width: 100%;
    text-align: center;
    padding: 0px;
}

footer div.footer_back_home {
	height: 2em;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  footer div.footer_back_home div {
	margin: 0;
  }
  
  footer div.footer_copyright {
	height: 3em;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #37999E;
  }
  
  footer div.footer_copyright div {
	margin: 0;
	color: #fff;
  }