﻿body
    {
     margin:0px auto;          /* ページ全体のmargin */
     padding:0px;         /* ページ全体のpadding */
     text-align:center;     /* 中身を中央表示に戻す */
     background: url(../images/back.gif) center top repeat-y; /* 影の背景画像 */
     font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

    }
	
#sub
    {
     margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     width:950px;         /* 幅を決定する */
    }

 /* サブメニュー lpr*/
#lpr-menu
	{
	background-image: url("../images/submenu_lpr.gif");
	color:#ffffff;
	width:950px;
	font-size:11pt;
	}
#lpr-menu ul{
	list-style:none;
	height:40px;
	margin:0 auto;
	margin-left:140px
}
#lpr-menu ul li{
		float:left;
		margin-top:10px;
}

#lpr-menu a{
	color:#ffffff;
}
 /* サブメニュー lpr end*/
 
/* サブメニュー palnon*/
#pal-menu
	{
	background-image: url("../images/submenu_pal.gif");
	color:#ffffff;
	width:950px;
	font-size:11pt;
	}
#pal-menu ul{
	list-style:none;
	height:40px;
	margin:0 auto;
	margin-left:180px
}
#pal-menu ul li{
		float:left;
		margin-top:10px;
}

#pal-menu a{
	color:#ffffff;
}
 
 /* サブメニュー palnon end*/

 /* サブメニュー sfs*/
#sfs-menu
	{
	background-image: url("../images/submenu_sfs.gif");
	color:#ffffff;
	width:950px;
	font-size:11pt;
	}
#sfs-menu ul{
	list-style:none;
	height:40px;
	margin:0 auto;
	margin-left:180px
}
#sfs-menu ul li{
		float:left;
		margin-top:10px;
}

#sfs-menu a{
	color:#ffffff;
}
 
 /* サブメニュー sfs end*/
 
 /* サブメニュー fa*/
#fa-menu
	{
	background-image: url("../images/submenu_fa.gif");
	color:#ffffff;
	width:950px;
	font-size:11pt;
	}
#fa-menu ul{
	list-style:none;
	height:40px;
	margin:0 auto;
	margin-left:180px
}
#fa-menu ul li{
		float:left;
		margin-top:10px;
}

#fa-menu a{
	color:#ffffff;
}
 
 /* サブメニュー fa end*/
 
  /* サブメニュー susumu*/
#susumu-menu
	{
	background-image: url("../images/submenu_susumu.gif");
	color:#ffffff;
	width:950px;
	font-size:11pt;
	}
#susumu-menu ul{
	list-style:none;
	height:40px;
	margin:0 auto;
	margin-left:180px
}
#susumu-menu ul li{
		float:left;
		margin-top:10px;
}

#susumu-menu a{
	color:#ffffff;
}
 
 /* サブメニュー susumu end*/
 
  /* サブメニュー oa*/
#oa-menu
	{
	background-image: url("../images/submenu_oa.gif");
	color:#ffffff;
	width:950px;
	font-size:11pt;
	}
#oa-menu ul{
	list-style:none;
	height:40px;
	margin:0 auto;
	margin-left:180px
}
#oa-menu ul li{
		float:left;
		margin-top:10px;
}

#oa-menu a{
	color:#ffffff;
}

 /* サブタイトル その他　*/
 
 #subtitle
	{
	background-image: url("../images/submenu.gif");
	color:#ffffff;
	width:950px;
	font-size:14pt;
	text-align:left;
	text-indent:80px;
	}

/* ヘッダー */

div#corporatelogo {
	position: relative;
	float: left;
	border-style: none;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

#corporatelogo img {
	border-style: none;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
	width:280px;
}

#corporatelogo p {
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#r_corporatelogo {
	position: relative;
	float: right;
	border-style: none;
	text-align: right;  
}

#r_corporatelogo img {
	border-style: none;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
	height:42px;
}

#r_corporatelogo p {
	margin: 10px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 52px;
}

#r_corporatelogo span {
	font-size: 90%;
	margin-top: 20px;
	margin-right: 10px;
}

