@charset "utf-8";

/*
Title:         neplus.jp master styles
Author:        NEplus K.K
Last updata:   2009.4.22
*/

/*--------------------------------------------------------------------
------------------------------------------------- Basic Layout Styles
--------------------------------------------------------------------*/

/*--------------------------------------------------------------------
-------------------------------------------------------------- Margin
--------------------------------------------------------------------*/

.m_auto{margin-left:auto !important;margin-right:auto !important;}

.m_t0{margin-top:0px !important;}.m_t5{margin-top:10px !important;}
.m_t10{margin-top:10px !important;}.m_t15{margin-top:15px !important;}
.m_t20{margin-top:20px !important;}.m_t30{margin-top:30px !important;}
.m_t30{margin-top:40px !important;}

.m_b0{margin-bottom:0px !important;}.m_b5{margin-bottom:5px !important;}
.m_b10{margin-bottom:10px !important;}.m_b15{margin-bottom:10px !important;}
.m_b20{margin-bottom:20px !important;}.m_b25{margin-bottom:25px !important;}
.m_b30{margin-bottom:30px !important;}.m_b40{margin-bottom:40px !important;}

.m_r0{margin-right:0px !important;}.m_r5{margin-right:10px !important;}
.m_r10{margin-right:10px !important;}.m_r15{margin-right:15px !important;}
.m_r20{margin-right:20px !important;}.m_r30{margin-right:30px !important;}

.m_l0{margin-left:0px !important;}.m_l5{margin-left:10px !important;}
.m_l10{margin-left:10px !important;}.m_l15{margin-left:15px !important;}
.m_l17{margin-left:17px !important;}.m_l20{margin-left:20px !important;}
.m_l30{margin-left:30px !important;}

/*--------------------------------------------------------------------
------------------------------------------------------------- padding
--------------------------------------------------------------------*/

.p_5{padding:5px !important;}

.p_t0{padding-top:0px !important;}.p_t5{padding-top:10px !important;}
.p_t10{padding-top:10px !important;}.p_t15{padding-top:15px !important;}
.p_t20{padding-top:20px !important;}.p_t30{padding-top:30px !important;}

.p_b0{padding-bottom:0px !important;}.p_b5{padding-bottom:5px !important;}
.p_b10{padding-bottom:10px !important;}.p_b15{padding-bottom:10px !important;}
.p_b20{padding-bottom:20px !important;}.p_b30{padding-bottom:30px !important;}

.p_r0{padding-right:0px !important;}.p_r5{padding-right:10px !important;}
.p_r10{padding-right:10px !important;}.p_r15{padding-right:15px !important;}
.p_r20{padding-right:20px !important;}.p_r30{padding-right:30px !important;}
.p_r17{padding-right:17px !important;}

.p_l0{padding-left:0px !important;}.p_l5{padding-left:10px !important;}
.p_l10{padding-left:10px !important;}.p_l15{padding-left:15px !important;}
.p_l17{padding-left:17px !important;}.p_l20{padding-left:20px !important;}
.p_l25{padding-left:25px !important;}.p_l30{padding-left:30px !important;}

/*--------------------------------------------------------------------
---------------------------------------------------------- Text-align
--------------------------------------------------------------------*/

.txt_r {text-align:right;}
.txt_c {text-align:center;}

/*--------------------------------------------------------------------
---------------------------------------------------------------- Text
--------------------------------------------------------------------*/


/*--------------------------------------------------------------------
--------------------------------------------------------------- Float
--------------------------------------------------------------------*/

.fl_l {float:left;}
.fl_r {float:right;}
.cl_b {clear: both;}

/*--------------------------------------------------------------------
---------------------------------------------------------------- Logo
--------------------------------------------------------------------*/

#Header p#Logo {
	width: 97px;
	height: 42px;
	position: absolute;
	top: 27px;
	left: 13px;
}

/*--------------------------------------------------------------------
----------------------------------------------------- Page Title (h1)
--------------------------------------------------------------------*/

#subV {
	background: url(../images/bg_subv.gif) repeat-x;
	text-align: center;
}

#subV h1 {
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 920px;
	height: 152px;
	margin: 0 auto;
}

