.j01 {
     font-size: 14px;
     line-height: 1.5;
}

.j001 {
     height: 1.5em;
     color: #1c84D2;
     font-size: 13px;
     font-weight: bold;
     margin-bottom: 4px;
     border-bottom: 1px dashed #D2D2D2;
}

.pp {
     font-size:13px;
     line-height: 1.5;
     background-color: #E1E3F5;
     padding: 0 0 2px 6px;
}

.ppp {
     font-size:13px;
     padding: 6px 0 0 6px;
}







.text10 {
        font-size:10px;
	line-height:140%;
}

.text10grey {
	color:#999999;
        font-size:10px;
	line-height:140%;
}

.text12 {
        font-size:12px;
	line-height:140%;
}

.text12grey {
	color:#999999;
        font-size:12px;
	line-height:140%;
}

.text12blue {
        font-size:12px;
	color:#336699;
	line-height:140%;
}

.text14 {
        font-size:14px;
	line-height:140%;
}

.text16 {
        font-size:16px;
	line-height:140%;
}

.text16b {
        font-size:16px;
	font-weight:bold;
	line-height:140%;
}

.text16blueB {
        font-size:16px;
	color:#336699;
	font-weight:bold;
	line-height:140%;
}

.text16greenB {
	color:#669900;
        font-size:16px;
	font-weight:bold;
	line-height:140%;
}

.text18 {
        font-size:18px;
	line-height:140%;
}

.text18b {
        font-size:18px;
	font-weight:bold;
	line-height:140%;
}

.text18greenB {
	color:#669900;
        font-size:18px;
	font-weight:bold;
	line-height:140%;
}

.text18blue {
	color:#0000FF;
        font-size:18px;
	font-weight:bold;
	line-height:140%;
}

.text18br {
	color:#663333;
        font-size:18px;
	line-height:140%;
}

.text20 {
        font-size:20px;
	line-height:140%;
}

.text20b {
        font-size:20px;
	font-weight:bold;
	line-height:140%;
}

.text20red {
	color:#FF0000;
        font-size:20px;
	font-weight:bold;
	line-height:140%;
}

.text20blue {
	color:#0000FF;
        font-size:20px;
	font-weight:bold;
	line-height:140%;
}

.text20org {
	color:#FF6600;
        font-size:20px;
	font-weight:bold;
	line-height:140%;
}

/* -- cvs -- */

.text12a {
	font-size: 12px;
}
.text12b {
	font-size: 12px;
	line-height: 150%;
}
.text14b {
	font-size: 14px;
	line-height: 150%;
	padding: 20px;
}
.text14b2 {
	font-size: 14px;
	line-height: 150%;
	padding: 20px 20px 0px;
}
.text12c {
	font-size: 12px;
	line-height: 150%;
	padding: 10px;
}
.text10b {
	font-size: 10px;
	line-height: 130%;
}
.text24 {
	font-size: 24px;
}
.text14 {
	font-size: 14px;
}
.box1 {
	padding: 30px;
}
.box2 {
	padding: 30px;
}
.tensenwaku {
	font-size: 16px;
	padding: 5px 20px;
	border: 2px dashed #FF0000;
	line-height: 150%;
}
.text14b3 {
	font-size: 14px;
	line-height: 150%;
	padding: 0px 20px;
}
.text16 {
	font-size: 16px;
}
.waku02 {
	border: 1px dotted #3366FF;
}
.waku03 {
	font-size: 14px;
	line-height: 150%;
	padding: 20px 20px 0px;
	border: 1px dashed #CCCCCC;
}

/* --end cvs -- */

.top_main1 {
     width:579px;
     height:130px;
     margin:10px 0px 0px 10px;
}

.top_main2 {
     width:579px;
     height:205px;
     margin:0px 0px 0px 10px;
}

.tit_index01 {
     width:579px;
     height:20px;
	 background-color:#CCCCCC;
	 font-size:12px;
	 padding-left:10px;
	 padding-top:5px;
}

.tit_index02 {
     width:579px; 
     height:20px;
	 background-color:#CCCCCC;
	 font-size:12px;
	 padding-top:5px;
	 padding-left:10px;
}

.top_main01 {
     width:190px;
     margin:5px 0px;
     float:left;
}

.top_main01 ul li {
     font-size:12px;
     padding:2px 0px;
     margin:5px 0px 2px 15px;
     list-style-image : url(img/clip.gif);
     list-style-position: outside;
}

.top_main02 {
     width:190px;
     margin:5px 0px;
     float:left;
}

.top_main02 ul li {
     font-size:12px;
     padding:2px 0px;
     margin:5px 0px 2px 15px;
     list-style-image : url(img/clip.gif);
     list-style-position: outside;
}

.top_main03 {
     width:190px;
     margin:5px 0px;
     float:left;
}

.top_main03 ul li {
     font-size:12px;
     padding:2px 0px;
     margin:5px 0px 2px 15px;
     list-style-image : url(img/clip.gif);
     list-style-position: outside;
}