#r_corporatelogo span img { 
		border: none 0px;
		margin-left: 15px;
	    	margin-right:5px;
		padding: 0px;
		vertical-align: middle; 
		width:12px;
		height:12px;
	
}

/*
div.headerrightarea {
	position: relative;
	float: right;
	border-style: none;
	text-align: right;  
	width: 575px;
	height:78px;

}

div.headerrightarea {
	position: relative;
	float: right;
	border-style: none;
	text-align: right;  
	width: 480px;
	height:72px;

}

div.headerrightarea h1 {
	margin: 20px 0px 10px 0px;
	font-size: 110%;

}
div.headerrightarea span img { 
		border: none 0px;
		margin-left: 15px;
	    margin-right:5px;
		padding: 0px;
		vertical-align: middle; 
		width:12px;
		height:12px;
	
}
*/

 /* ヘッダーend */
 
/*FA TOP動画*/

#slideshow {
	position:relative;
	width:900px;
	height:600px;
}
#slideshow img {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
}
#slideshow img.active {
	z-index:10;
}
#slideshow img.last-active {
	z-index:9;
}


  /* 枠　*/
.round1 {
    margin-left:auto;    /* 左側マージンを自動的に空ける */
    margin-right:auto;   /* 右側マージンを自動的に空ける */
	width: 850px;
	padding: 0px;
	border: 0;
	margin:10px 0px 20px 50px;
	text-align:left;
}

.round2 {
	margin-left:auto;   /* 左側マージンを自動的に空ける */
    margin-right:auto;   /* 右側マージンを自動的に空ける */
	padding:15px;
	width:760px;
	border: 0px;
	font-size:120%;
	text-align:left;
}

.round2_right {
	margin-left:150px;   /* 左側マージンを空ける */
	padding:15px;
	width:700px;
	border: 0px;
	font-size:120%;
	text-align:left;
}
 /*　認識番長　困った　*/
.round3 {
margin: 10px 20px 10px 20px;
padding:10px;
width:900px;
height:500px;
border: 0px;
background-image:url(../images/lpr_item04.gif);
background-repeat:no-repeat;
font-size:120%;
}

 /*　PALNONレンズ　用途　*/
.pal_item4 {
margin: 10px 20px 10px 50px;
text-align:left;
padding: 5px 20px 5px 160px;
width:680px;
height:166px;
border: 0px;
background-repeat:no-repeat;
font-size:120%;
}

.pal_item4_8 {
margin: 10px 20px 10px 50px;
text-align:left;
padding: 30px 20px 5px 30px;
width:820px;
height:282px;
border: 0px;
background-image:url(../images/pal_item04_6.gif);
background-repeat:no-repeat;
font-size:120%;
}

 /*　OA　問題解決　*/
.oa_item3_1 {
margin-left:auto;   /* 左側マージンを自動的に空ける */
margin-right:auto;   /* 右側マージンを自動的に空ける */
padding:20px;
width:830px;
height:180px;
background-image:url(../images/oa_item03_01back.gif);
background-repeat:no-repeat;
font-size:120%;
text-align:left;
border: 1px solid #387bf5;
background-color:#eef4ff;
}

.oa_item3_2{
margin-left:auto;   /* 左側マージンを自動的に空ける */
margin-right:auto;   /* 右側マージンを自動的に空ける */
padding:20px;
width:830px;
height:230px;
background-image:url(../images/oa_item03_02back.gif);
background-repeat:no-repeat;
font-size:120%;
text-align:left;
border: 1px solid #387bf5;
background-color:#eef4ff;
}

.oa_item3_3{
margin-left:auto;   /* 左側マージンを自動的に空ける */
margin-right:auto;   /* 右側マージンを自動的に空ける */
padding:20px;
width:830px;
height:240px;
background-image:url(../images/oa_item03_03back.gif);
background-repeat:no-repeat;
font-size:120%;
text-align:left;
border: 1px solid #387bf5;
background-color:#eef4ff;
}

.oa_item2{
margin-left:auto;   /* 左側マージンを自動的に空ける */
margin-right:auto;   /* 右側マージンを自動的に空ける */
width:850px;
height:240px;
background-image:url(../images/oa_item02.jpg);
background-repeat:no-repeat;
text-align:left;
margin:10px 0px 20px 0px;
}


 /*　認識番長　お礼　*/
