/* reset
----------------------------------------------------------- */

*{
	margin:0;
	padding:0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

body {
	font-family:'メイリオ','meiryo',"ＭＳ Ｐゴシック","MS PGothic",'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', Osaka, sans-serif;
	font-size:100%;
	text-align:left;
	line-height:1.3;
	word-wrap:break-word;
	}

table{
	}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight: bold;
	}

p,ul,ol,dl{
	font-size:100%;
	}

strong{
	font-weight:bold;
	}

em{
	font-weight:bold;
	font-style:normal;
	}

li{
	list-style-type:none;
	}

img{
	vertical-align:middle;
	border:none;
	}

sup{
	}

fieldset{
	border:none;
	}

textarea,
input,
select{
	background:#EFF8FE;
	margin:5px;
	padding:10px;
	border: 1px solid #5FB6F5;
	font-family:'メイリオ','meiryo',"ＭＳ Ｐゴシック","MS PGothic",'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', Osaka, sans-serif;
	font-size:100%;
	text-align:left;
	line-height:1.3;
	vertical-align:middle;
	}

input[type="file"]{
	width:80%;
	}

input[type="file"]:disabled{
	}

option {
	background:#FFFFFF;
	}

* html input{
	line-height:1;
	}

hr{
	border-width: 1px 0 0 0;
	height:1px;
	}

abbr{
	border-bottom:1px dotted #000000;
	}

a{
	color:#176EB3;
	text-decoration:underline;
	}

a:link{
	}

a:visited{
	}

a:hover{
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	-moz-opacity:0.7;
	opacity:0.7;
	zoom:1;
	text-decoration: none;
	}

a:active{
	text-decoration: none;
	}

address{
	font-style: normal;
	}

table {
	width: 100%;
	border-collapse: collapse;
	}

th,
td {
	padding:5px 10px 3px;
	border:1px solid #BDBDBD;
	font-weight: normal;
	text-align: left;
	word-break:break-all;
	}

th {
	background:#F6F6F6;
	width: 40%;
	}
	
.alertBox {
	border:none;
	color:#AE1C17;
}

.alertBox th,
.alertBox td{
	border:none;
	color:#AE1C17;
	}

.wAuto th,
th.wAuto {
	width: auto !important;
	}

td {
	background:#FFFFFF;
	}

.small{
	font-size: 80%;
	}

.large{
	font-size: 120%;
	}

.center{
	text-align:center;
	}

.right{
	text-align:right;
	}

.inner {
	position: relative;
	max-width:980px;
	margin: 0 auto;
	}

.inline {
	display:inline-block !important;
	margin:5px !important;
	vertical-align:middle;
	}

*+html #mainContents .inline,
*+html #MODAL-area .inline{
	display:inline !important;
}

*+html #mainContents .inline .btn,
*+html #MODAL-area .inline .btn{
	display:inline-block !important;
}

.block {
	display:block !important;
	margin:0;
	}

.mL{
	margin-bottom:60px !important;
	}

.mM{
	margin-bottom:30px !important;
	}

.mNormal{
	margin-bottom:20px !important;
	}

.mS{
	margin-bottom:10px !important;
	}

.mNone{
	margin-bottom:0 !important;
	}

.external {
	display: inline-block;
	padding-left: 25px;
	}

.hide {
	display:none;
	}

.defHide {
	display:none;
	}

img.help {
	display: inline-block;
	position: relative;
	width: 30px;
	z-index: 10;
	cursor: pointer;
	}

.btn {
	position:relative;
	display: block;
	background: #666666;
	min-height: 18px;
	max-width:190px;
	padding:9px 05px 10px;
	border-radius:					5px;
	-ms-border-radius:			5px;
	-o-border-radius:				5px;
	-moz-border-radius:			5px;
	-webkit-border-radius:	5px;
	box-shadow: 0px -5px 0 0 #444444 inset;
  -webkit-box-shadow: 0px -5px 0 0 #444444 inset;
  -moz-box-shadow: 0px -5px 0 0 #444444 inset;
	-ms-box-shadow: 0px -5px 0 0 #444444 inset;
	-o-box-shadow: 0px -5px 0 0 #444444 inset;
	text-shadow: 1px 1px 1px #000000;
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;
	text-align: center;
	text-decoration:none;
	line-height:1.6;
	cursor:pointer;
	}

.btn.red {
	background: #AE1C17;
	box-shadow: 0px -5px 0 0 #75110F inset;
  -webkit-box-shadow: 0px -5px 0 0 #75110F inset;
  -moz-box-shadow: 0px -5px 0 0 #75110F inset;
	-ms-box-shadow: 0px -5px 0 0 #75110F inset;
	-o-box-shadow: 0px -5px 0 0 #75110F inset;
	}

.btn.blue {
	background: #176EB3;
	box-shadow: 0px -5px 0 0 #114E80 inset;
  -webkit-box-shadow: 0px -5px 0 0 #114E80 inset;
  -moz-box-shadow: 0px -5px 0 0 #114E80 inset;
	-ms-box-shadow: 0px -5px 0 0 #114E80 inset;
	-o-box-shadow: 0px -5px 0 0 #114E80 inset;
	}

.btn.green {
	background: #27771E;
	box-shadow: 0px -5px 0 0 #21601E inset;
  -webkit-box-shadow: 0px -5px 0 0 #21601E inset;
  -moz-box-shadow: 0px -5px 0 0 #21601E inset;
	-ms-box-shadow: 0px -5px 0 0 #21601E inset;
	-o-box-shadow: 0px -5px 0 0 #21601E inset;
	}

.btn.light {
	background: #ECECEC;
	box-shadow: 0px -5px 0 0 #BDBDBD inset;
  -webkit-box-shadow: 0px -5px 0 0 #BDBDBD inset;
  -moz-box-shadow: 0px -5px 0 0 #BDBDBD inset;
	-ms-box-shadow: 0px -5px 0 0 #BDBDBD inset;
	-o-box-shadow: 0px -5px 0 0 #BDBDBD inset;
	text-shadow: none;  
	color:#000000;
	}

.btn.icon {
	background: none;
	width: 61px;
	box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	text-shadow: none;
	color: #666666;
	font-size: 80%;
	}

.btn.disabled,
.btn.off {
	background: #F6F6F6;
	border:1px solid #BDBDBD;
	box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	text-shadow: none;
	color:#666666;
	cursor:default;
	}

.btn.midium {
	max-width:170px;
	font-size:100%;
	}

.btn.small {
	max-width:150px;
	padding-top:6px;
	font-size:90%;
	}

.btn.wide{
	max-width:240px;
	}

.btn.wide.midium{
	max-width:220px;
	}

.btn.wide.small{
	max-width:190px;
	}

.inline .btn {
	min-width:190px;
	}

.inline .btn.midium {
	min-width:170px;
	}

.inline .btn.small {
	min-width:110px;
	}

.btn:hover {
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	-moz-opacity:0.7;
	opacity:0.7;
	}

.btn.disabled:hover,
.btn.off:hover {
	filter:alpha(opacity=100);
	-ms-filter:"alpha(opacity=100)";
	-moz-opacity:1;
	opacity:1;
	cursor: default;
	}
	
.btn:active {
	background: #444444;
	box-shadow: 0px 5px 0 0 #000000 inset;
  -webkit-box-shadow: 0px 5px 0 0 #000000 inset;
  -moz-box-shadow: 0px 5px 0 0 #000000 inset;
	-ms-box-shadow: 0px 5px 0 0 #000000 inset;
	-o-box-shadow: 0px 5px 0 0 #000000 inset;
	filter:alpha(opacity=100);
	-ms-filter:"alpha(opacity=100)";
	-moz-opacity:1;
	opacity:1;
	}
	
.btn.red:active {
	background: #75110F;
	box-shadow: 0px 5px 0 0 #550D0B inset;
  -webkit-box-shadow: 0px 5px 0 0 #550D0B inset;
  -moz-box-shadow: 0px 5px 0 0 #550D0B inset;
	-ms-box-shadow: 0px 5px 0 0 #550D0B inset;
	-o-box-shadow: 0px 5px 0 0 #550D0B inset;
	}
	
.btn.blue:active {
	background: #114E80;
	box-shadow: 0px 5px 0 0 #0B3455 inset;
  -webkit-box-shadow: 0px 5px 0 0 #0B3455 inset;
  -moz-box-shadow: 0px 5px 0 0 #0B3455 inset;
	-ms-box-shadow: 0px 5px 0 0 #0B3455 inset;
	-o-box-shadow: 0px 5px 0 0 #0B3455 inset;
	}
	
.btn.green:active {
	background: #21601E;
	box-shadow: 0px 5px 0 0 #184314 inset;
  -webkit-box-shadow: 0px 5px 0 0 #184314 inset;
  -moz-box-shadow: 0px 5px 0 0 #184314 inset;
	-ms-box-shadow: 0px 5px 0 0 #184314 inset;
	-o-box-shadow: 0px 5px 0 0 #184314 inset;
	}
	
.btn.light:active {
	background: #BDBDBD;
	box-shadow: 0px 5px 0 0 #9A9A9A inset;
  -webkit-box-shadow: 0px 5px 0 0 #9A9A9A inset;
  -moz-box-shadow: 0px 5px 0 0 #9A9A9A inset;
	-ms-box-shadow: 0px 5px 0 0 #9A9A9A inset;
	-o-box-shadow: 0px 5px 0 0 #9A9A9A inset;
	}

.btn.disabled:active,
.btn.off:active {
	background: #F6F6F6;
	box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	cursor:default;
	}

.btn.icon:active {
	background: none;
	box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	text-shadow: none;
	}

.sideBtn .btn{
	position:absolute;
	top:8px;
	right:10px;
	display:block;
	float:right;
	background:#FFFFFF;
	min-width:120px;
	padding:8px 5px 5px;
	box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	text-shadow: none;
	color:#176EB3;
	font-size:61%;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	line-height:1.3;
	}

.sideBtn .btn.open{
	background:#176EB3;
	color:#FFFFFF;
	}

.sideBtn .btn.research,
.sideBtn .btn.open,
.sideBtn .btn.close,
.sideBtn .btn.short{
	min-width:80px;
	}

.sideBtn .btn span {
	display:inline;
	}

.sideBtn .btn .iconMark {
	display:inline-block;
	width:19px;
	height:auto;
	margin-right:3px;
	}

.sideBtn .btn .SPiconMark {
	display:none;
	width:51px;
	height:auto;
	margin:0;
	}

h2.sideBtn .btn {
	top:6px;
	padding-top:7px;
	padding-bottom:5px;
	border:1px solid #176EB3;
	font-size:75%;
	}

