@charset "utf-8";


/* --------------------------------------------------
	Box
-------------------------------------------------- */
/* itemWrap .coln */
.itemWrap:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .itemWrap { zoom: 1; } /* IE6 */
*:first-child+html .itemWrap { zoom: 1; } /* IE7 */

#contents .itemWrap {
	margin-bottom: 20px;
}
#contents .itemWrap .item,
#contents #ancBox .itemWrap .item {
	float: left;
	display: inline;
}
.itemWrap.col1 .item {
	width: 720px;
}
.itemWrap.col2 {
	margin-left: -20px;
}
.itemWrap.col2 .item {
	width: 350px;
	margin-left: 20px;
}
.itemWrap.col3 {
	margin-left: -21px;
}
.itemWrap.col3 .item {
	width: 226px;
	margin-left: 21px;
}
.itemWrap.col4 {
	margin-left: -20px;
}
.itemWrap.col4 .item {
	width: 165px;
	margin-left: 20px;
}
.itemWrap.col5 {
	margin-left: -20px;
}
.itemWrap.col5 .item {
	width: 128px;
	margin-left: 20px;
}
.itemWrap.col6 {
	margin-left: -18px;
}
.itemWrap.col6 .item {
	width: 105px;
	margin-left: 18px;
}



/* selectedBox */
.selectedBox {
	padding: 10px;
	height: 100px;
	border-top: 1px solid #abadb3;
	border-right: 1px solid #dbdfe6;
	border-bottom: 1px solid #e3e9ef;
	border-left: 1px solid #e2e3ea;
	background-color: #fff;
	overflow: auto;
}
.col2 .item .selectedBox {
	height: 100px;
	overflow: auto;
}



/* image226left, image226right */
#contents .itemWrap.image226left,
#contents .itemWrap.image226right {
	margin-bottom: 25px;
}
#contents .itemWrap.image226left .item {
	float: left;
	width: 226px;
	height: auto;
}
#contents .itemWrap.image226left .text {
	float: right;
	width: 473px;
}
#contents .itemWrap.image226right .item {
	float: right;
	width: 226px;
	height: auto;
}
#contents .itemWrap.image226right .text {
	float: left;
	width: 473px;
}





/* --------------------------------------------------
	Text
-------------------------------------------------- */
/* noteText */
.noteText {
	margin-left: 0.6em;
	text-indent: -0.6em;
	font-size: 10px;
}
.noteText.kome {
	margin-left: 1.2em;
	text-indent: -1.2em;
}



/* sup, sub */
sup {
	font-size: 8px;
}
sub {
	font-size: 8px;
}



/* emphasis, strong */
em {
	font-style: normal;
	font-weight: bold;
}
strong {
	font-weight: bold;
}



/* underline */
.underline {
	text-decoration: underline;
}



/* lineAlign */
.lineAlign.oneByte {
	margin-left: 0.6em;
	text-indent: -0.6em;
}
.lineAlign.twoByte {
	margin-left: 1.2em;
	text-indent: -1.2em;
}



/* textAlign */
.leftAlign {
	text-align: left;
}
.centerAlign {
	text-align: center;
}
.rightAlign {
	text-align: right;
}





/* --------------------------------------------------
	List
-------------------------------------------------- */
/* discList */
.discList li {
	list-style-type: disc;
	margin: 0 0 6px 15px;
	padding-left: -9px;
}
.discList li:last-child {
	margin-bottom: 0;
}
.discList ul,
.discList ol {
	margin-top: 6px;
}
.discList li li {
	list-style-type: none;
}
.discList li .discList li {
	list-style-type: disc;
}
.discList li .decimalList li {
	list-style-type: decimal-leading-zero;
	margin: 0 0 6px 25px;
	padding-left: -9px;
}
.discList li .loweralphaList li {
	list-style-type: lower-alpha;
	margin: 0 0 6px 25px;
	padding-left: -9px;
}
.discList li .upperalphaList li {
	list-style-type: upper-alpha;
	margin: 0 0 6px 25px;
	padding-left: -9px;
}



/* decimalList */
.decimalList li {
	list-style-type: decimal-leading-zero;
	margin: 0 0 6px 25px;
	padding-left: -9px;
}
.decimalList li:last-child {
	margin-bottom: 0;
}
.decimalList ul,
.decimalList ol {
	margin-top: 6px;
}
.decimalList li li {
	list-style-type: none;
}
.decimalList li .discList li {
	list-style-type: disc;
}
.decimalList li .decimalList li {
	list-style-type: decimal-leading-zero;
	margin: 0 0 6px 25px;
	padding-left: -9px;
}
.decimalList li .loweralphaList li {
	list-style-type: lower-alpha;
	margin: 0 0 6px 25px;
	padding-left: -9px;
}
.decimalList li .upperalphaList li {
	list-style-type: upper-alpha;
	margin: 0 0 6px 25px;
	padding-left: -9px;
}



/* loweralphaList */
.loweralphaList li {
	list-style-type: lower-alpha;
	margin: 0 0 6px 25px;
	padding-left: -9px;
}
.loweralphaList li:last-child {
	margin-bottom: 0;
}
.loweralphaList ul,
.loweralphaList ol {
	margin-top: 6px;
}
.loweralphaList li li {
	list-style-type: none;
}
.loweralphaList li .discList li {
	list-style-type: disc;
}
.loweralphaList li .decimalList li {
	list-style-type: decimal-leading-zero;
	margin: 0 0 6px 25px;
	padding-left: -9px;
}
.loweralphaList li .loweralphaList li {
	list-style-type: lower-alpha;
	margin: 0 0 6px 25px;
	padding-left: -9px;
}
.loweralphaList li .upperalphaList li {
	list-style-type: upper-alpha;
	margin: 0 0 6px 25px;
	padding-left: -9px;
}



/* upperalphaList */
.upperalphaList li {
	list-style-type: upper-alpha;
	margin: 0 0 6px 25px;
	padding-left: -9px;
}
.upperalphaList li:last-child {
	margin-bottom: 0;
}
.upperalphaList ul,
.upperalphaList ol {
	margin-top: 6px;
}
.upperalphaList li li {
	list-style-type: none;
}
.upperalphaList li .discList li {
	list-style-type: disc;
}
.upperalphaList li .decimalList li {
	list-style-type: decimal-leading-zero;
	margin: 0 0 6px 25px;
	padding-left: -9px;
}
.upperalphaList li .loweralphaList li {
	list-style-type: lower-alpha;
	margin: 0 0 6px 25px;
	padding-left: -9px;
}
.upperalphaList li .upperalphaList li {
	list-style-type: upper-alpha;
	margin: 0 0 6px 25px;
	padding-left: -9px;
}





