@charset "UTF-8";

/* Reset */
html,body{height:100%;background:#f0efeb;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, section, summary, time, mark, audio, video,input,textarea,select,button{margin:0;padding:0;vertical-align:baseline;}
body,input,textarea,select,button{font-family:'Apple SD Gothic Neo',DroidSansFallback,メイリオ, Meiryo,'ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','dotum','돋움',Arial,sans-serif;font-size:100%;}
input,button,textarea{outline:none;-webkit-appearance:none;border-radius:0;}
button{cursor:pointer;border:0 none;background:transparent;}
img,fieldset{border:0;}
img{vertical-align:top;}
ol, ul, dl{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
em{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
legend,caption,hr{display:none;}
*{-webkit-text-size-adjust:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a[href^=tel]{color:inherit;text-decoration:none;}
::-webkit-input-placeholder{color:#6e6f70;}
:-moz-placeholder{color:#6e6f70 !important;}
:-ms-input-placeholder{color:#6e6f70 !important;}

/* Layout */
#container{height:100%;}
#headerWrapper{background:url(../images/bg_01.gif) repeat-x 0 100%;}
#bodyWrapper{min-height:100%;margin:-53px 0 -128px;}
#bodyWrapper > .bodyInner{padding:53px 0 128px;}
#bodyWrapper2{min-height:100%;margin:0 0 -128px;}
#bodyWrapper2 > .bodyInner{min-height:530px;padding:0 0 128px;}

.gnb{width:904px;height:53px;margin:0 auto;padding:0 38px;background:url(../images/bg_01.gif) repeat-x 0 100%;}
.gnb:after{content: ".";clear:both;display:block;height:0;visibility:hidden;}
.gnb h1{float:left;padding:0 9px 0 0;*padding-top:5px;font-size:0;}
.gnb h1 a{display:table-cell;height:53px;*height:42px;vertical-align:middle;}
.gnb h2{float:left;}
.gnb h2.tit_model{padding:16px 0 0;color:#646464;font-size:16px;font-weight:normal;}
.gnb .aLgn{float:right;padding:13px 0 0;}
.gnb .btLgn{display:inline-block;height:24px;padding:0 8px;border:1px solid #b0b0af;border-radius:2px;color:#646464;font-size:12px;line-height:2.1em;text-decoration:none;overflow:hidden;}

.footer{height:38px;padding:90px 0 0;font-size:14px;text-align:center;}
.footer p{display:inline;}
.footer .site{margin:0 1px 0 0;color:#6b6c6d;}
.footer .phone{display:inline-block;height:21px;padding:0 0 0 19px;background:url(../images/ic_set.png) no-repeat 0 -63px;color:#6b6c6d;}

@media only screen and (max-width:980px){
	#headerWrapper{border-bottom:1px solid #d2d2d2;background:none;}
	#bodyWrapper{min-height:100%;margin:-53px 0 -118px;}
	#bodyWrapper > .bodyInner{padding:53px 0 118px;}
	#bodyWrapper2{min-height:100%;margin:0 0 -118px;}
	#bodyWrapper2 > .bodyInner{min-height:initial;padding:0 0 118px;}

	.gnb{width:auto;min-width:300px;height:53px;padding:0 10px;background:none;}
	.footer{padding:60px 10px 20px;}
	.footer p{display:block;margin:0 0 5px;}
}
@media only screen and (max-device-width : 980px) {
	#container{min-height:auto;margin:0;}
	#bodyWrapper{padding:0;}

	.gnb h2.tit_model{padding-top:18px;}
	.footer .phone{background-position:0 -65px;}
}

@media only screen and (max-width:470px){
	.gnb{height:50px;}
	.gnb h2.tit_model{font-size:13px;}
}

/* Form */
.inTx{height:32px;padding:0 0 0 9px;border:1px solid #c3c5c7;border-radius:2px;font-size:14px;}
.ie8 .inTx{line-height:2.3em;}

/* Button */
a.btn{text-decoration:none;}
.btn{display:inline-block;border-radius:2px;text-align:center;vertical-align:top;}
.btn-large{padding:11px 20px 7px;font-size:20px;overflow:hidden;}
.btn-blue{background:#0c7ac6;color:#fff;}

/* Notice type */
.msgLst .icn1{padding:1px 0 0 30px;background:url(../images/ic_01.png) no-repeat 0 0;color:#6b6c6d;font-size:14px;line-height:1.5em;}

/* Quick Setup */
.quickBlock{width:920px;margin:0 auto;padding:0 25px;}
.quickBlock .hed{padding:50px 0 20px;text-align:center;}
.quickBlock .hed h2{margin:0 0 10px;color:#5a5a5a;font-size:38px;font-weight:normal;}
.quickBlock .hed .t{color:#6C6C6C;font-size:16px;}
.quickBlock .bod{margin:0 0 13px;}
.ie8 .quickBlock .bod{overflow:hidden;}
.quickBlock .bod:after{content: ".";clear:both;display:block;height:0;visibility:hidden;}
.quickBlock .bxc{float:left;width:450px;min-height:385px;margin:0 5px;padding:0 0 15px;box-shadow:0 1px 6px rgba(0,0,0,0.3);background:#fff;}
.quickBlock .bxc h3{margin:0 20px 15px;padding:63px 0 12px;border-bottom:1px solid #e6e7e8;color:#3b6da0;font-size:20px;font-weight:normal;text-align:center;}
.quickBlock .bxc .lst dl{position:relative;padding:0 20px 0 160px;font-size:14px;}
.quickBlock .bxc .lst dt{position:absolute;left:20px;width:140px;color:#464646;}
.quickBlock .bxNwk{border-top:6px solid #f396a7;}
.quickBlock .bxNwk h3{background-position:50% 16px;background-repeat:no-repeat;}
.quickBlock .bxNwk.networkOff h3{background-image:url(../images/ic_disconnect.png);}
.quickBlock .bxNwk.networkOn{border-color:#8cd694;}
.quickBlock .bxNwk.networkOn h3{background-image:url(../images/ic_connect.png);}
.quickBlock .bxNwk.networkOn .lst .i1 .state{background-position:0 -52px;color:#007226;}
.quickBlock .bxNwk .lst .odd{background:#f4f5f6;}
.quickBlock .bxNwk .lst dl{padding-top:11px;padding-bottom:8px;}
.quickBlock .bxNwk .lst dt{top:9px;}
.quickBlock .bxNwk .lst dd{color:#000;text-align:right;}
.quickBlock .bxNwk .lst .i1 .state{padding:0 0 0 14px;background:url(../images/ic_state.png) no-repeat 0 6px;color:#e84360;}
.quickBlock .bxNwk .lst .i2 .adr{display:block;word-break:break-all; word-wrap:break-word;}
.quickBlock .bxWls{border-top:6px solid #abd8e5;}
.quickBlock .bxWls h3{background:url(../images/ic_wireless.png) no-repeat 50% 20px;}
.quickBlock .bxWls .lst{padding:13px 0 0;background:#f4f5f6;}
.quickBlock .bxWls .lst dl{padding-bottom:6px;}
.quickBlock .bxWls .lst dt{top:7px;}
.quickBlock .bxWls .lst dd{padding:0 11px 0 0;color:#000;}
.quickBlock .bxWls .lst dd .inTx{display:block;width:100%;}
.quickBlock .bxWls .lst .ds{padding:3px 0 0;color:#656667;font-size:12px;}
.quickBlock .bxWls .lst .bnSta{overflow:hidden;}
.quickBlock .bxWls .lst .bnSta.on .bnOn{border:1px solid #148ed4;background:#0c7ac6;color:#fff;}
.quickBlock .bxWls .lst .bnSta.off .bnOff{border:1px solid #737475;background:#737475;color:#fff;}
.quickBlock .bxWls .lst .bnSta a{display:inline-block;height:32px;margin-right:-5px;padding:0 9px;border:1px solid #c3c5c7;background:#fff;color:#000;font-size:12px;line-height:2.8em;text-decoration:none;overflow:hidden;}
.ie9 .quickBlock .bxWls .lst .bnSta a{margin-right:-4px;}
.quickBlock .bxWls .lst .bnSta a:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px;}
.quickBlock .bxWls .lst .bnSta a:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px;}
.quickBlock .bnCfm{margin:15px 0 0;text-align:center;}
.quickBlock .bnCfm .btn{width:210px;}
.quickBlock .bnAdv{margin:0 5px 0 0;text-align:right;}
.quickBlock .bnAdv a{display:inline-block;height:36px;padding:0 44px 0 0;background:url(../images/ic_set.png) no-repeat 100% 0;color:#646464;font-size:14px;line-height:2.8em;overflow:hidden;vertical-align:top;}

@media only screen and (max-width:980px){
	.quickBlock{width:auto;min-width:300px;padding:0 10px;}
	.quickBlock .bxc{float:none;width:auto;max-width:450px;margin:0 auto 8px;}
	.quickBlock .bxc:last-child{margin-bottom:0;}
	.quickBlock .bnAdv{max-width:450px;margin:0 auto;}
}
@media only screen and (max-width:470px){
	.quickBlock .hed{padding:25px 0 15px;}
	.quickBlock .hed h2{margin:0 0 7px;font-size:32px;}
	.quickBlock .hed .tx1{font-size:14px;}
}
@media only screen and (max-width:390px){
	.inTx{font-size:12px;}
	.quickBlock .bxc h3{margin:0 7px 15px;}
	.quickBlock .bxc .lst dl{padding-left:127px;padding-right:7px;font-size:13px;}
	.quickBlock .bxc .lst dt{left:7px;width:120px;}
}
@media only screen and (max-device-width : 980px) {
	.quickBlock .bxNwk .lst .i1 .state{background-position:0 4px;}
	.quickBlock .bxNwk.networkOn .lst .i1 .state{background-position:0 -54px;}
}

.loginBlock{position:absolute;left:0;right:0;top:16.9555555%;}
.loginBlock .inner{width:460px;margin:0 auto;}
.loginBlock h1{text-align:center;}
.loginBlock h2{padding:11px 0 31px;color:#a6a5a4;font-size:21px;font-weight:normal;text-align:center;}
.loginBlock .msgLst{padding:12px 0 0;border-top:1px solid #c2c2c2;}

.lgnBx{margin:0 0 20px;}
.lgnBx .fm{margin:0 0 10px;padding:0 14px 0 0;}
.lgnBx .fm label{display:none;}
.lgnBx .fm input{display:block;width:100%;height:48px;padding:0 0 0 12px;border:1px solid #c3c5c7;color:#6e6f70;font-size:17px;}
.ie8 .lgnBx .fm input{line-height:3em;}
.lgnBx .fm_msg{margin:0 0 7px;color:#d80b1a;font-size:14px;}
.lgnBx .bnCfm a{display:block;}

@media only screen and (max-width:460px){
	.loginBlock{position:static;padding:58px 10px 0;}
    .loginBlock h1 img{width:100%;max-width:320px;}
	.loginBlock h2{padding:6px 0 26px;font-size:17px;}
	.loginBlock h2 img{width:162px;}
	.loginBlock .inner{width:auto;}
}

.pass_help {
    padding: 3px 0 0;
    color: #656667;
    font-size: 12px;
    text-align: center;
}

/* Modal */
.modal-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height:100%;
	background-color: rgba(0,0,0,.6);
	z-index: 200;
}
.modal {
	position: relative;
	padding: 45px 49px 49px;
}
.modal .close-btn {
	display: block;
	position: absolute;
	top: 19px;
	right: 19px;
	width: 20px;
	height: 20px;
	background: url(../images/sprites.png) no-repeat -45px -68px;
	text-indent: -999px;
	overflow: hidden;
}
.modal .close-btn:active {background: url(../images/sprites.png) no-repeat -45px -89px;}
.modal h2 {
	text-align: center;
	font-size: 21px;
	color: #1592b7;
}
.modal h2+ p {color: #525f5f;}
.modal .btn-wrapper {
	position: absolute;
	bottom: 49px;
	width: 430px;
}
.modal .btn-wrapper2 {
	position: absolute;
	bottom: 49px;
	width: 500px;
}

#modal-login {
	position: fixed;
	top: 135px;
	left: 50%;
	margin-left: -264px;
	width: 430px;
	height: 244px;
	background: url(../images/modal_bg_login.png) no-repeat;
}
#modal-login h2 {
	text-align: left;
	margin-bottom: 12px;
}
#modal-login h2+ p {margin-bottom: 29px;}
#modal-login .login-form li {
	height: 28px;
	line-height: 28px;
	margin-bottom: 12px;
}
#modal-login .login-form label {
	float: left;
	width: 140px;
}
#modal-login .login-form input {float: right;}
#modal-login .btn-large_2 {
	position: absolute;
	left: 140px;
	bottom: 0;
}

.modal-dialog {
	position: fixed;
	top: 191px;
	left: 50%;
	margin-left: -269px;
	width: 410px;
	height: 154px;
	background: url(../images/modal_bg.png) no-repeat;
}
.modal-dialog.modal {
	position: relative;
	padding: 35px 49px 49px;
}
.modal-dialog .modal-content {
	display: table;
	height: 90px;
	width: 410px;
}
.modal-dialog .modal-content p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 18px;
	line-height: 23px;
	color: #1592b7;
	padding-top: 4px;
}
.modal-dialog.modal .btn-wrapper {
	position: absolute;
	bottom: 49px;
	width: 410px;
}
.modal-dialog h2 {
	width: 410px;
}
.modal-dialog h2 + .modal-content p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	
	line-height: 20px;
	color: #000;
	padding-top: 6px;
}
.modal-dialog .btn-large_2 {
	position: relative;
}
.modal-dialog .btn-large_2.left {
	margin-right: 10px;
}
#modal-alert {
	position: fixed;
	top: 191px;
	left: 50%;
	margin-left: -269px;
	width: 410px;
	height: 154px;
	background: url(../images/modal_bg.png) no-repeat;
}
#modal-alert.modal {
	position: relative;
	padding: 39px 49px 45px;
}
#modal-alert h2 {
	width: 410px;
	margin-bottom: 8px;
}
#modal-alert h2 + .modal-content p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	
	line-height: 20px;
	color: #000;
	padding-top: 6px;
}
#modal-alert .modal-content {
	margin-bottom: 20px;
}
#modal-alert .img-wrapper {
	text-align: center;
}

#modal-help {
	position: fixed;
	top: 191px;
	left: 50%;
	margin-left: -264px;
	width: 479px;
	height: 448px;
	background: url(../images/modal_bg_help.png) no-repeat;
}
#modal-help.modal {
	position: relative;
	padding: 42px 0 49px 49px;
}
#modal-help h2 {
	width: 430px;
	text-align: left;
	padding: 0 0 11px;
	border-bottom: 1px solid #dbe6e6;
}
#modal-help h2 span.breadcomb {
	color: #bfbfbf;
}
#modal-help .modal-help-content {
	width: 430px;
	height: 340px;
	overflow-y: auto;
	overflow-x: hidden;
}
#modal-help .modal-help-content h3 {
	font-size: 18px;
	margin: 28px 0 15px;
}
#modal-help .modal-help-content ul li {
	margin-bottom: 20px;
}
#modal-help .modal-help-content ul li h4 {
	
	margin-bottom: 7px;
	color: #000000;
}
#modal-help .modal-help-content ul li p {
	color: #525f5f;
}

#modal-desc h2 {
	margin-top: 11px;
}

#modal-desc p {
	
	color: #525f5f;
	line-height: 17px;
}


#modal-dia {
	position: fixed;
	top: 191px;
	left: 50%;
	margin-left: -434px;
	width: 770px;
	height: 440px;
	background: url(../images/modal_bg_dia.png) no-repeat;
}
#modal-dia.modal {
	position: relative;
	padding: 49px 49px 49px 49px;
}


#modal-dia h2 {
	width: 672x;
	text-align: left;
	margin: 0 0 30px;
}

#modal-dia .modal-dia-content {
	width: 800px;
	height: 398px;
	overflow-y: auto;
	overflow-x: hidden;
}

#modal-dia .modal-dia-content .switch-wrap {
	width: 672px;
	height: 28px;
	margin: 9px 0 32px 0;
}
#modal-dia .modal-dia-content .switch-wrap input {
	float: left;
	margin-right: 10px;
	width: 346px;
	background: url(../images/sprites.png) -230px -800px;
}
#modal-dia .modal-dia-content .switch-wrap input:focus {background: url(../images/sprites.png) -230px -828px;}
#modal-dia .modal-dia-content .switch-wrap .small-btn {
	width: 130px;
	height: 28px;
	line-height: 28px;
	background: url(../images/sprites.png) no-repeat 0 -916px;
}

#modal-dia .modal-dia-content table.data-table {
	width: 770px;
}
#modal-dia .modal-dia-content table.data-table thead tr td {
	height: 45px;
	background-color: #f9f8f5;
	font-size: 12px;
	color: #525f5f;
	text-align: center;
}
#modal-dia .modal-dia-content table.data-table tbody tr td {
	height: 39px;
	border-bottom: 1px solid #dbe6e6;
	
}

#modal-dia .modal-dia-content table.data-table .lst td {border: none;}

#modal-dia .modal-dia-content table.data-table.left-align thead tr td {
	padding: 0 20px;
	text-align: left;
}
#modal-dia .modal-dia-content table.data-table.left-align tbody tr td {
	padding: 0 20px;
	text-align: left;
}
#modal-dia .modal-dia-content table.data-table tbody tr td.forwarding {
	position: relative;
}
#modal-dia .modal-dia-content table.data-table tbody tr td.forwarding .small-btn {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 130px;
	height: 28px;
	line-height: 28px;
	background: url(../images/sprites.png) no-repeat 0 -636px;
}
#modal-dia .modal-dia-content table.data-table tbody tr td.forwarding .small-btn:active {background: url(../images/sprites.png) no-repeat 0 -664px;}
#modal-dia .modal-dia-content table.data-table tbody tr td.forwarding .small-btn.dim {background: url(../images/sprites.png) no-repeat 0 -692px;}