.top_main04 {
     width:190px;
     margin:5px 0px;
     float:left;
}

.top_main04 ul li {
     font-size:12px;
     padding:2px 0px;
     margin:5px 0px 2px 15px;
     list-style-image : url(img/list.gif);
     list-style-position: outside;
}

.top_main05 {
     width:190px;
     margin:5px 0px;
     float:left;
}

.top_main05 ul li {
     font-size:12px;
     padding:2px 0px;
     margin:5px 0px 2px 15px;
     list-style-image : url(img/list.gif);
     list-style-position: outside;
}

.top_main06 {
     width:190px;
     margin:5px 0px;
     float:left;
}

.top_main06 ul li {
     font-size:12px;
     padding:2px 0px;
     margin:5px 0px 2px 15px;
     list-style-image : url(img/list.gif);
     list-style-position: outside;
}

.jireikensaku {
     font-size:12px;
     padding-left:80px;
}

.top_ws {
    width:580px;
    height:90px;
    background:url(http://www.78it.com/img/website.gif) no-repeat;
    clear:both;
}

.top_ws div {
    height:90px;
    font-size:12px;
    text-align:left;
    padding-top:10px;
    padding-right:5px;
    margin:0px auto 0 140px;
    line-height:160%;
}

.top_ws2 {
    width:580px;
    height:90px;
    margin-bottom:5px;
    background:url(http://www.78it.com/img/webpgm.gif) no-repeat;
    clear:both;
}

.top_ws2 div {
    height:90px;
    font-size:12px;
    text-align:left;
    padding-top:10px;
    padding-right:5px;
    margin:0px auto 0 140px;
    line-height:160%;
}

.top_ws3 {
    width:580px;
    height:90px;
    margin-bottom:5px;
    background:url(http://www.78it.com/img/webteian.gif) no-repeat;
    clear:both;
}

.top_ws3 div {
    height:90px;
    font-size:12px;
    text-align:left;
    padding-top:6px;
    padding-right:5px;
    margin:0px auto 0 140px;
    line-height:140%;
}

.toptel {
   text-align: right;
   padding-right:30px;
}

.topTitlebar {
   width:575px;
   height:2px;
   padding-left:10px;
   border-bottom:1px dotted #999999;
   margin-bottom:10px;
}

.topTitlebar a {
   color:#CC3333;
   text-decoration:none;
}

.topTitlebar a:hover {
   color:#CC3333;
   text-decoration:underline;
}

.bnr {
        width: 190px;
        padding-top:20px;
}

.banner {
        width: 165px;
        height: 60px;
        margin-left:auto;
        margin-right:auto;
}

.w3c {
     width:190px;
     height:60px;
     margin-top:20px;
}

.w3c01 {
     width:95px;
     margin-left:auto;
     margin-right:auto;
     float:left;
}

.w3c02 {
     width:95px;
     margin-left:auto;
     margin-right:auto;
     float:left;
}

.contents01 {
     width:590px;
}

.contents01a {
         width:310px;
	 font-size:12px;
	 line-height:150%;
	 float:left;
}

.contents01b {
     width:280px;
	 font-size:12px;
	 text-align:center;
	 line-height:150%;
	 float:left;
}

.website td {
     padding-right:20px;
     font-size:12px;
     line-height:140%;
}

table.tbl01 {
     width:540px;
     margin-top: 15px;
	margin-left : auto;
	margin-right : auto;
}

table.tbl01 th {
     background-image:url(img/listmark01.gif);
     background-repeat:no-repeat;
     background-position:5px 6px;
     border-bottom:1px dotted #336699;
     color:#336699;
     font-size:75%;
     line-height:1.4;
     text-align:left;
     padding:5px 0 5px 12px;
     background-color:#F5F5F5;
     vertical-align:top;
	 width : 144px;
}

table.tbl01 td {
     font-size:75%;
     line-height:1.4;
     border-bottom:1px dotted #CCCCCC;
     padding:5px;
}

.office_name {
	 margin : 10px auto;
	 width : 528px;
     background-color:#F5F5F5;
     color:#336699;
     font-size:75%;
     border-bottom:1px dotted #336699;
     padding:5px 0 5px 12px;
	 font-weight : bold;
}

table.office_address {
	border : none;
	width : 500px;
	margin : 0px auto;
     font-size:75%;
     line-height:1.4;
}








.table01 {
     width:581px;
     margin-top: 15px;
}

.table01 div {
     margin-left:20px;
}

.table01 td {
     font-size:12px;
     line-height:140%;
}

.table02 {
     width:581px;
}

.table02 div {
     margin-left:20px;
}

.table02 div td {
     font-size:12px;
     line-height:150%;
	 padding:7px 10px;
}

.table03 {
     width:581px;
}

.table03 td {
     font-size:12px;
     line-height:150%;
	 padding:7px 10px;
}

.table03 td.border {
	padding: 7px!important;
	border: 1px solid #CCCCCC;
	color:#333333;
	}

.table03 td a.service_title_link {
	font-weight: bold;
	background-image: url(images-new/top/day_icon.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 9px;
	text-decoration: underline;
}

.table03 td a.service_title_link:hover {
	text-decoration: none;
}

.table04 {
     width:581px;
}

.table04 td {
     font-size:12px;
     line-height:145%;
}

.table05 {
     width:581px;
}

.table05 td {
     font-size:12px;
     line-height:150%;
     padding:2px 15px;
}

.table06 {


     width:581px;
}

.table06 div {
     margin-left:1px;;
}

.table06 div td {
     font-size:12px;
     line-height:150%;
     padding:7px 10px;
}

.table06 div td.comment {
     font-size:12px;
     line-height:1.5;
     padding:5px 15px 5px 25px;
}

.table06 div td.comment ul {
	 margin: 0;
	 padding: 0 0 0 10px;
}

.table06 div td.comment li {
     font-size:12px;
     line-height:1.5;
     padding:3px 15px 0 0;
}

.table07 {
     width:583px;
}

.table07 td {
     font-size:110%;
     line-height:150%;
     padding:7px 10px;
}

.table08 {
     width:566px;
}

.table08 div {
     margin-left:1px;;
}

.table08 div td {
     font-size:12px;
     line-height:150%;
     padding:7px 0px;
}




.block01 {
     width:345px;
	 font-size:100%;
     line-height:1.6;
	 margin-bottom:10px;
	 border-bottom:1px dotted #cccccc;
}

.textfield
{ 
     border: 1px solid #cccccc;
}

div.form-submit
{
	text-align:center !important;
}

div.form-submit input
{
     border: 1px solid #cccccc;
     width:150px;
     height:25px;
     font-size:12px;
}

.ct {
     width:50px;
     height:10px;
     margin-top:120px;
     margin-left:150px;
}

.under_link {
     font-size: 12px;
     margin:10px;
     text-align: center;
}

.under_link2 {
     font-size: 55%;
     margin:10px;
     text-align: center;
}

.webjirei {
     font-size: 10px;
     color: #FFFFFF;
     width: 190px;
}

.webjirei a {
     font-size: 8px;
     color: #FFFFFF;
     text-decoration: none;
}

table.sitejirei tr td {
	font-size:12px;
	line-height:1.5;
	padding:5px;
}

ul.jirei {
        margin:0 0 0 1em;
        padding:0;
}

li.jirei2 {
        list-style-type:decimal;
        font-size:80%;
        line-height:1.4;
}

li.jirei3 {
        list-style-type:decimal;
        font-size:100%;
        line-height:1.4;
}

ul.sitemap {
	margin:0 0 0 1.5em;
	padding: 0;
}

li.sitemap {
	list-style-type:disc;
}

li.sitemap2 {
	list-style-type:decimal;
	margin-left:20px;
}

li.sitemap3 {
	list-style-type:none;
        margin-left:-5px;
}

.line01 {
        width:570px;
        height:10px;
        border-bottom:1px dotted #CCCCCC;
        margin-bottom:20px;
}

.line02 {
        width:570px;
        border-bottom:1px dotted #CCCCCC;
}

.rollover {
        vertical-align:bottom;
}

.red01 {
        color:#CC3333;
}

ul.pne {
	margin:0 0 0 1em;
	padding: 0;
}

li.pne {
	list-style-type:square;
        font-size:100%;
        font-weight:bold;
        color:#333333;
        line-height:2.2;
}

li.pne2 {
	list-style-type:disc;
	margin-left:20px;
        font-size:100%;
        color:#666666;
        line-height:1.8;
}

li.pne3 {
	list-style-type:circle;
	margin-left:20px;
        font-size:100%;
        color:#666666;
        line-height:1.8;
}






/*　::::::::::::::::::::::::::::::::::::::::::::::::　OpnePNE(仮)　::::::::::::::::::::::::::::::::::::::::::::::::　*/

ul.pne4 {
  list-style-type:none;
  margin:0 0 0 1em;
  padding:0;
　}

li.pne4 {
  color:#333333;
  font-size:100%;
  font-weight:bold;
  line-height:2.2;
  background-image:url(http://www.78it.com/img/icon_arrow_orenji.gif);
  background-position:0 50%;
  background-repeat:no-repeat;
  padding-left:12px;
}

li.pne5 {
  color:#666666;
  font-size:100%;
  line-height:1.8;
  margin-left:20px;
  padding-left:12px;
  background-image:url(http://www.78it.com/img/icon_arrow_gray.gif);
  background-position:0 4px;
  background-repeat:no-repeat;
}

li.pne6 {
  color:#666666;
  font-size:100%;
  line-height:1.8;
  margin-left:40px;
}

















ul.koe {
	margin: 0 0 10px 20px;
	padding: 0;
}

li.koe {
	list-style-type:disc;
        font-size:80%;
        font-weight:bold;
        color:#333333;
        line-height:1.8;
}


.ticker {
        width:470px;
        margin:0 auto;
}

.greyLink {
        width:180px;
        text-align:right;
}

.greyLink a {
        font-size:55%;
        text-align:right;
        color:#eeeeee;
        text-decoration:none;
}


/* CSS Pull Down Menu */

.menu1{
        margin-top:5px;
        width:197px;
}

.menu1 ul {
        padding:0; 
        margin:0; 
        list-style-type: none;
}

.menu1 ul li ul {
        visibility:hidden;
        position:absolute; 
        height:0; 
        overflow:hidden;
        top:-1px; 
        left:80px;
}

.menu1 ul li {
        float:left; 
        position:relative; 
}

.menu1 ul li a, .menu1 ul li a:visited {
        display:block; 
        float:left; 
        text-decoration:none; 
        color:#000; 
        width:197px; 
        height:30px; 
        line-height:29px; 
        font-size:12px; 
        background:transparent; 
        padding-left:20px;
}


.menu1 ul li.service {background:url(http://www.78it.com/img/btn_service.gif) no-repeat;}
.menu1 ul li.jirei {background:url(http://www.78it.com/img/btn_case.gif) no-repeat;}
.menu1 ul li.company {background:url(http://www.78it.com/img/btn_company.gif) no-repeat;}
.menu1 ul li.recruit {background:url(http://www.78it.com/img/btn_recruit.gif) no-repeat;}
.menu1 ul li.contact {background:url(http://www.78it.com/img/btn_contact.gif) no-repeat;}
.menu1 ul li.policy {background:url(http://www.78it.com/img/btn_policy.gif) no-repeat;}

.menu1 ul li.service a:hover{background:url(http://www.78it.com/img/btn_service_o.gif) no-repeat;}
.menu1 ul li.jirei a:hover {background:url(http://www.78it.com/img/btn_case_o.gif) no-repeat;}
.menu1 ul li.company a:hover {background:url(http://www.78it.com/img/btn_company_o.gif) no-repeat;}
.menu1 ul li.recruit a:hover {background:url(http://www.78it.com/img/btn_recruit_o.gif) no-repeat;}
.menu1 ul li.contact a:hover {background:url(http://www.78it.com/img/btn_contact_o.gif) no-repeat;}
.menu1 ul li.policy a:hover {background:url(http://www.78it.com/img/btn_policy_o.gif) no-repeat;}

.menu1 ul li ul li.subserv1 {background:url(http://www.78it.com/img/subbtn.jpg) no-repeat;}
.menu1 ul li ul li.subserv2 {background:url(http://www.78it.com/img/subbtn.jpg) no-repeat;}
.menu1 ul li ul li.subserv3 {background:url(http://www.78it.com/img/subbtn.jpg) no-repeat;}
.menu1 ul li ul li.subserv4 {background:url(http://www.78it.com/img/subbtn.jpg) no-repeat;}
.menu1 ul li ul li.subserv5 {background:url(http://www.78it.com/img/subbtn.jpg) no-repeat;}
.menu1 ul li ul li.subserv6 {background:url(http://www.78it.com/img/subbtn.jpg) no-repeat;}
.menu1 ul li ul li.subserv7 {background:url(http://www.78it.com/img/subbtn.jpg) no-repeat;}

.menu1 ul li ul li.subserv1 a:hover {background:url(http://www.78it.com/img/subbtn2.jpg) no-repeat;}
.menu1 ul li ul li.subserv2 a:hover {background:url(http://www.78it.com/img/subbtn2.jpg) no-repeat;}
.menu1 ul li ul li.subserv3 a:hover {background:url(http://www.78it.com/img/subbtn2.jpg) no-repeat;}
.menu1 ul li ul li.subserv4 a:hover {background:url(http://www.78it.com/img/subbtn2.jpg) no-repeat;}
.menu1 ul li ul li.subserv5 a:hover {background:url(http://www.78it.com/img/subbtn2.jpg) no-repeat;}
.menu1 ul li ul li.subserv6 a:hover {background:url(http://www.78it.com/img/subbtn2.jpg) no-repeat;}
.menu1 ul li ul li.subserv7 a:hover {background:url(http://www.78it.com/img/subbtn2.jpg) no-repeat;}

.menu1 table {
        border-collapse:collapse; 
        border:0; 
        padding:0; 
        font-size:1em; 
        position:absolute; 
        left:0; 
        top:0;
}

.menu1 ul li:hover a,
.menu1 ul li a:hover {
        text-decoration:none; 
        border:0;
        position:relative; 
}


.menu1 ul li a:hover {
        position:relative; 
}

.menu1 ul li:hover ul,
.menu1 ul li a:hover ul {
        visibility:visible;
        /*width:162px; */
        height:auto; 
        /*border:1px solid #606; */
        background:#ffffff; 
        overflow:visible;
}


/*
	上記、liにz-indexをつけても、IEだとうまく行かないので、
	個別に適用させることで対応。
*/

li.service {
        z-index:1;
}

li.jirei {
        z-index:1;
}

li.subserv1, li.subserv2, li.subserv3, li.subserv4, li.subserv5, li.subserv6 {
        z-index:10;
}

/* End  CSS PullDownMenu */


/*　リニューアル　*/

#headerN {
  background-image:url(http://www.78it.com/images/header11.gif);
  background-repeat: no-repeat;
  width: 800px;
  height: 142px;
}

/*　グローバルナビ　*/

/*
#GlovalNavi {
	margin: 5px auto;
	width: 800px;
	height: 41px;
        //border-bottom: 4px solid #99cc00;
	}
	
#GlovalNavi ul {
	list-style-type: none;
	list-style-position: outside;
	padding: 0;
	margin: 0;
	}
	
#GlovalNavi li {
	float: left;
	height: 28px;
	}
	
#GlovalNavi li a {
	display: block;
	}
	
a.li_Menu01 {
	background-image: url(images/btn01.jpg);
	background-repeat: no-repeat;
	height: 28px;
	overflow: hidden;
	width: 111px;
	}
	
a:hover.li_Menu01 {
	background-position: 0 -28px;
	}

	
a.li_Menu02 {
	background-image: url(images/btn02.jpg);
	background-repeat: no-repeat;
	height: 28px;
	overflow: hidden;
	width: 111px;
	}
	
a:hover.li_Menu02 {
	background-position: 0 -28px;
	}
	
	
a.li_Menu03 {
	background-image: url(images/btn03.jpg);
	background-repeat: no-repeat;
	height: 28px;
	overflow: hidden;
	width: 111px;
	}
	
a:hover.li_Menu03 {
	background-position: 0 -28px;
	}
	
	
a.li_Menu04 {
	background-image: url(images/btn04.jpg);
	background-repeat: no-repeat;
	height: 28px;
	overflow: hidden;
	width: 111px;
	}
	
a:hover.li_Menu04 {
	background-position: 0 -28px;
	}
	
	
a.li_Menu05 {
	background-image: url(images/btn05.jpg);
	background-repeat: no-repeat;
	height: 28px;
	overflow: hidden;
	width: 111px;
	}
	
a:hover.li_Menu05 {
	background-position: 0 -28px;
	}
	
	
a.li_Menu06 {
	background-image: url(images/btn06.jpg);
	background-repeat: no-repeat;
	height: 28px;
	overflow: hidden;
	width: 111px;
	}
	
a:hover.li_Menu06 {
	background-position: 0 -28px;
	}
	

a.li_Menu07 {
	background-image: url(images/btn07.jpg);
	background-repeat: no-repeat;
	height: 28px;
	overflow: hidden;
	width: 134px;
	}
	
a:hover.li_Menu07 {
	background-position: 0 -28px;
	}
*/

/* CSS Pull Down Menu(New) */

.navi {
        margin:1px auto 10px;
        width:800px;
}

.navi ul {
        padding:0; 
        margin:0; 
        list-style-type: none;
}

.navi ul li ul {
        visibility:hidden;
        position:absolute; 
        height:0; 
        overflow:hidden;
        top:28px; 
        left: 1px;
}

.navi ul li {
        float:left; 
        position:relative; 
}

.navi ul li a, .navi ul li a:visited {
        display:block; 
        float:left; 
        text-decoration:none; 
        color:#000; 
        width:111px; 
        height:28px; 
        line-height:29px; 
        font-size:12px; 
        background:transparent; 
}

.navi ul.sub li a, .navi ul.sub li a:visited {
        display:block; 
        float:left; 
        text-decoration:none; 
        color:#000; 
        width:180px; 
        height:28px; 
        padding-left: 15px;
        line-height:29px; 
        font-size:12px; 
        background:transparent; 
}

.navi ul li.home {background:url(http://www.78it.com/images/btn_home.jpg) no-repeat;}
.navi ul li.service {background:url(http://www.78it.com/images/btn_service.jpg) no-repeat;}
.navi ul li.jirei {background:url(http://www.78it.com/images/btn_case.jpg) no-repeat;}
.navi ul li.company {background:url(http://www.78it.com/images/btn_company.jpg) no-repeat;}
.navi ul li.recruit {background:url(http://www.78it.com/images/btn_recruit.jpg) no-repeat;}
.navi ul li.contact {background:url(http://www.78it.com/images/btn_contact.jpg) no-repeat;}
.navi ul li.policy {background:url(http://www.78it.com/images/btn_policy.jpg) no-repeat; width: 134px;}

.navi ul li.home a:hover{background:url(http://www.78it.com/images/btn_home_o.jpg) no-repeat;}
.navi ul li.service a:hover{background:url(http://www.78it.com/images/btn_service_o.jpg) no-repeat;}
.navi ul li.jirei a:hover {background:url(http://www.78it.com/images/btn_case_o.jpg) no-repeat;}
.navi ul li.company a:hover {background:url(http://www.78it.com/images/btn_company_o.jpg) no-repeat;}
.navi ul li.recruit a:hover {background:url(http://www.78it.com/images/btn_recruit_o.jpg) no-repeat;}
.navi ul li.contact a:hover {background:url(http://www.78it.com/images/btn_contact_o.jpg) no-repeat;}
.navi ul li.policy a:hover {background:url(http://www.78it.com/images/btn_policy_o.jpg) no-repeat; width: 134px;}

.navi ul li ul li.subserv1 {background:url(http://www.78it.com/images/subbtn.jpg) no-repeat; width: 180px;}
.navi ul li ul li.subserv2 {background:url(http://www.78it.com/images/subbtn.jpg) no-repeat; width: 180px;}
.navi ul li ul li.subserv3 {background:url(http://www.78it.com/images/subbtn.jpg) no-repeat; width: 180px;}
.navi ul li ul li.subserv4 {background:url(http://www.78it.com/images/subbtn.jpg) no-repeat; width: 180px;}
.navi ul li ul li.subserv5 {background:url(http://www.78it.com/images/subbtn.jpg) no-repeat; width: 180px;}
.navi ul li ul li.subserv6 {background:url(http://www.78it.com/images/subbtn.jpg) no-repeat; width: 180px;}
.navi ul li ul li.subserv7 {background:url(http://www.78it.com/images/subbtn.jpg) no-repeat; width: 180px;}

.navi ul li ul li.subserv1 a:hover {background:url(http://www.78it.com/images/subbtn2.jpg) no-repeat; width: 180px;}
.navi ul li ul li.subserv2 a:hover {background:url(http://www.78it.com/images/subbtn2.jpg) no-repeat; width: 180px;}
.navi ul li ul li.subserv3 a:hover {background:url(http://www.78it.com/images/subbtn2.jpg) no-repeat; width: 180px;}
.navi ul li ul li.subserv4 a:hover {background:url(http://www.78it.com/images/subbtn2.jpg) no-repeat; width: 180px;}
.navi ul li ul li.subserv5 a:hover {background:url(http://www.78it.com/images/subbtn2.jpg) no-repeat; width: 180px;}
.navi ul li ul li.subserv6 a:hover {background:url(http://www.78it.com/images/subbtn2.jpg) no-repeat; width: 180px;}
.navi ul li ul li.subserv7 a:hover {background:url(http://www.78it.com/images/subbtn2.jpg) no-repeat; width: 180px;}

.navi ul li ul li.subserv8 {background:url(http://www.78it.com/images/subbtn.jpg) no-repeat; width: 180px;}
.navi ul li ul li.subserv9 {background:url(http://www.78it.com/images/subbtn.jpg) no-repeat; width: 180px;}
.navi ul li ul li.subserv10 {background:url(http://www.78it.com/images/subbtn.jpg) no-repeat; width: 180px;}
.navi ul li ul li.subserv11 {background:url(http://www.78it.com/images/subbtn.jpg) no-repeat; width: 180px;}
.navi ul li ul li.subserv12 {background:url(http://www.78it.com/images/subbtn.jpg) no-repeat; width: 180px;}
.navi ul li ul li.subserv13 {background:url(http://www.78it.com/images/subbtn.jpg) no-repeat; width: 180px;}


.navi ul li ul li.subserv8 a:hover {background:url(http://www.78it.com/images/subbtn2.jpg) no-repeat; width: 180px;}
.navi ul li ul li.subserv9 a:hover {background:url(http://www.78it.com/images/subbtn2.jpg) no-repeat; width: 180px;}
.navi ul li ul li.subserv10 a:hover {background:url(http://www.78it.com/images/subbtn2.jpg) no-repeat; width: 180px;}
.navi ul li ul li.subserv11 a:hover {background:url(http://www.78it.com/images/subbtn2.jpg) no-repeat; width: 180px;}
.navi ul li ul li.subserv12 a:hover {background:url(http://www.78it.com/images/subbtn2.jpg) no-repeat; width: 180px;}
.navi ul li ul li.subserv13 a:hover {background:url(http://www.78it.com/images/subbtn2.jpg) no-repeat; width: 180px;}


.navi table {
        border-collapse:collapse; 
        border:0; 
        padding:0; 
        font-size:1em; 
        position:absolute; 
        left:0; 
        top:0;
}

.navi ul li:hover a,
.navi ul li a:hover {
        text-decoration:none; 
        border:0;
        position:relative; 
}


.navi ul li a:hover {
        position:relative; 
}

.navi ul li:hover ul,
.navi ul li a:hover ul {
        visibility:visible;
        /*width:162px; */
        height:auto; 
        /*border:1px solid #606; */
        background:#ffffff; 
        overflow:visible;
}


/*
	上記、liにz-indexをつけても、IEだとうまく行かないので、
	個別に適用させることで対応。
*/


li.service {
        z-index:1;
}

li.subserv1, li.subserv2, li.subserv3, li.subserv4, li.subserv5, li.subserv6 {
        z-index:10;
}

/* End  CSS PullDownMenu(New) */


/* CSS Pull Down Menu(New)2 */

.navi2 {
        /*margin:1px auto 10px;*/
        width:190px;
		padding: 10px 0 0;
}

.navi2 ul {
        padding:0; 
        margin:0; 
		border-top: 1px solid #CCCCCC;
        list-style-type: none;
}

.navi2 ul li {
		padding: 0;
		margin: 0;
		height: 36px;
		width: 190px;
		background-color: #F9F9F9;
		border-bottom: 1px dotted #999999;		
}

.navi2 ul li a,
.navi2 ul li a:visited {
		background:transparent url(images-new/top/sidebar_arrow.gif);
		background-position: left center;
		background-repeat: no-repeat;
		background-color: #F9F9F9;
		padding-left:32px;
		color: #333333;
		line-height: 310%;
		font-size: 12px;
		text-decoration: underline;
		height: 36px;
		display: block;
		
}

.navi2 ul li a:hover {
		background:transparent url(images-new/top/sidebar_arrow_on.gif);
		background-position: left center;
		background-repeat: no-repeat;
		line-height: 310%;
		text-decoration: none;
		background-color:#DDDDDD;
		height: 36px;
		display: block;
}

/*
.navi2 ul li a,
.navi2 ul li a:visited {
        display:block; 
        float:left; 
        text-decoration:none; 
        color:#000; 
        width:111px; 
        height:28px; 
        line-height:29px; 
        font-size:12px; 
        background:transparent; 
}

.navi2 ul.sub li {
		padding: 0;
		margin: 0;
}

.navi2 ul.sub li a,
.navi2 ul.sub li a:visited {
        display:block; 
        float:left;
        color:#333333;
		text-decoration: underline; 
        width:180px;
		height:28px;
        padding: 0 0 0 30px;
		margin: 0;
		line-height:29px;
        font-size:12px; 
        background:transparent url(http://www.78it.com/images/subbtn.jpg) no-repeat scroll 0% 0%;
}

.navi2 ul li,
.navi2 ul li a:visited {
        display:block; 
        float:left; 
        text-decoration:none; 
        color:#000; 
        width:111px;
        height:28px;
        line-height:29px;
        font-size:12px;
        background:transparent url(http://www.78it.com/images/subbtn.jpg) no-repeat scroll 0% 0%;
}


.navi2 ul.sub li,
.navi2 ul.sub li a:visited {
        display:block;
        float:left;
        text-decoration:none;
        color:#000;
        width:180px;
		height:28px; 
		height: 36px;
        line-height:29px;
        font-size:12px;
        background:transparent url(http://www.78it.com/images/subbtn.jpg) no-repeat scroll 0% 0%;
}



.navi2 ul.sub li.subserv111 {background:url(http://www.78it.com/images/subbtn_org.jpg) no-repeat; width: 180px;padding-left:15px;}

.navi2 ul.sub li.subserv1 a {background:url(http://www.78it.com/images/subbtn.jpg) no-repeat; width: 180px;}
.navi2 ul.sub li.subserv2 a {background:url(http://www.78it.com/images/subbtn.jpg) no-repeat; width: 180px;}
.navi2 ul.sub li.subserv3 a {background:url(http://www.78it.com/images/subbtn.jpg) no-repeat; width: 180px;}
.navi2 ul.sub li.subserv4 a {background:url(http://www.78it.com/images/subbtn.jpg) no-repeat; width: 180px;}
.navi2 ul.sub li.subserv5 a {background:url(http://www.78it.com/images/subbtn.jpg) no-repeat; width: 180px;}
.navi2 ul.sub li.subserv6 a {background:url(http://www.78it.com/images/subbtn.jpg) no-repeat; width: 180px;}
.navi2 ul.sub li.subserv7 a {background:url(http://www.78it.com/images/subbtn.jpg) no-repeat; width: 180px;}

.navi2 ul li.subserv1 a:hover {background:url(http://www.78it.com/images/subbtn2.jpg) no-repeat; width: 180px;}
.navi2 ul li.subserv2 a:hover {background:url(http://www.78it.com/images/subbtn2.jpg) no-repeat; width: 180px;}
.navi2 ul li.subserv3 a:hover {background:url(http://www.78it.com/images/subbtn2.jpg) no-repeat; width: 180px;}
.navi2 ul li.subserv4 a:hover {background:url(http://www.78it.com/images/subbtn2.jpg) no-repeat; width: 180px;}
.navi2 ul li.subserv5 a:hover {background:url(http://www.78it.com/images/subbtn2.jpg) no-repeat; width: 180px;}
.navi2 ul li.subserv6 a:hover {background:url(http://www.78it.com/images/subbtn2.jpg) no-repeat; width: 180px;}
.navi2 ul li.subserv7 a:hover {background:url(http://www.78it.com/images/subbtn2.jpg) no-repeat; width: 180px;}
*/

/* End  CSS PullDownMenu(New)2 */


/*　OpnePNEカスタマイズパック　*/

#main-archivesOP {
  float:left;
  width:600px;
}

.main-archives-innerOP {
 /* border-top:3px solid #333333; */
  min-height:450px;
  /* padding:10px 0pt; */
}

.opText {
  margin: 15px 0 ;
  padding-left: 10px;
  font-size: 12px;
  }

.clearBox {
  clear: both;
  }

.entryOP {
  /* margin-bottom:25px; */
  width:600px;
}

.pneBox {
  width: 100%;
  }
  
.pneBox1 {
  width: 190px;
  height: 360px;
  margin-right: 7px;
  border: 1px solid #ccc;
  float: left;
  }
  
.pBox1a {
  width: 100%;
  height: 151px;
  padding-top: 5px;
  }
  
.pBox1b {
  padding: 0 0 0 15px;
  margin: 10px 0;
  height: 135px;
  font-size: 12px;
  line-height: 1.4;
  }
  
.pBox1c {
  background-image:url(http://www.78it.com/openpne/images/bg01b.gif);
  background-repeat: no-repeat;
  height: 40px;
  }
  
.pBox1c img {
  float: right;
  padding: 10px 5px 5px 0;
  }  
 
 .pneBox2 {
  width: 190px;
  height: 360px;
  margin-right: 7px;
  border: 1px solid #ccc;
  float: left;
  }
  
.pBox2a {
  width: 100%;
  height: 151px;
  padding-top: 5px;
  }
  
.pBox2b {
  padding: 0 0 0 15px;
  margin: 10px 0;
  height: 135px;
  font-size: 12px;
  line-height: 1.4;
  }
  
.pBox2c {
  background-image:url(http://www.78it.com/openpne/images/bg02b.gif);
  background-repeat: no-repeat;
  height: 40px;
  }
  
.pBox2c img {
  float: right;
  padding: 10px 5px 5px 0;
  }  

 
.pneBox3 {
  width: 190px;
  height: 360px;
  margin-right: 7px;
  border: 1px solid #ccc;
  float: left;
  }
  
.pBox3a {
  width: 100%;
  height: 151px;
  padding-top: 5px;
  }
  
.pBox3b {
  padding: 0 0 0 15px;
  margin: 10px 0;
  height: 135px;
  font-size: 12px;
  line-height: 1.4;
  }
  
.pBox3c {
  background-image:url(http://www.78it.com/openpne/images/bg03b.gif);
  background-repeat: no-repeat;
  height: 40px;
  }
  
.pBox3c img {
  float: right;
  padding: 10px 5px 5px 0;
  }  


.opBox {
  width: 585px;
  margin: 20px 0 0 2px;
  }
  
.opBox1 {
  width: 585px;
  }
  
.opBox2 {
  background-image:url(http://www.78it.com/openpne/images/price.gif);
  background-position: right bottom;
  background-repeat: no-repeat;
  padding: 10px 0 15px 15px;
  border: 1px solid #ccc;
  font-size: 14px;
  line-height: 1.4;
  }
  
.opBox2c {
  padding: 10px 0 15px 15px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.4;
  } 
  
.opBox2c p.pnep {
  background-color: #eee;
  padding: 10px;
  margin-top: 0;
  font-size: 14px;
  line-height: 1.4;
  } 

.opBox2c p.pnep2 {
  background-color: #eee;
  padding: 10px;
  margin-top: 0;
  font-size: 14px;
  line-height: 1.7;
  }  

.opBox2c p.kome {
  padding: 0 0 0 10px;
  margin: 0;
  font-size: 12px;
  line-height: 1.3;
  } 

.opBox2b {
  padding: 10px 0 15px 15px;
  border: 1px solid #ccc;
  font-size: 14px;
  line-height: 1.4;
  }
  
.opBox2 p.pnep {
  margin: 5px 0 20px 0;
  font-size: 14px;
  }
  
.opBox3 {
  width: 100%;
  }
  
.opBox4 {
  width: 95%;
  text-align: right;
  }

.textBlue {
  font-size: 14px;
  font-weight: bold;
  color: #336699;
  }
  
.textOrg {
  width: 560px;
  margin-left: 10px;
  background-color:#ff8c00;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 5px;
  } 
 
table.option {
  width: 550px;
  margin: 10px 0;
  }
  
table.option td {
  font-size: 12px;
  padding: 5px;
  }
  
/*　開発事例　*/

.jireiTit {
  width: 530px;
  padding: 5px;
  background-color: #e1e1e1;
  font-size: 12px;
  }

/*　ボタン　*/
.sidebtnn {
       color: #606060;
       font-size: 13px;
       width:188px; height:25px;
       border: 1px solid #B0B0B0;
       display:block;
       background-color: #F5F5F5;
       text-align: center;
       padding: 10px 0 0 0;
       background: -moz-linear-gradient(bottom, #EAEAEA, #fff);
       background: -webkit-gradient(linear, center bottom, center top, from(#EAEAEA), to(#fff));
       border-radius: 6px;
   	   	-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
}