.center .btn{
	margin-left:auto;
	margin-right:auto;
	}

.right .btn{
	margin-left:auto;
	}

.icon img {
	display: block;
	margin: 0 auto;
	}

.btn.icon .iconMark {
	display: block;
	}

.btn.icon .SPiconMark {
	display: none;
	}

/* #MODAL-area
----------------------------------------------------------- */

#MODAL-area{
	display:none;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:9999;
}

#MODAL-area #MODAL-base{
	position:fixed;
	top:0;
	left:0;
	background-color:#000000;
	height:100%;
	width:100%;
	filter:alpha(opacity=50);
	-ms-filter:"alpha(opacity=50)";
	-moz-opacity:.5;
	opacity:.5;
	z-index:10;
}

#MODAL-area .MODAL-Box{
	display:none;
	position:relative;
	top:10%;
	background-color:#FFFFFF;
	width:90%;
	max-width:600px;
	margin:0 auto 10%;
	border-radius:			10px;
	-ms-border-radius:		10px;
	-o-border-radius:		10px;
	-moz-border-radius:		10px;
	-webkit-border-radius:	10px;
	z-index:100;
}

#MODAL-area .MODAL-Box h3{
	margin-bottom:10px;
}

#MODAL-area .MODAL-Box p{
	margin-bottom:30px;
}

#MODAL-area .MODAL-Box .MODAL-inner{
	position:relative;
	max-width:400px;
	margin:0 auto;
	padding:10%;
}

#MODAL-area .modalAlert .MODAL-inner{
	background:url(../images/icon_attention.png) 10px 20px no-repeat;
	padding-top:65px;
}

#wrapper{
	top:0;
	width:100%;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
}

.MODAL-show #wrapper{
}

.MODAL-show #MODAL-area{
	display:block;
}

.MODAL-show #MODAL-area .MODAL-Box.MODAL-current{
	display:block;
}


/* #header
----------------------------------------------------------- */

#header {
	position: relative;
	background: #F6F6F6;
	width: 100%;
	z-index: 100;
	zoom: 1;
	}

#header .inner {
	background: url(../images/logo_aterm.png) 99% 10px no-repeat;
	min-height: 70px;
	color: #666666;
	}

/*
.popup #header .inner {
	min-height: 60px;
	}
*/
#header .inner .icon img {
	width:40px;
	height:auto;
	}
/*
#header .inner h1,
#header .inner #thisProduct,
#header .inner #btnCondition,
#header .inner #btnHome,
#header .inner #btnHowto,
#header .inner #iconBattery,
#header .inner #iconSim,
#header .inner #iconCom,
#header .inner #btnSave,
#header .inner #btnLogout {
	position: absolute;
	}*/

#header .inner h1 {/*
	left: 10px;
	top: 15px;*/
	padding-left:10px;
	padding-top:15px;
	font-size: 140%;
	font-weight: bold;
	}

#header .inner h1.familysmile {
	top:10px;
	width:188px;
	}

#header .inner h1.familysmile img {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	}

#header .inner #thisProduct {
	float:left;
	width:20%;
	padding:0 5px 5px 2.016%;
	font-size: 90%;
	line-height: 1.2;
	word-break:break-all;
	}

#header .inner .functionBtn {
	position:relative;
	float:left;
	width:60%;
	}

#header .inner #btnCondition {
	float:left;
	/*
	left: 170px;
	bottom: 10px;*/
	width: 75px;
	font-size:90%;
	}

#header .inner #btnCondition .btn {
	padding: 10px 5px 10px 15px;
	text-align: left;
	}

#header .inner .btn {
	font-size:100%;
	line-height:1.3;
	}

#header .inner .btn.icon {
	font-size:80%;
	}

#header .inner #btnHome {
	float:none;
	position:absolute;
/* NEC
	right: 44.88%;
*/
	right: 65px;/*
	bottom: 5px;*/
	}

#header .inner #btnHowto {
	float:none;
	position:absolute;
/* NEC
 	right: 36.72%; 
*/
 	right: 0;/* 

	bottom: 5px;*/
	}

#header .inner #btnSave {
	right: 16.32%;
	bottom: 20px;
	width: 17.34%;
	font-size:120%;
	}

#header .inner #btnSave .btn {
	}

#header .inner #btnSave .btn.off {
	}

#header .inner #btnLogout {
	float:right;
	padding:10px 2.016% 10px 0;
	width: 13.77%;
	font-size: 90%;
	}

#header .inner #btnLogout .btn {
	padding: 12px 5px;
	}

#header .inner #headerSwitch{
	display: none;
	background: url(../images/icon_headerswitch.png) center center no-repeat #666666;
	height: 60px;
	width: 70px;
	border-radius:					0 0 10px 10px;
	-ms-border-radius:			0 0 10px 10px;
	-o-border-radius:				0 0 10px 10px;
	-moz-border-radius:			0 0 10px 10px;
	-webkit-border-radius:	0 0 10px 10px;
	cursor: pointer;
	}

#header.hided .inner #headerSwitch{
	background: url(../images/icon_headerswitch_off.png) center center no-repeat #666666;
	}


/* #footer
----------------------------------------------------------- */

#footer {
	background: #F6F6F6;
	}

.popup #footer {
	border-top: 1px solid #ECECEC;
	}

#footer .inner {
	min-height: 80px;
	color: #666666;
	}

#footer .footerEnd {
	background-color: #FFFFFF;
	}

#footer .footerEnd .inner {
	min-height:0;
	padding:10px 0;
	}

#footer .inner .icon img {
	width:40px;
	height:auto;
	}

#footer .inner .btn {
	font-size:100%;
	line-height:1.3;
	}

#footer .inner .btn.icon {
	font-size:80%;
	}

#footer .inner .functionBtn {
	position:relative;
	float:left;
	width:67%;
	}

#footer .inner #btnHomeFooter {
	float:left;
	}

#footer .inner #btnHowtoFooter {
	float:left;
	}

#footer .inner #btnSaveFooter {
	right: 16.32%;
	top: 15px;
	height:40px;
	width: 17.34%;
	font-size:120%;
	}

#footer .inner #btnSaveFooter .btn {
	}

#footer .inner #btnLogoutFooter {
	float:right;
	padding:10px 2.016% 10px 0;
	width: 13.77%;
	font-size: 90%;
	}

#footer .inner #btnLogoutFooter .btn {
	padding: 12px 5px;
	}


/* .footerLink -------------- */

#footer .footerLink {
	background: #ECECEC;
	background: linear-gradient(top, #FFFFFF, #F6F6F6);
	background: -ms-linear-gradient(top, #FFFFFF, #F6F6F6);
	background: -moz-linear-gradient(top, #FFFFFF, #F6F6F6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F6F6F6));
	padding: 5px 0;
	text-align: center;
	}

#footer .footerLink a {
	color:#176EB3;
	font-weight: bold;
	text-decoration:none;
	}

#footer .footerLink a:hover {
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	-moz-opacity:0.7;
	opacity:0.7;
	zoom:1;
	}


/* .copyright -------------- */

#footer .copyright {
	float:left;
	background: #FFFFFF;
	padding-left: 10px;
	padding-top: 10px;
	color: #666666;
	font-size: 70%;
	text-align: left;
	}


/* .logo -------------- */

#footer .logo {
	float:right;
	background: #FFFFFF;
	padding-left: 10px;
	padding-top: 10px;
	text-align: right;
	}

#footer .logo img {
	width:92px;
	height:auto;
	margin:0 auto;
	zoom:1;
	}


/* #mainContents
----------------------------------------------------------- */

#mainContents {
	max-width: 956px;
	margin: 0 auto;
	padding: 20px 12px;
	font-size:105%;
	}

#mainContents .linkMark,
#mainContents .externalMark,
#mainContents .attentionMark {
	display:inline-block;
	text-indent:-23px;
	padding-left:23px;
	vertical-align:middle;
	}

#mainContents .iconLvl {
	width:40px;
	height:40px;
	}

#mainContents .linkMark .iconMark,
#mainContents .externalMark .iconMark,
#mainContents .attentionMark .iconMark {
	display:inline-block;
	width:23px;
	height:auto;
	margin-right:3px;
	}

#mainContents .attentionMark .iconMark {
	padding-bottom:3px;
	}

#mainContents .attention,
#mainContents .attentionMark {
	color:#AE1C17;
	}

#mainContents .okMessage {
	color:#27771E;
	}

#mainContents .borderBox {
	position:relative;
	margin:0 0 20px;
	padding:20px 0 1px;
	border:1px solid #ECECEC;
	border-radius:					10px;
	-ms-border-radius:			10px;
	-o-border-radius:				10px;
	-moz-border-radius:			10px;
	-webkit-border-radius:	10px;
	zoom:1;
	}

/* NEC */
#mainContents .borderBox li{
	list-style-type: disc;
	}
/* NEC */

#mainContents .colorBox {
	position:relative;
	background:#DBEEFD;
	margin:0 0 20px;
	padding:20px 0 1px;
	border:none;
	border-radius:					10px;
	-ms-border-radius:			10px;
	-o-border-radius:				10px;
	-moz-border-radius:			10px;
	-webkit-border-radius:	10px;
	zoom:1;
	}

#mainContents .colorBoxForHelp {
	position:relative;
	background:#DBEEFD;
	margin:0 0 20px;
	padding:0px 0 0px;
	border:none;
	border-radius:					10px;
	-ms-border-radius:			10px;
	-o-border-radius:				10px;
	-moz-border-radius:			10px;
	-webkit-border-radius:	10px;
	zoom:1;
	}

#mainContents .colorBoxForHelp p {
	font-weight:bold;
	}

#mainContents .adjustPadding {
	padding-bottom:20px !important;
	}

#mainContents .stepList {
	position:relative;
	margin:30px 0 20px;
	padding-left:0;
	text-align:center;
	}

#mainContents .stepList li {
	position:relative;
	overflow:hidden;
	display:inline-block;
	margin-bottom:10px;
	padding-right:25px;
	padding-bottom:0;
	vertical-align:middle;
	}

*+html #mainContents .stepList li {
	display:inline;
	}

#mainContents .stepList li.current{
	background-color:#176EB3;
	color:#FFFFFF;
	}

#mainContents .stepList li span {
	display:block;
	padding:20px 0 20px 10px;
	border:1px solid #176EB3;
	border-right:none;
	}

#mainContents .stepList li > span:after {
	content:url(../images/bg_step-list.png);
	position:absolute;
	right:0;
	top:50%;
	margin-top:-150px;
	}

#mainContents .stepList li span span {
	display:inline;
	padding:0;
	border:none;
	}

#mainContents .colorBox table th,
#mainContents .colorBox table td {
	border-color:#666666;
	}

