.red {	color:red; }
.blue {	color:blue; }
.green { color:green; }
.gray {	color:gray; }
.gry {color:#999;}

body {
    width:100%;
	padding:0px;
	margin:0px auto 0px auto;
    text-align:center;
}

iframe {
	overflow:scroll;
	overflow:hidden;
	width:100%;
	height:100%;
	border:none;
}

p {
	text-align:left;
	font-size:12px;
	padding:3px 8px 3px 8px;
	text-indent:14px;
	margin:0px;
}

p.ttl {
	text-indent:0;
	font-weight:bold;
}

.clps {
	font-size:12px;
	border-collapse:collapse;
	margin-left:2px;
	margin-right:2px;
}

.clps tr td {
	border:solid 1px #888888;
	padding:1px 3px 1px 3px;
}

.clps tr td p {
	margin-left:18px;
	text-indent:-26px;
}

caption.f{caption-side:bottom;}
caption.l{text-align:left;}
caption.r{text-align:right;}


div.box {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:box;
}

div.ttl {
	border-bottom:solid 1px black;
	font-weight:bold;
	font-size:18px;
	height:26px;
	padding-top:7px;
	background-color:#444;
	color:white;
}

span.ttl {
	color:#f33;
	-webkit-text-shadow: 2px 2px 4px #fff;
	-moz-text-shadow: 2px 2px 4px #fff;
	-ms-text-shadow: 2px 2px 4px #fff;
	text-shadow: 2px 2px 4px #000;
}

*.red {
	color:red;
}

ul {
	margin:2px;
	padding-left:20px;
}

.box {
	display:box;
	display:-webkit-box;
	display:-mz-box;
	display:-ms-box;
}

.frameBox {
	height:460px;
}

.bold {
	font-weight:bold;
}

.nowrap {
	white-space: nowrap;
}

.iewarn {
	font-size:6px;
}

.msgEn {
	display:none;
}

.inline {
	display:inline;
}

.track,
td.mid {
	vertical-align:middle;
}

td.top {
	vertical-align:top;
}


.plus,
.setting,
img.w16 {
	width:16px;
	margin-bottom:-2px;
}

.track,
.threeDots,
.w20 {
	width:20px;
}

.threeDots {
	margin-bottom:-3px;
}

.add,
.done,
img.w28 {
	width:28px;
	margin-bottom:-3px;
}

.w217 {
	width:217px;
}

.addWarning,
.toolBar,
.tabBar,
.allSongs,
.bm,
.bmSetting,
.scriptFmt,
.addSubtrack,
.w280 {
	width:280px;
}

.bmActSheet {
	width:250px;
	margin:auto;
}

#btnHome {
	position:absolute;
	width:26px;
	height:22px;
	background-image:url("../Images/home24.png");
	background-color:transparent;
	border:none;
	margin:3px 0 0 50px;
}

#divLang {
	margin:-25px 4px 0px auto;
	text-align:right;
	font-size:11px;
}

div.ind1 {
	margin-left:24px;
	text-indent:-12px;
}

.trash,
.del {
	height:16px;
	margin-bottom:-4px;
}

div.t1{margin:4px 0px 4px 24px;text-indent:-12px;}
table{margin-bottom:6px;}
img.il{margin-bottom:-3px;}
va{vertical-align:middle;vertical-align:center;}

.arrow { padding:4px;margin-left:118px;height:20px; }

.m0{margin-left:0px;}
.m8{margin-left:8px;}
.m10, table.m10 {margin-left:10px;}
.m12{margin-left:12px;}
.m24{margin-left:24px;}
.m30{margin-left:30px;}

.mt6{margin-top:6px;}

.h10 {height:10px;margin-bottom:-2px;}
.h12 {height:12px;margin-bottom:-2px;}
.h14 {height:14px;margin-bottom:-2px;}
.h16{height:16px;margin-bottom:-3px;}
.h18{height:18px;margin-bottom:-3px;}
.h20{height:20px;margin-bottom:-3px;}
.h22{height:22px;margin-left:8px;}
.h24{height:24px;margin-left:8px;}
.h26{height:26px;margin-left:8px;}
.h28{height:28px;margin-left:8px;}
.h30{height:30px;margin-left:8px;}
.h40{height:40px;margin-left:8px;}
.h50{height:50px;margin-left:8px;}
.h60{height:60px;margin-left:8px;}
.h70{height:70px;margin-left:8px;}
.h80{height:80px;margin-left:8px;}
.h90{height:90px;margin-left:8px;}
.h100{height:100px;margin-left:8px;}
.h110{height:110px;margin-left:8px;}
.h120{height:120px;margin-left:8px;}

