/* NetForceホームページ用Style.CSS */
html {
	min-height: 100%;
}


/*背景色・フォント・フォント色*/
body {
	background: url(img/bg.png);
	background-color:#ffffff;
	background-repeat:repeat-x;
	background-attachment:scroll;
	margin:0px;
	color: #000000;
	font: normal 62.5% sans-serif, MSゴシック;
	letter-spacing: 0px;
}


/* div clear */
.clearer {clear: both;}

/* 画像位置設定(左) */
.left {float: left;}

/* 画像位置設定(右) */
.right {float: right;}

.midashi{
	font-size:1.4em;
	font-weight:bold;
	color:red;
	text-indent:5px;
}


/* head部分 */
.header {
	background: #ffffff;
	font-size: 1.2em;
	height: 60px;
	margin: 0 auto;
	width: 850px;
	padding:0px 4px;
}


/* main構造 */
.container {
	background: #ffffff;
	font-size: 1.2em;
	margin: 0 auto;
	padding:4px 4px 0px 4px;
	width: 850px;
}


/* 上部固定メニュー */
.navi{
	width:850px;
	background:#ffffff;
	padding:0px 4px;
}

.navigation {
	width:848px;
	background:url(img/topMenu.bmp);
	border: 1px solid #c0c0c0;
	border-color: #c0c0c0;
	height: 35px;
}
.navigation a {
	background: url(img/topMenu.bmp);
	border-right: 1px solid #c0c0c0;
	color:#696969;
	display: block;
	float: left;
	font-weight:bold;
	font-size:1.2em;
	line-height: 35px;
	padding: 0px 30px;
	text-decoration: none;
}
.navigation a:hover{
	text-decoration:none;
	color:#009999;
	background:url(img/topMenu_hover.bmp);
}


/* 内容表示部 */
.content {
	float: right;
	width:640px;
	margin: 10px 0px 10px 10px;
	letter-spacing: 0.2em;
}


/*パターンCのh1*/
h1#all_aspects{
	background:url(img/mark.bmp);
	background-repeat: no-repeat;
	padding:12px 0px 0px 5px;
	margin-left:10px;
	font-size:1.4em;
	height:57px;
	width:auto;
	text-align:left;
	text-indent:30px;
}


.content #gaiyo table{
	border:1px solid #c0c0c0;
	margin:10px 0px 0px 15px;
}

.content #gaiyo tr,
.content #gaiyo td{
	border:1px solid #c0c0c0;
	padding:8px 0px 8px 8px;
}

.content #gaiyo td#item_c{
	border:1px solid #c0c0c0;
	background-color:#e6e6fa;
	padding:8px 0px 8px 8px;
	width:150px;
}

.content #gaiyo td#img{
	border:none;
	width:125px;
}

.content #gaiyo td#add{
	border:none;
	width:315px;
	vertical-align:top;
}


/*パターンBのh1*/
h1#content{
	background:url(img/mark_c.bmp);
	background-repeat: no-repeat;
	padding:12px 0px 0px 0px;
	margin:0px 20px;
	font-size:1.4em;
	height:57px;
	width:auto;
	text-align:left;
	text-indent:30px;
}


.content span{
	color:#778899;
	font-size:1.3em;
	font-weight:bold;
}
.content p{
	padding:1mm 8mm 0mm 8mm;
	font-size:1.0em;
	line-height:2;
	text-indent:-1em;
}



/* 会社概要 */
.content dl{
	line-height:2;
	font-size:1.0em;
	color:#000000;
	padding:0mm 0mm 0mm 10mm;
}


.content dl dt {
	text-align:left;
	float:left;
	width:170px;
}


.content dl dd {
	text-indent:5px;
	margin-left:180px;

}

.content dl dd#space {
	padding-bottom:10px;
}

.content dl dd a{
	text-decoration: none;
}


/* 事業内容(項目BOX) */
.activitiesBox{
	width: 550px;
	padding: 3mm 5mm 5mm 5mm;
	margin: 0px 20px;
	border:0px solid #c0c0c0;
}


.activitiesBox dt{
	color: #000000;
	font-weight:bold;
	font-size:1.2em;
	letter-spacing: 0.2em;
	height:23px;
	padding: 7px  0px  0px 15px;
	background:url(img/categoryName_2.jpg);
	border:1px solid #c0c0c0;
	background-repeat: no-repeat;
}
.activitiesBox dd{
	color: #313132;
	line-height:2;
	height:auto;
	margin: 0;
	padding: 0;
	border:1px solid #c0c0c0;
	background-color:#ffffff;
}
.activitiesBox dd .activitiesB{
	padding: 1.2em 0.9em;
}

