@charset "UTF-8";


#containerN{
    width:100%!important;
	color: #333333 !important;
}

/*
#containerN div {
    text-align: justify;
}
*/

#contentN,
#contents {
    width:800px!important;
    margin: 0 0 50px 14px;
    padding: 0;
	height: 1%;
	overflow: hidden;
}



/* ----------------------------

      グローバルナビ

---------------------------- */
#GlovalNavi {
	width:100%!important;
	/* border-bottom:1px solid #014EA8!important; */
	background-image:url(images/new/menu_bg.jpg);
	background-repeat:repeat-x;
	height: 41px;
}

/*
#GlovalNavi div{
	text-align: justify;
}
*/

#GlovalNavi .menu{
	height: 36px;
	overflow: hidden;
	margin: 0 0 0 14px;
    padding: 0;
	width:800px;
}

#GlovalNavi .menu ul li a{
	background-repeat:no-repeat;
	height:36px;
	overflow:hidden;
	background-position:0 0px;
	display: block;
}

#GlovalNavi .menu ul li{
	float: left;
	list-style-type: none;
}

#GlovalNavi .menu ul li a.li_Menu01{
	width:134px;
	background-image:url(images/new/menu_home.jpg);
}
#GlovalNavi .menu ul li a.li_Menu01:hover{
	width:134px;
	background-image:url(images/new/menu_home_on.jpg);
}

#GlovalNavi .menu ul li a.li_Menu02{
	width:133px;
	background-image:url(images/new/menu_service.jpg);
}
#GlovalNavi .menu ul li a.li_Menu02:hover{
	width:133px;
	background-image:url(images/new/menu_service_on.jpg);
}

#GlovalNavi .menu ul li a.li_Menu03{
	width:133px;
	background-image:url(images/new/menu_jirei.jpg);
}
#GlovalNavi .menu ul li a.li_Menu03:hover{
	width:133px;
	background-image:url(images/new/menu_jirei_on.jpg);
}

#GlovalNavi .menu ul li a.li_Menu04{
	width:133px;
	background-image:url(images/new/menu_flow.jpg);
}
#GlovalNavi .menu ul li a.li_Menu04:hover{
	width:133px;
	background-image:url(images/new/menu_flow_on.jpg);
}

#GlovalNavi .menu ul li a.li_Menu05{
	width:133px;
	background-image:url(images/new/menu_faq.jpg);
}
#GlovalNavi .menu ul li a.li_Menu05:hover{
	  width:133px;
	  background-image:url(images/new/menu_faq_on.jpg);
}

#GlovalNavi .menu ul li a.li_Menu06{
	width:134px;
	background-image:url(images/new/menu_contact.jpg);
}
#GlovalNavi .menu ul li a.li_Menu06:hover{
	width:134px;
	background-image:url(images/new/menu_contact_on.jpg);
}







/* ----------------------------

            フッター

---------------------------- */
#footerWrap{
	background-color:#F5F6F1;
	height:200px;
	overflow:hidden;
	background-image:url(images/new/footer_bg.jpg);
	background-repeat:repeat-x;
}

#footerWrap div.footers div ul li{
	list-style-type: none;
	padding-left:10px;
}

#footerWrap div.footers div ul li a{
	color:#666666;
	font-size:10px;
}

#footerWrap div.footers div a.title{
	background:transparent url(images/new/arrow_gray.gif) no-repeat scroll 0 center;
	color:#666666;
	font-weight:bold;
	padding-left:10px;
	font-size:11px;
}

#footerWrap div.footers div.footer1_1{
    float:left;
    text-align:left;
	margin: 20px 0 0 10px;
}

#footerWrap div.footers div.footer1_2{
	float:left;
	text-align:left;
	margin: 20px 0 0 20px;
}

#footerWrap div.footers div.footer1_3{
	float:left;
	text-align:left;margin-left:20px;
	margin-top:20px;
}

#footerWrap div.footers div.footer2{
	width:100%;
	clear:both;
	color:#666666;
	font-size:10px;
	text-align:right;
}

#footerWrap div.footers{
	width:800px;
	margin: 0 0 0 14px;
    padding: 0;
}







