@charset "UTF-8";
/* CSS Document */

body {  
   font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   color: #222222;  
   font-size: 90%;
   line-height: 25px;
   background-color:#ffffff;
}

/* 全体のリンク指定*/
a {
	color: #00269a; /*元の色*/
	text-decoration: none;
}

a:hover {
    color:#6699CC; /*カーソルオーバー時の文字色*/
	text-decoration: underline;
}

/* 全体のリンク指定*/
a.red {
	color: #ff0000; /*元の色*/
	text-decoration: none;
}

a.red:hover {
    color:#ff0000; /*カーソルオーバー時の文字色*/
	text-decoration: underline;
}

/* 画像リンク指定*/
a.img:hover {
    opacity: 0.6;
}


/* 画像の指定*/
img {
    border:none; /*ボーダー無し*/
}

/* 全てのプロパティの余白とパディングをリセット。*/
* {
   margin: 0;
   padding: 0;
}

.clear {
   clear:both;
}
  
.clear hr {
   display:none;
}

/* 文字大 */
p.b_txt {
   font-size:120%;
}


select {
   font-size:130%;
}


/* サイトロゴの高さに合わせて調節。*/
#header {
   width: 980px;
   height: 80px;
   margin-right: auto;
   margin-left: auto;
}


h1 {
   font-size: 75%;
   margin-top:5px;
   margin-bottom:10px; 
}


#logo {
   float: left;
   width: 238px;
   height:29px;
}


#header_subnav {
   float: right;
   text-align:right;
   width: 500px;
   font-size: 80%;
}



/* ナビゲーション部分 */
#Menu_Container {
	clear: both;
	height: 40px;
	background-image: url(../images/common/bt_bg.jpg);
	repeat:x-repeat;
}



#Menu_Container #MenuBlock {
	height: 40px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}



/* メインイメージ*/
#mainimage_Container {
	clear: both;
	height: 300px;
	margin-bottom:30px;
	background-color: #5A5A5A;
}


/* メインイメージ*/
#mainimage_Container2 {
	clear: both;
	height: 300px;
	margin-bottom:30px;
	background-image: url(../images/top/img_bg.jpg);
	repeat:x-repeat;
	background-position: center center;
}


/* トップイメージスライド*/
.viewer {
	margin: 0 auto;
	width: 980px;
	height: 330px;
	text-align: left;
	overflow: hidden;
	left: 130px;
	top: 193px;
}

.viewer ul {
	width: 980px;
	height: 330px;
	text-align: left;
	overflow: hidden;
	position:absolute;
}

.viewer ul li {
	top: 0;
	left: 0;
	width: 980px;
	height: 330px;
	display: none;
	position:absolute;
}


/* トップイメージスライド*/
.viewer2 {
	margin: 0 auto;
	clear: both;
	height: 330px;
	left: 130px;
	overflow: hidden;
	top: 193px;
}

.viewer2 ul {
	clear: both;
	height: 330px;
	position: static;
}

.viewer2 ul li {
	top: 0;
	left: 0;
	clear: both;
	height: 330px;
	display: none;
	position: static;
}


/* H2 */
#h2_area {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top:40px;
	margin-bottom:20px;
	text-align:center;
}


h2 {
   font-size: 200%;
   margin-top:20px;
   color:#0056b1; 
}

h3 {
   font-size: 150%;
   margin-bottom:5px;
   color: #3366CC;  
   line-height:30px;
}

/* 新着情報 */
#news_wrap {
   width:720px;
   height:525px;
   overflow-y:auto;
   overflow-x:visible;
}

/* 新着情報 */
#news_box {
   width:690px;
   height:auto;
}

/* 事業案内 */
#category_block {
	width: 978px;
	margin-right: auto;
	margin-left: auto;
}

/* 事業案内 */
#category_box {
	width: 980px;
	background-image: url(../images/top/category.jpg);
	repeat:no-repeat;
	margin-bottom:10px;
	height:30px;
}