/* NEC */
#mainContents .colorBox {
	position:relative;
	background:#DBEEFD;
	margin:0 0 20px;
	padding:20px 0 1px;
	border:none;
	border-radius:					10px;
	-ms-border-radius:			10px;
	-o-border-radius:				10px;
	-moz-border-radius:			10px;
	-webkit-border-radius:	10px;
	zoom:1;
	}

#mainContents .borderBox h4,
#mainContents .colorBox h4 {
	margin-left:20px;
	margin-right:20px;
	}

#mainContents .borderBox h4.underLine,
#mainContents .colorBox h4.underLine {
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:3px solid #60B7F5;
	color:#176EB3;
	}

#mainContents ul.columnList {
	margin:0 20px 20px;
	}

#mainContents ul.columnList li {
	float:left;
	width:33.33%;
	}

#nsl_current {

	}

#nsl_linkdown {

	}

#nsl_mode_select {

	}

#nsl_noneedsetup {

	}
#nsl_pppoesetup {

	}
/* NEC */

/* .panelMenu -------------- */

#mainContents .panelMenu {
	position:relative;
	margin-right:-12px;
	}

#mainContents .panelMenu .paneleasy .menuBox{
	min-height: 167px;
	}
#mainContents .panelMenu .paneldetail .menuBox{
	min-height: 187px;
	}

#mainContents .panelMenu .panel2 .menuBox {
/* NEC for 2panels */
	width: 45.161%;
　　/* NEC del
	min-height: 167px;
    */
	;
	margin-right: 2.15%; /*16px*/
	padding: 40px 0.672% 5px 2.016%; /*40px 5px 5px 15px*/

}

#mainContents .panelMenu .panel3 .menuBox {
/* NEC 3panels */
/*
	width: 31.8%;
*/
　　/* NEC del
	min-height: 167px;
    */
	;
	padding: 40px 0.672% 5px 2.016%; /*40px 5px 5px 15px*/
	width: 29.167%;

}
#mainContents .panelMenu .panel4 .menuBox {
/* NEC 4panels */
	;
	width: 23.759%;
　　/* NEC del
	min-height: 167px;
    */
}

#mainContents .panelMenu .menuBox {

	float: left;
	position: relative;
	background: #176EB3;

	/* NEC change */
	min-height: 167px;
	width: 46.8%;
	/* NEC */
	min-height: 187px;
	width: 23.759%;

	margin: 0 1.2396% 16px 0;
	padding: 10px 0;
	border-radius:					5px;
	-ms-border-radius:			5px;
	-o-border-radius:				5px;
	-moz-border-radius:			5px;
	-webkit-border-radius:	5px;
	box-shadow:					0 0 5px 0 rgba(0,0,0,0.4);
	-ms-box-shadow:			0 0 5px 0 rgba(0,0,0,0.4);
	-o-box-shadow:			0 0 5px 0 rgba(0,0,0,0.4);
	-moz-box-shadow:		0 0 5px 0 rgba(0,0,0,0.4);
	-webkit-box-shadow:	0 0 5px 0 rgba(0,0,0,0.4);
	color: #FFFFFF;
	}

#mainContents .panelColumn3 .menuBox {

	float: left;
	position: relative;
	background: #176EB3;
	min-height: 187px;
	width: 31.6786%;
	margin: 0 1.2396% 16px 0;
	padding: 10px 0;
	border-radius:					5px;
	-ms-border-radius:			5px;
	-o-border-radius:				5px;
	-moz-border-radius:			5px;
	-webkit-border-radius:	5px;
	box-shadow:					0 0 5px 0 rgba(0,0,0,0.4);
	-ms-box-shadow:			0 0 5px 0 rgba(0,0,0,0.4);
	-o-box-shadow:			0 0 5px 0 rgba(0,0,0,0.4);
	-moz-box-shadow:		0 0 5px 0 rgba(0,0,0,0.4);
	-webkit-box-shadow:	0 0 5px 0 rgba(0,0,0,0.4);
	color: #FFFFFF;
	}

#mainContents .panelMenu .menuBox h2 {
	position:relative;
	top:0;
	background:none;
	min-height:51px;
	margin:0;
	padding: 5px 65px 0 15px;/* 150901*/
	border:none;
	font-size: 115%;
	font-weight: bold;
	}
	
#mainContents .panelMenu .menuBox a {
	color:#FFFFFF;
	}

#mainContents .panelMenu .menuBox h2 .btn {
	display:none;
	}
	
#mainContents .panelMenu .menuBox .menuBoxInner{
	padding-top:5px;
	}
	
#mainContents .panelMenu .menuBox .sideBtn .btn {
	background:none;
	}

#mainContents .panelMenu .menuBox ul {
	margin:0;
	padding: 0 15px 0 5px;
	font-size: 88%;
	line-height: 1.2;
	}

#mainContents .panelMenu .menuBox ul li {
	padding-bottom:.4em;
	}

#mainContents .panelMenu .menuBox ul.list2 {
	padding-top: 0;
	}

#mainContents .panelMenu .menuBox ul.list2.ex {
	padding-top: 10px;
	}

#mainContents .panelMenu .menuBox .symbolMark {
	position: absolute;
	right: 5px;
	top: 10px;
	width: 70px;
	}


/* .menuBox.wideBox -------------- */
	
#mainContents .panelMenu .menuBox.wideBox {
	min-height:203px;
	width: 48.7576%;
	}

#mainContents .panelMenu .menuBox.wideBox ul {
	float: left;
	width: 45.765%;/* 150901*/
/*	max-width:44%; 150901*/
	}

#mainContents .panelColumn3 .menuBox.wideBox {
	width: 64.596%;
	}


/* .section -------------- */

#mainContents .section{
	position:relative;
	max-width:856px;
	margin:0 auto;
	padding:0;
	}

/* NEC add */
#mainContents .section .tglhelp li{
	list-style-type: disc;
	}
/* NEC */

/* h -------------- */

#mainContents h1,
#mainContents h2 {
	position: relative;
	min-height:34px;
	margin: 0 0 20px;
	padding: 10px 10px 10px 20px;
	border-radius:					5px;
	-ms-border-radius:			5px;
	-o-border-radius:				5px;
	-moz-border-radius:			5px;
	-webkit-border-radius:	5px;
	font-weight: bold;
	overflow:hidden;
	}

#mainContents h2 {
	min-height:24px;
	}

#mainContents h1 {
	background: #176EB3;
	padding-bottom: 7px;
	box-shadow:					0 0 5px 0 rgba(0,0,0,0.4);
	-ms-box-shadow:			0 0 5px 0 rgba(0,0,0,0.4);
	-o-box-shadow:			0 0 5px 0 rgba(0,0,0,0.4);
	-moz-box-shadow:		0 0 5px 0 rgba(0,0,0,0.4);
	-webkit-box-shadow:	0 0 5px 0 rgba(0,0,0,0.4);
	color: #FFFFFF;
	font-size: 140%;
	}

#mainContents h1.icon {
	padding-left:60px;
	}

#mainContents h1.icon img.symbolMark {
	position: absolute;
	left: 10px;
	top: 5px;
	width: 50px;
	}

#mainContents h2 {
	background: #DBEEFD;
	border:3px solid #5FB6F5;
	font-size: 110%;
	}

#mainContents h1.sideBtn,
#mainContents h2.sideBtn {
	padding-right:145px;
	}

#mainContents h3 {
	margin:0 20px 10px;
	padding:2px 5px;
	border-left:10px solid #5FB6F5;
	font-size: 120%;
	font-weight:normal;
	}


/* p, ul, ol, dl -------------- */

#mainContents p,
#mainContents ul,
#mainContents ol {
	margin:0 20px 20px;
	line-height:1.6;
	}

/* NEC add */
#mainContents ul{
	margin:0 60px 20px;
   /* NEC del
	line-height:1.6;
   */
	}


#mainContents ol {
	padding-left:24px;
	}

#mainContents ol > li {
	padding-bottom:5px;
	list-style-type:decimal;
	list-style-position:outside;
	}

#mainContents ul ul,
#mainContents ul ol,
#mainContents ol ul,
#mainContents ol ol {
	margin:0;
	}


/* table -------------- */

#mainContents table {
	margin:0 auto 40px;
	width:95%;
	}

#mainContents table th,
#mainContents table td {
	padding:10px;
	}

#mainContents table.title th,
#mainContents table .title th,
#mainContents table th.title {
	background:#ECECEC;
	font-weight:bold;
	}

#mainContents table.short th,
#mainContents table .short th,
#mainContents table th.short {
	width:20%;
	}

#mainContents table.half th,
#mainContents table .half th,
#mainContents table th.half {
	width:49%;
	}

#mainContents table.wide th,
#mainContents table .wide th,
#mainContents table th.wide {
	width:65%;
	}

#mainContents table.widthAuto th,
#mainContents table .widthAuto th,
#mainContents table th.widthAuto {
	width:auto;
	}

#mainContents table.borderNone th,
#mainContents table .borderNone th {
	border-right:none;
	}

#mainContents table.borderNone td,
#mainContents table .borderNone td {
	border-left:none;
	}

#mainContents table.bgNone th,
#mainContents table .bgNone th,
#mainContents table th.bgNone {
	background:#FFFFFF;
	}

#mainContents table .btn {
	margin-top:-6px;
	margin-bottom:-6px;
	}

#mainContents table .celLink {
	padding:0;
	zoom:1;
	}

#mainContents table .celLink > a {
	position:relative;
	display:block;
	min-height:37px;
	padding:18px 5px 5px 60px;
	zoom:1;
	}

#mainContents table .celLink:hover {
	background:#27771E;
	background: linear-gradient(top, #21601E, #27771E);
	background: -ms-linear-gradient(top, #21601E, #27771E);
	background: -moz-linear-gradient(top, #21601E, #27771E);
	background: -webkit-gradient(linear, left top, left bottom, from(#21601E), to(#27771E));
	cursor:pointer;
	}

#mainContents table .celLink:hover > a {
	color:#FFFFFF;
	text-decoration:none;
	filter:none;
	-ms-filter:"";
	-moz-opacity:1;
	opacity:1;
	}

#mainContents table .celLink:hover > a:hover{
	filter:none;
	-ms-filter:"";
	-moz-opacity:1;
	opacity:1;
	}

#mainContents a.directoryIcon > img {
	position:absolute;
	top:50%;
	left:5px;
	display:block;
	width:50px;
	height:auto;
	margin-top:-25px;
	zoom:1;
	}


/* textarea, input, select -------------- */

#mainContents table textarea,
#mainContents table input,
#mainContents table select {
	margin-top:2px;
	margin-bottom:2px;
	}