/* --------------------------------------------------
	Link
-------------------------------------------------- */
/* linkList */
.linkTxt,
.linktxt {
	margin-left: 10px;
}
.linkTxt li,
.linktxt li {
	margin-bottom: 10px;
}
.linkTxt li:last-child,
.linktxt li:last-child {
	margin-bottom: 0;
}
.linkTxt a,
.linktxt a {
    background: url("/img/ico_triangle.gif") no-repeat scroll left 4px transparent;
    margin-left: -10px;
    padding-left: 10px;
}



/* externalLink */
.linkTxt a.externalLink:after,
.linktxt a.externalLink:after {
	padding-left: 5px;
	content: url(/img/icon-externalLink.gif);
}


/* pageLinkList */
.pageLinkList:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0.1em;
	height: 0.1px;
	line-height: 0;
	visibility: hidden;
}
.pageLinkList {
	min-height: 1px;
	zoom: 1;
}
.pageLinkList li {
	float: left;
	width: 300px;
	padding: 0 15px 10px;
	background: url(/img/icon-arrow-05.gif) no-repeat 0 5px;
}
.pageLinkList li:nth-child(2n+1) {
	clear: left;
}



/* pdf */
.ico_pdf {
	margin-left: 5px;
	padding: 0 0 1px 20px;
	background:url(/img/icon-pdf.gif) no-repeat 0 0;
}



/* mail */
.icoMail a {
	padding-left:15px;
	background:url(/img/icon-mail.gif) no-repeat 0 3px;
}



/* News Nav */
.newsnav:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0.1em;
	height: 0.1px;
	line-height: 0;
	visibility: hidden;
}
.newsnav {
	margin-top: 10px;
	min-height: 1px;
	zoom: 1;
}
.newsnav li {
	float: left;
	margin-bottom: 10px;
	padding-right: 10px;
}
.newsnav #newsnavRss {
	padding-left: 20px;
	background: url(/img/icon-rss.gif) no-repeat left center;
}
.newsnav .linktxt a {
	padding-left: 10px;
	background: url(/img/icon-arrow-01.gif) no-repeat left 4px;
}





/* --------------------------------------------------
	Headings
-------------------------------------------------- */
/* h2 */
.connect #contents h2,
.platform #contents h2,
.technicalspecs #contents h2,
.supportservice #contents h2,
.terms #contents h2,
.contact #contents h2,
.forstarters #contents h2,
.sandbox #contents h2,
.globaltechnicalspecs #contents h2,
.globalterms #contents h2,
.developerapp #contents h2,
.developeranalytics #contents h2,
.sandboxapp #contents h2 {
	margin: 0 0 30px 0;
	padding: 0;
	border: 0;
	font-size: 20px;
	font-weight:bold;
}
#contents .headingsLv2 {
	margin: 0 0 30px 0 !important;
	padding: 0 !important;
	border: 0 !important;
	font-size: 20px !important;
	font-weight: bold;
}



/* h3 */
.connect #contents h3,
.platform #contents h3,
.technicalspecs #contents h3,
.supportservice #contents h3,
.terms #contents h3,
.contact #contents h3,
.forstarters #contents h3,
.sandbox #contents h3,
.globaltechnicalspecs #contents h3,
.globalterms #contents h3,
.developerapp #contents h3,
.developeranalytics #contents h3,
.sandboxapp #contents h3 {
	position: relative;
	margin: 35px 0 20px 0;
	padding: 10px 0;
	border-top: 2px solid #9ab;
	border-right: 0;
	border-bottom: 1px solid #eee;
	border-left: 0;
	line-height: 1.5;
	font-size:16px;
	font-weight:bold;
}
#contents .headingsLv3 {
	position: relative !important;
	margin: 35px 0 20px 0 !important;
	padding: 10px 0 !important;
	border-top: 2px solid #9ab !important;
	border-right: 0 !important;
	border-bottom: 1px solid #eee !important;
	border-left: 0 !important;
	line-height: 1.5 !important;
	font-size:16px !important;
	font-weight:bold !important;
}
#contents .itemWrap.col2 .item .headingsLv3 {
	margin-top: 0;
}
#contents h3 .btn,
#contents .headingsLv3 .btn {
	position: absolute;
	top: 8px;
	right: 0;
}



/* h4 */
.connect #contents h4,
.platform #contents h4,
.technicalspecs #contents h4,
.supportservice #contents h4,
.terms #contents h4,
.contact #contents h4,
.forstarters #contents h4,
.sandbox #contents h4,
.globaltechnicalspecs #contents h4,
.globalterms #contents h4,
.developerapp #contents h4,
.developeranalytics #contents h4,
.sandboxapp #contents h4 {
	position: relative;
	margin: 30px 0 20px;
	padding: 0 0 0 8px;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 2px solid #09c;
	line-height: 1.5;
	font-size:14px;
	font-weight:bold;
}
#contents .headingsLv4 {
	position: relative !important;
	margin: 30px 0 20px !important;
	padding: 0 0 0 8px !important;
	border-top: 0 !important;
	border-right: 0 !important;
	border-bottom: 0 !important;
	border-left: 2px solid #09c !important;
	line-height: 1.5 !important;
	font-size:14px !important;
	font-weight:bold !important;
}
#contents h4 .btn,
#contents .headingsLv4 .btn {
	position: absolute;
	top: 0;
	right: 0;
}



/* h5 */
.connect #contents h5,
.platform #contents h5,
.technicalspecs #contents h5,
.supportservice #contents h5,
.terms #contents h5,
.contact #contents h5,
.forstarters #contents h5,
.sandbox #contents h5,
.globaltechnicalspecs #contents h5,
.globalterms #contents h5,
.developerapp #contents h5,
.developeranalytics #contents h5,
.sandboxapp #contents h5 {
	margin: 20px 0 !important;
	padding: 0 !important;
	border: 0 !important;
	font-size:12px !important;
	font-weight:bold !important;
}
#contents .headingsLv5 {
	margin: 20px 0 !important;
	padding: 0 !important;
	border: 0 !important;
	font-size:12px !important;
	font-weight:bold !important;
}



/* no style */
#contents h3.noStyle {
	border-top:  none !important;
	border-bottom: none !important;
	padding: 0 !important;
}
#contents h4.noStyle {
	border: none !important;
	padding-left: 0 !important;
}





/* --------------------------------------------------
	Button
-------------------------------------------------- */