#research{
	margin:0px 50px;
}

#research ul{
	line-height:1;
	list-style:none;
	margin-left:10px; 
	padding:0;
}

#research li{
	list-style:none;
	color:#000000;
	border:0px;
	text-indent:0px;
	display:block;
	font-weight:normal;
	padding-bottom:5px;
}

#research li#point_reserch{
	font-weight:bold;
	color:#157DEC;
}


#research ol{
	list-style:none;
	margin:0;
	padding:0px 20px;
}


/* お問い合わせ */
.inquiryBox{
	width: 400px;
	padding: 3mm 5mm 5mm 5mm;
	margin: 0px 100px;
	border:0px solid #c0c0c0;
}


.inquiryBox dt{
	color: #000000;
	font-weight:bold;
	font-size:1.2em;
	letter-spacing: 0.2em;
	height:23px;
	padding: 7px  0px  0px 15px;
	background:url(img/categoryName_2.jpg);
	border:1px solid #c0c0c0;
	background-repeat: no-repeat;
}
.inquiryBox dd{
	color: #313132;
	line-height:2;
	height:auto;
	margin: 0;
	padding: 0;
	border:1px solid #c0c0c0;
	background-color:#ffffff;
}
.inquiryBox dd .inquiryB{
	padding:10px 20px;
}

.inquiryBox dd .number{
	font-weight:bold;
	font-size:1.5em;
	text-align:center;
	padding-top:10px;
	line-height:2;
}


/* 求人（項目BOX:新卒） */
.recruitBoxLeft{
	float:left;
	background-color:#ffffff;
	width: 300px;
	padding: 3mm 5mm 5mm 5mm;
	margin: 0px 10px 0px 35px;
	border:1px solid #c0c0c0;
	text-align:left;
}

.recruitBoxLeft dt{
	color: #000000;
	font-weight:bold;
	font-size:1.5em;
	height:20px;
	padding: 5px  0px  2px 8px;
	border-left:5px solid red;
}
.recruitBoxLeft dd{
	color: #313132;
	line-height:2;
	height:auto;
	padding:8px 0 0 0;
}
/*.recruitBoxLeft dd .activitiesB{
	padding: 1.2em 0.9em;
}*/

/* 求人（項目BOX：中途）*/
.recruitBoxRight{
	float:right;
	width: 300px;
	padding: 3mm 5mm 5mm 5mm;
	margin: 0px 35px 0px 10px;
	border:1px solid #c0c0c0;
	text-align:left;
}

.recruitBoxRight dt{
	color: #000000;
	font-weight:bold;
	font-size:1.5em;
	height:20px;
	padding: 5px  0px  2px 8px;
	border-left:5px solid blue;
}
.recruitBoxRight dd{
	color: #313132;
	line-height:2;
	height:auto;
	padding:8px 0 0 0;
}


/*.recruitBoxRight dd .activitiesB{
	padding: 1.2em 0.9em;
}*/


.rec_box{
	background-color:#f5f5f5;
	border:1px solid #c0c0c0;
	color:#000000;
	height:200px;
	width:455px;
	padding:15px;
	margin-left:275px;
	line-height:1.8em;
}


h2#recruit{
	text-align:left;
	padding-left:100px;
	font-weight:bold;
	font-size:1.2em;
}


/* 内容表示部 */
.main {
	padding-top:4px;
	width:850px;
}


.main hr{
	border-style: dotted none none none;
	border-top-width: 2px;
	width:410px;
	border-top-color: #c0c0c0;
	height: 2px;
}


.main table,
.main tr,
.main td{
	border-bottom: dotted 2px #a9a9a9; 
	border-collapse: collapse;
}



/*会社概要・リクルート*/
.label_c{
	background-color:#f8f8ff;
	text-align: left;
	vertical-align:middle;
	padding-left:12px;
	width:110px;
	height:auto;
}

.label_r{
	text-align: left;
	vertical-align:top;
	padding:1em 0em 1em 1em;
	width:120px;
}


.data{
	text-align:left;
	padding:1em 1em 1em 1em;
	width:480px;
	height:auto;
}

.data_r{
	text-align:left;
	padding:1em 1em 1em 1em;
	width:470px;
	height:auto;
}



/*新卒給与一覧*/
.data dl{
	color:#000000;
}


.data dl dt {
	text-align:left;
	float:left;
	width:100px;
}


.data dl dd {
	margin-left:110px;
}


.img{
	width:80px;
	text-align:center;
	padding-top:4px;
	height:auto;
}