#mainContents table input[type="text"],
#mainContents table input[type="password"] {
	min-width:90%;
	}

#mainContents table input[type="text"][size],
#mainContents table input[type="password"][size] {
	min-width:0;
	}

#mainContents table input.range_ip[type="text"] {
	width: 150px;
	min-width:0;
	}


/* .overflowAuto -------------- */

#mainContents .overflowAuto {
	overflow:auto;
	}



/* .logArea -------------- */

#mainContents .logArea {
	overflow:auto;
	position:relative;
	background:#F6F6F6;
	min-height:122px;
	margin:0 20px 20px;
	padding:10px;
	border:1px solid #666666;
	}


/* .canvasArea -------------- */

#mainContents .canvasArea {
	overflow:auto;
	position:relative;
	margin:0 20px 20px;
	padding:0 0 30px 27px;
	zoom:1;
	}

#mainContents .canvasArea .row {
	display:block;
	position:absolute;
	top:0;
	left:0;
	}

#mainContents .canvasArea .col {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	}

#mainContents .canvasArea canvas {
	background-color:#FFFFFF;
	border:1px solid #666666;
	vertical-align:bottom;
	zoom:1;
	}

/* .cameraArea -------------- */

#mainContents .cameraArea {
	margin-bottom:20px;
	}

#mainContents .cameraArea .camera {
	position:relative;
	margin:0 auto;
	}

#mainContents .cameraArea img {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	}

#mainContents .cameraArea img#BUF_UVCCAM2 {
	position:absolute;
	top:0;
	left:0;
	}


/* .toggleArea -------------- */

#mainContents .toggleArea {
	}

#mainContents .toggleArea .toggleAreaNavi {
	
	}

#mainContents .toggleArea .toggleAreaNavi .current,
#mainContents .toggleArea .toggleAreaNavi .noTarget {
	color:#000000;
	text-decoration:none;
	cursor:default;
	}

#mainContents .toggleArea .toggleAreaNavi .current:hover,
#mainContents .toggleArea .toggleAreaNavi .noTarget:hover {
	filter:alpha(opacity=100);
	-ms-filter:"alpha(opacity=100)";
	-moz-opacity:1;
	opacity:1;
	}


/* .column -------------- */

#mainContents .column2 .leftCol,
#mainContents .column2 .rightCol {
	float:left;
	min-height:1px;
	width:49.99%;
	}

#mainContents .column3 .leftCol,
#mainContents .column3 .centerCol,
#mainContents .column3 .rightCol {
	float:left;
	min-height:1px;
	width:33.33%;
	}

#mainContents .column2 .rightCol,
/* NEC add */
#mainContents .column3 .rightcenterCol,
/* NEC */
#mainContents .column3 .rightCol {
	float:right;
	}

#mainContents .leftCol h3,
#mainContents .leftCol p,
#mainContents .leftCol ul,
#mainContents .leftCol ol {
	margin-left:10px;
	margin-right:5px;
	}

#mainContents .rightCol h3,
#mainContents .rightCol p,
#mainContents .rightCol ul,
#mainContents .rightCol ol {
	margin-left:5px;
	margin-right:10px;
	}


/* .scrollTableArea -------------- */

#mainContents .scrollTableArea{
	overflow:hidden;
	position:relative;
	width:95%;
	margin:0 auto;
	transform:translateX(0);
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	zoom:1;
}

#mainContents .scrollTable{
	position:relative;
	top:0;
	left:0;
	width:100%;
	margin:0;
	transform:translateX(0);
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transition:left 0.5s linear;
	-webkit-transition:left 0.1s linear;
	-moz-transition:left 0.1s linear;
	-ms-transition:left 0.1s linear;
	-o-transition:left 0.1s linear;
	z-index:99;
	zoom:1;
}

#mainContents .scrollTable.cloneTable{
	position:absolute;
}

#mainContents .scrollTableBox{
	overflow:hidden;
	position:relative;
	top:0;
	left:0;
	background-color:#FFFFFF;
	width:100%;
	z-index:100;
	zoom:1;
}

#mainContents .scrollTableBox .scrollTableInner{
	position:relative;
	top:0;
	left:0;
	width:100%;
	zoom:1;
}

#mainContents .scrollTableBox .prev,
#mainContents .scrollTableBox .next{
	visibility:hidden;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	background-color:#176EB3;
	height:100%;
	width:30px;
	z-index:105;
	zoom:1;
	cursor:pointer;
}

#mainContents .scrollTableBox .next{
	left:auto;
	right:0;
}

#mainContents .scrollTableBox .prev img,
#mainContents .scrollTableBox .next img{
	position:absolute;
	top:30px;
	right:8px;
	display:block;
	width:14px;
	height:auto;
	margin:0 auto;
	margin-top:-13px;
}

#mainContents .scrollTableBox .next img{
	right:auto;
	left:8px;
}


/* #subContents
----------------------------------------------------------- */

#subContents {
	clear: both;
	margin: 0 0 16px;
	}

#subContents ul {
	max-width: 968px;
	margin: 0 auto;
	padding: 0 0 0 1.2396%;
	}

#subContents ul li {
	float: left;
	width: 48.7576%;
/* NEC v0.5*/
	margin: 0 1.2396% 0 0;/* 150901*/
/* */
	padding-top:10px;
	font-weight: bold;
	}

#subContents ul li.center {
	float: none;
	margin: 0 auto 0;
	}

#subContents ul li:nth-child(odd) {
	clear:left;
	}

#subContents ul li .btn {
	display:block;
	min-height:45px;
	max-width:none;
	padding: 10px 70px 15px 20px;
	text-align:left;
	line-height:1.6;
	}

#subContents ul li .small {
	font-size: 65%;
	font-weight: normal;
	}

#subContents .iconMark {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 70px;
	height:auto;
	}


/* clearFix
----------------------------------------------------------- */

.cf{zoom:1;}

.cf:after{
    content: ""; 
    display: block; 
    clear: both;
		height: 0;}


/* adjustPC
----------------------------------------------------------- */

.SPBlock {
	display:none;
	}


/* green
----------------------------------------------------------- */

.green{
}

.green textarea,
.green input,
.green select{
	background-color:#EDFAEB;
	border-color:#94DE5C;
	}

.green textarea:disabled,
.green input:disabled,
.green select:disabled,
.green input[disabled="disabled"],
.green textarea[disabled="disabled"],
.green select[disabled="disabled"],
.green input[disabled],
.green textarea[disabled],
.green select[disabled]{
	background-color:#F6F6F6;
	border-color:#BDBDBD;
	}

.green .sideBtn .btn{
	color:#27771E;
	}

.green .sideBtn .btn.open{
	background:#27771E;
	color:#FFFFFF;
	}

.green h2.sideBtn .btn {
	border-color:#27771E;
	}

.green #footer .footerLink a {
	color:#27771E;
	}

.green #mainContents h1 {
	background-color: #27771E;
	}

.green #mainContents h2 {
	background-color:#E5FFE2;
	border-color:#94DE5C;
	}

.green #mainContents h3 {
	border-left-color:#94DE5C;
	}

.green #mainContents .colorBox {
	background-color:#E5FFE2;
	}

.green #mainContents .borderBox h4.underLine,
.green #mainContents .colorBox h4.underLine {
	border-color:#94DE5C;
	color:#27771E;
	}

.green #mainContents .scrollTableBox .prev,
.green #mainContents .scrollTableBox .next{
	background-color:#27771E;
}


/* alert
----------------------------------------------------------- */

textarea.alert,
input.alert,
select.alert{
	background:#FFF4F4;
	border: 1px solid #AE1C17;
	}

textarea:disabled,
input:disabled,
select:disabled,
input[disabled="disabled"],
textarea[disabled="disabled"],
select[disabled="disabled"],
input[disabled],
textarea[disabled],
select[disabled]{
	background:#F6F6F6;
	border: 1px solid #BDBDBD;
	}


/* progressBar
----------------------------------------------------------- */