.round4 {
	margin-left:auto;   /* 左側マージンを自動的に空ける */
    	margin-right:auto;   /* 右側マージンを自動的に空ける */
	padding:20px;
	text-align:left;
	border: 1px solid #E3DECC;
	background-color:#fcfbfb;
	width:750px;
}

 /*　SFS お客様の声　*/
.round_gray {
	margin-left:auto;   /* 左側マージンを自動的に空ける */
    	margin-right:auto;   /* 右側マージンを自動的に空ける */
	padding:20px;
	text-align:left;
	border: 1px solid #E3DECC;
	background-color:#fcfbfb;
	width:820px;
}
.round_blue {
	margin-left:auto;   /* 左側マージンを自動的に空ける */
    margin-right:auto;   /* 右側マージンを自動的に空ける */
	padding:20px;
	text-align:left;
	border: 1px solid #387bf5;
	background-color:#eef4ff;
	width:820px;
}

.round_blue2 {
	margin-left:auto;   /* 左側マージンを自動的に空ける */
    margin-right:auto;   /* 右側マージンを自動的に空ける */
	padding:10px;
	text-align:left;
	border: 1px solid #387bf5;
	background-color:#537AD4;
	width:820px;
}



 /*　認識番長　例　*/
.round5 {
margin: 0px 0px 10px 0px;
width:470px;
height:60px;
text-align:left;
font-size:140%;
}


.round6 {
margin: 10px 20px 10px 20px;
padding:10px;
width:530px;
border: 1px solid #E3DECC;
background-color:#ffffff;
font-size:90%;
}

.round7 {
clear:both;
margin: 0px;
padding:0px;
width:700px;
border: 0px;
font-size:90%;
}

.round_sfsservice {
	margin-left:auto;   /* 左側マージンを自動的に空ける */
    margin-right:auto;   /* 右側マージンを自動的に空ける */
	padding:0px;
	width:854px;
	border: 0px;
	font-size:120%;
	text-align:left;
	background-image:url(../images/sfs_seviceback.gif);
	background-repeat:repeat-y;
}

.round_sfsservice3 {
	margin-left:auto;   /* 左側マージンを自動的に空ける */
    margin-right:auto;   /* 右側マージンを自動的に空ける */
	padding:0px;
	width:854px;
	height:334px;
	border: 0px;
	font-size:120%;
	text-align:left;
	background-image:url(../images/sfs_service03b.jpg);

}

 /*　FA 選ばれる理由　*/
.round_fapoint {
margin: 10px 30px 10px 30px;
padding:10px;
width:860px;
height:820px;
border: 0px;
background-image:url(../images/fa_point.jpg);
background-repeat:no-repeat;
}

.round_fapoint2 {
	margin: 10px 30px 10px 320px;
	padding:10px;
	width:500px;
	height:auto;
	border: 0px;
	text-align:left;

}


 /*　タイトル LPR　*/

.lpr_titleback{
	background-image:url(../images/lpr_title.gif);
	background-repeat:no-repeat;
	margin:10px 25px 0px 25px;
	padding:2px 0px 2px 90px;
	width:900px;
	height:27px;
	color:#ffffff;

}


 /*　タイトル SFS　*/

.sfs_titleback{
	background-image:url(../images/sfs_title.gif);
	background-repeat:no-repeat;
	margin:10px 25px 0px 25px;
	padding:2px 0px 2px 90px;
	width:900px;
	height:30px;
	color:#ffffff;

}

.oa_titleback{
	background-image:url(../images/oa_title.gif);
	background-repeat:no-repeat;
	margin:10px 25px 0px 25px;
	padding:2px 0px 2px 90px;
	width:900px;
	height:30px;
	color:#ffffff;

}

 /*　タイトル FA　*/

.fa_titleback{
	background-image:url(../images/fa_title.gif);
	background-repeat:no-repeat;
	margin:10px 25px 0px 25px;
	padding:2px 0px 2px 90px;
	width:900px;
	height:30px;
	color:#000000;

}