/*沿革一覧*/
.enkaku{
	width:620px;
	padding:10px 0px 0px 10px;
}

.enkaku table, .enkaku tr, .enkaku td{
	border:solid 1px #a9a9a9;
	border-collapse:collapse;
}


/*社長あいさつ枠*/
.president{
	margin:0 20px;
	padding:10px 10px;
	border:1px solid #c0c0c0;
	width:575px;
	height:auto;
	background-color:#ffffff;
}


/* 求人の写真部分 */
.imagebox {
	text-align:left;
	line-height:1.3em;
	width: 240px;
	float: left;
	margin-left:15px;
}

.comment{
	margin:5px 35px 5px 35px;
	text-align:left;
	line-height:2;
}


.comment_right{
	margin:2px 30px 5px 30px;
	text-align:left;
	line-height:2;
}


/* メイン左側(3カラム用) */
.mainLeft3{
	width:640px;
	float: left;
}
/* 3カラム中央 */
.mainLeftBoxA{
	width:440px;
	float:right;
	line-height:1.5em;
}


/*listタグ*/
.mainLeftBoxA .list{
	margin:0px;
	padding:0px;
}


.mainLeftBoxA .list ul{
	list-style:none;
	margin:5px 0 0 10px; 
	padding:0px;
}

.mainLeftBoxA .list li{
	list-style:none;
	text-indent:0px;
	display:block;
	font-weight:normal;
	padding-bottom:5px;
}


.mainLeftBoxA .list li#point{
	text-indent:17px;
	background:url(img/maru_o.gif);
	background-repeat: no-repeat;
}


.mainLeftBoxA .list li#point_yy{
	text-indent:15px;
	font-weight:bold;
	background:url(img/maru_yy.gif);
	background-repeat: no-repeat;
}


.mainLeftBoxA .list li#point_bl{
	text-indent:15px;
	background:url(img/maru.gif);
	background-repeat: no-repeat;
}

.mainLeftBoxA .list li#point_re{
	text-indent:15px;
	background:url(img/maru_r.gif);
	background-repeat: no-repeat;
}

.mainLeftBoxA .list ol{
	list-style:none;
	margin:0;
	padding:0 20px 15px 20px;
}


/*パターンAのh1*/
.mainLeftBoxA h1#categoryName{
	color: #000000;
	font-size:1.2em;
	font-weight: bold;
	line-height: 26px;
	width:431px;
	height:26px;
	background: url(img/categoryName.jpg);
	background-repeat: no-repeat;
	text-indent:15px;
	border:1px solid #c0c0c0;
	margin:0px;
	padding-top:0px;
}


.mainLeftBoxA h2#subTitle{
	font-size:1.3em;
	font-weight:bold;
	color:#000000;
	margin-top:15px;
	padding-top:2px;
	text-indent:25px;
	background:url(img/maru_b.gif);
	background-repeat: no-repeat;
	height:auto;
	line-height:23px;
}


.mainLeftBoxA h2#subTitle2{
	padding-left:10px;
	margin:10px 0px;
	font-size:1.2em;
	font-weight:bold;
	background-color:#e6e6fa;
	color:#000000;
	height:autopx;
	width:420px;
}

.mainLeftBoxA h2#large_f{
	font-weight:bold;
	font-size:1.5em;
	padding:15px 0 3px 0;
	margin:0px;
}


.mainLeftBoxA h3#s_finding{
	background:url(img/maru_o.gif);
	background-repeat:no-repeat;
	line-height:15px;
	font-size:1.1em;
	text-indent:17px;
	margin-bottom:0px;
}

/*教務システム（基本システム）*/
.mainLeftBoxA h3#pencil_b{
	background:url(img/kihon.gif);
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
	text-indent:45px;
	font-size:1.1em;
	font-weight:bold;
	height:35px;
	width:425px;
	line-height:35px;
}

.mainLeftBoxA h3#pencil_kihonS{
	background:url(img/kihon.gif);
	background-repeat:no-repeat;
	border-bottom: dotted 2px #c0c0c0;
	padding:0px;
	margin:0px;
	text-indent:45px;
	font-size:1.2em;
	font-weight:bold;
	height:35px;
	width:425px;
	line-height:40px;
}

/*教務システム（オプション）*/
.mainLeftBoxA h3#pencil_r{
	background:url(img/option.gif);
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
	text-indent:45px;
	font-size:1.1em;
	font-weight:bold;
	height:35px;
	width:425px;
	line-height:35px;
}