.PB-wrapper{
	display:block;
	background:#ECECEC;
	background: linear-gradient(top, #ECECEC, #F6F6F6);
	background: -ms-linear-gradient(top, #ECECEC, #F6F6F6);
	background: -moz-linear-gradient(top, #ECECEC, #F6F6F6);
	background: -webkit-gradient(linear, left top, left bottom, from(#ECECEC), to(#F6F6F6));
	border:1px solid #BDBDBD;
	height:20px;
	max-width:400px;
	margin-left:10px;
	margin-right:10px;
	padding:10px;
	padding-right:16px;
	border-radius:			25px;
	-ms-border-radius:		25px;
	-o-border-radius:		25px;
	-moz-border-radius:		25px;
	-webkit-border-radius:	25px;
}

.PB-wrapper .PB-mainBar{
	position:relative;
	display:block;
	background: #176EB3;
	background: linear-gradient(top, #176EB3, #5FB6F5);
	background: -ms-linear-gradient(top, #176EB3, #5FB6F5);
	background: -moz-linear-gradient(top, #176EB3, #5FB6F5);
	background: -webkit-gradient(linear, left top, left bottom, from(#176EB3), to(#5FB6F5));
	height:18px;
	width:0;
	max-width:100%;
	border:1px solid #176EB3;
	border-radius:			20px 8px 8px 20px;
	-ms-border-radius:		20px 8px 8px 20px;
	-o-border-radius:		20px 8px 8px 20px;
	-moz-border-radius:		20px 8px 8px 20px;
	-webkit-border-radius:	20px 8px 8px 20px;
}

.PB-wrapper .PB-mainBar:after{
	content: "";
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius:			20px 8px 8px 20px;
	-ms-border-radius:		20px 8px 8px 20px;
	-o-border-radius:		20px 8px 8px 20px;
	-moz-border-radius:		20px 8px 8px 20px;
	-webkit-border-radius:	20px 8px 8px 20px;
	background-image: 
		linear-gradient(
		  -45deg, 
		  rgba(255, 255, 255, .2) 25%, 
		  transparent 25%, 
		  transparent 50%, 
		  rgba(255, 255, 255, .2) 50%, 
		  rgba(255, 255, 255, .2) 75%, 
		  transparent 75%, 
		  transparent
	   );
	background-image: 
		-ms-linear-gradient(
		  -45deg, 
		  rgba(255, 255, 255, .2) 25%, 
		  transparent 25%, 
		  transparent 50%, 
		  rgba(255, 255, 255, .2) 50%, 
		  rgba(255, 255, 255, .2) 75%, 
		  transparent 75%, 
		  transparent
	   );
	background-image: 
		-moz-linear-gradient(
		  -45deg, 
		  rgba(255, 255, 255, .2) 25%, 
		  transparent 25%, 
		  transparent 50%, 
		  rgba(255, 255, 255, .2) 50%, 
		  rgba(255, 255, 255, .2) 75%, 
		  transparent 75%, 
		  transparent
	   );
	background-image: 
	   -webkit-gradient(linear, 0 0, 100% 100%, 
		  color-stop(.25, rgba(255, 255, 255, .2)), 
		  color-stop(.25, transparent),
		  color-stop(.5, transparent), 
		  color-stop(.5, rgba(255, 255, 255, .2)), 
		  color-stop(.75, rgba(255, 255, 255, .2)), 
		  color-stop(.75, transparent),
		  to(transparent)
	   );
	background-size: 50px 50px;
	-ms-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	-webkit-background-size: 50px 50px;
	animation: move 2s linear infinite;
	-ms-animation: move 2s linear infinite;
	-moz-animation: move 2s linear infinite;
	-webkit-animation: move 2s linear infinite;
	z-index: 1;
}


@keyframes move {
	0% {
	   background-position: 0 0;
	}
	100% {
	   background-position: 50px 50px;
	}
}

@-ms-keyframes move {
	0% {
	   background-position: 0 0;
	}
	100% {
	   background-position: 50px 50px;
	}
}

@-moz-keyframes move {
	0% {
	   background-position: 0 0;
	}
	100% {
	   background-position: 50px 50px;
	}
}
		
@-webkit-keyframes move {
	0% {
	   background-position: 0 0;
	}
	100% {
	   background-position: 50px 50px;
	}
}


@media screen and (max-width:1000px){
	
	
	/* #mainContents
	----------------------------------------------------------- */
	
	
	/* .menuBox
	----------------------------------------------------------- */

	/* NEC add */
	#mainContents .panelMenu .panel2 .menuBox,
	#mainContents .panelMenu .panel3 .menuBox,
	#mainContents .panelMenu .panel4 .menuBox {
	/* NEC 2-4panels */
		min-height: 167px;
		width: 45.161%;
	}


	#mainContents .panelMenu .menuBox {

		width: 45.161%; /*336px*/

		margin-right: 2.15%; /*16px*/
		padding: 10px 0.672% 10px 2.016%; /*10px 5px 10px 15px*/
		}
	
/* NEC 
	#mainContents .panelMenu .menuBox h2 {
		width: auto;
		font-size: 130%;
		}
*/
/* NEC */
	#mainContents .panelMenu .panel3 .menuBox h2,
	#mainContents .panelMenu .panel4 .menuBox h2 {
		width: auto;
		font-size: 130%;
		}
/* */

	#mainContents .panelMenu .menuBox h2 .btn {
		display:none;
		}
/* NEC 
	#mainContents .panelMenu .menuBox ul {
		width: 95.535%; //321px;
		padding: 20px 0 0 2.016%; //10px 0 0 15px
		}
*/

	#mainContents .panelMenu .panel3 .menuBox ul,
	#mainContents .panelMenu .panel4 .menuBox ul, {
		width: 95.535%; /*321px;*/
		padding: 20px 0 0 2.016%; /*10px 0 0 15px*/
		}

/* NEC del
	#mainContents .panelMenu .menuBox ul.list2 {
		padding-top: 20px;
		}
*/
/* NEC */
	#mainContents .panelMenu .panel3 .menuBox ul.list2,
	#mainContents .panelMenu .panel4 .menuBox ul.list2 {
		padding-top: 0px;
		}
/* */



	/* .menuBox.wideBox -------------- */
		
	#mainContents .panelMenu .menuBox.wideBox {
		clear:both;
		float:none;
		width: 93.817%; /*698px;*/
		padding: 10px 2.016% 10px; /*10px 15px 10px*/
		}
	
	#mainContents .panelMenu .menuBox.wideBox ul {
		width: 44.1%; /*321px;*/
		}
	
	#mainContents .panelMenu .menuBox.wideBox ul.list2 {
		float:right;
		}

	.adjustPC{
		display:none;
		}
	
}


@media screen and (max-width:768px){
	
	.SPHide{
		}
	
	.PCHide{
		display:none;
		}

	.adjustPC{
		display:none;
		}
	
	#mainContents table.narrow td {
		padding:10px 5px;
		}
}

@media screen and (max-width:660px){
	
	
	.btn.icon .iconMark {
		display: none;
		}
	
	.btn.icon .SPiconMark {
		display: block;
		}
		
		
	/* #header
	----------------------------------------------------------- */
	#header .inner {
		background: none #F6F6F6;
	}

	#header .inner .functionBtn {
		clear:both;
		float:none;
		background-color:#FFFFFF;
		width:100%;
		}

	#header .inner #btnCondition,
	#header .inner #btnHome,
	#header .inner #btnHowto {
		position:relative;
		right:0;
		float:left;
		width:33.33%;
		padding:0;
		font-size:100%;
		}
	
	#header .inner #btnCondition .btn,
	#header .inner #btnHome .btn,
	#header .inner #btnHowto .btn {
	  background: #666666;
	  width: auto;
	  max-width:none;
	  padding:8px 5px 10px;
	  border-left:5px solid #FFFFFF;
	  border-right:3px solid #444444;
	  border-radius:		0;
	  -ms-border-radius:	0;
	  -o-border-radius:		0;
	  -moz-border-radius:	0;
	  -webkit-border-radius:0;
	  box-shadow: 0px -5px 0 0 #444444 inset;
	  -webkit-box-shadow: 0px -5px 0 0 #444444 inset;
	  -moz-box-shadow: 0px -5px 0 0 #444444 inset;
	  -ms-box-shadow: 0px -5px 0 0 #444444 inset;
	  -o-box-shadow: 0px -5px 0 0 #444444 inset;
	  text-shadow: 1px 1px 1px #000000;
	  color:#FFFFFF;
	  font-size:80%;
	  line-height:1.6;
	  text-align:center;
		}
	
	#header .inner #btnCondition .btn{
	  border-left:none;
		}
	
	#header .inner #btnHowto .btn {
	  border-right:none;
		}
	
	#header .inner .functionBtn li .btn br {
		display:none;
		}
	
	#header .inner .functionBtn li .btn img.SPiconMark {
		display:inline;
		width:22px;
		margin-right:5px;
		vertical-align:top;
		}
	
	#header .inner #thisProduct{
		width:70%;
		}
	
	#header .inner #btnLogout {
		width:22.77%;
		}


	/* #subContents
	----------------------------------------------------------- */
	
	#subContents {
	  	height:auto !important;
		}
	
	#subContents ul {
		}
	
	#subContents ul li {
		float: none;
		height:auto !important;
		width: auto;
		}
	
	#subContents ul li.center {
		margin: 0 1.2396% 0 0;/* 150901*/
		}
	
	#subContents ul li a {
	  	height:auto !important;
		padding: 15px 80px 13px 2.343%; /*15px 80px 13px 15px;*/
		}
	
	#subContents ul li .small {
		display:block;
		}
		
	#subContents .icon {
		top: 8px;
		}


	/* #footer
	----------------------------------------------------------- */
	
	#footer {
		}

	#footer .inner {
		padding-bottom:30px;
		}
	
	#footer .footerLink a {
		display:block;
		padding: 5px 0;
		text-align: center;
		}

	#footer .inner .functionBtn {
		clear:both;
		float:none;
		background-color:#FFFFFF;
		width:100%;
		margin-bottom:30px;
		}

	#footer .inner #btnHomeFooter,
	#footer .inner #btnHowtoFooter {
		position:relative;
		right:0;
		float:left;
		width:49.99%;
		padding:0;
		font-size:100%;
		}
	
	#footer .inner #btnHomeFooter .btn,
	#footer .inner #btnHowtoFooter .btn {
	  background: #666666;
	  width: auto;
	  max-width:none;
	  padding:8px 5px 10px;
	  border-left:5px solid #FFFFFF;
	  border-right:3px solid #444444;
	  border-radius:		0;
	  -ms-border-radius:	0;
	  -o-border-radius:		0;
	  -moz-border-radius:	0;
	  -webkit-border-radius:0;
	  box-shadow: 0px -5px 0 0 #444444 inset;
	  -webkit-box-shadow: 0px -5px 0 0 #444444 inset;
	  -moz-box-shadow: 0px -5px 0 0 #444444 inset;
	  -ms-box-shadow: 0px -5px 0 0 #444444 inset;
	  -o-box-shadow: 0px -5px 0 0 #444444 inset;
	  text-shadow: 1px 1px 1px #000000;
	  color:#FFFFFF;
	  font-size:80%;
	  line-height:1.6;
	  text-align:center;
		}
	
	#footer .inner #btnHomeFooter .btn{
	  border-left:none;
		}
	
	#footer .inner #btnHowtoFooter .btn {
	  border-right:none;
		}
	
	#footer .inner .functionBtn li .btn br {
		display:none;
		}
	
	#footer .inner .functionBtn li .btn img.SPiconMark {
		display:inline;
		width:22px;
		margin-right:5px;
		vertical-align:top;
		}

	#footer .inner #btnLogoutFooter {
		clear:both;
		float:none;
		padding:0;
		width: 135px;
		margin:0 auto;
		}

	#footer .inner #btnLogoutFooter .btn {
		padding:15px 5px;
		}
	
	
	/* #mainContents
	----------------------------------------------------------- */

	.SPsmall{
		font-size: 80%;
		}

	.sideBtn .btn{
		top:7px;
		background:none;
		min-width:0;
		padding:0;
		}

	.sideBtn .btn.research,
	.sideBtn .btn.close,
	.sideBtn .btn.open,
	.sideBtn .btn.short{
		min-width:0;
		}

	.sideBtn .btn span {
		display:none;
		}
	
	.sideBtn .btn.open{
		background:none;
		}
	
	.sideBtn .btn .iconMark {
		display:none;
		}
	
	.sideBtn .btn .SPiconMark {
		display:block;
		}
	
	h2.sideBtn .btn {
		top:3px;
		padding-top:0;
		padding-bottom:0;
		border:none;
		}
	
	#mainContents h1.sideBtn,
	#mainContents h2.sideBtn {
		padding-right:65px;
		}
	
	.fixed #mainContents {
		position:relative;
		padding-top: 170px;
		z-index:1;
		}
	
	.fixed #mainContents.hided {
		padding-top: 90px;
		}

	#mainContents .borderBox,
	#mainContents .colorBox {
		margin-left:-12px;
		margin-right:-12px;
		padding:20px 12px 1px;
		border:none;
		border-radius:					0;
		-ms-border-radius:			0;
		-o-border-radius:				0;
		-moz-border-radius:			0;
		-webkit-border-radius:	0;
		}
	
	#mainContents .borderBox {
		background:#ECECEC;
		}

	#mainContents .borderBox h4,
	#mainContents .colorBox h4 {
		margin-left:0;
		margin-right:0;
		font-size:125%;
		}
	
	#mainContents .borderBox table th,
	#mainContents .borderBox table td {
		border-color:#666666;
		}
	
	#mainContents .colorBoxForHelp {
		margin-left:-12px;
		margin-right:-12px;
		padding:0px 0px 0px;
		border:none;
		border-radius:					0;
		-ms-border-radius:			0;
		-o-border-radius:				0;
		-moz-border-radius:			0;
		-webkit-border-radius:	0;
		}

	#mainContents .colorBoxForHelp p {
		font-weight:bold;
	}
	
	/* .menuBox
	----------------------------------------------------------- */
	
	
	#mainContents .panelMenu .menuBox .symbolMark {
		left: 5px;
		right: auto;
		top: 10px;
		width: 50px;
		}
	
	/* NEC add */
	#mainContents .panelMenu .panel2 .menuBox,
	#mainContents .panelMenu .panel3 .menuBox,
	#mainContents .panelMenu .panel4 .menuBox {
	/* NEC 2-4panels */
		float:none;
		min-height: 0;
		width: auto;
		padding: 0;
	}
	/* NEC */

	#mainContents .panelMenu {
		height:auto !important;
		}
	
	
	#mainContents .panelMenu .menuBox {
		float:none;
		min-height: 0 !important;
		height:auto !important;
		width: auto;
		padding: 0;
		}
	
	#mainContents .panelMenu .menuBox .menuBoxInner{
		padding-top:0;
		padding-bottom:20px;
		}
	
	#mainContents .panelMenu .menuBox h2 {
		position: relative;
		top: auto;
		left: auto;
		min-height:35px;
		padding: 15px 65px 10px 55px;
		font-size: 160%;
		font-weight: normal;
		}
	
	#mainContents .panelMenu .menuBox h2 .btn {
		top:10px;
		display:none;
		}
	
	#mainContents .panelMenu .menuBox ul,
	#mainContents .panelMenu .menuBox.wideBox ul {
		float: left;
		width: 46.14%; /*269px;*/
		padding: 10px 0 0 2.343%; /*10px 0 0 2.343%; 10px 0 0 15px;*/
		font-size: 90%;
		line-height: 1.2;
		}
	
	#mainContents .panelMenu .menuBox ul.list2,
	#mainContents .panelMenu .menuBox.wideBox ul.list2{ 
		float: left;
		padding: 10px 0 0 15px; /*10px 0 0 2.343%; 10px 0 0 15px;*/
		}

	/* NEC add */
	#mainContents .panelMenu .panel3 .menuBox ul.list2,
	#mainContents .panelMenu .panel4 .menuBox ul.list2{ 
		float: left;
		padding: 10px 0 0 15px; /*10px 0 0 2.343%; 10px 0 0 15px;*/
		}
	/* NEC */

	
	#mainContents .panelMenu .menuBox ul.list2.ex{ 
		width: 48.281%; /*309px;*/
		}
	
	#mainContents .panelMenu .menuBox ul.list2.ex li{
		position: relative;
		margin-left: -6.25%; /*-40px;*/
		}

	#mainContents .panelMenu .menuBox .icon {
		}


	/* .menuBox.wideBox -------------- */
		
	#mainContents .panelMenu .menuBox.wideBox {
		float:none;
		min-height: 0;
		width: auto;
		padding: 0;
		}
	
	
	/* h -------------- */
	
	#mainContents h1,
	#mainContents h2 {
		padding: 12px 5px 7px 10px;
		}
	
	#mainContents h1 {
		font-size: 160%;
		font-weight: normal;
		}
	
	#mainContents h1.icon {
		padding-left: 50px;
		}
	
	#mainContents h1.icon img.symbolMark {
		left: 0;
		}
	
	#mainContents h2 {
		font-size: 130%;
		}

	#mainContents h3 {
		margin-left:0;
		margin-right:0;
		font-size: 130%;
		}
	
	
	/* p, ul, ol, dl -------------- */
	
	#mainContents p,
	#mainContents ul,
	#mainContents ol {
		margin-left:10px;
		margin-right:10px;
		}
	


	/* table -------------- */
	
	#mainContents table {
		width:100%;
		font-size:70%;
		}

	#mainContents table th,
	#mainContents table td {
		padding:10px 5px;
		}

	#mainContents table.narrow td {
		padding:10px 1px;
		}

	#mainContents table .celLink > a {
		min-height:35px;
		padding-top:20px;
		}

	#mainContents .scrollTableBox .prev,
	#mainContents .scrollTableBox .next{
		  visibility:visible;
	}
	
	
	/* .column -------------- */
	
	#mainContents .column3 .leftCol,
