/*** clearfix ***/
.clearfix{
	zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/**/display:block;/**/
}


/*** 全体設定 ***/

body{margin:0.4em 15px; background:#fff; color:#000;}
.speedtest_contents {max-width:840px;padding:15px 20px;}
.result_contents {padding:15px 20px;max-width:840px;margin:0 auto;}

a{color: #001BBC; text-decoration: none;}
a:link{color: #001BBC; text-decoration: none;}
a:visited{color: #993366; text-decoration: none;}
a:active{color: #0B24A5; text-decoration: underline;}
a:hover{color: #0B24A5; text-decoration: underline;}
a:focus{color: #0B24A5; text-decoration: underline;}

input {margin-right:3px;}
.nowrap {white-space:nowrap;}

/*** ヘッダー ***/

.header {margin:0 0 0.4em;border:solid 1px #A5BDDA;padding:.25em 1em;background:#4470A6;text-align:center;white-space:nowrap;color:#fff;}
.header h1 {font-size:180%;font-weight:bold;margin:0;padding:0;white-space:nowrap;color:#fff;}

/*** メイン ***/

.speedtest_contents h2 {width:100%;font-size:110%;font-weight:bold;margin:5px 0;padding-top:10px;padding-bottom:10px;background:#daecff;text-align:center;}

.box .title {background:#4397FE; color:#fff; padding:0.5em 0.7em; font-size:110%; font-weight:bold; white-space:nowrap;}
.box .interior {border:solid 1px #4397fe; margin:1px 0 0 0; padding:1em 1em; position:relative;}
.box .note {color:#333; font-size:90%; padding:0.4em 0 0 0;}

.speedtest_popup_contents .title {color:#016CEF;font-size:140%;font-weight:bold;margin:0.4em 0.7em;text-align:center; white-space:nowrap;}

.Note{font-size:80%;color:#666;}
div.FootNote{margin-top:2ex;margin-bottom:4ex;border-top:solid 1px #999999;font-size:80%; color:#555;}
div.FootNote p{margin-top:1ex;margin-bottom:0;}
span.FootNoteMark {vertical-align:50%;font-size:80%;color:#333;}
a.ExternalLink {background:url(images/icon_popup3.svg) no-repeat left; padding-left:12px;}

div.ItemHeader {margin:.2em 1em .3em 1em;border-bottom:1px dotted #aaaaaa;padding:8px 0 .4em 0;font-size:100%;font-weight:bold;color:#333;}
div.ItemTitle {font-size:90%;padding:.4em 0 .2em 40px;}
div.ItemTitleNote {font-size:80%;padding:0 0 .2em 48px;color:#666;}
span.ItemNote {font-size:90%;color:#666;}

img.icon {border:none;margin:0px 4px 3px 4px;vertical-align:middle;}
div.contents {text-align:left;background:#fff;}
div.speedtest_contents {text-align:left;margin-right:auto;margin-left:auto;} /* 710px */
div.speedtest_popup_contents {text-align:left;margin:0 10px;border:solid 1px #999;padding:15px 20px 15px 20px;} /* auto */

.box .interior .item {margin:.2em 1em .3em 1em;border-bottom:1px dotted #aaa;padding:8px 0 .4em 0;font-size:100%;font-weight:bold;color:#333;}

div.error_note {padding-left:15px;font-size:90%;color:#900;}
.error_input {background: #fff0f0;}

form .choices.line {margin:.3em 1.2em .4em 2em;padding:.2em;background:#daecff;}
form .choices.text {font-size:90%;padding:.4em 0 .2em 40px;}
form .choices.text .note {font-size:80%;padding:.5em 0 0 8px;color:#666;}
form .detail {margin:0 1.2em 0 2.5em;}
form .detail table {border:none;border-collapse:separate;border-spacing:2px;}
form .detail th {font-weight:normal;white-space:nowrap;}

.box > .note {font-size:90%;padding:.4em 0 0 0;color:#333;text-indent:-1em;margin:0 0 0 1em;}

a.link_icon2 {background:url(images/icon_link2.svg) no-repeat left; padding:0 0 0 7px; margin:0 2px;}

div.colum {background:#fffff9; margin:10px 0;border:1px solid #e9aa20; padding:5px; font-size:80%;}

.icon_popup {background:url(images/icon_popup1.svg) left no-repeat;padding:0 0 0 11px;margin: 0 0 0 4px;}
.icon_popup3 {background:url(images/icon_popup3.svg) left no-repeat;padding:0 0 0 11px;margin: 0 0 0 4px;}
.back2top {text-align:center;font-size:90%;margin-top:20px;}
.box .interior .twocolumn {border-collapse:separate;border-spacing:0;width:100%;}
.box .interior .twocolumn td {border-top:1px solid #4397fe;background:#fefeee;color:#004d99;font-size:95%;line-height:1.2em;padding-left:0.5em;}
.box .interior .twocolumn td:first-child {border-right:1px solid #4397fe;background:#fff;text-align:center;}
.box .interior .twocolumn tr:first-child td {border-top:none;}
.box .interior .twocolumn td img {padding:5px 0;}
.box .interior .explanation .arrow {margin-left:2.5em;display:block;}
.box .interior .explanation .note {font-size:90%;color:#999;margin:2em 0 0;display:block;}
.emphasis {color:#a00;}

.specification, .notes {margin:15px 20px 2px;}
.specification table, .notes table {width:100%;border-collapse:collapse;border:none;}	
.specification h3, .notes h3 {border-bottom:1px dotted #AAA;color:#333;font-size:85%;font-weight:bold;margin:0.2em 1em 0.3em;padding:8px 0 0.4em;}
.specification ul, .notes ul {list-style-type: none;margin:0 1em .3em;padding:0;}
.specification ul li, .notes ul li {margin:.2em .2em .2em 1.4em;color:#666;font-size:80%;}
.specification table tr td, .notes table tr td {width:50%;vertical-align:top;}
.specification ul li:before {display: inline-block;width: 1.4em;content:"●";color:#777;margin-left:-1.4em;}
.notes ul li:before {display: inline-block;width: 1.4em;content:"※";color:#777;margin-left:-1.4em;}

.precautions {margin:1em 0 0.5em;}
.precautions h3 {color:#333;font-weight:bold;margin:0.2em 0 0.3em;padding:0;font-size:100%;}
.precautions h3:before {content:"＜";}
.precautions h3:after {content:"＞";}
.precautions .list {margin:.2em .2em .2em 2.4em;color:#333;font-size:95%;text-align: justify;}
.precautions .list:before {display: inline-block;width: 1.4em;content:"※";color:#555;margin-left:-1.4em;}

.precautions .list ul {list-style-type: none;margin:.1em 0 .2em;padding:0;}
.precautions .list ul li {margin:.1em .2em 0 1.4em;color:#333;font-size:90%;}
.precautions .list ul li:before {display: inline-block;width: 1.4em;content:"・";color:#555;margin-left:-1.4em;}


.step {font-size:90%;margin:0 25px 10px 45px;}

.step .item {margin:18px 0 0 0;font-weight:bold;}
.step p {color:#333;margin:2px 0 0 0;line-height:120%;}
.step .note {font-size:80%;color:#555;margin:3px 0 0;}
.manual_contents h2 {clear:both;}
.manual_contents h3 {margin:2em 25px 1.5em 25px;font-size:95%;color:#666;font-weight:bold;border:1px solid #e7e7e7;background:#eee;padding:5px;}
.manual_contents h4 {margin:1em 25px 0.5em 25px;font-size:90%;font-weight:bold;color:#016CEF;}
.manual_contents .under_h4 {margin:0.5em 25px;font-size:90%;line-height:1.5em;}
.manual_contents p {margin:0;}
.manual_contents h5 {margin:0.5em 25px 0 25px;font-weight:bold;color:#333;font-size:90%;}
.manual_contents .under_h5 {margin:0 0 0 40px;line-height:1.5em;font-size:90%;color:#333;}
.manual_contents .under_h5 dl {margin:0.2em 4em 0 2em;}
.manual_contents .under_h5 dl dt {display:list-item;}
.manual_contents .errortable {margin:2em 20px 0 50px;font-size:95%;}
.manual_contents .errortable .title {background:#eee;color:#333;font-weight:bold;padding:0.4em 1em;}
.manual_contents .errortable table {border:1px solid #e7e7e7;border-collapse:collapse;width:100%;}
.manual_contents .errortable table th {background:#F8F8F8;color:#666;padding:0.2em 1em;width:7em;font-weight:normal;border-top:1px solid #e7e7e7;}
.manual_contents .errortable table td {background:#fff;border-top:1px solid #e7e7e7;border-left:1px solid #E7E7E7;color:#666;padding:0.2em 0.5em;}

.manual_contents .under_h4 ol {list-style: none; padding: 0;}
.manual_contents .under_h4 ol > li {counter-increment: cnt;margin-bottom:1.5ex;padding-left: 2.5em;line-height: 1.6;}
.manual_contents .under_h4 ol > li:before {content: counter(cnt) ")";margin-left: -2.5em;margin-right: 0.5em;display:inline-block; width: 2em;text-align: right;font-weight: bold;color: #666;}
.manual_contents .under_h4 ol > li.asterisk {margin-bottom:0.5ex;padding-left: 1.5em;line-height: 1.5;}
.manual_contents .under_h4 ol > li.asterisk:before {content: "※";margin-left: -1.5em;margin-right: 0.5em;display:inline-block; width: 1em;}

.manual_contents span.edge_operation {margin:0.3em;padding: 0.5ex;background-color: #eee;border-radius: 0.5ex;}
.manual_contents span.edge_operation img {height: 2ex;vertical-align:-0.2ex;}

.manual_contents #edge_enable_iemode {margin:1em 1em 1em 0;}
.manual_contents #edge_enable_iemode img {width:100%;}

.manual_contents #edge_switchiemode {width:50%;float:left;}
.manual_contents #edge_reloadiniemode {width:40%;float:right;text-align: center;margin: 0 0 1em;}
.manual_contents #edge_reloadiniemode img {max-width: 300px;width:100%;}
@media all and (max-width: 699px) {
	.manual_contents #edge_switchiemode {width: 100%;float:none;}
	.manual_contents #edge_reloadiniemode {width:100%;float:none;}
}

.text {margin:15px 25px 5px;line-height:120%;}

@media all and (max-width: 699px) {
	.manual_contents h3 {margin:2em 0 1.5em;}
	.manual_contents h4 {margin:1em 0 0.5em;}
	.manual_contents h5 {margin:0.5em 0 0;}
	.manual_contents .under_h5 {margin:0 0 0 0;}
	.manual_contents .under_h4 {margin:0.5em 0;}
	.manual_contents .under_h5 dl {margin:0.2em 10px 0 2em;}
	.manual_contents .under_h5 dl dd {margin:0 0 5px 10px;}
	.manual_contents .errortable {margin:2em 0 0;font-size:95%;}
	.text {margin:10px 5px 5px;}
	.manual_contents .errortable table th {padding:0.2em 0.5em;}
}

.wordsoverimgframe {height: 300px;}
.wordsoverimg {padding:0;position:relative;margin:3px auto;}
.wordsoverimg p {margin:0;padding:0;position:absolute;}

@media all and (max-width: 550px) {
	.wordsoverimgframe {height: 240px;}
	.wordsoverimg {transform:scale(0.8);transform-origin:top left;}
}
@media all and (max-width: 440px) {
	.wordsoverimgframe {height: 192px;}
	.wordsoverimg {transform:scale(0.64);transform-origin:top left;}
}
@media all and (max-width: 352px) {
	.wordsoverimgframe {height: 150px;}
	.wordsoverimg {transform:scale(0.5);transform-origin:top left;}
}

/*** フッター ***/

.footer {margin:10px 1em 0 1em;padding-top:10px;text-align:right;font-size:17px;color:#333;}
.footer .radishText {display:block;width:86px;margin:0 0 0 auto;text-align:center;position:relative;white-space:nowrap;font-size:14px;top:2px;}
.footer .radishLogo {position:relative;top: 4px;}
.footer .radishLogo img {width:86px;height:32px;border:0;}
.footer .radishText a {color:#999;text-decoration:none;}
.footer .radishText a:hover {color:#c00;text-decoration:underline;}

div.BoxSubmit {margin:1em 1em .5em;text-align:center;}
div.BoxSubmit hr {margin-bottom:1em;}

div.UserData div.DataItem {text-indent:-1em;margin-left:1em;}
div.UserDataModify {font-size:88%;white-space:nowrap;float: right;}
span.UserDataHeader {font-size:85%;color:#666666;}
span.UserDataValue {font-size:85%;color:#000099;}
span.UserDataValueNote {font-size:85%;color:#666666;}
span.UserDataValueAlert {font-size:85%;color:#990000;}

/*** 個別ページ用 ***/

/* index */

/* regist */

#registerForm .detail {padding-left:1.5em;margin-top:0.7em;margin-bottom:1.2em;}
#registerForm .detail .ItemTitle {padding:0;margin:0.7em 0 0.3em 0;line-height:100%;font-size: 100%;}
#registerForm .detail .ItemSelect {padding:0;margin:0.3em 0 0.3em 0;line-height:100%;font-size: 100%;}
#registerForm .detail .ItemSelect select {max-width: 98%;}
#registerForm .detail .ItemSelect .ItemSelectSub {padding-left:1.5em;margin:0.5em 0;color:#666;}
#registerForm .detail .ItemSelect .ItemSelectSub div {padding:0;margin:0.2em 0 0.2em 0;}
#registerForm .detail .ItemSelect input {max-width: 95%;}
#registerForm .detail .ItemSelect .note {font-size:80%;color:#bb7777;}
#registerForm .detail .choices.line {margin:.3em 0 .4em 0;padding:.2em 0;background:#daecff;}

/* setting */
div.SettingUserData {line-height:120%;position:relative;}

.reachabilityFalse {color:#999;}
.clientTypeDisable {color:#999;}
.repeatSetDisable {color:#999;}

#radishNetspeedClientTypeJAonHttps p {margin:0 .5em;line-height:120%;font-size:120%;color:#990000;}
#radishNetspeedNoClientTypes p,#radishNetspeedNoClientTypeJAonHttps p {margin:0.05em 1em;font-size:120%;color:#333333;}
#radishNetspeedNoClientTypes p.error_note,#radishNetspeedNoClientTypeJAonHttps p.error_note {margin-left:0;font-weight:bold;color:#990000;}
#radishNetspeedNoClientTypeJS p,#radishNetspeedNoClientTypeJA p {margin:0 .5em;line-height:120%;}
#radishNetspeedSelectHttp p {margin:0 .5em;line-height:120%;}

span.UserDataValue .IPInfoIPAddrChecking {color:#333333;}
span.UserDataValue .IPInfoIPAddrNotSupported {color:#999999;}
span.UserDataValue .IPInfoIPAddr {color:#000099;}
span.UserDataValue .IPInfoHostname {color:#666666;}
span.UserDataValue .IPInfoNoHostname {color:#999999;}

/* speedtest */

div.SpeedtestHint {margin:.5em 3em;color:#016CEF;font-size:95%;font-weight:bold;}
div.SpeedtestHint {margin:2em 3em .5em 3em;}
div.SpeedtestHint p {margin:.5em 0 .5em 1.4em;color:#016CEF;font-size:95%;font-weight:bold;}
div.SpeedtestHint p:before {display: inline-block;width: 1.4em;content:"■";color:#016CEF;margin-left:-1.4em;}

.SpeedtestInfo table {border-collapse: separate;border-spacing:0 1em;margin:1em auto;}
.SpeedtestUserData {background:#F0F0F0;padding:1em;line-height:120%;position:relative;}
.SpeedtestUserData .UserDataModify {font-weight:bold;}
td.SpeedtestInfo1 {padding:1em;background:#DAECFF;text-align:left;}
td.SpeedtestInfo1 .mode {margin-bottom: 1em;margin-right: 4em;font-weight:bold;}
td.SpeedtestInfo1 .setting div {margin-top: .1em}
td.SpeedtestInfo1 .SpeedtestSettingModify {float:right;font-size:88%;margin-top:0.12ex;white-space:nowrap;font-weight:bold;text-align:right;}
td.SpeedtestInfo2 .time {margin-bottom: 1em;}
td.SpeedtestInfo2 .note {font-size:80%; color:#999999;}
td.SpeedtestInfo2 {padding-left:1em;text-align:center;}
td.SpeedtestInfo3 {text-align:left;vertical-align:middle;}


div.SetSettingBack {position:fixed;top:0px;left:0px;width:100%;height:100%;background:#000;opacity:0.5;color:#fff;z-index:101;}
div.SetSetting {position:absolute;top:150px;left:0px;width:100%;}
div.SetSetting1 {position:relative;margin:0 auto;width:600px;max-width:100%;}
div.SetSetting2 {position:absolute;margin:0;width:100%;border: solid 1px #d1d1d1;background:#fff;padding:5px;;z-index:102;}

div.SetSetting2 h1 {position:relative;margin:0;padding:.5em .7em;background:#ddd;font-size:100%;font-weight:bold;color:#444;white-space:nowrap;}
div.SetSetting2 form {padding:.5em .6em;font-size:90%;color:#333333;}
div.SetSetting2 .item {margin:.2em 1em .3em 1em;border-bottom:1px dotted #aaaaaa;padding:8px 0 .4em 0;font-size:100%;font-weight:bold;color:#333;}
div.SetSetting2 div.SettingSubmit {margin:2em 0 1em 0;text-align:right;}
div.SetSetting .close {position: absolute;top: 10px;right: 12px;cursor: pointer;}
div.SetSetting .close img {height:16px;}

div.AppletBorder {width:400px;border:solid 1px #666666;margin:2em auto;padding:5px;}

#AppletArea {height:100px;width:auto;margin:0 auto;}

div.AppletMain {background:#fff8e0;padding:7px;color:#333;}

#radishNetspeedBackground {margin:0;position:relative;width:auto;background:#fff8e0;font-size:12px;color:#444;}
#radishNetspeedPanelMain {height:100px;}
#radishNetspeedPanelMeasure {padding:10px 15px;}
#radishNetspeedPanelMeasureContent {position:relative;}
#radishNetspeedStatusText {float:left;margin:0 0 5px;}
#radishNetspeedStatusNote {float:right;margin:0 0 5px;}
#radishNetspeedProgressindicator {clear:both;background:#fff;border:solid 1px #666666;margin:12px auto;padding:1px;text-align:left;}
#radishNetspeedProgressbar {width:50%;height:12px;background:#a5b5c5;}
#radishNetspeedButtonFrame {margin:12px auto 0px auto;text-align:center;}
#radishNetspeedButtonFrame input {width:6.5em;}
#radishNetspeedPanelLinkToAbout {position:absolute;right:0;bottom:0;font-size:12px;}
#radishNetspeedPanelLinkToAbout a {color:#666;text-decoration:none;}
#radishNetspeedPanelLinkToAbout a:hover {color:#009;text-decoration:underline;}
#radishNetspeedPanelInfo {padding-left:1%;padding-right:1%;display:none;}
#radishNetspeedPanelResult {height:0;border:1px solid #999;background:#ffffff;resize:none;overflow:scroll;white-space:pre;color:#333;}
#radishNetspeedPanelAbout {position:absolute;top:0;left:0;height:100%;width:100%;}
#radishNetspeedPanelAboutContent {position:relative;padding-left:1%;padding-right:1%;}
#radishNetspeedPanelLinkBack {position:absolute;right:1%;top:10px;font-size:12px;}
#radishNetspeedPanelLinkBack a {color:#666;text-decoration:none;}
#radishNetspeedPanelLinkBack a:hover {color:#009;text-decoration:underline;}
#radishNetspeedVersionView {margin-top:0;font-size:14px;line-height:14px;}
#radishNetspeedClientTypeLavel {margin-left:2em;}
#radishNetspeedProtocol {margin-top:.1em;font-size:14px;line-height:14px;}
#radishNetspeedLicenceView{margin-top:.5em;font-size:16px;line-height:16px;}
#radishNetspeedCopyrightView {margin-top:.5em;font-size:14px;line-height:14px;}
#radishNetspeedCopyrightView a {margin-left:0.6em;color:#900;text-decoration:none;}
#radishNetspeedCopyrightView a:hover {color:#c00;text-decoration:underline;}

#radishNetspeedPanelNotSupported {position:absolute;top:0;left:0;border: solid 3px #F00;background:#fff;font-size:12px;font-weight:bold; padding:5px;}
#radishNetspeedPanelNotSupportedContent {background:#f0f0f0;position:relative;}
#radishNetspeedPanelNotSupported_icon {position:absolute;top:0;left:0;width:40px;text-align:center;font-size:36px;color:#F00;}
#radishNetspeedPanelNotSupported_note {position:relative;margin-left:40px;margin-right:15px;line-height:140%;}
#radishNetspeedPanelJavaScriptNotSupported {position:absolute;top:0;left:0;border: solid 3px #F00;background:#fff;font-size:12px;font-weight:bold; padding:5px;}
#radishNetspeedPanelJavaScriptNotSupportedContent {background:#f0f0f0;position:relative;}
#radishNetspeedPanelJavaScriptNotSupported_icon {position:absolute;top:0;left:0;width:40px;text-align:center;font-size:36px;color:#F00;}
#radishNetspeedPanelJavaScriptNotSupported_note {position:relative;margin-left:40px;margin-right:15px;line-height:140%;}
#radishNetspeedPanelJavaAppletNotSupported {position:absolute;top:0;left:0;border:solid 3px #F00;background:#fff;font-size:12px;font-weight:bold;padding:5px;}
#radishNetspeedPanelJavaAppletNotSupportedContent {background:#f0f0f0;position:relative;}
#radishNetspeedPanelJavaAppletNotSupported_icon {position:absolute;top:0;left:0;width:40px;text-align:center;font-size:36px;color:#F00;}
#radishNetspeedPanelJavaAppletNotSupported_note {position:relative;margin-left:40px;margin-right:15px;line-height:140%;}

div.nojava {margin:5px;border: solid 3px #FF0000;background:#FFF;padding:5px;font-size:12px;font-weight:bold;}
div.nojava_box {position:relative;background:#f0f0f0;padding:5px;}
div.nojava_icon {position:absolute;top:15px;left:0;width:40px;text-align:center;font-size:36px;color:#F00;}
div.nojava_note {position:relative;margin-left:40px;line-height:140%;}

#radishNetspeedPanelManualResult {width:auto;margin:.5em auto 0.2em auto;font-size:12px;color:#777;}
#radishNetspeedPanelManualResult a {color:#116;text-decoration:none;}
#radishNetspeedPanelManualResult a:hover {color:#c00;text-decoration:underline;}

#radishNetspeedRepeatSetJS p {margin:0 .5em;line-height:120%;}

.AppletRepeat #AppletArea {height:250px;}
.AppletRepeat #radishNetspeedPanelMain {height:250px;}
.AppletRepeat #radishNetspeedPanelInfo {display:block;}
.AppletRepeat #radishNetspeedPanelResult {height:150px;}
.AppletRepeat #radishNetspeedResult {padding: 0.2em;color:#333;font-size:100%;line-height:110%;}
.AppletRepeat #radishNetspeedResult .ResultBatchLine {margin-left: 7em;text-indent: -7em;}
.AppletRepeat #radishNetspeedResult a {display:block;color:#333;text-decoration:none;}
.AppletRepeat #radishNetspeedResult a:hover {background:#eee;color:#000;text-decoration:none;}
.AppletRepeat #radishNetspeedResult .ResultBatch {white-space: nowrap;}
.AppletRepeat #radishNetspeedResult .ResultTimeHeader {display: inline-block;min-width: 7em;text-align: right;}
.AppletRepeat #radishNetspeedResult .ResultBatchLine .ResultTimeHeader {margin-left: 0;text-indent: 0;}
.AppletRepeat #radishNetspeedResult .ResultData {margin-left: 0.5em;}
.AppletRepeat #radishNetspeedResult .ResultDetails {display: inline-block;min-width: 8em;margin-left: 0.5em;}
.AppletRepeat #radishNetspeedResult .ResultBatchLine .ResultDetails {margin-left: 0.5em;text-indent: 0;}

#ShowResultDetail {font-size:88%;margin-top:0.5em;white-space:nowrap;font-weight:bold;}
#ShowResultDetail a {color:#999;}

/* result */

.netspeed_result {max-width:680px;margin:2em auto 0 auto;padding:15px 0;}
.netspeed_result_mode_rw .netspeed_result_down,.netspeed_result_mode_rw .netspeed_result_up {width:50%;float:left;}
.netspeed_result_mode_r .netspeed_result_down, .netspeed_result_mode_w .netspeed_result_up {width:600px;clear:both;position:relative;margin-right:auto;margin-left:auto;margin-bottom:15px;}
.netspeed_result_down > div,.netspeed_result_up > div {margin-left:auto;margin-right:auto;width:350px;}
.netspeed_result_down > .caption,.netspeed_result_up > .caption {background:#4397FE;color:#fff;font-weight:bold;font-size:110%;line-height:22px;padding:4px 0 2px 0;}
.netspeed_result_mode_rw .netspeed_result_down > .caption, .netspeed_result_mode_rw .netspeed_result_up > .caption {margin:0 auto;text-align:center;}
.netspeed_result_mode_r .netspeed_result_down > .caption, .netspeed_result_mode_w .netspeed_result_up > .caption {margin:0;text-align:left;width:595px;padding-left:5px;background:#4397FE;}
.netspeed_result_mode_r .netspeed_result_value, .netspeed_result_mode_w .netspeed_result_value {float:left;margin:0px 0 0 0;width:300px;}
.netspeed_result_mode_r .netspeed_result_graph, .netspeed_result_mode_w .netspeed_result_graph {float:left;margin:6px 0 0 0;padding:3px 0 0;width:300px;}
.netspeed_result_graph {margin-top:16px;}
.netspeed_result_report {clear:both;}

#netspeed_result_report_box {font-size:16px;line-height:18px;}
.ReportDataBorder {padding:10px;}
#netspeed_result_report_scroll_outer {width:100%;overflow-x:auto;overflow-y:hidden;background:#eee;}
#netspeed_result_report_data {padding:10px;font-family: monospace;color:#222;white-space:nowrap;}

div.ResulttHint {margin:.5em 1.5em;color:#666;font-size:95%;}

.result_date {width: 100%;margin-bottom:1em;border:none;border-collapse:collapse;}
.netspeed_result td {white-space:nowrap;}
.netspeed_result_value table{border-collapse:separate;border-spacing:0 3px;border:none;width:100%;}
.netspeed_result_value th {white-space:nowrap;background:#dddddd;text-align:left;padding:.3em 5px .3em 5px;font-weight:normal;margin-right:3px;}
.netspeed_result_value td {padding:0 0 0 0.5em;text-align:left;}
.netspeed_result_value .field_name {display:inline-block;width:4em;text-align:center;}
.netspeed_result_value .emphasis {color:#006;font-weight:bold;}
.netspeed_result_value .addition {color:#333;font-weight:normal;font-size:80%;}
.netspeed_result_value_speed .emphasis {font-size:150%;}
.netspeed_result_graph {text-align:center;vertical-align:bottom;}
.netspeed_result_graph .caption {vertical-align:top;white-space:nowrap;float:left;}
.netspeed_result_graph .legend {float:right;width:2em;white-space:nowrap;padding-right:10px;}
.netspeed_result_graph .legend div {text-align:center;font-size:80%;margin-bottom:3px;line-height:150%;}
.netspeed_result_graph .plot {padding-left:2px;vertical-align:bottom;border-left:solid 1px #444;border-bottom:solid 1px #444;white-space:nowrap;text-align:left;}
.netspeed_result_graph .axis_x {font-size:80%;text-align:left;}
#netspeed_result_report_background {background:rgba(0,0,0,0.5);width:100%;height:100%;position:fixed;top:0;left:0;display:none;z-index:101;}
#netspeed_result_report_box {width:100%;position:absolute;left:0;top:100px;height:0;display:none;z-index:105;}
#netspeed_result_report_box > div {max-width:560px;margin:0 auto;padding:5px;background:#ffffff;text-align:left;overflow:hidden;}
#netspeed_result_report_box h2 {position:relative;margin:0;padding:.5em .7em;background:#ddd;font-size:16px;line-height:18px;font-weight:bold;color:#444;white-space:nowrap;}
.netspeed_result_report_close {position:absolute;top:10px;right:12px;cursor:pointer;}
.netspeed_result_report_close img {width:16px;height:16px;}
#netspeed_result_report_host_unmasked {display:none;}
#netspeed_result_report_mask {margin:0px auto 20px;font-size:14px;}

div.ResultDetailBack {position:fixed;top:0px;left:0px;width:100%;height:100%;background:#000;opacity:0.5;color:#fff;z-index:101;}
div.ResultDetail {position:absolute;top:150px;left:0px;width:100%;box-sizing: border-box;}
div.ResultDetail1 {position:relative;margin:0 auto;width:760px;max-width:100%;}
div.ResultDetail2 {position:absolute;margin:0;width:100%;padding:5px;z-index:102;box-sizing: border-box;}

#ResultDetailFrame {width:100%;height:700px;border:none;}

body.ResultDetailFrame {margin: 0;}
body.ResultDetailFrame .netspeed_result .box {position:fixed;top:0px;left:0px;width:100%;max-width:none;height:100%;margin: 0;border: solid 1px #d1d1d1;background:#fff;padding:5px;box-sizing:border-box;}
body.ResultDetailFrame .netspeed_result .box .inner_box {max-width:690px;margin:0 auto;padding:15px 0;}
body.ResultDetailFrame .box .title {position:relative;}
body.ResultDetailFrame .close {position: absolute;top: 10px;right: 12px;cursor: pointer;}
body.ResultDetailFrame .close img {height:16px;}

body.ResultDetailFrame #netspeed_result_report_box {top:50px;}

/* reject */
div.RejectBorder {max-width:560px;text-align:left;border:solid 1px #999999;margin:50px auto;padding:10px;}
div.RejectMassage {background:#eee;padding:3em 30px;color:#222;}