.h20c{height:20px;margin:auto;}
.h30c{height:30px;margin:auto;}
.h40c{height:40px;margin:auto;}
.h28c{height:28px;margin:auto;}
.h30c{height:30px;margin:auto;}
.h40c{height:40px;margin:auto;}

.w36{width:36px;}
.w40{width:40px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}
.w210{width:210px;}
.w220{width:220px;}
.w230{width:230px;}
.w240{width:240px;}
.w250{width:250px;}
.w260{width:260px;}
.w270{width:270px;}
.w280{width:280px;}
.w290{width:290px;}
.w300{width:300px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px; }
.f20{font-size:20px;}
.mt4 { margin-top:4px; }

.desc {
    text-align:left;
    font-size:12px;
}

.tips {
    width:calc(100%-100px);
    padding:4px;
}

.tipsIcon { width:40px; padding:2px 0 2px 0; margin.0px; }

div.bn1 {
    /*width:298px;*/
    width:100%;
	height:19px;
	border:solid 2px gray;
	padding:0;
	background-color:#def;
}

div.bn2 {
	font-size:12px;
	padding:2px 2px 2px 8px;
	float:left;
	color:black;
}

div.bn3 {
	color:Black;
	margin:0 0 0 24px;
	float:right;
}

a.bn {
	text-decoration:none;
}

select.bn {
	float:right;
	margin:0px;
	border:solid 1px gray;
	background-color:#def;
}

b.h {
	color:#23f;
}

caption.bl {
	font-weight:bold;
	text-align:left;
	padding:3px;
}

div.center {
	width:100%;
	text-align:center;
}

div.swbox {
	margin:auto;
	border:solid 1px black;
	width:220px;
	height:20px;
	padding:8px;
	text-align:left;
	vertical-align:cenger;
	vertical-align:middle;
}

img.icon {
	width:48px;
	margin:auto 0px auto 0px;
}

td.icon {
	padding:0px;
	width:48px;
	text-align:center;
	vertical-align:cenger;
	vertical-align:middle;
}

li.tips {
	margin-top:2px;
}

table.ws1
{
	/*width:290px;*/
    width:100%;
}
table.ws1 tr td.ws1
{
	background-color:#d0e0ff;
	font-weight:bold; 
	width:90px;
}
 
dl dt {
	background-color:#d0e8ff;
	float:left; 
	font-weight:bold; 
	margin-right:4px; 
	padding:2px;	
}
 
dl dd 
{
	padding:2px;
}

ul.inUl {
	margin:0px;
	padding:0px;
}

ul.tips li {
	margin:8px auto auto 16px;
}

hr {
	/*width:278px;*/
	height:1px;
	margin: 0px 12px 0px 12px;
	padding:0px;
	border-top: 1px dotted #666;
	border-bottom: 0px dotted #fff;
}

span.btn 
{
    border:solid 1px gray;
    padding:2px;
}

ul.ud {
    padding:0px;
}

img.asc {
	height:12px;
}

/*--- JQuery Movile ---*/

body {
    padding:0px;
    margin:0px;
    text-align:center;
}

iframe {
    overflow:scroll;
    width:100%;
    height:100%;
    border:none;
    padding:0px;
}

#iframeDiv {
    width:100%;
    height:100%;
    padding:0px;
}

#subMenu {
    width:100%;
    height:100%;
}

div.footer {
    height:20px;
    width:100%;
    margin:0px;
    padding:0px;
    line-height:4px;
    font-size:12px;
    color:#888;
}

h6.footerText {
    color:#888;
}

#langDiv {
    width:110px;
    margin:auto;
    padding:0px;
    font-size:12px;
}

#radio_jp, #radio_en {
    height:10px;
    margin:auto;
    padding:0px;
}
#label_jp, #label_en {
    font-size:12px;
    padding-top:2px;
    padding-bottom:2px;
    border:none;
}