/* ----------------------------

            ヘッダー

---------------------------- */
#headerN09{
	overflow:hidden;
	width:800px;
	margin: 0 0 0 14px;
    padding: 0;
}

#headerN09 .headerTop{
	height: 84px;
	overflow:hidden;
	background-image: none;
}

#headerN09 .headerTop .LogoArea{
	float: left;
	width:597px;
}

#headerN09 .headerTop .LogoArea .copy {
	color: #9A9A9A;
	font-size:10px;
	float: none;
	padding: 0;
	text-align:left;
	width: 597px;
}

#headerN09 .headerTop .LogoArea h1.logo{
	padding: 5px 0 0 5px;
	text-align:left;
	height: 58px;
	width: 228px;
}

#headerN09 .headerTop .LogoArea h1.logo a{
	background-image:url(images/new/logo.jpg);
	background-repeat:no-repeat;
	display:block;
	height:58px;
	width:228px;
}

#headerN09 .headerTop .LogoArea h1.logo a span{
	display: none;
}


#headerN09 .headerTop .headerLink{
	float:right;
	width:188px;
}

#headerN09 .headerTop .headerLink ul li{
	list-style:none;
	float:left;
}

#headerN09 .headerTop .headerLink ul li a{
	background-repeat:no-repeat;
	height:36px;
	overflow:hidden;
	width:94px;
	display:block;
}

#headerN09 .headerTop .headerLink ul li.link01 a{
	background-image:url(images/new/gnavi_company.jpg);
}

#headerN09 .headerTop .headerLink ul li.link01 a:hover{
	background-image:url(images/new/gnavi_company_on.jpg);
}

#headerN09 .headerTop .headerLink ul li.link02 a{
	background-image:url(images/new/gnavi_recruit.jpg);
}

#headerN09 .headerTop .headerLink ul li.link02 a:hover{
	background-image:url(images/new/gnavi_recruit_on.jpg);
}

#headerN09 .headerTop .headerLink ul li a span{
	display:none;
}







/* ----------------------------

      /index(トップページ)

---------------------------- */
body#index #topImage{
	margin: 10px 0 20px 14px;
	background-image: url(images-new/top/topImage.jpg);
	width: 800px;
	height: 226px;
}

body#index #left_colum{
	float:left;
	width:560px;
}

body#index #attention{
	margin-bottom: 14px;
}

body#index #attention a.landing {
	margin-right: 13px;
}

body#index #information,
body#index #service {
	background-image: url(images-new/top/foot.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border:1px solid #d7d7d7;
	padding-bottom:10px;
	margin-bottom:14px;
	width: 558px;
}

body#index #information .title,
body#index #service .title {
	background-image:url(images-new/top/head.jpg);
	background-repeat:no-repeat;
	border-bottom:1px solid #d7d7d7;
	overflow: hidden;
	height: 28px;
	/*
	padding: 8px 10px 0 18px;
	*/
	width: 558px;
}

body#index #information .title h3,
body#index #service .title h3 {
	font-size:14px;
	float: left;
	padding: 7px 0 0 18px;
	width: 150px;
}

body#index #information div.rss{
	float: right;
	padding: 6px 10px 0 0;
	width: 16px;
}

body#index #information dl{
	padding:20px 0 10px;
	margin: 0 0 0 27px;
	width:503px;
}

body#index #information dt{
	background-image: url(images-new/top/day_icon.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	font-size:11px;
	padding-left:9px;
	margin:1px 0 1px 0;
}

body#index #information dd{
	font-size:12px;
	margin:4px 0 8px 11px;
}

body#index #service .service_colum {
	padding: 10px 0 0 0px;
	height: 220px;
	overflow: hidden;
	width: 480px;
	margin: 0 0 0 38px;
}

body#index #service .service_colum .service_colum_left {
	float: left;
	width: 210px;
}

body#index #service .service_colum .service_colum_right {
	float: left;
	width: 210px;
	padding-left: 14px;
}

body#index #service .service_colum h4{
	font-size: 12px;
	color: #004bb4;
	padding-top: 10px;
}

body#index #service .service_colum ul{
	font-size: 12px;
	padding-left: 10px;
	line-height: 20px;
	margin-top: 10px;
	list-style: none;
	text-indent: 46px;
}