/* NEC add */
	#mainContents .column3 .rightcenterCol,
/* NEC */
	#mainContents .column3 .rightCol {
		width:49.99%;
		}
	
/* NEC add */
	#mainContents .column3 .rightcenterCol,
/* NEC */
	#mainContents .column3 .centerCol {
		clear:both;
		float:none;
		width:auto;
		}
		
	#mainContents .SP1Column .leftCol,
	#mainContents .SP1Column .centerCol,
	#mainContents .SP1Column .rightCol {
		float:none;
		width:auto;
		text-align:left;
		}
	
	#mainContents .SP1Column .leftCol p,
	#mainContents .SP1Column .centerCol p,
	#mainContents .SP1Column .rightCol p {
		margin-left:0;
		margin-right:0;
		}
	
	/* .logArea -------------- */
	/* .canvasArea -------------- */
	
	#mainContents .logArea,
	#mainContents .canvasArea {
		margin-left:0;
		margin-right:0;
		}
	
	#mainContents .scrollTable{
		width:600px;
	}
	
	#mainContents .stepList li span span {
		display:none;
		}
	
	#mainContents .stepList li.current span span {
		display:inline;
		}
	
	
	/* adjustPC
	----------------------------------------------------------- */
	
	.SPBlock {
		display:inherit;
		}
	
	.SPHide{
		display:none;
	}
	
	.PCHide{
		display:inherit;
	}

}


@media screen and (max-width:460px){

	/* #header
	----------------------------------------------------------- */
	
	#header .inner #thisProduct {
		width:65%;
		}
	
	#header .inner #btnLogout {
		width:27.77%;
		}

	/* #footer
	----------------------------------------------------------- */


	/* .copyright -------------- */
	
	#footer .copyright {
		padding: 10px 0 10px 5px;
		font-size: 65%;
		}
	
	
	/* .logo -------------- */
	
	#footer .logo {
		padding: 10px 5px 10px 0;
		}
	
	#footer .logo img {
		width:80px;
		}
	
	/*
	.popup #header {
		height: 40px;
		padding-top: 0;
		}
	
	.popup #header .inner {
		height: 40px;
		min-height:0;
		}

	#header .inner h1 {
		top: 10px;
		font-size: 110%;
		}

	#header .inner h1.familysmile {
		top:3px;
		width:150px;
		}

	#header .inner #thisProduct {
		display: table;
		left: 5px;
		bottom: auto;
		top: -80px;
		height: 80px;
		width: 33%;
		font-size: 78%;
		}

	#header .inner #thisProduct span {
		display: table-cell;
		vertical-align: middle;
		}

	#header .inner #btnCondition {
		left: 34%;
		}

	#header .inner #btnCondition .btn {
		}

	#header .inner #btnHome {
		left: 10px;
		bottom: 8px;
		height: 25px;
		width: 130px;
		}

	#header .inner #btnHome .btn {
		background: #FFFFFF;
		width: auto;
		padding: 3px 0 2px;
		border:1px solid #666666;
		border-radius:					15px;
		-ms-border-radius:			15px;
		-o-border-radius:				15px;
		-moz-border-radius:			15px;
		-webkit-border-radius:	15px;
		}

	#header .inner #btnHome .btn img {
		display: inline-block;
		position:relative;
		width: 25px;
		height: auto;
		margin-right: 5px;
		margin-top:-2px;
		}
	
	#header .inner #btnHowto {
		right: 22%;
		}
	
	#header .inner #btnSave {
		right: 22%;
		width: 27.272%;
		}
	
	#header .inner #btnSave .btn {
		padding: 8px 0 5px;
		}
	
	#header .inner #btnLogout {
		right: 4.687%;
		bottom: 86px;
		width: 18.181%;
		min-width: 0;
		font-size: 60%;
		}
	
	#header .inner #btnLogout .btn {
		padding: 20px 0 13px;
		}

	#header .inner #headerSwitch{
		width: 56px;
		}
	*/

	/* #mainContents
	----------------------------------------------------------- */
	
	#mainContents .panelMenu .menuBox h2 {
		min-height:40px;
		}
	
	#mainContents .panelMenu .menuBox ul, 
	#mainContents .panelMenu .menuBox ul.list2.ex,
	#mainContents .panelMenu .menuBox.wideBox ul {
		float: none;
		width: auto;
		max-width:none;
		padding: 10px 0 0 5%; /*10px 0 0 2.343%; 10px 0 0 15px;*/
		font-size: 110%;
		}
	
	#mainContents .panelMenu .menuBox ul.list2.ex li {
		margin-left: 0;
		}
	
	#mainContents .panelMenu .menuBox ul.list2 {
		float: none;
		padding: 0 0 0 5%; /*10px 0 0 2.343%; 10px 0 0 15px;*/
		}

	/* NEC add */
	#mainContents .panelMenu .panel2 .menuBox ul.list2,
	#mainContents .panelMenu .panel3 .menuBox ul.list2,
	#mainContents .panelMenu .panel4 .menuBox ul.list2 {
		float: none;
		padding: 0 0 0 5%; /*10px 0 0 2.343%; 10px 0 0 15px;*/
		}
	/* NEC */

	#mainContents table td {
		word-break: break-all;
		}

	#mainContents table input[type="text"],
	#mainContents table input[type="password"] {
		max-width:350px;
		min-width:0;
		}
	
	#mainContents .stepList li.current span span {
		display:none;
		}


	#mainContents .SP1Column{
		position:relative;
		border:1px solid #bdbdbd;
		border-bottom:none;
		}
		
	#mainContents .SP1Column tr{
		position:relative;
		display:block;
		width:100%\9;float:left\9;
		}
		
	#mainContents table.SP1Column th,
	#mainContents table.SP1Column td{
		display:block;
		border:none;
		border-bottom:1px solid #bdbdbd;
		width:auto;
		width:100%\9;float:left\9;box-sizing:border-box\9;
		}
		
	#mainContents .SP1Column th.SPShow,
	#mainContents .SP1Column td.SPShow{
		display:block;
		}
	
	#mainContents .SP1Column.specialTable .specialTableCel{
		width:46%;width:48%\9;
		border-right:1px solid #bdbdbd;
		border-bottom:none;
		}
		
	#mainContents .SP1Column.specialTable .celRight{
		position:absolute;
		bottom:0;bottom:38px\9;
		right:1px;
		background:none;
		border-right:none;
		border-bottom:none;
		}
		
	#mainContents .SP1Column.specialTable .specialTableBorderTop{
		border-top:1px solid #bdbdbd;
		}

	#mainContents div.SP1Column {
		border:none;
		}


        #mainContents table.SP1Column th.SPHide{
		display:none;
	}

}