input[type="button"],
input[type="submit"] {
	padding: 0 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	color: #09c;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
	text-decoration: none;
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#eee));
	background: -moz-linear-gradient(center top , #fff, #eee) repeat scroll 0 0 #eee;
	background: linear-gradient(center top , #fff, #eee);
	background-color: #fff;
	cursor: pointer;
	vertical-align: middle;
}
input[type="button"]:hover,
input[type="submit"]:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#f7f8f9), to(#e1e2e3));
	background: -moz-linear-gradient(center top , #f7f8f9, #e1e2e3);
	background: linear-gradient(center top , #f7f8f9, #e1e2e3);
}



/* addBtn */
.addBtn p {
	display: inline-block;
	min-width: 158px;
	margin-right: 6px;
	vertical-align: bottom;
}
.addBtn p {/* for IE */
	/display: inline;
	/width: 158px;
}
.addBtn input {
	width: 100%;
	padding: 3px 10px;
	font-size: 12px;
}
.addBtn input:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#f7f8f9), to(#e1e2e3));
	background: -moz-linear-gradient(center top , #f7f8f9, #e1e2e3);
	background: linear-gradient(center top , #f7f8f9, #e1e2e3);
}
.addBtn input.on {
	color: #789;
	font-weight: bold;
	background: none;
	background-color: #eee;
}



/* basicBtn */
.basicBtn {
	text-align: center;
}
.basicBtn p {
	display: inline-block;
	min-width: 158px;
	margin-right: 10px;
	vertical-align: bottom;
}
.basicBtn p:last-child {
	margin-right: 0;
}
.basicBtn p {/* for IE */
	/display: inline;
	/width: 158px;
	/margin-right: 10px;
}
.basicBtn input {
	display: block;
	width: 100%;
	min-height: 35px;
	border: 1px solid #3ac;
	color: #fff;
	font-size: 14px;
	text-shadow: 0px -1px 2px #09c;
	background: -webkit-gradient(linear, center top, center bottom, from(#3be), to(#09c));
	background: -moz-linear-gradient(center top , #3be, #09c);
	background: linear-gradient(center top , #3be, #09c);
	background-color: #09c;
	vertical-align: middle;
}
.basicBtn input:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#2ae), to(#07c));
	background: -moz-linear-gradient(center top , #2ae, #07c);
	background: linear-gradient(center top , #2ae, #07c);
}

.basicBtn input.backBtn,
.basicBtn input.cancelBtn {
	border: #ccc 1px solid;
	color: #09c;
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#eee));
	background: -moz-linear-gradient(center top , #fff, #eee);
	background: linear-gradient(center top , #fff, #eee);
	background-color: #fff;
	text-shadow: none;
}
.basicBtn input.backBtn:hover,
.basicBtn input.cancelBtn:hover {
	background:-webkit-gradient(linear, center top, center bottom, from(#f7f8f9), to(#e1e2e3));
	background:-moz-linear-gradient(center top , #f7f8f9, #e1e2e3);
	background:linear-gradient(center top , #f7f8f9, #e1e2e3);
}

.basicBtn a.topBtn {
	display: block;
	width: 100%;
}
.basicBtn a.topBtn span {
	display: block;
	padding: 4px 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border: #3ac 1px solid;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px -1px 2px #09c;
	background: -webkit-gradient(linear, center top, center bottom, from(#3be), to(#09c));
	background: -moz-linear-gradient(center top , #3be, #09c);
	background: linear-gradient(center top , #3be, #09c);
	background-color: #09c;
	cursor: pointer;
}
.basicBtn a.topBtn:hover span {
	background: -webkit-gradient(linear, center top, center bottom, from(#2ae), to(#07c));
	background: -moz-linear-gradient(center top , #2ae, #07c);
	background: linear-gradient(center top , #2ae, #07c);
}



/* btn Windowopen */
.windowopenBtn {
	display: inline-block;
	padding: 3px 30px;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
	color: #09c;
	font-size: 12px;
	text-align: center;
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#eee));
	background: -moz-linear-gradient(center top , #fff, #eee);
	background: linear-gradient(center top , #fff, #eee);
	background-position: 0 0, 0 0;
	background-repeat: no-repeat, no-repeat;
	background-color: #fff;
	cursor: pointer;
}
.windowopenBtn:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#f7f8f9), to(#e1e2e3));
	background: -moz-linear-gradient(center top , #f7f8f9, #e1e2e3);
	background: linear-gradient(center top , #f7f8f9, #e1e2e3);
	background-position: 0 0, 0 0;
	background-repeat: no-repeat, no-repeat;
}



/* detailBtn */
.detailBtn li {
	display: inline-block;
	min-width: 70px;
	margin-right: 5px;
	vertical-align: middle;
}
.detailBtn li {/* for IE */
	/display: inline;
	/width: 70px;
}
.detailBtn li:last-child {
	margin-right: 0;
}
.detailBtn input[type="button"] {
	width: 100%;
	padding: 0 10px;
	font-size: 12px;
	min-height: 25px;
	line-height: normal!important;
	vertical-align: middle!important;
}
.detailBtn input:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#f7f8f9), to(#e1e2e3));
	background: -moz-linear-gradient(center top , #f7f8f9, #e1e2e3);
	background: linear-gradient(center top , #f7f8f9, #e1e2e3);
}



/* Radiobutton*/
#contents input[type="radio"] {
	vertical-align: middle;
}
#contents input[type="radio"] {
	margin-right: 7px;
}

/* Radiobutton toggle*/
#contents .labelHorizontal {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    padding-top: 1px;
}
#contents .radioToggle label input[type="radio"] {
    display: none;
}
#contents .radioToggleWrap {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: -webkit-gradient(linear, center top, center bottom, from(#09c), to(#3be));
    background: -moz-linear-gradient(center top , #09c, #3be);
    background: linear-gradient(center top , #09c, #3be);
    background-color: #09c;
    border: solid 1px #ccc;
    width: 86px;

    display: inline-block;
    *display: inline;
    *zoom: 1.0;
    vertical-align: middle;
}

#contents .radioToggleWrap.offWrap {
    background-image: none;
    background-color: #eee;
}

#contents .radioToggle label {
    font-size: 12px;
    font-weight: bold;
    color: transparent;
    cursor: pointer;
    width: 42px;
    text-align: center;
    float: left;
    padding: 3px 0;
}

#contents .radioToggle .on {
    border-radius: 3px 4px 4px 3px;
    -moz-border-radius: 3px 4px 4px 3px;
    -ms-border-radius: 3px 4px 4px 3px;
    -o-border-radius: 3px 4px 4px 3px;
    -webkit-border-radius: 3px 4px  4px 3px;
    background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#eee));
    background: -moz-linear-gradient(center top , #fff, #eee) repeat scroll 0 0 #eee;
    background: linear-gradient(center top , #fff, #eee);
    background-color: #fff;
    border-left: none;
    border-right: 1px solid #ccc;
}

#contents .radioToggle .off {
    border-radius: 4px 3px 3px 4px;
    -moz-border-radius: 4px 3px 3px 4px;
    -ms-border-radius: 4px 3px 3px 4px;
    -o-border-radius: 4px 3px 3px 4px;
    -webkit-border-radius: 4px 3px 3px 4px;
    background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#eee));
    background: -moz-linear-gradient(center top , #fff, #eee) repeat scroll 0 0 #eee;
    background: linear-gradient(center top , #fff, #eee);
    background-color: #fff;
    border-left: 1px solid transparent;
}

#contents .radioToggle .on:hover,
#contents .radioToggle .off:hover {
    background:-webkit-gradient(linear, center top, center bottom, from(#f7f8f9), to(#e1e2e3));
    background:-moz-linear-gradient(center top , #f7f8f9, #e1e2e3);
    background:linear-gradient(center top , #f7f8f9, #e1e2e3);
}

#contents .radioToggle .on.checked {
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    background: -webkit-gradient(linear, center top, center bottom, from(#09c), to(#3be));
    background: -moz-linear-gradient(center top , #09c, #3be);
    background: linear-gradient(center top , #09c, #3be);
    background-color: #09c;
}

#contents .radioToggle .off.checked {
    color: #77889a;
    background-image: none;
    background-color: #eee;
}

#contents .radioToggle .on.checked:hover {
    background: -webkit-gradient(linear, center top, center bottom, from(#09c), to(#3be));
    background: -moz-linear-gradient(center top , #09c, #3be);
    background: linear-gradient(center top , #09c, #3be);
    background-color: #09c;
    cursor: default;
}

#contents .radioToggle .off.checked:hover {
    background-image: none;
    background-color: #eee;
    cursor: default;
}

#contents .radioToggle .on.checked {
    border-right: none;
    padding-right: 1px;
    color: #fff;
    text-shadow: 0px -1px 2px #09c;
}

/* Checkbox*/
#contents input[type="checkbox"] {
	vertical-align: middle;
}
#contents input[type="checkbox"] {
	margin-right: 7px;
}



/* Form Parts */
.formParts ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .formParts ul { zoom: 1; } /* IE6 */
*:first-child+html .formParts ul { zoom: 1; } /* IE7 */

.formParts .inline li {
	float: left;
	display: inline;
	margin-right: 20px;
}
td .formParts .inline li {
	margin-bottom: 0;
}

.formParts li {
	margin-bottom: 5px;
}
.formParts li:last-child {
	margin-bottom: 0;
}
.formParts .col2 li,
.formParts .col3 li,
.formParts .col4 li {
	float: left;
	display: inline;
	margin-bottom: 16px;
	outline: none;
}
.formParts .col2 li {
	width: 350px;
	margin-left: 20px;
}
.formParts .col2 {
	margin-left: -20px;
}
.formParts .col3 li {
	width: 224px;
	margin-left: 24px;
}
.formParts .col3 {
	margin-left: -24px;
}
.formParts .col4 li {
	width: 162px;
	margin-left: 24px;
}
.formParts .col4 {
	margin-left: -24px;
}



/* formTable */
.formTable, .formtable {
	width: 100%;
	margin: 20px 0 30px;
}
.formTable th, .formtable th {
	width: 285px;
	padding: 8px 10px;
	border: 1px solid #ccc;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	background: none !important;
	background: -webkit-gradient(linear, center top, center bottom, from(#f7f8f9), to(#eee))!important;
	background: -moz-linear-gradient(center top , #f7f8f9, #eee)!important;
	background: linear-gradient(center top , #f7f8f9, #eee)!important;
	background-color: #eee!important;
}
.formTable td, .formtable td {
	padding: 8px 10px;
	border: 1px solid #ccc;
	font-style: normal;
	vertical-align: middle;
}
.formTable input[type="text"], .formtable input[type="text"] {
	width:340px;
	height:20px;
}
.formTable td input[type="text"],.formtable td input[type="text"]
.formTable td input[type="password"], .formtable td input[type="password"] {
	padding: 2px;
	border-top: 1px solid #abadb3;
	border-right: 1px solid #dbdfe6;
	border-bottom: 1px solid #e3e9ef;
	border-left: 1px solid #e2e3ea;
}
.formTable td input.wide, .formtable td input.wide {
	width: 350px;
}
.formTable td select.w350, .formtable td select.w350 {
	width: 350px;
}
.formTable td input[type="file"], .formtable td input[type="file"] {
	width: 300px;
}

.formTable td textarea, .formtable td textarea {
	width: 99%;
	padding: 1px;
	border-top: 1px solid #abadb3;
	border-right: 1px solid #dbdfe6;
	border-bottom: 1px solid #e3e9ef;
	border-left: 1px solid #e2e3ea;
	min-height: 130px;
}

.formTable .required, .formtable .required  {
	color: #ff5b5b;
	margin-left: 5px;
}
.formTable caption.required, .formtable caption.required  {
	margin-left: 0;
	margin-bottom: 5px;
	text-align: left;
}

.formTable .selectChangeCell, .formtable .selectChangeCell  {
	vertical-align: middle;
}
.formTable .selectChangeCell select, .formtable .selectChangeCell select
.formTable .selectChangeCell ul, .formtable .selectChangeCell ul {
	display: inline-block;
}
.formTable .selectChangeCell select, .formtable .selectChangeCell select {
	width: 300px;
}
.formTable .selectChangeCell ul, .formtable .selectChangeCell ul  {
	margin-left: 10px;
}

.formTable td.errorInput, .formtable td.errorInput {
	background-color: #fdd!important;
}
.formTable td.errorInput .errorText, .formtable td.errorInput .errorText {
	display: block;
	color: #f44;
}

.formTable .thumbSelectCell, .formtable .thumbSelectCell {
	vertical-align: middle;
}
.formTable .thumbSelectCell ul, .formtable .thumbSelectCell ul {
	display: table;
	width: 100%;
	margin-bottom: 15px;
}
.formTable .thumbSelectCell ul:last-child, .formtable .thumbSelectCell ul:last-child  {
	margin-bottom: 0;
}
.formTable .thumbSelectCell li, .formtable .thumbSelectCell li {
	display: table-cell;
	vertical-align: middle;
}
.formTable .thumbSelectCell li.thumbSize, .formtable .thumbSelectCell li.thumbSize {
	width: 60px;
}
.formTable .thumbSelectCell li.thumbImg, .formtable .thumbSelectCell li.thumbImg {
	width: 80px;
}
.formTable .thumbSelectCell li.thumbImg img, .formtable .thumbSelectCell li.thumbImg img {
	vertical-align: bottom;
}
#contents .formTable .thumbSelectCell li.thumbUpload input[type="file"], #contents .formtable .thumbSelectCell li.thumbUpload input[type="file"] {
	width: 240px;
}
.formTable .thumbSelectCell li, .formtable .thumbSelectCell li {/* for IE */
	/display: inline;
	/margin-right: 10px;
	/vertical-align: middle;
	zoom: 1;
}
#contents .formTable .thumbSelectCell li.thumbUpload input[type="file"], #contents .formtable .thumbSelectCell li.thumbUpload input[type="file"] {/* for IE */
	/width: 220px;
}

.formTable .thumbSizeCell li, .formtable .thumbSizeCell li {
	display: inline-block;
	margin: 0 10px 10px 0;
}
.formTable .thumbSizeCell li img, .formtable .thumbSizeCell li img  {
	vertical-align: bottom;
}
.formTable .thumbSizeCell li span, .formtable .thumbSizeCell li span {
	display: block;
	margin-top: 5px;
}
.formTable .thumbSizeCell li, .formtable .thumbSizeCell li {/* for IE */
	/display: inline;
}

.formTable .settingCell, .formtable .settingCell  {
	vertical-align: middle;
}
.formTable .settingCell p,
.formTable .settingCell ul,
.formtable .settingCell p,
.formtable .settingCell ul
 {
	display: inline-block;
}
.formTable .settingCell ul, .formtable .settingCell ul {
	margin-left: 10px;
}



/* specTable + form */
.specTable td input[type="text"],
.specTable td input[type="password"] {
	padding: 2px;
	border-top: 1px solid #abadb3;
	border-right: 1px solid #dbdfe6;
	border-bottom: 1px solid #e3e9ef;
	border-left: 1px solid #e2e3ea;
}
.specTable td input.wide {
	width: 300px;
}



/* hint + balloon */
.formTable .hint, .formtable .hint
.specTable .hint, .spectable .hint {
	padding-right: 20px;
	background: url(/img/icon-formhint.gif) no-repeat right center;
	cursor: pointer;
}
.hint {
    padding-right:20px;
    background:url(/img/icon-formhint.gif) no-repeat right center;
    cursor:pointer;
}

.balloon-wrap{
	max-width: 300px;
	min-width: 20px;
	z-index: 32767;
}
.balloon {
	padding: 6px 12px;
	border: 1px solid #ccc;
	color: #456;
	background-color: #fff;
}
.balloon-bottom {
	margin-top: -1px;
}
.balloon-bottom p {
	height: 7px;
	background-image: url(/img/bg-balloon.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}



/* termFrame */
.termFrame {
	margin-top: 20px;
	border-top: 1px solid #abadb3;
	border-right: 1px solid #dbdfe6;
	border-bottom: 1px solid #e3e9ef;
	border-left: 1px solid #e2e3ea;
	padding: 10px;
	height: 400px;
	overflow: auto;
}
.termFrame .subHeadingsLv1 {
	margin: 20px 0 10px;
	font-size: 14px;
	font-weight: bold;
}
.termFrame .subHeadingsLv2 {
	margin: 10px 0;
	font-size: 12px;
	font-weight: bold;
}
.termFrame p {
	margin-bottom: 5px;
}
.termFrame ul li {
	margin-bottom: 5px;
}
.termsAgreeCheck {
	margin-top: 20px;
}



/* scoresformatForm */
.scoresformatForm li {
	margin-bottom: 10px;
}
.scoresformatForm li:last-child {
	margin-bottom: 0;
}
.scoresformatForm li ul {
	margin: 5px 0 0 20px;
}
.scoresformatForm li li span {
	margin-left: 10px;
}
.scoresformatForm li input[type="text"] {
	min-width: 250px;
}





/* --------------------------------------------------
	Table
-------------------------------------------------- */

/* specTable */
.specTable {
	width: 100%;
	margin: 20px 0 30px;
}
.specTable td,
.specTable th {
	padding: 8px;
	border: 1px solid #ccc;
	vertical-align: middle;
}
.specTable th {
	font-weight: normal;
	text-align: left;
	background: none !important;
	background: -webkit-gradient(linear, center top, center bottom, from(#f7f8f9), to(#eee))!important;
	background: -moz-linear-gradient(center top , #f7f8f9, #eee)!important;
	background: linear-gradient(center top , #f7f8f9, #eee)!important;
	background-color: #eee!important;
}
.specTable td {
	text-align: left;
}
.specTable td img {
	vertical-align: bottom;
}
.specTable td.actionCell {
	text-align: center;
}
.specTable .deviceIcon {
	float: left;
}
.specTable .deviceName {
	display: block;
	margin-left: 25px;
}
.specTable .thumbnail {
	text-align: center;
}
.specTable .thumbnail ul {
	display: inline;
}
.specTable td .objecttype {
	margin-right: 0;
	float: none;
	text-align: center;
}
.specTable td.checkIcon {
	text-align: center;
	vertical-align: middle;
}


/* stripetable */
.stripeTable {
	width: 100%;
	margin: 20px 0 30px;
}
.stripeTable td,
.stripeTable th {
	padding: 8px 10px;
	vertical-align: middle;
	border: 1px solid #ccc;
}
.stripeTable th {
	width: 20px;
	font-weight: normal;
	text-align: left;
	background: none !important;
	background: -webkit-gradient(linear, center top, center bottom, from(#f7f8f9), to(#eee))!important;
	background: -moz-linear-gradient(center top , #f7f8f9, #eee)!important;
	background: linear-gradient(center top , #f7f8f9, #eee)!important;
	background-color: #eee!important;
	vertical-align: middle;
}
.stripeTable.alphaListTable th {
	background-color: #fff;
}
.stripeTable .odd {
	background-color: #f7f8f9;
}
.stripeTable .even {
	background-color: #fff;
}
.stripeTable.col2 {
	width: 50%;
}
.stripeTable.col2 th {
	width: 50%;
}
.stripeTable.col2 {width: 50%;}
.stripeTable.col2 th {width: 50%;}

.stripeTable.col3 {width: 100%;}
.stripeTable.col3 th.dataNO {width: 10%;}
.stripeTable.col3 th {width: 45%;}

.stripeTable.col4 {width: 100%;}
.stripeTable.col4 th.dataNO {width: 10%;}
.stripeTable.col4 th {width: 30%;}

.stripeTable.col5 {width: 100%;}
.stripeTable.col5 th.dataNO {width: 10%;}
.stripeTable.col5 th {width: 20%;}



/* alphaListTable */
.alphaListTable th {
	text-align: center;
}
.alphaListTable .formParts .col4 li {
	width: 145px;
	margin-bottom: 0;
}



/* dragTable */
.dragTable {
	width: 100%;
	margin: 20px 0 30px;
}
.dragTable td,
.dragTable th {
	padding: 8px 10px;
	border: 1px solid #ccc;
	vertical-align: middle;
}
.dragTable th {
	font-weight: normal;
	text-align: left;
	background: none !important;
	background: -webkit-gradient(linear, center top, center bottom, from(#f7f8f9), to(#eee))!important;
	background: -moz-linear-gradient(center top , #f7f8f9, #eee)!important;
	background: linear-gradient(center top , #f7f8f9, #eee)!important;
	background-color: #eee!important;
}
.dragTable td span {
	display: block;
	padding-left: 10px;
}
.dragTable tr:hover {
	background-color: #f7f8f9;
	cursor: move;
}
.dragTable tr:hover td span {
	background: url(/img/bg-dragTable.gif) repeat-y left top;
}
.dragTable td img {
	vertical-align: bottom;
}
.dragTable td.actionCell {
	text-align: center;
}
.dragTable .deviceIcon {
	float: left;
}
.dragTable .deviceName {
	display: block;
	margin-left: 25px;
}
.dragTable .thumbnail {
	text-align: center;
}
.dragTable .thumbnail ul {
	display: inline;
}



/* tablesorter */
.tablesorter {
	width: 100%;
	margin: 20px 0 30px;
	text-align: left;
}
.tablesorter thead tr th {
	padding: 8px 32px 8px 10px;
	border: 1px solid #ccc;
	font-weight: normal;
	vertical-align: middle;
	background: -webkit-gradient(linear, center top, center bottom, from(#f7f8f9), to(#eee));
	background: -moz-linear-gradient(center top , #f7f8f9, #eee);
	background: linear-gradient(center top , #f7f8f9, #eee);
	background-color: #eee;
}
.tablesorter thead tr .header {
	font-weight: bold;
	background: url(/img/bg-tablesorter-01.png) no-repeat center right, -moz-linear-gradient(center top , #f7f8f9, #eee);
	background: url(/img/bg-tablesorter-01.png) no-repeat center right, -webkit-gradient(linear, center top, center bottom, from(#f7f8f9), to(#eee));
	background: url(/img/bg-tablesorter-01.png) no-repeat center right, linear-gradient(center top , #f7f8f9, #eee);
	background-color: #eee;
	cursor: pointer;
}
.tablesorter tfoot tr th,
.tablesorter tfoot tr td {
	padding: 8px 10px;
	border: 1px solid #ccc;
	font-weight: normal;
	vertical-align: middle;
	background-color: #eee;
}
.tablesorter tfoot tr th {
	font-weight: bold;
	text-align: center
}
.tablesorter tfoot tr td {
	text-align: right
}
.tablesorter tbody td {
	padding: 10px;
	border: 1px solid #ccc;
	vertical-align: middle;
}
.tablesorter tbody tr.odd td {
	background-color: #f7f8f9;
}
.tablesorter thead tr .headerSortUp {
	background-color: #ddd;
	background-image: url(/img/bg-tablesorter-02.png);
}
.tablesorter thead tr .headerSortDown {
	background-color: #ddd;
	background-image: url(/img/bg-tablesorter-03.png);
}
.tablesorter.col2 {width: 50%;}
.tablesorter.col2 th {width: 50%;}

.tablesorter.col3 {width: 100%;}
.tablesorter.col3 th.dataNO {width: 10%;}
.tablesorter.col3 th {width: 45%;}

.tablesorter.col4 {width: 100%;}
.tablesorter.col4 th.dataNO {width: 10%;}
.tablesorter.col4 th {width: 30%;}

.tablesorter.col5 {width: 100%;}
.tablesorter.col5 th.dataNO {width: 10%;}
.tablesorter.col5 th {width: 20%;}

.tablesorter .colorTips {
	float: left;
	width: 12px;
	height: 12px;
	margin-top: 2px;
	margin-right: 5px;
	border: 1px solid #ddd;
}
.tablesorter .colorTips.color09C {
	background-color: #09c;
}
.tablesorter .colorTips.colorC22 {
	background-color: #c22;
}



/* object type*/
.objecttype li {
	display:inline;
}
.objecttype li img {
	vertical-align: bottom;
}

.platformIcon li {
	display: inline;
}
.platformIcon li img {
	vertical-align: bottom;
}





/* --------------------------------------------------
	Other
-------------------------------------------------- */
/* attentionBlock */
.attentionBlock01 {
	margin-bottom: 20px;
	padding: 15px;
	border:1px solid #ddd;
	background-color:#eee;
}
.attentionBlock02 {
	margin: 20px 0;
	padding: 15px;
	border:1px solid #ddd;
	background-color:#eee;
}
.attentionBlock01 .discList,
.attentionBlock02 .discList {
	color: #f44;
}



/* applitypeBtn */
.applitypeBtn ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .applitypeBtn ul { zoom: 1; } /* IE6 */
*:first-child+html .applitypeBtn ul { zoom: 1; } /* IE7 */

.applitypeBtn ul li {
	float: left;
	display: inline;
	text-align: center;
}
.applitypeBtn ul li span {
	display: block;
	text-align: center;
}

.applitypeBtn ul.col4 {
	margin-left: -50px;
}
.applitypeBtn ul.col4 li {
	width: 140px;
	margin-left: 50px;
}
.applitypeBtn ul.col4 li:nth-child(4n+1) {
	clear: left;
}
.applitypeBtn ul.col4 li input {
	display: inline-block;
	min-width: 140px;
	min-height: 27px;
	margin-top: 10px;
	font-size: 12px;
	vertical-align: bottom;
}
.applitypeBtn ul.col4 li input:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#f7f8f9), to(#e1e2e3));
	background: -moz-linear-gradient(center top , #f7f8f9, #e1e2e3);
	background: linear-gradient(center top , #f7f8f9, #e1e2e3);
}



/* stepNavi */
.stepNavi {
	width: 720px;
	margin-bottom: 30px;
	padding-bottom: 1px;
	border-bottom: 1px solid #ccc;
}
.stepNavi ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .applitypeBtn ul { zoom: 1; } /* IE6 */
*:first-child+html .applitypeBtn ul { zoom: 1; } /* IE7 */

.stepNavi ul {
	width: 716px;
	margin: 0 auto;
	text-align: center;
}
.stepNavi li {
	float: left;
	padding-top: 22px;
	padding-bottom: 20px;
	background: url(/img/bg-stepNavi.png) no-repeat;
}

/* col3 */
.stepNavi.col3 li {width: 238px;}
.stepNavi.col3 .step1 {background-position: center 0;}
.stepNavi.col3 .step2 {background-position: center -300px;}
.stepNavi.col3 .step3 {background-position: center -400px;}
/* col3 + step1*/
.stepNavi.col3 .currentStep1 .step1 {color: #09c}
/* col3 + step2*/
.stepNavi.col3 .currentStep2 .step1 {background-position: center -100px;}
.stepNavi.col3 .currentStep2 .step2 {background-position: center -600px;}
.stepNavi.col3 .currentStep2 .step2 {color: #09c}
/* col3 + step3*/
.stepNavi.col3 .currentStep3 .step1 {background-position: center 0;}
.stepNavi.col3 .currentStep3 .step2 {background-position: center -200px;}
.stepNavi.col3 .currentStep3 .step3 {background-position: center -500px;}
.stepNavi.col3 .currentStep3 .step3 {color: #09c}

/* col4 */
.stepNavi.col4 li {width: 179px;}
.stepNavi.col4 .step1 {background-position: center 0;}
.stepNavi.col4 .step2 {background-position: center -300px;}
.stepNavi.col4 .step3 {background-position: center -300px;}
.stepNavi.col4 .step4 {background-position: center -400px;}
/* col4 + step1*/
.stepNavi.col4 .currentStep1 .step1 {background-position: center 0;}
.stepNavi.col4 .currentStep1 .step1 {color: #09c}
/* col4 + step2*/
.stepNavi.col4 .currentStep2 .step1 {background-position: center -100px;}
.stepNavi.col4 .currentStep2 .step2 {background-position: center -600px;}
.stepNavi.col4 .currentStep2 .step2 {color: #09c}
/* col4 + step3*/
.stepNavi.col4 .currentStep3 .step1 {background-position: center 0;}
.stepNavi.col4 .currentStep3 .step2 {background-position: center -200px;}
.stepNavi.col4 .currentStep3 .step3 {background-position: center -600px;}
.stepNavi.col4 .currentStep3 .step3 {color: #09c}
/* col4 + step4*/
.stepNavi.col4 .currentStep4 .step1 {background-position: center 0;}
.stepNavi.col4 .currentStep4 .step2 {background-position: center -700px;}
.stepNavi.col4 .currentStep4 .step3 {background-position: center -200px;}
.stepNavi.col4 .currentStep4 .step4 {background-position: center -500px;}
.stepNavi.col4 .currentStep4 .step4 {color: #09c}

/* col10 */
.stepNavi.col10 li {width: 71px;}
.stepNavi.col10 .step1 {background-position: center 0;}
.stepNavi.col10 .step2 {background-position: center -300px;}
.stepNavi.col10 .step3 {background-position: center -300px;}
.stepNavi.col10 .step4 {background-position: center -300px;}
.stepNavi.col10 .step5 {background-position: center -300px;}
.stepNavi.col10 .step6 {background-position: center -300px;}
.stepNavi.col10 .step7 {background-position: center -300px;}
.stepNavi.col10 .step8 {background-position: center -300px;}
.stepNavi.col10 .step9 {background-position: center -300px;}
.stepNavi.col10 .step10 {background-position: center -400px;}
/* col10 + step1*/
.stepNavi.col10 .currentStep1 .step1 {background-position: center 0;}
.stepNavi.col10 .currentStep1 .step1 {color: #09c}
/* col10 + step2*/
.stepNavi.col10 .currentStep2 .step1 {background-position: center -100px;}
.stepNavi.col10 .currentStep2 .step2 {background-position: center -600px;}
.stepNavi.col10 .currentStep2 .step2 {color: #09c}
/* col10 + step3*/
.stepNavi.col10 .currentStep3 .step1 {background-position: center 0px;}
.stepNavi.col10 .currentStep3 .step2 {background-position: center -200px;}
.stepNavi.col10 .currentStep3 .step3 {background-position: center -600px;}
.stepNavi.col10 .currentStep3 .step3 {color: #09c}
/* col10 + step4*/
.stepNavi.col10 .currentStep4 .step1 {background-position: center 0px;}
.stepNavi.col10 .currentStep4 .step2 {background-position: center -700px;}
.stepNavi.col10 .currentStep4 .step3 {background-position: center -200px;}
.stepNavi.col10 .currentStep4 .step4 {background-position: center -600px;}
.stepNavi.col10 .currentStep4 .step4 {color: #09c}
/* col10 + step5*/
.stepNavi.col10 .currentStep5 .step1 {background-position: center 0px;}
.stepNavi.col10 .currentStep5 .step2 {background-position: center -700px;}
.stepNavi.col10 .currentStep5 .step3 {background-position: center -700px;}
.stepNavi.col10 .currentStep5 .step4 {background-position: center -200px;}
.stepNavi.col10 .currentStep5 .step5 {background-position: center -600px;}
.stepNavi.col10 .currentStep5 .step5 {color: #09c}
/* col10 + step6*/
.stepNavi.col10 .currentStep6 .step1 {background-position: center 0px;}
.stepNavi.col10 .currentStep6 .step2 {background-position: center -700px;}
.stepNavi.col10 .currentStep6 .step3 {background-position: center -700px;}
.stepNavi.col10 .currentStep6 .step4 {background-position: center -700px;}
.stepNavi.col10 .currentStep6 .step5 {background-position: center -200px;}
.stepNavi.col10 .currentStep6 .step6 {background-position: center -600px;}
.stepNavi.col10 .currentStep6 .step6 {color: #09c}
/* col10 + step7*/
.stepNavi.col10 .currentStep7 .step1 {background-position: center 0px;}
.stepNavi.col10 .currentStep7 .step2 {background-position: center -700px;}
.stepNavi.col10 .currentStep7 .step3 {background-position: center -700px;}
.stepNavi.col10 .currentStep7 .step4 {background-position: center -700px;}
.stepNavi.col10 .currentStep7 .step5 {background-position: center -700px;}
.stepNavi.col10 .currentStep7 .step6 {background-position: center -200px;}
.stepNavi.col10 .currentStep7 .step7 {background-position: center -600px;}
.stepNavi.col10 .currentStep7 .step7 {color: #09c}
/* col10 + step8*/
.stepNavi.col10 .currentStep8 .step1 {background-position: center 0px;}
.stepNavi.col10 .currentStep8 .step2 {background-position: center -700px;}
.stepNavi.col10 .currentStep8 .step3 {background-position: center -700px;}
.stepNavi.col10 .currentStep8 .step4 {background-position: center -700px;}
.stepNavi.col10 .currentStep8 .step5 {background-position: center -700px;}
.stepNavi.col10 .currentStep8 .step6 {background-position: center -700px;}
.stepNavi.col10 .currentStep8 .step7 {background-position: center -200px;}
.stepNavi.col10 .currentStep8 .step8 {background-position: center -600px;}
.stepNavi.col10 .currentStep8 .step8 {color: #09c}
/* col10 + step8*/
.stepNavi.col10 .currentStep9 .step1 {background-position: center 0px;}
.stepNavi.col10 .currentStep9 .step2 {background-position: center -700px;}
.stepNavi.col10 .currentStep9 .step3 {background-position: center -700px;}
.stepNavi.col10 .currentStep9 .step4 {background-position: center -700px;}
.stepNavi.col10 .currentStep9 .step5 {background-position: center -700px;}
.stepNavi.col10 .currentStep9 .step6 {background-position: center -700px;}
.stepNavi.col10 .currentStep9 .step7 {background-position: center -700px;}
.stepNavi.col10 .currentStep9 .step8 {background-position: center -200px;}
.stepNavi.col10 .currentStep9 .step9 {background-position: center -600px;}
.stepNavi.col10 .currentStep9 .step9 {color: #09c}
/* col10 + step10*/
.stepNavi.col10 .currentStep10 .step1 {background-position: center 0px;}
.stepNavi.col10 .currentStep10 .step2 {background-position: center -700px;}
.stepNavi.col10 .currentStep10 .step3 {background-position: center -700px;}
.stepNavi.col10 .currentStep10 .step4 {background-position: center -700px;}
.stepNavi.col10 .currentStep10 .step5 {background-position: center -700px;}
.stepNavi.col10 .currentStep10 .step6 {background-position: center -700px;}
.stepNavi.col10 .currentStep10 .step7 {background-position: center -700px;}
.stepNavi.col10 .currentStep10 .step8 {background-position: center -700px;}
.stepNavi.col10 .currentStep10 .step9 {background-position: center -200px;}
.stepNavi.col10 .currentStep10 .step10 {background-position: center -500px;}
.stepNavi.col10 .currentStep10 .step10 {color: #09c}





/* --------------------------------------------------
	iframe
-------------------------------------------------- */
#iframeContents {
	width: 720px;
	padding-bottom: 50px;
}
#iframeContents h1 {
	position: relative;
	border-top: 2px solid #9ab !important;
	border-bottom: 1px solid #eee !important;
	padding: 10px 0 !important;
	font-size:16px;
	font-weight:bold;
}





/* --------------------------------------------------
	Analytics
-------------------------------------------------- */
/* funcBlock */
#funcBlock:after, #funcBlock div:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #funcBlock div { zoom: 1; } /* IE6 */
*:first-child+html #funcBlock div { zoom: 1; } /* IE7 */

#funcBlock {
	width: 718px;
	display: table;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	background-color: #fff;
}
#funcBlock div {
	display: table-cell;
	padding: 6px 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	background-color: #f7f8f9;
	vertical-align: middle;
}
#funcBlock div {
	/float: left;
}
#funcBlock p {
	float: left;
	margin-top: 2px;
	font-weight: bold;
}
#funcBlock ul {
	float: right;
}
#funcBlock .dateChange {
	width: 320px;
	border-color: #fff #ccc #fff #fff;
}
#funcBlock .dateChange .terms {
	margin-right: 8px;
}
#funcBlock .countrySelect {
	width: 260px;
	border-width: 1px 1px 1px 0;
	border-color: #fff #ccc;
}
#funcBlock .countrySelect .country {
	width: 130px;
	margin-right: 8px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
#funcBlock .countrySelect .country:not(div) ,
x:-moz-broken {
	position: relative;
	display: inline-block;
	overflow: hidden;
}
#funcBlock .countrySelect .country:not(div) .leader ,
	x:-moz-broken {
	display: inline;
	position: absolute;
	right: -180px;
	margin-right: 100%;
}
#funcBlock .countrySelect .country .leader {
/* exclude not firefox */
	display: none;
}
#funcBlock .detailBtn {
	display: inline-block;
	min-width: 70px;
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#eee));
	background: -moz-linear-gradient(center top , #fff, #eee);
	background: linear-gradient(center top , #fff, #eee);
	background-position:0 0, 0 0;
	background-repeat:no-repeat, no-repeat;
	background-color: #fff;
	padding: 3px 10px 2px;
	border: #ccc 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	font-weight: bold;
	color: #09c;
	cursor: pointer;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}
#funcBlock .detailBtn:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#f7f8f9), to(#e1e2e3));
	background: -moz-linear-gradient(center top , #f7f8f9, #e1e2e3);
	background: linear-gradient(center top , #f7f8f9, #e1e2e3);
	background-position:0 0, 0 0;
	background-repeat:no-repeat, no-repeat;
	text-decoration: none;
}
#funcBlock .helpBtn {
	border-width: 1px;
	border-style: solid;
	border-color: #fff #f7f8f9 #fff #f7f8f9;
}
#funcBlock .helpBtn .detailBtn {
	min-width: 70px;
	padding-left: 0;
	padding-right: 0;
}
#funcBlock .helpBtn {
	/display: block;
	/width: 35px;
	/padding-left: 8px;
}



/* chartBlock */
.chartBlock {
	margin-bottom: 20px;
}



/* calendarArea */
#calendarArea {
	position: relative;
	float: left;
	width: 473px;
}
#calendarBlock {
	margin: 15px 50px;
}
#calendarBlock:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #calendarBlock { zoom: 1; } /* IE6 */
*:first-child+html #calendarBlock { zoom: 1; } /* IE7 */

.calendarTable {
	width: 176px;
	border: 1px solid #ccc;
}
#calendarBlock .calendarTable:first-child {
	float: left;
}
#calendarBlock .calendarTable:last-child {
	float: right;
}
.calendarTable caption {
	padding: 3px 0;
	border-style: solid;
	border-color: #789;
	border-width: 1px 1px 0 1px;
	color: #fff;
	background-color: #789;
}
.calendarTable tr {
	cursor: pointer;
}
.calendarTable th,
.calendarTable td {
	padding: 3px 5px 3px 4px;
	border: 1px solid #ccc;
}
.calendarTable th {
	font-weight: normal;
	background-color: #eee;
}
.calendarTable td.prevMonth,
.calendarTable td.nextMonth {
	color: #ddd;
}
.calendarTable td.selectedTerm {
	color: #fff;
	background-color: #00a0dc;
}
.calendarTable td:hover {
	color: #456;
	background-color: #eee;
}

#calendarNav li {
	position: absolute;
	top: 63px;
	width: 25px;
	height: 25px;
	display: block;
	overflow: hidden;
	cursor: pointer;
}
#calendarNav li.prevBtn {
	left: 0;
	background: url(/img/btn-prev.png) no-repeat left top;
}
#calendarNav li.nextBtn {
	right: 0;
	background: url(/img/btn-next.png) no-repeat left top;
}
#calendarNav li span {
	position: relative;
	z-index: -1;
}

#termSet {
	width: 100%;
	text-align: center;
}
#termSet span input {
	width: 88px;
	padding: 3px 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
}
#termSet span.hyphen {
	margin: 0 7px;
}

#presetArea {
	float: right;
	width: 226px;
}
#presetArea h2 {
	margin-bottom: 15px;
	border-top: 2px solid #9ab !important;
	border-bottom: 1px solid #eee !important;
	padding: 10px 0 !important;
	font-size:16px !important;
	font-weight:bold;
}





/* --------------------------------------------------
	fancybox
-------------------------------------------------- */
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 *
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}
#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url(/img/fancybox.png);
}
#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}
#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}
#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}
#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}
#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}
#fancybox-content iframe {
	width: 740px;
	padding: 20px 0 0 20px;
}
#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}
#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url(/img/fancybox.png) -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}
#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}
#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}
.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}
#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url(/img/fancybox-x.png);
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url(/img/fancybox.png);
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url(/img/fancybox-y.png);
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url(/img/fancybox.png);
	background-position: -40px -182px;
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url(/img/fancybox-x.pn');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url(/img/fancybox.png);
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url(/img/fancybox-y.png);
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url(/img/fancybox.png);
	background-position: -40px -122px;
}
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_shadow_nw.png', sizingMethod='scale'); }