body#index #service .service_colum ul li{
	height: 40px;
	width: 200px;
	line-height: 40px;
	vertical-align: middle;
	background-repeat:no-repeat;
	background-position:left center;
}

body#index #service ul li img{
	margin-right: 2px;
}

*html body#index #service ul li{
	padding-top:12px
}

body#index #service li.openpne{
	background-image: url(images-new/top/mark_openpne.jpg);
}

body#index #service li.xoops{
	background-image: url(images-new/top/mark_xoops.jpg);
}

body#index #service li.ec-cube{
	background-image: url(images-new/top/mark_ec-cube.jpg);
}

body#index #service li.websystem{
	background-image: url(images-new/top/mark_websystem.jpg);
}

body#index #service li.mobile{
	background-image: url(images-new/top/mark_mobile.jpg);
}

body#index #service li.rfid1{
	background-image: url(images-new/top/mark_rfid1.jpg);
}

body#index #service li.rfid2{
	background-image: url(images-new/top/mark_rfid2.jpg);
}

body#index #service li.cvs{
	background-image: url(images-new/top/mark_cvs.jpg);
}

body#index #right_colum{
	background-image: url(images-new/top/inquiry.jpg);
	background-repeat:no-repeat;
	padding:5px 0 39px 0;
	width:226px;
	float:right;
}

body#index #right_colum *{
	text-align:center;
}

body#index #right_colum p.inquiry_text{
	font-weight:bold;
	font-size:15px;
	text-align:left;
	margin:10px 10px 15px 10px;
}

body#index #right_colum p.inquiry_tel{
	margin:15px 0 12px 0;
}

body#index #right_colum p.inquiry_company{
	font-size:13px;
	text-align:left;
	margin:10px 10px 0 10px;
}

body#index #right_colum p.inquiry_day{
	font-size:13px;
	text-align:center;
	margin:0 0 10px 20px;
}

body#index #right_colum p.inquiry_form{
	margin-bottom:20px;
}

body#index img.logo{
	margin-left:8px;
}

body#index img.work_img{
	vertical-align:middle;
}







/* ----------------------------

　　　ランディングページ
		
		#landingPage…PNE,XOOPS,EC共通
		#servicePneIndex…OpenPNEだけ
		#serviceXoopsIndex…XOOPSだけ
		#serviceEcIndex…EC-CUBEだけ

---------------------------- */
#landingPage #infomation {
	float: left;
	width: 560px;
}

#landingPage #infomation #attention {
	border: 1px solid #D7D7D7;
}

/*OpenPNE背景画像*/
#servicePneIndex #infomation #attention {
	background-image: url(images-new/landing/new/bg_pne_point.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding: 10px 0 14px 12px;
}

/*XOOPS背景画像*/
#serviceXoopsIndex #infomation #attention {
	background-image: url(images-new/landing/new/bg_xoops_point.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding: 10px 0 14px 12px;
}

/*EC-CUBE背景画像*/
#serviceEcIndex #infomation #attention {
	background-image: url(images-new/landing/new/bg_ec_point.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #EDEDDF;
	padding: 10px 0 14px 12px;
}

#landingPage #infomation #attention h2 {
	padding: 0 0 6px;
}

#servicePneIndex #infomation #attention table,
#serviceXoopsIndex #infomation #attention table {
	font-size: 12px;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	/*width: 400px;*/
}

#servicePneIndex #infomation #attention table th,
#serviceXoopsIndex #infomation #attention table th {
	padding: 8px 0 8px 12px;
	vertical-align: middle;
}

#servicePneIndex #infomation #attention table th .point_01 {
	background-image: url(images-new/landing/new/point_pne_1.gif);
	height: 45px;
	width: 46px;
}

#servicePneIndex #infomation #attention table th .point_02 {
	background-image: url(images-new/landing/new/point_pne_2.gif);
	height: 45px;
	width: 46px;
}

#servicePneIndex #infomation #attention table th .point_03 {
	background-image: url(images-new/landing/new/point_pne_3.gif);
	height: 45px;
	width: 46px;
}