/* デバイス */
.category1 {
	width: 310px;
	height:220px;
	float:left;
	background-color:#33cc99;
	padding:5px;
	color:#ffffff;
}


/* システム */
.category2 {
	width: 310px;
	height:220px;
	float:left;
	background-color:#ffb6c1;
	padding:5px;
	color:#ffffff;
}


/* ソフトウェア／販売 */
.category3 {
	width: 310px;
	height:220px;
	float:left;
	background-color:#87cefa;
	padding:5px;
	color:#ffffff;
}


/* 事業タイトル */
.category_wrap {
    width:320px;
	float:left;
	margin-right:6px;
}


/* 事業タイトル */
.category_wrap2 {
    width:320px;
	float:left;
	margin:0 3px;
}

/* 事業タイトル */
.category_wrap3 {
    width:320px;
	float:left;
	margin-left:6px;
}



/* 事業タイトル */
.category_bt {
    width:320px;
	height:50px;
}



/* 事業タイトル */
p.category_ttl {
    width:310px;
	font-weight:bold;
	padding-left:5px;
	font-size:150%;
}

/* デバイスのリンク */
a.device_link {
   color: #003333;
   padding-left:15px;
}


a.device_link:hover {
   color:#ffffff;
   text-decoration: none;
}


/* システムのリンク */
a.system_link {
   color: #CC3366;
      padding-left:15px;
}


a.system_link:hover {
   color:#ffffff;
   text-decoration: none;
}


/* ソフトウェアのリンク */
a.software_link {
   color: #003399;
      padding-left:15px;
}


a.software_link:hover {
   color:#ffffff;
   text-decoration: none;
}




/* コンテンツ（レイアウト）の大枠*/ 
#container {
   width:980px;
   margin-right: auto;
   margin-left: auto;
}


/* バナーブロック*/ 
#banner_block {
   width:210px;
   float:right;
   padding-top: 20px;
}


/* コンテンツ左*/ 
#top_contents {
   padding-top: 20px;
   width:720px;
   float:left;
}


/* タイトル枠*/ 
.ttl_block {
   width:720px;
   border-bottom:2px solid #0056b1;
}


/* タイトルテキスト*/ 
p.ttl {
   font-size:130%;
   font-weight:100;
}



/* 新着日付*/ 
p.update {
   color:#0056b1;
   font-weight:bold;
}


/* 破線*/ 
hr.dashed {
   height: 1px;
   border: none;
   border-top:1px dashed #666666;
   margin:10px 0;
}


/* バナー*/
#side_banner {
	width:210px;
	margin-bottom:13px;
}

#side_banner a {
	display:block;
	height:75px;
	width:210x;
}




/* フッター */
#footer {
   margin-top:30px; 
   border-top:5px solid #0056b1;
　 clear: both;
   background-color:#e1e1e1;
}


/* フッターメニュー */
#footer_menu {
   width: 980px;
   text-align:left;
   margin:0 auto;
}



/* 製品*/ 
.footer_menu_area {
    width: 290px;
	float:left;
	padding-top:10px;
}

/* 製品*/ 
.footer_menu_area_2 {
    width: 110px;
	float:left;
	padding-top:10px;
}



a.footer_link {
   color: #222222;
   font-weight:bold;
}


a.footer_link:hover {
   color:#606060;
   text-decoration: none;
}


p.footer_bold {
   font-weight:bold;
   color: #003a61;
}


ul.footer_menu_link {
   list-style-type: none;
}


.footer_menu_link li {
   line-height: 5px;
   padding:10px 0px 10px 0;
}


.footer_menu_link li a {
   color: #222222;
}


.footer_menu_link li a:hover {
   color:#606060;
   text-decoration: none;
}


/* コピーライト */
#copyright {
   padding-top:30px; 
   font-size:75%;
   font-style:normal;
   color:#000000;
   text-align:center;
   padding-bottom:30px;
}