.mainLeftBoxA h3#pencil_optionS{
	background:url(img/option.gif);
	background-repeat:no-repeat;
	border-bottom: dotted 2px #c0c0c0;
	padding:0px;
	margin:0px;
	text-indent:45px;
	font-size:1.2em;
	font-weight:bold;
	height:35px;
	width:425px;
	line-height:40px;
}



.mainLeftBoxA .borderBlue{
	background-color:#0000cd;
	color:#ffffff;
	height:19px;
	width:412px;
	font-weight:bold;
	padding-left:17px;
}

.mainLeftBoxA h2#borderOrange{
	background-color:#ff4500;
	font-size:1.2em;
	color:#ffffff;
	height:auto;
	width:423px;
	font-weight:bold;
	padding:0px 0px 0px 7px;
	margin:0px;
}


.mainLeftBoxA h1#no_display{
	margin:0px;
	padding:0px;
}

.mainLeftBoxA p{
	padding:0px 17px;
}

.mainLeftBoxA .content_center{
	padding:2px 17px 0px 17px;
	margin:0px;	
}


.mainLeftBoxA .feature{
	padding:0px 25px 17px 25px;
	text-indent:-1em;
}


/*製品カテゴリ別のブロック*/
.mainLeftBoxA .bio{
	background:url(img/bio.bmp);
	background-repeat: no-repeat;
	padding:5px 0;
	height:110px;
}

.mainLeftBoxA .system{
	background:url(img/system.bmp);
	background-repeat: no-repeat;
	padding:5px 0;
	height:110px;
}

.mainLeftBoxA .school{
	background:url(img/school.bmp);
	background-repeat: no-repeat;
	padding:5px 0;
	height:110px;
}

.mainLeftBoxA .enkakukanshi{
	background:url(img/enkaku.bmp);
	background-repeat: no-repeat;
	padding:5px 0;
	height:110px;
}

.mainLeftBoxA .mobile{
	background:url(img/mobile.bmp);
	background-repeat: no-repeat;
	padding:5px 0;
	height:110px;
}

.mainLeftBoxA .core_p{
	background:url(img/core_p.bmp);
	background-repeat: no-repeat;
	padding:5px 0;
	height:110px;
}


.mainLeftBoxA .category{
	font-size:1.4em;
	text-indent:-0.5em;
	padding:10px 40px  0px 40px;
}

.category_comment{
	font-size:1.2em;
	padding:10px 40px 0px 40px;
}


.mainLeftBoxA .link{
	font-size:1.0em;
	text-indent:290px;
}


.kakaku{
	padding:0px 5px 0px 5px;
}


.kakaku table, 
.kakaku tr, 
.kakaku td{
	border:0px solid #ffffff;
}



/* 3カラムサブメニュー */
.mainLeftBoxB{
	width:200px;
	float:right;
}


/* メイン左側 */
.mainLeft {
	width:640px;
	float: left;
	line-height:1.3;
	padding:0px;
}

/*パターン@のh1*/
h1#mainLeft{
	background:url(img/mark_s.bmp);
	background-repeat: no-repeat;
	padding:12px 0px 0px 0px;
	margin:0px 20px;
	font-size:1.4em;
	height:30px;
	width:auto;
	text-align:left;
	text-indent:30px;
}

h2#update{
	border-bottom:0px dotted #a9a9a9; 
	text-align:right;
	font-size:1.1em;
	padding:5px 20px 0px 0px;
	margin:0px;
	color:#008080;
}


.mainLeft ul {
	padding:0px 10px 10px 10px;
	margin:0px;
}

.mainLeft li {
	border-bottom:1px dotted #a9a9a9;
	padding:8px 0px  8px 8px;
	text-decoration: none;
	background:#ffffff;
	list-style: none;
}


.mainLeft li a{
	color:#0000ff;
	font-size:1.2em;
}


/*トピックス見出し*/
.mainLeft .topicsComment{
	text-indent:72px;
	color:#000000;
	margin:0px;
	padding-top:4px;
}

/*トピックス日付*/
.mainLeft span#date{
	color:#008080;
	font-weight:bold;
	font-size:1em;
}


/*システム開発実績一覧（情報・制御）*/
.mainLeft table,
.mainLeft tr,
.mainLeft td{
	border:1px solid #c0c0c0;
	margin:0px 20px;
}

.mainLeft td#title_s{
	text-align:center;
	color:#ffffff;
	background:#009999;
	border:1px solid #ffffff;
}

.mainLeft td#title_j{
	text-align:center;
	color:#ffffff;
	background:#1d1d7f;
	border:1px solid #ffffff;
}

.mainLeft td#gyomu{
	width:85px;
	background:#e5faff;
	text-align:center;
}