#serviceXoopsIndex #infomation #attention table th .point_01 {
	background-image: url(images-new/landing/new/point_xoops_1.gif);
	height: 45px;
	width: 46px;
}

#serviceXoopsIndex #infomation #attention table th .point_02 {
	background-image: url(images-new/landing/new/point_xoops_2.gif);
	height: 45px;
	width: 46px;
}

#serviceXoopsIndex #infomation #attention table th .point_03 {
	background-image: url(images-new/landing/new/point_xoops_3.gif);
	height: 45px;
	width: 46px;
}

#servicePneIndex #infomation #attention table td,
#serviceXoopsIndex #infomation #attention table td {
	padding: 8px 0 8px 14px;
	line-height: 120%;
}

#servicePneIndex #infomation #attention table td img,
#serviceXoopsIndex #infomation #attention table td img {
	padding-bottom: 2px;
}

#serviceEcIndex #infomation #attention .point_01 {
	padding: 10px 0 0 10px;
}

#serviceEcIndex #infomation #attention .point_01 ul {
	padding: 8px 0 0 16px;
	margin: 0;
	font-size: 14px;
}

#serviceEcIndex #infomation #attention .point_01 ul li {
	list-style-type: none;
	line-height: 140%;
}

#serviceEcIndex #infomation #attention .point_02 {
	padding: 36px 0 0 10px;
}

#serviceEcIndex #infomation #attention .point_03 {
	padding: 16px 0 0 23px;
}

#serviceEcIndex #infomation #attention .point_03 p {
	font-size: 12px;
	line-height: 135%;
	padding: 0 0 4px;
	width: 490px;
}

/*    メニュー　　*/
#landingPage #infomation #landing_menu {
	height: 43px;
	overflow: hidden;
	width: 560px;
}

#landingPage #infomation #landing_menu ul {
	padding: 0;
	margin: 0;
}

#landingPage #infomation #landing_menu li {
	float: left;
	height: 43px;
	list-style-type: none;
}

#landingPage #infomation #landing_menu li a {
	background-image: url(images-new/landing/new/l_btn_landing_menu.jpg);
	display: block;
}

#landingPage #infomation #landing_menu li.lm_01 a {
	background-position: 0 0;
	height: 43px;
	width: 187px;
}

#landingPage #infomation #landing_menu li.lm_01 a:hover {
	background-position: 0 -43px; 
}

#landingPage #infomation #landing_menu li.lm_02 a {
	background-position: -187px 0;
	height: 43px;
	width: 186px;
}

#landingPage #infomation #landing_menu li.lm_02 a:hover {
	background-position: -187px -43px; 
}

#landingPage #infomation #landing_menu li.lm_03 a {
	background-position: -373px 0;
	height: 43px;
	width: 187px;
}

#landingPage #infomation #landing_menu li.lm_03 a:hover {
	background-position: -373px -43px; 
}

#landingPage #infomation #landing_menu li a span {
	display: none;
}



/*    デモサイト　　*/
#landingPage #infomation #demo {
	background-image: url(images-new/landing/new/l_bg_demo.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #D7D7D7;
	height: 1%;
	overflow: hidden;
	padding: 5px 27px;
}

#landingPage #infomation #demo .demo_link {
	float: left;
	padding: 14px 0 0;
}

#landingPage #infomation #demo .demo_link p {
	padding: 0 0 10px;
}

#servicePneIndex #infomation #demo .demo_img {
	float: right;
	background-image: url(images-new/landing/new/l_demo_img_pne.gif);
	background-repeat: no-repeat;
	height: 138px;
	width: 175px;
}

#serviceXoopsIndex #infomation #demo .demo_img {
	float: right;
	background-image: url(images-new/landing/new/l_demo_img_xoops.gif);
	background-repeat: no-repeat;
	height: 138px;
	width: 175px;
}

#serviceEcIndex #infomation #demo .demo_img {
	float: right;
	background-image: url(images-new/landing/new/l_demo_img_ec.gif);
	background-repeat: no-repeat;
	height: 138px;
	width: 175px;
}


/*    右カラム　　*/
#landingPage #right_colum {
	float: right;
	width: 226px;
}