/* サブコンテンツ用タイトル帯*/
#ttl_back {
	clear: both;
	height: 100px;
	margin-bottom:10px;
	background-color: #d0d3d8;
}


/* サブコンテンツ用タイトル*/
#ttl_block {
	width:980px;
	margin-right: auto;
	margin-left: auto;

}


/* パンくずリスト */
#breadcrumb {
	height: 20px;
	text-align: left;
	font-size: 80%;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}




/* サブコンテンツ（サイドナビ）左*/ 
#side_nav {
   padding-top: 20px;
   width:210px;
   float:left;
}


/* サブコンテンツ右*/ 
#right_contents {
   width:720px;
   float:right;
   padding-top: 20px;
}


/* サイドナビタイトル*/ 
p.sidenav_bold {
   font-weight:bold;
   color: #0056b0;
}

/* サイドナビ*/ 
#menu{
background: #ffffff;
font-size: 100%;
}

/* サイドナビ　ロゴ 2018/02/20 NDK追加*/ 
#securityaction_rogo{
   float: left;
   width: 179px;
   height:179px;
}

#menu ul{ 
margin: 0; 
padding: 0; 
list-style: none; 
}


#menu li{ 
display: inline; 
padding: 0; 
margin: 0; 
}


#menu a{
display: block; 
border-top: 1px solid #9F99A3;
border-left: 1px solid #9F99A3;
border-right: 1px solid #9F99A3;
background-color: #EEEEEE;
padding: 3px 10px;
text-decoration: none;
color: #333;
width:190px;
margin: 0px;
text-align: left;
}


#menu a:hover {
border-top: 1px solid #8593A9;
border-left: 1px solid #8593A9;
border-right: 1px solid #8593A9;
background-color: #9EB7DD;
}


#menu #shita a{
display:block; 
border-left: 1px solid #9F99A3;
border-right: 1px solid #9F99A3;
border-bottom: 1px solid #9F99A3;
background-color: #EEEEEE;
padding:padding: 3px 10px;
text-decoration: none;
color: #333;
width:190px;
margin: 0px;
text-align: left;
}


#menu #shita a:hover{
border-left: 1px solid #8593A9;
border-right: 1px solid #8593A9;
border-bottom: 1px solid #8593A9;
background-color: #9EB7DD;
}


/* 主な製品・サービス一覧大枠*/ 
.products_box {
    width: 710px;
	padding:5px;
	background-color:#E5E5E5;
	margin:30px 0;
}


/* 主な製品・サービス一覧の製品写真*/ 
.products_img {
    width: 140px;
	float:left;
}



/* 主な製品・サービス一覧の製品説明*/ 
.products_txt {
    width: 550px;
	float:right;
}



/* 主な製品・サービス一覧の製品説明*/ 
.products_ttl_block {
   width:550px;
   border-bottom:1px solid #0056b1;
   margin-bottom:10px;
}


/* 製品名*/ 
p.ttl {
    font-weight:bold;
	color:#4d4d4d;
}


/* 製品名*/ 
p.ttl2 {
    font-weight:bold;
	color:#0056b0;
}



/* お問い合わせ*/ 
em.red_bold {
    font-weight:bold;
	color:#ed146d;
	font-style:normal;
}


/* ボタン*/ 
.detail_bt a {
	display: block;
	color: #ffffff;
	font-size: 100%;
	text-align: center;
	width: 200px;
	background-color: #0056b0;
	margin-top:10px;
}


.detail_bt a:hover {
	background-color: #59b1eb;
	text-decoration: none;
}


/* トップページ製品一覧ボタン（デバイス）*/ 
.device_detail_bt a {
	display: block;
	color: #ffffff;
	font-size: 100%;
	text-align: center;
	width: 80px;
	background-color: #339966;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px;
}


.device_detail_bt a:hover {
	background-color: #99CC99;
	text-decoration: none;
}