body#Talent h1 {background-image: url(../talent/images/h1.jpg);}
body#Cisco_support h1 {background-image: url(../cisco_support/images/h1.jpg);}
body#Cisco_uc500 h1 {background-image: url(../cisco_uc500/images/h1.jpg);}
body#Itcost h1 {background-image: url(../itcost/images/h1.jpg);}
body#Laboroom h1 {background-image: url(../laboroom/images/h1.jpg);}
body#Rental h1 {background-image: url(../rental/images/h1.jpg);}
body#iPhone h1 {background-image: url(../iphone_vpn/images/h1.jpg);}
body#Security h1 {background-image: url(../security/images/h1.jpg);}
body#Server h1 {background-image: url(../server/images/h1.jpg);}
body#Inquiry h1 {background-image: url(../inquiry/images/h1.jpg);}
body#Company h1 {background-image: url(../company/images/h1.jpg);}
body#map h1 {background-image: url(../map/images/h1.jpg);}
body#Syswatch h1 {background-image: url(../syswatch/images/h1.jpg);}
body#Sitemap h1 {background-image: url(../sitemap/images/h1.jpg);}
body#Recruit h1 {background-image: url(../recruit/images/h1.jpg);}
body#Verify h1 {background-image: url(../verify/images/h1.jpg);}
body#Security_measure h1 {background-image: url(../security_measure/images/h1.jpg);}
body#Infracost h1 {background-image: url(../infracost/images/h1.jpg);}
body#Pp h1 {background-image: url(../privacy/images/h1.jpg);}
body#Web h1 {background-image: url(../web/images/h1.jpg);}
body#Blog h1 {background-image: url(../blog/wp-content/themes/neplusblog/images/h1.jpg);}
body#Blog h1 a {
	display:block;
	width: 920px;
	height: 152px;
}


/*--------------------------------------------------------------------
------------------------------------------------------------ Headings
--------------------------------------------------------------------*/

h2.hd2_1 {
	font-size: 130%;
	font-weight: bold;
	padding: 15px 12px;
	margin: 5px 0 20px 0;
	border-bottom: 1px solid #5d7d97;
}

h3.hd3_1 {
	font-size: 120%;
	font-weight: bold;
	background: #0a4882 url(../images/bg_h01.gif) no-repeat right bottom;
	padding: 5px 12px;
	margin-bottom: 20px;
}

h4.hd4_1 {
	font-weight: bold;
	margin: 15px 12px;
	padding-left: 10px;
	border-left: 5px solid #5d7d97;
}

/*--------------------------------------------------------------------
-------------------------------------------------------------- Format
--------------------------------------------------------------------*/

.con01 {
	margin: 0 12px 0 12px;
}

ul.list01 {
	margin: 0 12px 0 12px;
}
ul.list01 li {
	background: url(../images/icon01.gif) no-repeat 0 6px;
	margin-bottom: 5px;
	padding-left: 12px;
}
ul.list02 li {
	float: left;
	width: 175px;
}

.btn01 {
	text-align: center;
	margin: 25px 0;
}

/*--------------------------------------------------------------------
---------------------------------------------------------------- Home
--------------------------------------------------------------------*/

#Home h1 a {
	background: url(../images/logo.png) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 97px;
	height: 42px;
	position: absolute;
	top: 27px;
	left: 13px;
}

/*--- Info ---*/

#Home #Info {
	background: url(../images/bg_info.png) no-repeat;
	text-align: left;
	width: 800px;
	height: 77px;
	margin: 8px auto 0 auto;
}

#Home #Info h2 {
	background: url(../images/h_info.gif) no-repeat 25px 8px;
	text-indent: -9999px;
	float: left;
	width: 84px;
	height: 61px;
	margin: 0;
	padding: 8px 0 0 25px;
	border: 0 none;
}

#Home #Info dl {
	float: left;
	width: 652px;
	height: 51px;
	margin: 12px 0 0 25px;
	overflow: auto;
}

#Home #Info dt, #Home #Info dd {
	color: #FFF;
	float: left;
}

#Home #Info dt {
	width: 92px;
	padding-right: 10px;
}

#Home #Info dd {
	width: 530px;
}

/*--- Main banner ---*/

ul#homeMain {
	float: left;
	width: 609px;
	margin-top: 18px;
	border-right: 1px solid #5d7d97;
}

ul#homeMain li {
	background-repeat: no-repeat;
	text-indent: -9999px;
	float: left;
	margin: 0 8px 8px 0;
}

ul#homeMain li a {
	display: block;
	width: 295px;
	height: 112px;
}