/*    お問合せ　　*/
#landingPage #right_colum #inquiry {
	background-image: url(images-new/top/inquiry.jpg);
	background-repeat:no-repeat;
	padding-bottom: 10px;
	height: 280px;
}

#landingPage #right_colum #inquiry p.inquiry_text {
	font-weight:bold;
	font-size:15px;
	text-align:left;
	margin: 0 10px 15px 10px;
	padding-top:12px;
}

#landingPage #right_colum #inquiry p.inquiry_tel {
	margin:20px 0 10px 10px;
}

#landingPage #right_colum #inquiry p.inquiry_company {
	font-size:13px;
	text-align:left;
	margin:10px 10px 0 10px;
}

#landingPage #right_colum #inquiry p.inquiry_day {
	font-size:13px;
	text-align:center;
	margin:0 0 10px 20px;
}

#landingPage #right_colum #inquiry p.inquiry_form {
	margin:12px 0 20px 12px;
}

/*    OpenPNE3最新情報　　*/
#servicePneIndex #right_colum #news {
	background-image: url(images-new/landing/new/bg_pne_news.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	font-size: 12px;
	padding-bottom: 12px;
	line-height: 100%;
	width: 226px;
}

#servicePneIndex #right_colum #news dl {
	padding: 4px 12px 4px;
}


#servicePneIndex #right_colum #news dt{
	padding: 0px;
}

#servicePneIndex #right_colum #news dd{
	border-bottom: 1px dotted;
	padding: 4px 8px 4px 8px;
	background-image: url(images-new/landing/pne/pne_arrow_glay.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 12px;
}
/* 下カラム */
#landingPage #bottom_colum{
	clear:both;
	padding-top: 14px;
}

/*    XOOPSモジュール一覧　　*/
#serviceXoopsIndex #bottom_colum #modules {
	background-image: url(images-new/landing/pne/l_bg_boxbtm.jpg);
	background-repeat:repeat-x;
	border:1px solid #D7D7D7;
	background-position:left bottom;
	padding-bottom:24px;
	margin-bottom: 14px;
}

#serviceXoopsIndex #bottom_colum #modules h3{
	background-image: url(images-new/landing/pne/l_bg_boxtop.jpg);
	background-repeat:repeat-x;
	font-size:15px;
	padding:7px 17px 3px;
	border-bottom:1px solid #d7d7d7;
}

#serviceXoopsIndex #bottom_colum #modules_list{
	padding: 12px 0 0 23px;
}

#serviceXoopsIndex #bottom_colum #modules_list table{
	font-size: 12px;
	margin: 0;
	border: 1px solid #d3d3d3;
	width: 750px;
	height: 210px;
	border-collapse: collapse;
}

#serviceXoopsIndex #bottom_colum #modules_list th,
#serviceXoopsIndex #bottom_colum #modules_list td {
	border: 1px solid #d3d3d3;
	padding: 5px;
}

#serviceXoopsIndex #bottom_colum #modules_list td.title{
	border:1px solid #d3d3d3;
}

#serviceXoopsIndex #bottom_colum #modules_list tr.title{
	background-color:#adaddf;
	text-align:center;
}

#serviceXoopsIndex #bottom_colum #modules_list th.explain,td.explain{
	width:370px;
}

#serviceXoopsIndex #bottom_colum #modules_list tr{
	border:1px solid #d3d3d3;
}

#serviceXoopsIndex #bottom_colum #modules_list td.module_names{
	margin:0 auto 0 auto;
	text-align:center;
	background-color:#e3e3e3;
	width:130px;
}

/* シミュレータ */
#landingPage #bottom_colum #simulator {
	background-image: url(images-new/landing/l_bg_boxbtm.jpg);
	background-repeat:repeat-x;
	border:1px solid #D7D7D7;
	background-position:left bottom;
	padding-bottom: 40px;
	margin-bottom: 7px;
}

#landingPage #bottom_colum #simulator h3 {
	background-image: url(images-new/landing/l_bg_boxtop.jpg);
	background-repeat:repeat-x;
	font-size:15px;
	padding:7px 17px 3px;
	border-bottom:1px solid #d7d7d7;
}