#modal-dia .title {
	text-align: center;
	}
#modal-dia .solution {
	height: 28px;
	text-align: left;
	color: #525f5f;
	font-size: 12px;
	vertical-align: Middle;
	}

#modal-desc h2 {
	margin-top: 11px;
	}
#modal-desc p {
	color: #525f5f;
	line-height: 17px;
	}
	

/* Login */
input[type=text].login {
	width: 276px;
	background: url(../images/sprites.png) -230px -548px;
}
input[type=password].login {
	width: 276px;
	background: url(../images/sprites.png) -230px -548px;
}
input[type=text].login:focus, input[type=password].login:focus {background: url(../images/sprites.png) -230px -576px;}
input[type=text].login:disabled,input[type=password].login:disabled {color: #666;}



#help-btn {
	position: absolute;
	top: 50px;
	right: 0;
}
.scroll-top-btn {
	display: block;
	width: 29px;
	height: 29px;
	background: url(../images/sprites.png) no-repeat -44px 0;
	text-indent: -9999px;
	overflow: hidden;
}
#scroll-top {
	position: fixed;
	bottom: 20px;
	left: 965px;
	z-index: 100;
}

.btn-wrapper {
	width: 610px;
	text-align: center;
}
.btn-wrapper.bottom-bigsize {
	border-top: 1px solid #dbe6e6;
	padding-top: 10px;
	margin-top: 109px;
}
.btn-wrapper2 {
	width: 610px;
	text-align: center;
}
.btn-wrapper2.bottom-bigsize {
	border-top: 1px solid #dbe6e6;
	padding-top: 10px;
	margin-top: 109px;
}