ul#homeMain li#hNav01 {background-image: url(../images/home_bnr_l01.png);}
ul#homeMain li#hNav02 {background-image: url(../images/home_bnr_l02.png);}
ul#homeMain li#hNav03 {background-image: url(../images/home_bnr_l03.png);}
ul#homeMain li#hNav04 {background-image: url(../images/home_bnr_l04.png);}
ul#homeMain li#hNav05 {background-image: url(../images/home_bnr_l05.png);}
ul#homeMain li#hNav06 {background-image: url(../images/home_bnr_l06.png);
	margin-right: 0;
	margin-bottom: 0;
}

* html ul#homeMain li#hNav06 {
	margin-right: 0px;
}


/*--- Sub banner ---*/

dl#homeSub {
	text-align: left;
	float: right;
	width: 180px;
	padding: 18px 0 0 10px;
}
dl#homeSub dd {
	font-size: 80%;
	line-height: 120%;
	padding: 0 6px 13px 6px;
}
* html dl#homeSub dd {
	line-height: 140%;
	padding-top: 2px;
}
dl#homeSub dd a:link, dl#homeSub dd a:visited {
	text-decoration: none;
	color: #FFF;
}
dl#homeSub dd a:hover {
	text-decoration: underline;
}
dl#homeSub dt.pmark {
	margin-top:10px;
	text-align:right;
}
dl#homeSub dd.pmark {
	text-align:right;
}

/*--------------------------------------------------------------------
-------------------------------------------------------------- Talent
--------------------------------------------------------------------*/

#Talent div.merit {
	float: left;
	width: 474px;
}
#Talent p.graph {
	float:right;
	width: 306px;
	margin: 0 15px 25px 5px;
}
* html #Talent p.graph {
	margin-bottom: 5px;
}


/*--------------------------------------------------------------------
-------------------------------------------------------------- Laboroom
--------------------------------------------------------------------*/

#Laboroom div.merit {
	float: left;
	width: 454px;
}
#Laboroom p.graph {
	float:right;
	width: 326px;
	margin: 0 15px 25px 5px;
}
* html #Laboroom p.graph {
	margin-bottom: 5px;
}

/*--------------------------------------------------------------------
-------------------------------------------------------------- Syswatch
--------------------------------------------------------------------*/

#Syswatch div.merit {
	float: left;
	width: 154px;
}
#Syswatch p.graph {
	float:right;
	width: 626px;
	margin: 0 15px 25px 5px;
}
* html #Syswatch p.graph {
	margin-bottom: 5px;
}



/*--------------------------------------------------------------------
-------------------------------------------------------------- Verify
--------------------------------------------------------------------*/

#Verify div.merit {
	float: left;
	width: 403px;
}
#Verify p.graph {
	float:right;
	width: 377px;
	margin: 0 15px 25px 5px;
}
* html #Verify p.graph {
	margin-bottom: 5px;
}




/*--------------------------------------------------------------------
-------------------------------------------------------------- Itcost
--------------------------------------------------------------------*/

#Itcost div.merit {
	float: left;
	width: 270px;
}
#Itcost p.graph {
	float:right;
	width: 510px;
	margin: 0 15px 25px 5px;
}
* html #Itcost p.graph {
	margin-bottom: 5px;
}




/*--------------------------------------------------------------------
-------------------------------------------------------------- Cisco_support
--------------------------------------------------------------------*/
#Cisco_support a {
	color:#6699FF;
}

#Cisco_support div.merit {
	float: left;
	width: 274px;
}
#Cisco_support p.graph {
	float:right;
	width: 506px;
	margin: 0 15px 25px 5px;
}
* html #Cisco_support p.graph {
	margin-bottom: 5px;
}
#Cisco_support ul.category  {
}
#Cisco_support ul.category li {
	float:left;
	margin-bottom:5px;
}
#Cisco_support ul.category li a {
	display:block;
	float:left;
	padding:0px 10px;
	width:220px;
}
#Cisco_support ul.category li.active a {
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}

#Cisco_support table.spec {
	border-collapse:separate;
	border-spacing:1px;
}

#Cisco_support table.spec th, #Cisco_support table.spec td {
	padding:2px 5px;
}

#Cisco_support table.spec th {
	background: #084681;
}

#Cisco_support table.spec td {
	background: #7C829A;
}

#Cisco_support table.spec td ul.speclist {
}
#Cisco_support table.spec td ul.speclist li{
	width:78px;
	display:block;
	margin:2px;
	padding:0px;
	float:left;
	text-align:center;
	font-size:10px;
	background: none;
	color:#fff;
	border:dotted 1px #fff;
}

#Cisco_support .arrow {
	background:url(../cisco_support/images/arrow.gif) no-repeat left center;
	padding-left:25px;
}