#landingPage #bottom_colum #simulator p {
	background-image:url(images-new/top/day_icon.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	font-size:12px;
	margin:12px 0 0 27px;
	padding-left:10px;
}

#landingPage #bottom_colum #simulator .simulator{
	margin:24px auto 0;
	text-align: center;
	width: 798px;
}

/* 導線リンク */
#landingPage #link {
	height: 100px;
	overflow: hidden;
	text-align: center;
	margin-bottom: 7px;
}

#landingPage #link .flow {
	background-image: url(images-new/landing/l_bg_flow.jpg);
	float:left;
	height: 100px;
	width: 267px;
}

#landingPage #link .faq {
	background-image: url(images-new/landing/l_bg_faq.jpg);
	float:left;
	height: 100px;
	width: 266px;
}

#landingPage #link .inquiry {
	background-image: url(images-new/landing/l_bg_contact.jpg);
	float:left;
	height: 100px;
	width: 267px;
}

#landingPage #link a {
	margin: 45px auto 0;
	display: block;
	height: 40px;
	width: 196px;
}

/* ページトップリンク */
#landingPage #jump {
	text-align: right;
	padding-bottom: 14px;
	width: 800px;
}






/* ----------------------------

　　　/flow(開発フローページ)

---------------------------- */
#contents #flow {
	text-align:center;
	width:682px;
	padding: 15px 20px 0;
	margin: 15px 39px 70px;
}

#contents #flow #inquiry {
	margin: 20px auto 30px;
	width: 200px;
}







/* ----------------------------

　　　/demo(デモページ)

---------------------------- */
#demoframe{
	border: 1px solid #DDDDDD;
	padding:14px 0 27px;
	margin-top: 14px;
	font-size:12px;
	width: 798px;
}

#demoframe h2{
	padding: 0 0 14px;
	margin: 0 26px;
	width: 746px;
}

#customdemo{
	float:left;
	width:544px;
	height:192px;
	border-right:1px solid #dadada;
}

body#xoopsDemo #customdemo{
	float: none;
	width: 730px;
	height: 192px;
	border: 0 none;
}

#demo_area {
	overflow: hidden;
	height: 1%;
	margin: 0 34px 14px;
	width: 730px;
}

#customdemo ul,
#defaultdemo ul{
	list-style-type:none;
}

#customdemo li,
#defaultdemo li{
	background-image:url(http://78it.co.jp/images-new/demo/cursor.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:8px;
}

#customdemo img.demoimg{
	float:left;
	height:192px;
	width:191px;
}

#customdemo img.qr{
	margin-left:10px;
}

#customdemo #demotext{
	float:left;
	width:324px;
	margin:2px 0 0 7px;
}

body#xoopsDemo #customdemo #demotext{
	width: 520px;
}

#customdemo #demotext span {
	color: #FF0000;
	font-size: 10px;
	}

#customdemo #link{
	width:300px;
	float:left;
	margin:10px 0 0 13px;
}

#customdemo #link li{
	margin-bottom:6px;
}

#customdemo #link .link_ec {
	overflow: hidden;
	height: 1%;
	}

#customdemo #link .link_ec ul {
	float: left;
	width: 75px;
	}

#customdemo #link .link_ec img {
	border: 1px solid #DDDDDD;
	float: left;
	}

#defaultdemo{
	float: right;
	height:192px;
	width:170px;
	border:1px solid #dcdcdc;
	background-color:#efefef;
}

#customdemo img.qr{
}

#defaultdemo p{
	font-size:14px;
	font-weight: bold;
	margin:11px 0 0 14px;
}

#defaultdemo img.demoimg{
	margin:8px 0 0 37px;
}

#defaultdemo #link {
	height: 66px;
	margin: 10px 9px 0;
	overflow: hidden;
	width: 152px;
}

#defaultdemo #link ul{
	float:left;
	width:80px;
}

#defaultdemo #link ul li{
	margin-bottom:6px;
}

#defaultdemo #link img.qr{
	float: right;
	height: 66px;
	width: 66px;
}

#item{
	margin: 0 39px;
	width: 720px;
}

#item .title {
	height: 1%;
	overflow: hidden;
}

#item .title h3{
	font-size:20px;
	float: left;
	width: 200px;
}