/* トップページ製品一覧ボタン（システム）*/ 
.system_detail_bt a {
	display: block;
	color: #ffffff;
	font-size: 100%;
	text-align: center;
	width: 80px;
	background-color: #ff6699;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px;
}


.system_detail_bt a:hover {
	background-color: #FF9999;
	text-decoration: none;
}


/* トップページ製品一覧ボタン（ソフトウエア）*/ 
.soft_detail_bt a {
	display: block;
	color: #ffffff;
	font-size: 100%;
	text-align: center;
	width: 80px;
	background-color: #4682b4;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px;
}


.soft_detail_bt a:hover {
	background-color: #6699CC;
	text-decoration: none;
}


/* 強調（レッド）*/ 
em.red {
   font-weight:bold;
   font-size: 100%;
   font-style:normal;
   color:#cc0000;
}



/* 担当グループ*/ 
.group_box {
    width: 130px;
	height:30px;
	float:left;
	margin-right:20px;
	background-color: #0056b0;
	text-align:center;
	color:#ffffff;
	margin-top:10px;
	margin-bottom:10px;
}

/* 関連製品*/ 
.product_box {
    width: 130px;
	height:30px;
	float:left;
	margin-right:20px;
	background-color: #60a153;
	text-align:center;
	color:#ffffff;
	margin-top:10px;
	margin-bottom:10px;
}

p.group_txt {
     line-height: 30px;
}

p.group_txt3 {
     line-height: 30px;
	 font-size: 120%;
	 font-weight:bold;
}

p.group_txt2 {
     line-height: 30px;
}
	



/* 社名*/ 
.group_name_box {
    width: 570px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}

/* 社名 20160106内藤カスタマイズ*/ 
.group_name_box2 {
    width: 720px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}

/* 右寄せ 20160106内藤カスタマイズ*/ 
.sub_comments_right {
    float: right;
}


/** テーブル*/ 
.table {
   width: 100%;
   border-collapse: collapse;
}


.table td {
   padding: 4px;
   text-align: left;
   vertical-align: top;
   color: #000000;
   background-color: #0056b0;
   border: 1px solid #b9b9b9;
   text-align:center;
}


.table th {
   padding: 4px;
   text-align: left;
   background-color: #F5F5F5;
   border: 1px solid #b9b9b9;
   font-weight: normal;
}


.title_2 {
   height:40px;
   width:140px;
}



/* 白文字*/ 
p.wt {
    font-weight:bold;
	color:#ffffff;
	line-height:40px;
}

/* 白文字*/ 
p.wt3 {
    font-weight:bold;
	color:#990033;
	line-height:40px;
}


/* 白文字*/ 
p.wt2 {
    font-weight:bold;
	color:#ffffff;
	font-size:80%;
	line-height:13px;
	padding-top:5px;
}

/* 白文字*/ 
p.wt4 {
    font-weight:bold;
	color:#990033;
	font-size:80%;
	line-height:13px;
	padding-top:5px;
}

/* 白文字*/ 
p.wt6 {
    font-weight:bold;
	color:#f003333;
	font-size:80%;
	line-height:13px;
	padding-top:5px;
}

/* 白文字*/ 
p.wt7 {
    font-weight:bold;
	color:#003399;
	font-size:80%;
	line-height:13px;
	padding-top:5px;
}

/* 白文字*/ 
p.wt5 {
    font-weight:bold;
	color:#003333;
	line-height:40px;
}

/* 白文字*/ 
p.wt8 {
    font-weight:bold;
	color:#003399;
	line-height:40px;
}



/* 理念*/ 
p.rinen {
    font-weight:bold;
	font-size:150%;
	color:#222222;
}



/* 担当グループ*/ 
.houshin_box {
    width: 120px;
	height:60px;
	float:left;
	margin-right:20px;
	background-color: #0056b0;
	text-align:center;
	color:#ffffff;
	margin-top:5px;
	margin-bottom:5px;
}