.pal_subtitleback{
	background-image:url(../images/pal_item05.gif);
	background-repeat:no-repeat;
	margin:10px 25px 10px 50px;
	padding:2px 0px 2px 50px;
	width:850px;
	height:30px;
	color:#ffffff;
	text-align:left;

}

#sub h2{
	text-align:left;
	font-size:16pt;
	font-weight:bold;
}


#sub h3{
	font-size:16pt;
	color:#000000;
	font-weight:bold;
}

 /*　テーブルオレンジLPR（仕様）*/

table.orange {
   margin-left:auto;   /* 左側マージンを自動的に空ける */
   margin-right:auto;   /* 右側マージンを自動的に空ける */
   margin-top:20px;
   width:680px;
   border: 1px solid #95b3d7;
   border-collapse: collapse;
   padding:10px;
   
 }
 
tr.orange:nth-child(odd) {
  background-color: #dce6f1;
 }
 
th.orange {
   color: #ffffff;
   border: 1px solid #FF9900;
   padding: 5px;
   background-color: #FF9900;
 }
 
td.orange {
   border: 1px solid #95b3d7;
   padding: 5px;
   text-align:left;
 }
 
  /*　テーブル01（仕様）*/

table.spec {
   border: 1px solid #95b3d7;
   border-collapse: collapse;
 }
 
tr.spec:nth-child(odd) {
  background-color: #dce6f1;
 }
 
th.spec {
   color: #ffffff;
   border: 1px solid #95b3d7;
   padding: 5px;
   background-color: #4f81bd;
 }
 
td.spec {
   border: 1px solid #95b3d7;
   padding: 5px;
 }
 
 
  /*　テーブル02（仕様）*/
  table.standard{
	border: 0px;
	border-left: 1px solid #bac2df;
	border-top: 1px solid #bac2df;
	width:740px;
	empty-cells: show;
	margin-top:15px;
	font-size:100%;
	margin-left:auto;    /* 左側マージンを自動的に空ける */
    margin-right:auto;   /* 右側マージンを自動的に空ける */

}
table.standard td,
table.standard th{
	border: 0px;
	border-bottom: 1px solid #bac2df;
	border-right: 1px solid #bac2df;
	padding:3px;
	vertical-align: top;
	background-color:#FFFFFF;
	text-align:left;
}

/** デフォルトth(レベル1) **/
table.standard th{ 
	font-weight:bold;
	background-color:#dcdff2;
	text-align:center;
}

/** サブtd（レベル3） **/
table.standard td.sub{
	background-color: #fbfbfb;
    text-align:center;
}

table.standard td.num{
    text-align:right;
}

table.standard td.corp{
text-align: center;
vertical-align: middle;
}
/** サブth（レベル2） **/
table.standard th.sub{
	color:#FFFFFF;
	font-size:90%;
	font-weight:bold;
	background-color:#000066;
}

/** サブtd（レベル4） **/
table.standard td.sub2{
	background-color:#dcdff2;
}

/** すすむくん（設置方法） **/

table.susumu{
	border: 0px;
	width:740px;
	empty-cells: show;
	margin-top:15px;
	margin-left:auto;    /* 左側マージンを自動的に空ける */
    margin-right:auto;   /* 右側マージンを自動的に空ける */

}

table.susumu th.sub3{
	background-color:#000000;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	text-align:left;
}
table.standard td.sub3{
	text-align:center;
}

/** OA（お任せ） **/
table.oa{
	border: 0px;
	width:830px;
	margin-left:auto;    /* 左側マージンを自動的に空ける */
    margin-right:auto;   /* 右側マージンを自動的に空ける */
	margin-top:10px;
}

table.oa td.sub1{
    background-image:url(../images/oa_item02_back.gif);
	background-repeat:no-repeat;
	font-size:18px;
	text-align:left;
	text-align:inherit;
	color:#ffffff;
	padding:10px;
	height:140px;
	width:200px;
}