#item .title p{
	background-image: url(http://www.78it.com/images-new/demo/image.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size:10px;
	margin-top: 8px;
	padding-left: 16px;
	float: right;
	width: 90px;
}

#item table{
	margin: 2px auto 0;
	width: 720px;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

#item table tr.title{
	font-size:14px;
	height:30px;
	text-align:center;
	background-color:#F1F1EF;
}

#item table th{
	border:1px solid #ccc;
}

#item table th.customname{
	width:191px;
}

#item table th.function{
	width:161px;
}

#item table th.explanation{
	width:491px;
}

#item table th.img{
	width:35px;
}

#item table th.modulename {
	width: 100px;
}

#item table th.outline {
	width: 385px;
}

#item table tr.custom{
	font-size:12px;
}

#item table td{
	border:1px solid #ccc;
	padding:10px 0;
}

#item table td.customname,
#item table td.function {
	text-align:center;
	color:#00407E;
}

#item table td.explanation{
	padding-left:40px;
	padding-right:30px;
}

#item table td.img{
	text-align:center;
}

#item table td.modulename {
	padding-left: 7px;
	padding-right: 7px;
}

#item table td.outline {
	padding-left: 20px;
	padding-right: 15px;
}




/* ----------------------------

　　　side_simurator(シミュレータ結果ブロック)

---------------------------- */
#estimate .estimate_in {
	border: 2px solid #333333;
	background-color: #EBE8D7;
	background-image: url(http://www.78it.com/images-new/simurator/simurator_bottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 15px 0 0;
}

#estimate .estimate_in .es_data {
	font-size: 12px
	}

#simurator_service_name {
	font-weight:bold;
	margin-bottom:5px;
	font-size:15px;
}

#simurator_sum {
	color:#ff0000;
	font-size:15px;
	margin-top:5px;
	text-decoration:underline;
	margin:0 0 0 auto;
	width:149px;
}









/* ----------------------------

　　　faq(FAQページ)

---------------------------- */
#faqIndex #faq {
	font-size: 12px;
	margin: 27px 27px 50px;
	/*padding: 0 27px;*/
	width: 746px;
	}

#faqIndex h2 {
	font-size:20px;
	padding: 0 0 15px;
	margin: 0;
	}

#faqIndex .faq_title {
	border-bottom:1px dotted #ccc;
	padding: 0 5px 2px;
	height: 22px;
	overflow: hidden;
	}

#faqIndex .faq_title h3 {
	font-size:18px;
	float: left;
	padding: 0;
	margin: 0;
	width: 200px;
	}

#faqIndex .faq_title a {
	float: right;
	padding: 0 0 0 10px;
	margin-top: 5px;
	background-image: url(http://78it.co.jp/images-new/top/service_icon.jpg) ;
	background-position: 0 center;
	background-repeat: no-repeat;
	}

#faqIndex div.pne,
#faqIndex div.xoops,
#faqIndex div.ec,
#faqIndex div.scratch {
	margin:0 0 40px;
	}

#faqIndex ul.faq {
	margin: 0;
	padding: 10px 0 0 20px;
	}

#faqIndex ul.faq li {
	list-style-type:none;
	line-height: 150%;
	}

#faqIndex dl.faq {
	padding: 0;
	margin: 0;
	}

#faqIndex dl.faq dt {
	border-top:1px dashed #ccc;
	font-weight:bold;
	padding: 5px 0 2px;
	line-height: 150%;
	}

#faqIndex dl.faq dd {
	padding: 0 0 0 20px;
	margin: 0;
	line-height: 150%;
	}

#faqIndex #jump {
	text-align: right;
	padding: 0 10px 0;
	margin: 40px 0 25px;
	height: 14px;
	overflow: hidden;
	}

#faqIndex #jump a.pagetop {
	background-image: url(http://78it.co.jp/images-new/top/page_top.gif);
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 10px;
	margin: 2px 27px 0 0;
	width: 80px;
	}

#faqIndex #jump a.pne_top,