@media screen and (max-width:380px){
	
	#wrapper,
	.inner {
		min-width:320px;
		}
	
	#mainContents {
		min-width:296px;
		margin-left:auto;
		margin-right:auto;
		}

	#mainContents table input[type="text"],
	#mainContents table input[type="password"] {
		max-width:200px;
		min-width:0;
		}

	/* #footer
	----------------------------------------------------------- */


	/* .copyright -------------- */
	
	#footer .copyright {
		font-size: 60%;
		}
	
	
	/* .logo -------------- */
	
	#footer .logo img {
		}

}

@media screen and (min-width:460px){
	body .SPShow{
		display:none;
		}
	table.SPHide{
		display:table;
		}
	tr.SPHide{
		display:table-row;
		}
	th.SPHide,
	td.SPHide{
		display:table-cell;
		}
	div.SPHide,
	p.SPHide,
	ul.SPHide,
	ol.SPHide,
	li.SPHide{
		display:block;
		}
	span.SPHide{
		display:inline;
		}
}

@media screen and (max-width:460px){
	
	#mainContents .panelMenu .menuBox h2 .btn {
		display:block;
		}
	table.SPShow{
		display:table;
		}
	tr.SPShow{
		display:table-row;
		}
	th.SPShow,
	td.SPShow{
		display:table-cell;
		}
	div.SPShow,
	p.SPShow,
	ul.SPShow,
	ol.SPShow,
	li.SPShow{
		display:block;
		}
	span.SPShow{
		display:inline;
		}
		
	body .SPHide{
		display:none;
		}
}





/* .wifimanager
---------------------------------------------------------------------- */


.wifimanager h1.sideBtn .btn.open,
.wifimanager h1.sideBtn .btn.close{
	border:1px solid #ffffff;
	}

.wifimanager #mainContents button{
	cursor:pointer;
	}

.wifimanager #mainContents h4{
	margin:0 20px;
	}

.wifimanager .xlarge{
	font-size:150%;
	}

.wifimanager .small{
	font-size:100%;
	}

.wifimanager .xsmall{
	font-size:74%;
	}

.wifimanager .btn.auto{
	max-width:none;
	width:95%;
	}

.wifimanager .btn.small{
	min-width:120px;
	padding:8px 5px 9px;
	}

.wifimanager .btn.xlarge{
	padding:16px 5px 15px;
	}

.wifimanager .btn.xsmall{
	min-width:90px;
	padding:12px 5px 14px;
	}

.wifimanager .btn.widthAuto{
	min-width:0;
	padding-right:15px;
	padding-left:15px;
	}

.wifimanager #header .inner #thisProduct {
	min-width:auto;
	max-width:240px;/*width:158px;*/
	padding-top:5px;
	}

.wifimanager #header .inner #btnLogout {
	min-width:13.77%;
	width:auto;
	}

.wifimanager #header .inner #nowTime {
	position:relative;
	float:left;
	background:#ffffff;
	min-height:30px;
	width:auto;
	margin:9px 1% 9px 0;
	padding:6px 6px 6px 48px;
	border:1px solid #BDBDBD;
	border-radius:			5px;
	-ms-border-radius:		5px;
	-o-border-radius:		5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	font-size: 63%;
	line-height: 1.1;
	word-break:break-all;
	}

.wifimanager #header .inner #nowTime span {
	display:block;
	font-size:180%;
	}

.wifimanager #header .inner #nowTime img {
	position:absolute;
	display:block;
	top:4px;
	left:5%;
	height:auto;
	max-width:36px;
	width:32%;
	}

.wifimanager #header .inner .functionBtn {
	width:auto;/*width:20%;*/
	padding-left:10px;
	}

.wifimanager #header .inner #btnCondition{
	padding-top:9px;
	}

.wifimanager #header .inner #btnCondition .btn{
	padding:12px 10px 12px 10px;
	text-align:center;
	}


/* #breadCrum -------------- */

.wifimanager #mainContents #breadCrum{
	margin-bottom:20px;
	padding-left:10px;
	
}
.wifimanager #mainContents #breadCrum span{
	display:inline-block; /*mfIE*/
	max-width:none;
	margin:0 0 5px;
	padding:0;
	border-radius:			3px;
	-ms-border-radius:		3px;
	-o-border-radius:		3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	box-shadow: 0px -2px 0 0 #444444 inset;
	-webkit-box-shadow: 0px -2px 0 0 #444444 inset;
	-moz-box-shadow: 0px -2px 0 0 #444444 inset;
	-ms-box-shadow: 0px -2px 0 0 #444444 inset;
	-o-box-shadow: 0px -2px 0 0 #444444 inset;
	font-size:90%;
	font-weight:normal;
	line-height:1;
}
.wifimanager #mainContents #breadCrum span.btn:active{
	box-shadow:					0 2px 0 0 #000000 inset;
	-ms-box-shadow:			0 2px 0 0 #000000 inset;
	-o-box-shadow:			0 2px 0 0 #000000 inset;
	-moz-box-shadow:		0 2px 0 0 #000000 inset;
	-webkit-box-shadow:	0 2px 0 0 #000000 inset;
}
.wifimanager #mainContents #breadCrum span a{
	display:inline-block;
	padding:5px 14px;
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;
}

/* .panelMenu -------------- */

.wifimanager #mainContents .panelMenu {
	position:relative;
	margin-right:-12px;
	}

.wifimanager #mainContents .panelMenu .menuBox {
	background: #27771E;
	min-height:0;
	width:23.350%;
	padding: 0;
	border:solid 2px #27771E;
	box-shadow: 0px 5px 0 0 #21601E;
	-webkit-box-shadow: 0px 5px 0 0 #21601E;
	-moz-box-shadow: 0px 5px 0 0 #21601E;
	-ms-box-shadow: 0px 5px 0 0 #21601E;
	-o-box-shadow: 0px 5px 0 0 #21601E;
	cursor:pointer;
	}

.wifimanager #mainContents .panelMenu .menuBox:hover {
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	-moz-opacity:0.7;
	opacity:0.7;
	}

.wifimanager #mainContents .panelColumn3 .menuBox {
	width: 31.6786%;
	}
	
.wifimanager #mainContents .panelMenu .menuBox a {
	color:#FFFFFF;
	}
	
.wifimanager #mainContents .panelMenu .menuBox .menuBoxInner{
	padding:8px 8px 4px;
	word-break:break-all;
	}
	
.wifimanager #mainContents .panelMenu .menuBox .menuBoxName{
	min-height:2.6em;
	padding-top:10px;
	}
	
.wifimanager #mainContents .panelMenu .menuBox .menuBoxMAC{
	min-height:1.3em;
	font-size:80%;
	}
	
.wifimanager #mainContents .panelMenu .menuBox .menuBoxKodomo{
	position:relative;
	min-height:1.3em;
	padding-top:5px;
	padding-left:27px;
	font-size:90%;
	vertical-align:middle;
	text-indent:-27px;
	}
	
.wifimanager #mainContents .panelMenu .menuBox .menuBoxKodomo img{
	margin-right:5px;
	}
	
.wifimanager #mainContents .panelMenu .menuBox .menuBoxKodomo span{
	vertical-align:baseline;
	}

.wifimanager #mainContents .panelMenu .menuBox .menuBoxPriority{
	min-height:1.3em;
	font-size:80%;
	}

.wifimanager #mainContents .panelMenu .menuBox .menuBoxIconSetting {
	position: absolute;
	right: 0;
	top: 0;
	}

.wifimanager #mainContents .panelMenu .menuBox.menuBoxStyle2 {
	background: #E5FFE2;
	border-color:#94DE5C;
	box-shadow: 0px 5px 0 0 #27771E;
	-webkit-box-shadow: 0px 5px 0 0 #27771E;
	-moz-box-shadow: 0px 5px 0 0 #27771E;
	-ms-box-shadow: 0px 5px 0 0 #27771E;
	-o-box-shadow: 0px 5px 0 0 #27771E;
	color:#26771E;
	}

.wifimanager #mainContents .panelMenu .menuBox.menuBoxStyle3 {
	background: #ECECEC;
	border-color:#BDBDBD;
	box-shadow: 0px 5px 0 0 #666666;
	-webkit-box-shadow: 0px 5px 0 0 #666666;
	-moz-box-shadow: 0px 5px 0 0 #666666;
	-ms-box-shadow: 0px 5px 0 0 #666666;
	-o-box-shadow: 0px 5px 0 0 #666666;
	color:#000000;
	}

.wifimanager #mainContents .deviceCount {
	font-weight:normal;
	}

.wifimanager #mainContents .panelMenu .colorBox {
	margin-right:12px;
	}


/* table -------------- */

.wifimanager #mainContents #copy_template p.notice{
	clear:both;
	font-size:74%;
	line-height:2;
}

.wifimanager #mainContents #tabs ul{
	padding:0 0 0 30px;
	margin:0;
	
}
.wifimanager #mainContents #tabs ul li{
	color:#27771E;
	float:left;
	line-height:1;
	width: 20%;
	margin:0 15px 0 0;
	word-break:break-all;
	
}
.wifimanager #mainContents #tabs ul li a{
	margin:0px 0 0 0;
	display:block;
	border:2px solid #27771E;
		border-radius: 5px 5px 0 0;
		-ms-border-radius: 5px 5px 0 0;
		-o-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
	border-bottom:none;
	color:#27771E;
	text-align:center;
	padding:10px 0;
	text-decoration:none;
	*height:25px;
}
.wifimanager #mainContents #tabs ul li a:hover{
	padding:10px 0 15px 0;
	margin:-5px 0 0 0;
	background:#27771E;
	color:#FFFFFF;
}
.wifimanager #mainContents #tabs ul li.active a{
	padding:10px 0 15px 0;
	margin:-5px 0 0 0;
	background:#27771E;
	color:#FFFFFF;
	font-weight:bold;
}