.btn-large_2 {
	display: inline-block;
	width: 130px;
	height: 40px;
	border: none;
	color: #fff;
	cursor: pointer;
	background: url(../images/sprites.png) no-repeat -73px 0;
	
/* margin-right : 20px; */
}
.btn-large_2:active {background-position: -73px -40px;}
.btn-large_2:disabled {background-position: -73px -80px;}
.btn-large_2.left {margin-right: 20px;}

.btn-large_2.grey {background-position: -73px -120px;}
.btn-large_2.grey:active {background-position: -73px -160px;}
.btn-large_2.grey:disabled {background-position: -73px -200px;}

.btn-large_2.bigsize {
	width: 265px;
	background: url(../images/sprites.png) no-repeat -230px -224px;
}
.btn-large_2.bigsize:active {background-position: -230px -264px;}
.btn-large_2.bigsize:disabled {background-position: -230px -304px;}

.btn-large_2.bigsize.grey {background-position: -230px -344px;}
.btn-large_2.bigsize.grey:active {background-position: -230px -384px;}
.btn-large_2.bigsize.grey:disabled {background-position: -230px -424px;}

/* Common: LoadingBar */
/* Common: LoadingBar */
/*#LoadingBar
{
    position:absolute;
    top:309px;
    left:233px;
    width:833px;
    height:104px;
    z-index:98;
    background-image:url("../images/bg_loading.png");
    display: none;
}*/

#LoadingBar {
    position: fixed;
    top: 30%;
    left: 50%;
    width: 833px;
    height: 104px;
    margin-left: -400px;
    z-index: 98;
    background-image: url("../images/bg_loading.png");
    display: none;
    background-repeat: no-repeat;
}


#LoadingBar #LoadingImg
{
    position:absolute;
    top:15px;
    left:291px;
    width:76px;
    height:76px;
    background-image:url("../images/loading.gif");
    background-repeat:no-repeat;
    background-size:76px;
}

#LoadingBar #LoadingTxt
{
    position:absolute;
    top:44px;
    left:392px;
    width:200px;
    height:15px;
    font-size:20px;
    text-align:left;
    vertical-align:middle;
    color:#0fa3f7;
}