/* 社名帯*/ 
.name_title {
    width: 710px;
	height:25px;
	margin-top:10px;
	margin-bottom:10px;
	background-color: #0056b0;
	color:#ffffff;
	padding-left:10px;
}


/* 事業内容枠*/ 
.jigyo_block {
    width: 720px;
	margin-top:5px;
	margin-bottom:5px;
	overflow: hidden;
	height: auto; 
}


/* 主な事業*/ 
.jigyo_box {
    width: 100px;
	float:left;
	height:auto;
	margin-right:15px;
	background-color: #228ebd;
	text-align:center;
	color:#ffffff;
}


/* 社名*/ 
.jigyo_txt_box {
    width: 480px;
	float:left;
}


/* 外観*/ 
.jigyo_photo_box {
    width: 120px;
	float:left;
}



div.jigyo_block div {  
     float: left;  
     padding-bottom: 123px;  
     margin-bottom: -123px;   
}



/* 主な製品・サービス一覧大枠*/ 
.place_box {
    width: 690px;
	padding:15px;
	background-color:#dae9f3;
	margin-top:30px;
}



p.jigyo_txt {
     line-height: 123px;
}


p.jigyo_txt2 {
     line-height: 150px;
}





/* 場所*/ 
.place {
    width: 150px;
	padding:5px 0;
	float:left;
}


/* 住所*/ 
.add {
    width: 410px;
	padding:5px 0;
	float:left;
}


/* アクセス*/ 
.access {
    width: 130px;
	padding:5px 0;
	float:left;
}

/* アクセスボタン*/ 
.access_bt a {
	display: block;
	color: #ffffff;
	font-size: 100%;
	text-align: center;
	width: 130px;
	background-color: #606060;
	margin-top:10px;
}


.access_bt a:hover {
	background-color: #FF6666;
	text-decoration: none;
}


/* 個人情報枠*/ 
.privacy_box {
	width:680px;
	border:2px solid #666666;
	padding:20px;
	background-color:#F0F0F0;
	margin:20px 0;
}


/* 個人情報タイトル枠*/ 
.privacy_block {
	width:680px;
	text-align:center;
}


/* 個人情報社名枠*/ 
.privacy_name_block {
	width:680px;
	margin-top:20px;
	text-align:right;
}


/* 個人情報テキスト枠*/ 
.privacy_txt_block {
	width:680px;
}

/* 個人情報タイトル*/ 
p.privacy_ttl {
	font-size:130%;
	color:#0056b0;
	font-weight:bold;
}


p.privacy_txt {
    padding-left: 1em;
    text-indent: -1em;
}




/* 小コンテンツ枠*/ 
.contents_box_s {
	width:720px;
	margin-top:20px;
	margin-bottom:60px;
}


/* 誠枠*/ 
.contents_box_m {
	width:570px;
	padding-left:150px;
	margin-top:20px;
	margin-bottom:60px;
}


/* 小コンテンツ枠*/ 
.contents_box_s2 {
	width:720px;
	margin-top:20px;
	margin-bottom:30px;
}


/* 小コンテンツ枠*/ 
.contents_box_s3 {
	width:329px;
	margin-top:20px;
	margin-bottom:30px;
	float:left;
}


/* 小コンテンツ枠*/ 
.contents_box_s4 {
	width:391px;
	margin-top:20px;
	margin-bottom:30px;
	float:left;
}


/* 採用情報小タイトル*/ 
.recruit_ttl_box {
	width:720px;
	margin-top:20px;
	margin-bottom:20px;
	background-color:#B8B8B8;
	text-align:center;
}


/* 採用情報小タイトル*/ 
p.recruit_ttl {
	font-weight:bold;
}




/* 扉大枠*/ 
.detail_box {
	width:150px;
	margin-right:40px;
	float:left;
}

/* 扉大枠*/ 
.detail_box_r {
	width:150px;
	float:left;
}