/** SFS 導入実績 **/

  table.sfs{
	border: 0px;
	border-left: 1px solid #bac2df;
	border-top: 1px solid #bac2df;
	width:778px;
	empty-cells: show;
	margin-top:15px;
	font-size:100%;
	margin-left:auto;    /* 左側マージンを自動的に空ける */
    margin-right:auto;   /* 右側マージンを自動的に空ける */
    background-image: url(../images/sfs_tblbk.gif);

}
table.sfs td,
table.sfs th{
	border: 0px;
	border-bottom: 1px solid #bac2ff;
	border-right: 1px solid #bac2ff;
	padding:3px;
	vertical-align: top;
	text-align:left;
}

/** デフォルトth(レベル1) **/
table.sfs th{ 
	font-weight:bold;
	background-color:#e5f1fc;
	text-align:center;
}

/** サブtd（レベル3） **/
table.sfs td.sub{
	background-color: #fbfbfb;
    text-align:center;
}

table.sfs td.num{
    text-align:right;
}

/* 表組みテーブル (標準)end  */
 
/* **************************************************** */ 


/* リンク  */
a:link { color: #003399;
	 text-decoration:none;
 }
a:visited { color: #660099;
	    text-decoration:none;
 }
a:active { color: #cc3300;
    	   text-decoration:underline;
 }
a:hover {
	color: #cc3300;
	text-decoration:underline;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
 }

/* フォント  */


.h4{font-size: 90%;font-weight:bold;padding:5px}

.textdb {color: #000099}

.text_st{
	line-height:24px;
	margin:20px;
	font-size:112%;
	font-weight:bold;
	color:#000000;
}
.text_stl{
	line-height:24px;
	margin:20px;
	font-size:112%;
	color:#000000;
}


.text_sm{font-size:11pt;font-weight:bold;padding:5px;line-height:20px;}
.text_smr{font-size:11pt;font-weight:bold;padding:5px;color:#ff0000;line-height:20px;}

.text_b10{font-size:90%;font-weight:bold;line-height: 1.5;}

.text_bp {color:#6633FF;font-weight:bold;height:20px;}
.text_bb {color:#57D8FF;font-weight:bold;height:20px;}
.text_blue {color:#387bf5;font-weight:bold;height:20px;}
.text_bbk {color:#000000;font-weight:bold;height:20px;}
.text_br {color:#ff0000;font-weight:bold;height:20px;}
.text_white {color:#ffffff;font-size:18px;text-align:left;}
.text_mark {color:#ff0000;}
.text90br{font-size: 90%;line-height: 1.5;color:#3e5cff;margin:5px 0px 0px 20px;}



.mainservicesub_back{
	background-image:url(images/sevice_sub_bar.gif);
	background-repeat:repeat-x;
	background-repeat:repeat-y;
	margin:0px 0px 0px 0px;
	font-size:100%;
	font-weight:bold;
    color:#000000;
	padding:4px 5px 4px 28px;

}

.center
{
    text-align:center;
    padding-top: 10px;
    margin-bottom: 10px;
}


.left {
	margin-left:10px;
	float: left;
	}
.right {
	margin-right:10px;
	float: right;
	}

.clear {
	clear:both;}
	
.text80{font-size: 82%;line-height: 1.5;}
.text90{font-size: 90%;line-height: 1.5;}
.text100{font-size: 100%;}

	   
.title{
	font-size: 16pt;
	color:#000000;
	font-weight:bold;
	line-height: 1.5;
}

.title2{
	font-size: 18pt;
	color:#ffffff;
	font-weight:bold;
	color: #FFFFFF;
}

.title_red{
	font-size: 16pt;
	color:#CC3300;
	font-weight:bold;
	line-height: 1.5;
	}

	   
/*　ライン　*/


.jirei hr {
    border: none;
    height: 1px;
	width : 860px; 
    background:url(../images/line_black860.gif) 50% 0  no-repeat;
    color: #FFFFFF; /* サイト背景と同じ色を推奨 */
    margin-top: 10px;
}

.step hr {
    border: none;
    height: 1px;
    width : 800px; 
    background:url(../images/line_black860.gif) 50% 0  no-repeat;
    color: #FFFFFF; /* サイト背景と同じ色を推奨 */
    margin-top: 10px;
}


/* 画像リンク　*/

a img {
    border-style:none;
}
	
