@charset "utf-8";

.lab_top
{
	background: url("/lab/html5/img/contents_background_top_right.gif") no-repeat 19px top;
	padding-top: 26px;
}
.lab_page
{
	background: url("/lab/html5/img/contents_background_page.gif") no-repeat 19px top;
	padding-top: 26px;
}

div#columnL
{
width:228px;
	padding-left:19px;
	}

ul#snav li img
{
	margin-left:16px;
}

ul#snav li.internal_img_no_margin_left img
{
	margin-left:0;
}
ul#snav_child ul {
	/*
	margin-left:0;
	padding-left:0;
	*/
}
ul#snav li.spreaded
{
	width: 160px;
	background: url("/lab/img/snav_lab_03_additional.gif") no-repeat;
	padding-left: 40px;
	padding-right: 16px;
	line-height: 2;
}

ul#snav li.spreaded_closing
{
	width: 216px;
	height: 22px;
	background: url("/lab/img/snav_lab_03_closing.gif") no-repeat;
}

#header h1 
{
	margin-top: 23px;
	margin-bottom: 0;
}

#header
{
	height:190px;
}

#columnR2
{
	float:right;
	margin-top:0;
	padding:8px 17px 35px 0;
	width:686px;
}

div.html5_index
{
	width:647px;
}

div.html5_index .top
{
	height:8px;
	background:url("/lab/html5/img/html5_index_top.gif") no-repeat center top;
}

div.html5_index .bottom
{
margin-top:5px;
	height:8px;
	background:url("/lab/html5/img/html5_index_bottom.gif") no-repeat center top;
}

div.html5_index ul li
{
	float:left;
	width: 308px;
	padding-left:15px;
	background: url("/lab/html5/img/html5_index_element_inner.gif") no-repeat left top;
	line-height:1.5;
	padding-top:7px;
	padding-bottom:3px;
}

div.html5_index ul li.element_top
{
	background: url("/lab/html5/img/html5_index_element_top.gif") no-repeat left top;
}
.articleTop{
padding:0 0 0 19px;
}
.article{
background:url(/common/img/lin_cmn_02.gif) bottom left no-repeat;
padding:0 19px 21px 19px;
margin:0 0 8px 0px;
width:648px;
}

.article h3.html5Tit{
background:#e7e7e7;
font-weight:bold;
width:637px;
padding:2px 5px;
margin-bottom:13px;
color:#333333;
}
.article .photo{
margin-left:-3px;
}
.addinfo{
background:url(/common/img/lin_cmn_02.gif) bottom left no-repeat;
padding-bottom:21px;
margin-bottom:8px;
margin-left:0px;
width:685px;
float:left;
}
.btnHTML5{
margin-left:277px;
}


ul#snav_child li.spreaded_inner {
	width: 140px;
	background: url("/lab/img/snav_lab_04_additional_inner.gif") no-repeat;
	margin-left: -40px;
	padding-left: 50px;
	padding-right: 16px;
	line-height: 2;
}
.whats_html5 {
	padding:20px 0 20px 0;
}
.whats_html5 h2 {
	font-weight: bold;
}
.whats_html5 h3 {
	font-weight: bold;
	padding: 0 0 0 1px;
}
#contents .lab .whats_html5 p {
}
#contents .lab .whats_html5 p a.arw {
	padding:10px 0 3px 15px;
    background: url(/lab/html5/img/html5_index_element_top.gif) no-repeat left top;
	margin-left:17px;
	font-weight:bold;
}
.whats_html5 ul li {
    padding-left:15px;
    background: url(/lab/html5/img/html5_index_element_top.gif) no-repeat left top;
    line-height:1.5;
    padding-top:7px;
    padding-bottom:3px;
	margin-left: 15px;
}
.article dl {
	padding-left : 10px;
}
.article dl dt {
	font-weight : bold;
}
.article dl dd {
	margin-left : 10px;
}

.article dl.dl_inner {
	margin-left : 15px;
}



.formTable{
	margin-bottom:10px;
}
.formTable th{
	text-align:left;
	padding:0 5px 5px 0;
	width:109px;
}
.formTable td{
	padding:0 10px 5px 0;
}
.formTable td input{
	width:225px;
}

.fileApiTable{
	margin-bottom:30px;
}
.fileApiTable th{
	text-align:left;
	width:110px;
}
.fileApiTable td{
	padding-bottom:5px;
}
.fileApiTable td input{
	vertical-align:middle;
}
#fileapi_fileinfo{
	border:1px solid #ccc;
	background:#fff;
	padding:5px 10px;
	width:511px;
}
.offlineTable{
	margin-bottom:30px;
}
.offlineTable th{
	width:76px;
}
.offlineTable td{
}
.offlineTable td input{
	vertical-align:middle;
}

.movieBox{
	background: url(/lab/html5/img/img_video_01.png) 0 0 no-repeat;
	width:492px;
	height:352px;
	padding:7px 7px 0 7px;
	margin-bottom:35px;
}

.bgRed{
	background:url(/lab/html5/img/img_dragdrop_01.png) 0 0 no-repeat;
	width:62px;
	height:62px;
	margin-right:2px;
	margin-top:5px;
	float:left;
	text-indent:-9999px;
}
.bgGrn{
	background:url(/lab/html5/img/img_dragdrop_02.png) 0 0 no-repeat;
	width:62px;
	height:62px;
	margin-right:2px;
	margin-top:5px;
	float:left;
	text-indent:-9999px;
}
.bgBlu{
	background:url(/lab/html5/img/img_dragdrop_03.png) 0 0 no-repeat;
	width:62px;
	height:62px;
	margin-top:5px;
	float:left;
	text-indent:-9999px;
}
.bgArw{
	background:url(/lab/html5/img/img_dragdrop_05.png) 11px 29px no-repeat;
	width:43px;
	height:62px;
	float:left;
	text-indent:-9999px;
}
.bgDott{
	background:url(/lab/html5/img/img_dragdrop_04.png) 0 0 no-repeat;
	width:70px;
	height:70px;
	margin-right:13px;
	float:left;
	text-indent:-9999px;
}

.canvasBox{
	background:url(/lab/html5/img/img_canvas_01.png) 0 0 no-repeat;
	padding:7px 7px 0 7px;
	width:211px;
	height:218px; 
}
.dp-highlighter{width:647px;}

.inputBtn input{
	vertical-align:middle;
}