.wifimanager #mainContents #tabs #tableCont{
	margin:-10px 0 0;
	clear:both;
}
.wifimanager #mainContents #tabs #tabs-1,
.wifimanager #mainContents #tabs #tabs-2,
.wifimanager #mainContents #tabs #tabs-3,
.wifimanager #mainContents #tabs #tabs-4{
	background:#27771E;
	border-radius:		5px;
	-ms-border-radius:	5px;
	-o-border-radius:	5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:	5px;
	padding:20px 10px 10px;
}

.wifimanager #mainContents #tabs #tableCont table{
	background:#FFFFFF;
	width:100%;
	margin:0 auto;
	font-size:95%;
}
.wifimanager #mainContents #tabs #tableCont table th,
.wifimanager #mainContents #tabs #tableCont table td{
	width:auto;
	padding:5px 10px 3px;
	border:1px solid #BDBDBD;
}
.wifimanager #mainContents #tabs #tableCont table tr.dayCont th{
	background:#ECECEC;
}
.wifimanager #mainContents #tabs #tableCont table tr.dayCont th.firstChild{
	width:80px;
}
.wifimanager #mainContents #tabs #tableCont table tr.timeCont th{
	background:#F6F6F6;
	font-size:84%;
}

.wifimanager #mainContents #tabs #tableCont table button{
	border:none;
	width: 100%;
	height:100%;
/*	*width:120px;*/
	overflow:hidden;
	font-size:1px;
	text-indent:-9999px;
}

.wifimanager #mainContents #tabs #tableCont table .status01 .allow_btn{
	background: url("../../common/images/button_allow_1x400.png") no-repeat scroll 50% 50% #DBEEFD;
    }
.wifimanager #mainContents #tabs #tableCont table .status02 .allow_btn{
	background: url("../../common/images/button_block_1x400.png") no-repeat scroll 50% 50% #FFE7E7;
    }

.wifimanager #mainContents #tabs #tableCont table .status01{
	background-color:#DBEEFD;
    }
.wifimanager #mainContents #tabs #tableCont table .status02{
	background-color:#FFE7E7;
    }
.wifimanager #mainContents #tabs #tableCont table .toggler,
.wifimanager #mainContents #tabs #tableCont table .default { 
	width:  93px;
	height: 35px;
	padding: 0 0 0 0;
	}
.wifimanager #mainContents #tabs #tableCont table th.default {
	height:auto;
	padding: 5px 10px 3px;
	}

.wifimanager #mainContents .time_zone{
	}

.wifimanager #mainContents .time_current{
	border: #75110F 4px solid;
	}

.wifimanager #mainContents .time_current .time_zone{
	background:url(../../common/images/bg-time_current.png) right top no-repeat;
	}

.wifimanager #mainContents .default button{
	cursor:default;
	}

/* 一時許可 */
.wifimanager #mainContents #tabs #tableCont table.onetime.onetime_table{
}
.wifimanager #mainContents #tabs #tableCont table.onetime_table .time_zone{
	width:25%;
}
.wifimanager #mainContents #tabs #tableCont table.onetime_table tr.dayCont th.firstChild{
	width:auto;
}

.wifimanager #mainContents #tabs #tableCont table.onetime_table button{
/*	*width:  438px;*/
}
.wifimanager #mainContents #tabs #tableCont table.onetime_table .toggler { 
	width: auto;
	}
.wifimanager #mainContents #tabs #tableCont table.onetime_table .default { 
	background-color:#ECECEC;
	width: auto;
	min-width: 37%;
	}

.wifimanager #mainContents #tabs #tableCont table.onetime_table td.status01 .allow_btn{
	background: url("../../common/images/button_allow.png") no-repeat scroll 50% 50% #DBEEFD;
    }
.wifimanager #mainContents #tabs #tableCont table.onetime_table td.status03 .allow_btn{
	background: url("../../common/images/button_onetime_allow.png") no-repeat scroll 50% 50% #DBEEFD;
    }
.wifimanager #mainContents #tabs #tableCont table.onetime_table td.status04 .allow_btn{
	background: url("../../common/images/button_onetime_block.png") no-repeat scroll 50% 50% #FFE7E7;
    }

.wifimanager #mainContents #tabs #tableCont table.onetime_table td.status01.default .allow_btn{
	background: url("../../common/images/button_allow.png") no-repeat scroll 50% 50% #ECECEC;
	}
.wifimanager #mainContents #tabs #tableCont table.onetime_table td.status02.default .allow_btn{
	background: url("../../common/images/button_block_1x400.png") no-repeat scroll 50% 50% #ECECEC;
	}


/* #mainContents -------------- */

.wifimanager #mainContents .boxIndent{
	margin-left:20px;
	margin-right:20px;
	}

.wifimanager #mainContents .colorBox.disabled {
	background-color:#F6F6F6;
	color:#666666;
	}

.wifimanager #mainContents .xlargeTitle{
	position:relative;
	display:inline-block;
	min-height:40px;
	padding-left:54px;
	padding-top:10px;
	font-size:150%;
	}

.wifimanager #mainContents .xlargeTitle img{
	position:absolute;
	display:block;
	top:0;
	left:0;
	}

.wifimanager #mainContents .leftCol h3,
.wifimanager #mainContents .leftCol p,
.wifimanager #mainContents .leftCol ul,
.wifimanager #mainContents .leftCol ol {
	margin-right:5px;
	}

.wifimanager #mainContents .rightCol h3,
.wifimanager #mainContents .rightCol p,
.wifimanager #mainContents .rightCol ul,
.wifimanager #mainContents .rightCol ol {
	margin-left:5px;
	}
	
.SPCenter{
	text-align:left;
}


@media screen and (max-width:1000px){

.wifimanager #mainContents .panelMenu .menuBox {

	width: 47.220%;
	}

.wifimanager #mainContents .panelMenu .menuBox.menuBoxStyle2,
.wifimanager #mainContents .panelMenu .menuBox.menuBoxStyle3{
	}
}


@media screen and (max-width:768px){

}

@media screen and (max-width:660px){
	
.wifimanager h1.sideBtn .btn.open,
.wifimanager h1.sideBtn .btn.close{
	border:none;
	}

/* #header
----------------------------------------------------------- */

.wifimanager #header .inner #thisProduct {
	width:43%;
	}

.wifimanager #header .inner #btnLogout {
	width:27.77%;
	}

.wifimanager #header .inner #nowTime {
	width:20%;
	min-width:auto;
	margin-right:0;
	padding:6px .5%;
	text-align:center;
	
	}

.wifimanager #header .inner #nowTime span {
	font-size:180%;
	}

.wifimanager #header .inner #nowTime img {
	display:none;
	}

.wifimanager #header .inner .functionBtn {
	width:100%;
	padding-left:0;
	}

.wifimanager #header .inner #btnCondition {
	width:100%;
	padding:0;
	}
	
.wifimanager #header .inner #btnCondition .btn {
	padding:8px 5px 10px;
	border-right:none;
	}

/* #footer
----------------------------------------------------------- */

.wifimanager #footer .inner {
	min-height:0;
	padding:20px 0;
	}

.wifimanager #footer .footerEnd .inner {
	padding:0;
	}

/* .panelMenu -------------- */

.wifimanager #mainContents .panelMenu {
	margin-right:0;
	}

.wifimanager #mainContents .panelMenu .menuBox {
	width: auto;
	margin-right:0;
	}

.wifimanager #mainContents .panelMenu .colorBox{
	margin-right:-12px;
	}

/* table -------------- */

.wifimanager #mainContents #tabs ul{
	padding-left:15px;
	}
.wifimanager #mainContents #tabs ul li{
	width:22.5%;
	margin-right:5px;
	font-size:85%;
	}
.wifimanager #mainContents #tabs ul li span{
	display:block;
	}
.wifimanager #mainContents #tabs #tableCont table{
	font-size:84%;
	}

.wifimanager #mainContents #tabs #tableCont table tr.dayCont th{
	font-size:74%;
	}

.wifimanager #mainContents #tabs #tableCont .time_zone{
	min-width:30px;
	font-size:74%;
	}
.wifimanager #mainContents #tabs #tableCont table td.status01 .allow_btn{
	background: url("../../common/images/button_allow_sp.png") no-repeat scroll 50% 10px #DBEEFD;
    }
.wifimanager #mainContents #tabs #tableCont table td.status02 .allow_btn{
	background: url("../../common/images/button_block_1x400.png") no-repeat scroll 50% center #FFE7E7;
    }
.wifimanager #mainContents #tabs #tableCont table td.toggler,
.wifimanager #mainContents #tabs #tableCont table td.default { 
	width:  93px;
	height: 50px;
	padding: 0 0 0 0;
	}
.wifimanager #mainContents #tabs #tableCont table th,
.wifimanager #mainContents #tabs #tableCont table td{
	max-width:13%;
	padding:5px;
	}
.wifimanager #mainContents #tabs #tableCont table.onetime_table .default { 
	min-width:  44%;
	}
}

@media screen and (max-width:460px){

.wifimanager #mainContents .panelMenu .menuBox {
	}

/* table -------------- */

.wifimanager #mainContents #tabs #tableCont table{
	font-size:74%;
	}

.wifimanager #mainContents #tabs #tableCont table tr.dayCont th{
	font-size:80%;
	}

.wifimanager #mainContents #tabs #tableCont .time_zone{
	font-size:80%;
	}

.wifimanager #mainContents #tabs #tableCont table tr.timeCont th span{
	display:block;
}

.wifimanager #mainContents #tabs #tableCont table.onetime_table tr.timeCont th span{
	display:inline;
}

.wifimanager #mainContents #tabs #tableCont table tr.timeCont th{
}

.wifimanager #mainContents #tabs #tableCont table tr.timeCont th span{
	display:block;
}
.wifimanager #mainContents #tabs #tableCont table.onetime_table tr.timeCont th span{
	display:inline;
}

.wifimanager #mainContents #tabs #tableCont .time_current .time_zone{
	padding-top:20px;
}

.wifimanager #mainContents .xlargeTitle{
	min-height:0;
	padding-left:0;
	padding-top:0;
	font-size:160%;
	}

.wifimanager #mainContents h4.xlargeTitle{
	margin:0;
	font-size:110%;
	}

.wifimanager #mainContents .xlargeTitle img{
	position:relative;
	display:inline;
	}
	
.SPCenter{
	text-align:center;
}
	
.SPCenter .btn{
	margin-left:auto;
	margin-right:auto;
}

.wifimanager #mainContents div.SP1Column {
	border:none;
	}

.wifimanager #mainContents .SP1Column .leftCol,
.wifimanager #mainContents .SP1Column .centerCol,
.wifimanager #mainContents .SP1Column .rightCol {
	float:none;
	width:auto;
	text-align:left;
	}

.wifimanager #mainContents .SP1Column p {
	margin-left:0;
	margin-right:0;
	}

}