/* デバイス事業扉*/ 
.device_box {
	width:140px;
	margin-bottom:10px;
	background-color:#1bac99;
	text-align:center;
	padding:5px;
}


/* システム事業扉*/ 
.system_box {
	width:140px;
	margin-bottom:10px;
	background-color:#ff96a9;
	text-align:center;
	padding:5px;
}

/* ソフトウエア事業扉*/ 
.software_box {
	width:140px;
	margin-bottom:10px;
	background-color:#65b5e9;
	text-align:center;
	padding:5px;
}


/* 扉用製品写真*/ 
.box_img {
	width:140px;
}



/* ボタン*/ 
.detail_bt2 a {
	display: block;
	color: #ffffff;
	font-size: 100%;
	text-align: center;
	width: 150px;
	background-color: #0056b0;
	margin-top:10px;
}


.detail_bt2 a:hover {
	background-color: #59b1eb;
	text-decoration: none;
}




p.small_txt {
    font-size:80%;
	line-height:14px;
}


/* 文中黒太字*/ 
em.bk_bold {
    font-weight:bold;
	color:#222222;
	font-style:normal;
}



/* 赤太字*/ 
p.red_bold {
    font-weight:bold;
	color:#cc0000;
}



/* 導入例特別枠*/ 
.img_bg {
    width:700px;
	background-color:#F5F5F5;
	padding:10px;
}
















/* 製品4並び*/ 
.products_container {
    width: 920px;
	margin-right: auto;
	margin-left: auto;
	margin-top:50px;
}


/* 製品*/ 
.products {
    width: 200px;
	float:left;
	padding-right:40px;
}

.products_r {
    width: 200px;
	float:left;
}


.products2 {
    width: 200px;
	float:left;
	padding-right:35px;
}

.products2_r {
    width: 200px;
	float:left;
}





/* 製品名と値段*/ 
.products_ttl {
    width: 200px;
	height:70px;
	margin-top:10px;
}



/* 青太字（値段）*/ 
p.blue_bold {
    font-weight:bold;
	color:#003a61;
}



/* 期間限定セールボタン*/ 
.sale_bt a {
	display: block;
	color: #ffffff;
	font-size: 100%;
	text-align: center;
	width: 200px;
	background-color: #b59458;
}


.sale_bt a:hover {
	background-color: #e6ce91;
	text-decoration: none;
}






/* サイドナビタイトル枠*/ 
.sidenav_title {
   width:200px;
   text-align:left;
   border-bottom:2px solid #003a61;
}


/* コンテンツタイトル枠*/ 
.contents_title {
   width:670px;
   text-align:left;
   border-bottom:5px solid #003a61;
   margin-bottom:20px;
}


ul.sidenav_link {
   list-style-type: none;
}


.sidenav_link li {
   line-height: 15px;
   padding:10px 0 5px;
}


.sidenav_link li a {
   color: #4d4d4d;
}


.sidenav_link li a:hover {
   text-decoration: none;
}


/* 製品3並び*/ 
.products_container_three {
    width: 670px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:50px; 
}

/* アンカー用枠*/ 
.anchor {
    width: 720px;
	margin-bottom:20px;
}

.pull {
   font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   font-size:120%;
    padding:6px 10px;
    background:#fff;
    border:1px solid #ddd;
    border-radius: 4px;
    box-sizing:border-box;
	background-color:#99CCFF;
}

.pref {
   font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   font-size:120%;
    padding:6px 10px;
    background:#fff;
    border:1px solid #ddd;
    border-radius: 4px;
    box-sizing:border-box;
}


hr.grp {
    border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.3);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* コンタクトフォーム*/ 
#form_contents {
   width:980px;
   padding-top: 20px;
}


/* タイトル枠*/ 
.ttl_block_contact {
   width:980px;
   border-bottom:2px solid #0056b1;
}

/* 小コンテンツ枠*/ 
.contents_box_contact {
	width:980px;
	margin-top:20px;
	margin-bottom:60px;
}