/*--------------------------------------------------------------------
-------------------------------------------------------------- Rental
--------------------------------------------------------------------*/

#Rental div.merit {
	float: left;
	width: 371px;
}
#Rental p.graph {
	float:right;
	width: 409px;
	margin: 0 15px 25px 5px;
}
* html #Rental p.graph {
	margin-bottom: 5px;
}

/*--------------------------------------------------------------------
-------------------------------------------------------------- iPhone
--------------------------------------------------------------------*/

#iPhone div.merit {
	float: left;
	width: 371px;
}
#iPhone p.graph {
	float:right;
	width: 409px;
	margin: 0 15px 25px 5px;
}
* html #iPhone p.graph {
	margin-bottom: 5px;
}

#iPhone a:visited {
	color:#6699FF;
}
#iPhone a:link {
	color:#6699FF;
}
#iPhone a:visited {
	color:#6699FF;
}

#iPhone a:hover {
	color:#D2EBFF;
}



/*--------------------------------------------------------------------
-------------------------------------------------------------- Cisco_uc500
--------------------------------------------------------------------*/

#Cisco_uc500 div.merit {
	float: left;
	width: 371px;
}
#Cisco_uc500 p.graph {
	float:right;
	width: 409px;
	margin: 0 15px 25px 5px;
}
* html #Cisco_uc500 p.graph {
	margin-bottom: 5px;
}


/*--------------------------------------------------------------------
------------------------------------------------------------- Inquiry
--------------------------------------------------------------------*/

#Inquiry table {
	width: 780px;
	margin-left: 10px;
	border-collapse:separate;
	border-spacing:2px;
}

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

#Inquiry table th {
	background: #084681;
	width: 28%;
}

#Inquiry table td {
	background: #7C829A;
}
.per72 {
	width: 72%;
}
.inpt01 {
	width: 280px;
	padding: 2px;
}
.inpt02 {
	width: 60px;
	padding: 2px;
}
.inpt03 {
	width: 490px;
	height: 150px;
	padding: 2px;
}


/*--------------------------------------------------------------------
------------------------------------------------------------- Company
--------------------------------------------------------------------*/

#Company table {
	width: 780px;
	margin-left: 10px;
	border-collapse:separate;
	border-spacing:2px;
}

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

#Company table th {
	background: #084681;
	width: 28%;
}

#Company table td {
	background: #7F8394;
}
.per72 {
	width: 72%;
}
.inpt01 {
	width: 280px;
	padding: 2px;
}
.inpt02 {
	width: 60px;
	padding: 2px;
}
.inpt03 {
	width: 490px;
	height: 150px;
	padding: 2px;
}

/*--------------------------------------------------------------------
-------------------------------------------------------------- Web
--------------------------------------------------------------------*/

ul.web-chap {
	margin-left:10px;
}
ul.web-chap li {
	float:left;
	margin: 0 10px 0px 0;
}

/*--------------------------------------------------------------------
-------------------------------------------------------------- el_security
--------------------------------------------------------------------*/

#elSecurity {
	margin: 0 100px;
}
#elSecurity h2 {
	font-size:140%;
	font-weight:bold;
	text-align:center;
}
#elSecurity .sign {
	text-align:right;
}
#elSecurity p{
	margin: 0.9em 0;
}

#elSecurity table {
	border-collapse:separate;
	border-spacing:1px;
	margin:0px auto;
	width:580px;
}

#elSecurity table td p{
	margin: 0.2em 0;
	color:#333333;
}
#elSecurity table td{
	background :#fff;
	color:#333333;
	padding:10px;
}
#elSecurity table th{
	background: #084681;
	padding:10px;
	white-space:nowrap;
	vertical-align:top;
}
#elSecurity table td textarea{
	font-size:12px;
}

/*--------------------------------------------------------------------
-------------------------------------------------------------- security
--------------------------------------------------------------------*/
#Security p.graph1{
	float:right;
	width: 320px;
	margin: 0 15px 25px 5px;

}
#Security p.graph2{
	float:right;
	width: 105px;
	margin: 0 15px 25px 25px;

}


/*--------------------------------------------------------------------
-------------------------------------------------------------- Recruit
--------------------------------------------------------------------*/

#Recruit table.privacy{
	margin:0px 30px 10px 30px;
}

#Recruit table.privacy th{
	vertical-align:top;
	white-space:nowrap;
}
#Recruit table.privacy td,
#Recruit table.privacy th{
	padding:5px;
}