.mainLeft td#gyosyu{
	width:50px;
	text-align:left;
	text-indent:2px;
}

.mainLeft td#system{
	width:390px;
	text-align:left;
	text-indent:2px;
	height:20px;
}

.mainLeft td#kibo{
	width:80px;
	text-align:center;
}


/*ブロック及び検索一覧テーブル*/
.block_List table, 
.block_List tr, 
.block_List td{
	border:1px solid #c0c0c0;
	margin-left:8px;
}

/*SMART Viewer & MC_Parser*/
.no{
	width:23px;
	text-align:center;
}

.section{
	width:153px;
	text-indent:3px;
}


.total{
	width:58px;
	text-align:center;
}


.block{
	width:171px;
	text-indent:3px;
}


.contents{
	width:355px;
	text-indent:3px;
}



/*トピックス外部テキスト読込*/
div#message {
	behavior: url(#default#download); 
	background-color: white; 
	text-decoration: none;
}


/* メイン右側 */
.mainRight{
	width:210px;
	float:right;
}


.mainRight ul{
	padding:0px;
}


.mainRight li{
	text-decoration: none;
	background:#ffffff;
}


/*会社概要2カラム*/
.mainLeft_c{
	width:200px;
	float: left;
	line-height:1.3em;
}


.mainRight_c{
	width:650px;
	float: right;
	line-height:1.3em;
}


/*お問い合わせ・協業依頼*/
.infoBox{
	width:199px;
	background:url(img/title.jpg);
	color: #000000;
	font-weight: bold;
	line-height: 26px;
	text-indent:24px;
	border-right:1px solid #c0c0c0;
	background-repeat:no-repeat;
}

.infoBoxComment{
	padding: 1.2em 0.9em;/*テキスト部分の余白*/
	line-height:2;
}

.info{
	background-color:#faf8cc;
	margin-left:10px;
}


/*別ウィンドウ（地図:扇子）*/
.window_s{
	text-align:center;
}


.window_s .text{
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	padding: 0mm 5mm;
	line-height:2;
}

.window_s .text_m{
	font-size:1.5em;
	text-align:left;
	padding: 0mm 5mm;
	line-height:1.5;
}


.window_s .botton{
	width:80px;
	height:25px;
}



/*サブメニュー*/
#navcontainer{
	width: 180px;
	border-right: 1px solid #ccc;
	margin-bottom: 1em;
	background-color: #90bade;
	color: #333;
}

ul#navlist{
	width: 180px;
	padding: 0px;
	border: 1px solid #808080;
	border-top: 0px;
	margin: 0px;
	font-weight:bold;
	font-size:12px;
	background: #808080;
}

ul#navlist li{
	list-style: none;
	margin: 0px;
	border: 0px;
	border-top: 1px solid #808080;
}

#navcontainer #navititle li a{
	color:#ffffff;
	background:#aaaabb;
}


ul#navlist li a{
	display: block;
	width: 164px;
	height:auto;
	padding: 8px;
	border: 0px;
	background: #eeeeee;
	text-decoration: none;
	text-align: left;
}


ul#navlist li a:link {
	color: #666677; 
}


div#navcontainer li a:visited {
	color: #666677; 
}


ul#navlist li a:hover{
	border-color: #eeeeee;
	color: #009999;
	background: #eeeeee;
}


/*同ページ内リンクメニュー（パッケージ製品）*/
.linkMenu{
	background:url(img/linkMenu.gif);
	line-height:25px;
	background-repeat:no-repeat;
	padding-left:20px;
	margin-top:10px;
}

/*モバイルソリューション業種／用途一覧*/
.gyosyu{
	margin:0px 15px;
	padding:10px;
	border-color:#cccccc;
	border-width:1px;
	border-style:solid;
	height:auto;
	width:380px;
	background:#F7F7F7;
}

.gyosyu table,
.gyosyu tr{
		border:0px solid #ffffff;
}

.gyosyu td{
	border:0px solid #ffffff;
	text-align:left;
}


/*パッケージ製品問い合わせ用*/
.orangebox{
	margin:0px 15px;
	padding:10px;
	border-color:#FFCC33;
	border-width:1px;
	border-style:solid;
	height:auto;
	width:380px;
	background:#FFFF66;
}

/*プライバシーポリシー*/
.privacypolicy_c{
	padding:0px 30px 10px 30px;
}


/* footer部分 */
.footer {
	width:100%;
	clear:left;
	color: #a9a9a9;
	font: bold 1em sans-serif;
	line-height: 39px;
	padding-top: 10px;
	text-align: center;
}