#faqIndex #jump a.xoops_top,
#faqIndex #jump a.ec_top,
#faqIndex #jump a.scratch_top {
	background-image:url(http://78it.co.jp/images-new/top/service_icon.jpg);
	background-position:0 center;
	background-repeat:no-repeat;
	float:right;
	font-size: 10px;
	line-height: 100%;
	margin: 0;
	padding:0 0 0 10px;
}

#faqIndex #jump a span {
	display: none;
	}

#faqIndex span.question {
	color: #0073A4;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	padding-right: 3px;
	}

#faqIndex span.answer {
	color:#cc0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-right: 3px;
	}







/* ----------------------------

      　　　パンくず

---------------------------- */
#contents p.pan {
	color: #666666;
	font-size: 60% !important;
	padding: 6px 14px 8px;
	}

#contents .page_title {
	background-image: url(http://78it.co.jp/images-new/top/page_title.jpg);
	background-repeat: no-repeat;
	margin: 0 14px;
	height: 60px;
	width: 772px;
	}

#contents .page_title h3 {
	color: #333333;
	font-weight: bold;
	font-size: 20px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding: 19px 0 0 42px;
	margin: 0;
}





/* ----------------------------

　　　  お問合せページ

---------------------------- */
#contact {
	color: #333333;
	font-size: 12px;
	line-height: 150%;
	margin: 15px 0 0;
}

#contact .contact_top {
	height: 1%;
	overflow: hidden;
	margin: 0 50px;
	border-bottom: 2px dotted #CCCCCC;
	padding-bottom: 30px;
	width: 700px;
}

#contact .contact_top .left {
	float: left;
	width: 450px;
}

#contact .contact_top .left .col_1 {
	background-image: url(img/staff.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0;
	width: 450px;
}

#contact .contact_top .left .col_2 {
	padding-top: 30px;
}

#contact .contact_top .left p {
	margin-top: 30px;
}
#contact .contact_top .right {
	float: right;
	border: 1px solid #DDDDDD;
	padding: 1px 2px 1px;
	width: 220px;
}

#contact .contact_top .right .inquiry {
	background-image:  url(images-new/contact/inquiry_bgimg.jpg);
	background-repeat: repeat-x;
	padding-left: 10px;
}

#contact .contact_top .right .inquiry .col_1,
#contact .contact_top .right .inquiry .col_2 {
	padding-top: 10px;
}

#contact .contact_top .right .inquiry .col_3 {
	line-height: 127%;
	margin: 10px 0;
}

#contact .form_attention {
	width: 600px;
	margin: 20px 91px 0;
}

#contact .form_area {
	margin: 12px 91px 0;
	border: 1px solid #CCCCCC;
	padding: 9px;
	width: 600px;
}

#contact .form_area p.red {
	color: #FF0000;
}

#contact .form_area p a,
#contact .contact_top .left p a {
	background-image: url(images-new/top/day_icon.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 12px;
	font-weight: bold;
	text-decoration: underline;
}

#contact .form_area p a:hover,
#contact .contact_top .left p a:hover {
	text-decoration: none;
}

#contact .form_area table.table_contact {
	border-collapse: collapse;
	text-align: left;
	width: 600px;
}

#contact .form_area table.table_contact th {
	border: 1px solid #CCCCCC;
	background-color: #D9F7F0;
	padding: 0 0 0 16px;
	width: 196px;
}

#contact .form_area table.table_contact th span {
	color: #FF0000;
	font-size: 10px;
	font-weight: normal;
	padding-left: 1em;
}

#contact .form_area table.table_contact td {
	border: 1px solid #CCCCCC;
	padding: 5px 0 5px 18px;
	width: 368px;
}

#contact .form_area .form_btn {
	text-align: center;
	height: 36px;
	margin: 20px 0;
}

#contact .form_area button.submit {
	background-color: #FFFFFF;
	margin: 0 27px 0 0;
	padding: 0;
	width: 150px;
}

#contact .form_area button.reset {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	width: 150px;
}

#contact #jump {
	text-align: right;
	margin-top: 27px;
}

/* ----------------------------

　お問合せ・お見積りのサンクスページ

---------------------------- */
#contentN .thanks_txt {

	border: 2px solid #DEDEDE;
	margin: 100px auto auto;
	padding: 20px;
	text-align: center;
	line-height: 200%;
	width: 300px;
	}