@charset "utf-8";
@import "ncv-base.css";



#support-menu{
 padding: 0.5em;
 margin: 2em 0;
 border: 1px solid #ccc;
}



/* --------------------------------------------- */
/*    サポートトップ                             */
/* --------------------------------------------- */


ul.suptmenuList{
 margin-left: 2em;
}

ul.suptmenuList li{
 list-style-image: url(../img/arrow-r.gif);
}

.spt-menu-img{
 float: left;
 width: 110px;
}

.spt-menu-UL{
 float: left;
}


.spt-menu-UL ul{
 width: 450px;
}

.spt-menu-UL ul li{
 margin-bottom: 0.5em;
}



#remote-kiyaku{
	padding: 1em 0;
	width:640px;
	height:300px;
	overflow:auto;
	border: 1px solid gray;
}




iframe.F-remort{
	margin:0px;
	padding:0px;
	border:solid 1px #808080;
	width:650px;
	height:330px;
}

input.subButton{
	width:120px;
	height:25px;
}



form.subButton{
	margin:10px 10px 0px 0px;
	padding:0px;
	float:left;
}






/* --------------------------------------------- */
/*    サポートセンター                           */
/* --------------------------------------------- */

table.suptTable{
	margin: 10px 0;
	width: 600px;
	_font-size: 1em;
}

table.suptTable th,
table.suptTable td{
	padding: 5px;
	border-bottom: 1px dashed #808080;
}

table.suptTable th{
	padding: 5px 0;
	width: 100px;
	text-align: center;
}

ul#spt-taisyo{
 margin-left: 2em;
}

ul#spt-taisyo li{
 list-style-type: disc;
}





/* --------------------------------------------- */
/*    よくあるご質問                             */
/* --------------------------------------------- */

table#faqListTable{
	width: 98%;
	_font-size:90%;
}


ul.faqList{
	margin:5px 0 0 20px;
}

ul.faqList li{
	background: url(../support/img/arrow_faq.gif) no-repeat;
	min-height:25px;
	_height:25px;
	padding-left: 20px;
}



.FAQ-A{
	padding: 5px;
}

.FAQ-A p.back{
	text-align:right;
}

.price{
	font-family: monospace;
}






/* --------------------------------------------- */
/*    障害報告                                   */
/* --------------------------------------------- */


h2.h2syogai{
	margin:0 !important;
	padding:5px;
	font-size:1em !important;
	border-style:solid;
	border-width:1px 1px 1px 20px;
	border-color:#666;
}

.syogaiList{
	margin-bottom: 2em;
	padding:5px 0px 5px 10px;
	border-style:solid;
	border-width:0px 1px 1px 1px;
	border-color:#666;
}

.syogaiList ul{
	margin:0px 10px 5px 20px;
	list-style:none;
}

.syogaiList ul li{
	margin:0px 0px 5px 0px;
}









/* --------------------------------------------- */
/*    新規ご加入のお申込み方法                   */
/* --------------------------------------------- */


.contactBlock{
	margin: 0 auto 2em auto;
	width: 500px;
	padding: 3px;
	text-align:center;
	border: 3px double #42B8D6;
	background-color: #DDFBFF;
	_margin-left:120px;
}

.contactBlock p{
	margin: 5px 0 !important;
}

.contactBlock p.contactT{
	margin: 0 0 5px 0 !important;
	padding:3px;
	font-weight: bold;
	font-size: 110%;
	background-color: #00BFD8;
	color: #ffffff;
}

ul#appliList{
	margin: 5px 0 5px 30px;
}

ul#appliList li{
	list-style-type: disc;
}

.spt-app-img{
 float: left;
 width: 110px;
}

.spt-app-txt{
 float: left;
 width: 530px;
}






/* --------------------------------------------- */
/*    お申込みからご利用開始まで                 */
/* --------------------------------------------- */


h2.h2-flow{
	margin: 0 0 20px 0 !important;
	padding: 0 !important;
	color:#984C00 !important;
	font-size:1.2em !important;
	border-style:none !important;
	background-image:none !important;
}

table.flowBlock{
	margin: 10px 0 0 10px;
	border: 1px solid #cccccc;
}

table.flowBlock td{
	padding: 10px;
	_font-size:80%;
}


table.flowBlock td.flowText{
	padding:5px;
	width: 400px;
	vertical-align: top;
	background-color: #F6F6F6;
}

table.flowBlock td.flowText p.agency{
	margin: 10px;
	padding:10px;
	border: 3px double #62C9FC;
	background-color: #DFFDFF;
	text-align: center;
	line-height: 140%;
}


#finacialBlock-flow{
	margin: 10px auto;
	width: 370px;
	_width: 380px;
	_margin-left:10px;
}

table.flowBlock td.flowText p.agency a{
	font-weight: bold;
	font-size: 110%;
}

table.flowBlock td.flowText dl{margin-top: 10px;}
table.flowBlock td.flowText dl dt{font-weight: bold;}
table.flowBlock td.flowText dl dd{margin: 0 0 5px 10px;}


table.flowBlock td.flowImg{
	width: 190px;
	text-align:center;
	vertical-align: middle;
	background-color: #ffffff;
}







/* --------------------------------------------- */
/*    代理店紹介                                 */
/* --------------------------------------------- */

.agencyColumn{
	margin:10px;
	padding:5px;
	border:1px solid #808080;
	text-align:center;
}


.agencyColumn strong{
	margin:5px 0px;
	padding:0px;
	color:#ff6633;
}

.agencyColumnText{
	margin:5px 0px;
	padding:0px;
}

table#AgencyTable{
	width: 98%;
	_font-size:90%;
}

table#AgencyTable td{
	width: 48%;
	vertical-align: top;
	padding: 0 5px;
}


ul.agencyList{
	margin:5px 0px 10px 0px;
	text-align:left;
	list-style-image: url("../support/img/arrow_agency.gif");
}

ul.agencyList li{
	margin:5px 0px 0px 40px;
}

.agencyText{text-align:left;padding:0.5em;}







/* --------------------------------------------- */
/*    サービス提供エリ                           */
/* --------------------------------------------- */


.areaMapBlock{
	margin:10px;
	text-align:center;
}

.areaOffBlock{
	margin:20px auto 0 auto;
	padding:5px;
	width: 500px;
	background-color:#FFFF99;
	border:3px double #FFCC66;
	text-align:center;
	_font-size:90%;
	_margin-left:120px;
}

.areaColumn{
	margin:10px;
	padding:5px;
	border:1px solid #808080;
	text-align:center;
}

.areaColor{
	color:#FFCCFF;
	font-size: 1.5em;
}


strong.areaOffh4{
	margin:5px 0px;
	padding:0px;
	font-size:1.3em;
	color:#993300;
}


.PopBoxImageSmall
{
	border: none 0px #ffffff;
	cursor: url("../support/img/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("../support/img/magminus.cur"), pointer;
}
.PopBoxImageShrink
{
	cursor: url("../support/img/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}




/* --------------------------------------------- */
/*    リモートサポート                           */
/* --------------------------------------------- */

#form-old{
 display: block;
}

#form-new{
 display: none;
}