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


/****************************************

          General Setting

*****************************************/

html, body {
	margin:0;
	padding:0;
}

body {
    color: #333;
	font-size: 11pt;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.8em;
}


h1,h2,h3,h4,ul,ol,p,dl{
	margin:0;
	padding:0;
}

ul{
	list-style: none;
}

img{
 max-width: 100%;
}




/****************************************

          common

*****************************************/


/* リンク関連 */

a{
	color:#29438E;
	text-decoration:none;
}

a:hover {
	color:#29438E;
	text-decoration:underline;
}

a img{
	border:none;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

a.link{
	background: url(../images/link_bl.png) no-repeat left center;	
	padding-left: 15px;
	
}


a.link_btn{
	border:1px solid #aaa;
	padding:3px 6px;
	background:url(../images/link_bl.png)  no-repeat 7px center #fff;
	color:#333;
	padding-left:23px;
}

a.link_btn:hover{
	background:url(../images/link_wh.png)  no-repeat 7px center #FF8A01;
	text-decoration:none;
	color:#fff;
}

a.link_btn_r{
	border:1px solid #aaa;
	padding:3px 6px;
	background:url(../images/link_bl_r.png)  no-repeat 7px center #fff;
	color:#333;
	padding-left:23px;
}

a.link_btn_r:hover{
	background:url(../images/link_wh_r.png)  no-repeat 7px center #FF8A01;
	text-decoration:none;
	color:#fff;
}

a.link_btn_blue{
	background:url(../images/link_arw_white.png)  no-repeat right 7px center #181E67;
	border: 1px solid #181E67;
	color: #fff;
	padding: 10px 40px 10px 20px;
}

a.link_btn_white{
	background:url(../images/link_arw_blue.png)  no-repeat right 7px center #fff;
	border: 1px solid #aaa;
	padding: 10px 40px 10px 20px;
}

a.link_btn_gray{
	background:url(../images/link_arw_gray.png)  no-repeat right 7px center #fff;
	border: 1px solid #aaa;
	padding: 10px 40px 10px 20px;
}


a.link_btn_blue:hover,
a.link_btn_white:hover,
a.link_btn_gray:hover{
	background: url(../images/link_arw_on.png)  no-repeat right 7px center #FF8A01;
	text-decoration: none;
	border: 1px solid #FF8A01;
	color: #fff;
}



.NewWin{
	background: url(../images/new_window_white.png) no-repeat right;
	padding-right: 17px;
}

.NewWin_blue{
	background: url(../images/new_window.png) no-repeat right;
	padding-right: 17px;
}




/* テキスト関連 */

.font18{
	font-size: 18pt !important;
	line-height:1.5em;
}

.colorBlue{
 color: #181E67;
}

.colorRed{
	color: #E00000;
}

.txtCenter{
	text-align: center !important;
}

.txtLeft{
	text-align: left !important;
}

.txtRight{
	text-align: right !important;
}

sup{
	font-weight: normal;
}

/* レイアウト関連 */

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}


.fl_left{
	float:left;
}

.fl_right{
	float:right;
}

.marginT60{
	margin-top: 60px !important;
}

.marginT40{
	margin-top: 40px !important;
}

.marginT30{
	margin-top: 30px !important;
}

.marginT20{
	margin-top: 20px !important;
}

.marginT15{
	margin-top: 15px !important;
}

.marginT10{
	margin-top: 10px !important;
}

.marginT5{
	margin-top: 5px !important;
}

.marginB40{
	margin-bottom: 40px !important;
}

.marginB30{
	margin-bottom: 20px !important;
}

.marginB20{
	margin-bottom: 20px !important;
}

.marginB10{
	margin-bottom: 10px !important;
}

.paddingLR20{
	padding: 0 20px;
}

/* パーツ */

hr{
	border: 0;
	height: 3px;
 background: #aaa;
	clear:both;
}

ul.disc{
	list-style:disc;
	margin-left:1.5em;
}

ol.number{
  list-style:decimal;
	margin-left:1.5em;
}

ul.caution li{
	list-style:none;
	padding-left: 1.2em;
	text-indent: -1.2em;
}

ul.caution li:before {
	content:"※ ";
}

.BorderBox{
	border:1px solid #aaa;
 padding: 10px;
}

.RoHS{
 border: 2px solid #D1D3DF;
 padding: 5px 7px;
 color: #181E67;
}

table.spec{
	width:100%;
	border-collapse: collapse;
 font-size: 0.9em;
 line-height: 1.6em;
}	

table.spec th{
	border:1px solid #aaa;
	padding:5px 10px;
	background:#eee;
	text-align:left;
	font-weight:normal;
}

table.spec td{
	border:1px solid #aaa;
	padding:5px 10px;
	text-align:left;
}

table.fixed{
 width: 100%;
 table-layout: fixed;
}







/****************************************

          Layout
		  
*****************************************/

.wrapper{
	width:100%;
	overflow:hidden;
}

@media print {
.wrapper{width:1000px;}
}


header{
	width:950px;
	margin:0 auto;
	height:85px;
}

.contents{
	width:950px;
	margin:0 auto;
	clear:both;
}

.inner{
	width: 800px;
	margin:0 auto;
}

.col_area{
	display: table;
	width: calc(100% + 80px);
	margin-left: -40px;
	border-spacing: 40px 0;
}

.col_fixed{
 table-layout: fixed;
}

.col_item{
	display: table-cell;
	vertical-align: top;
}

footer{
	width:100%
}





/****************************************

          header
		  
*****************************************/

header h1{
	margin:25px 0 0 0;
	padding:0;
	float:left;
}

header ul{
	margin:35px 0 0 0;
	float:right;
}

header ul li{
	float:left;
	margin-left:20px;	
}

header ul li a.shop{
 line-height: 30px;
	background: url(../images/cart.png) no-repeat left center;	
 padding: 15px 0 10px 30px;
}

header ul li a.amazon img{
 width: 190px;
 margin-top: -5px;
}

header ul li a.catalog{
 background: url("../images/download.png") no-repeat right 10px center #F38402;
 background-size: 13px 18px;
 padding: 10px 30px 10px 12px;
 color: #FFFFFF;
 border-radius: 5px;
}

header ul li a.catalog:hover{
 background: url("../images/download.png") no-repeat right 10px center #F89A2C;
 background-size: 13px 18px;
 text-decoration: none;
}
/****************************************

          Navi
		  
*****************************************/

.GlobalNavi{
	background: #181E67;
	color: #fff;

	line-height: 60px;
	height: 60px;
	clear: both;
}

.GlobalNavi_contents{
	width: 950px;
	margin: 0 auto;
}

.GlobalNavi h1{
	float: left;
	font-size: 18pt;
	font-weight: normal;	
}

.GlobalNavi h1 a{
	color: #fff;
}

.GlobalNavi h1 a:hover{
	text-decoration: none;
	color: #D1D3DF;
}

.GlobalNavi ul{
	text-align: right;
}

.GlobalNavi ul li{
	display: inline-block;
}

.GlobalNavi ul li.on{
	background: url(../images/GlobalNavi_on.png) no-repeat bottom center;
	color: #FF8A01;
}

.GlobalNavi ul li a{
	color: #fff;
	display: block;
	padding: 0 10px;
}

.GlobalNavi ul li a:hover{
	background: rgba(252,252,255,0.2);
	text-decoration: none;
}

.SubNavi{
	background: #D1D3DF;
	height: 60px;
	line-height: 58px;
}

.SubNavi ul{
	text-align: center;
}

.SubNavi ul li{
	display: inline-block;
}

.SubNavi ul li a.on{
	border-bottom: 5px solid #181E67;
	height: 55px;
}

.SubNavi ul li a{
	display: block;
	padding: 0 10px;
}

.SubNavi ul li a:hover{
	background:  rgba(252,252,255,0.2);
	text-decoration: none;
}


/****************************************

          製品リスト（サムネイル）
		  
*****************************************/

ul.product_list{
	display: table;
	width: calc(100% + 40px);
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 20px 0;
	margin-left: -20px;
}

ul.product_list li{
	display: table-cell;
	background: #fff;	
 border: 1px solid #aaa;
 padding: 20px;
 position: relative;
}

ul.product_list li:hover{
 border: 1px solid #181E67;
}

ul.product_list li.blank{
	background: none;	
 border: 2px solid rgba(255,255,255,0);
}

ul.product_list li.blank:hover{
 border: 2px solid rgba(255,255,255,0);
}

ul.product_list li a{
 border: 1px solid rgba(255,255,255,0);
 display: block;
 color: #000; 
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

ul.product_list li a:hover{
 border: 1px solid #181E67;
 text-decoration: none;
}

ul.product_list li img{
 display: block;
 width: 200px;
 margin: 0 auto;
}



/****************************************

         footer
		  
*****************************************/	

footer{
	background:#181E67;
	color:#fff;
	padding:30px 0 30px 0;
	margin-top: 40px;
}

footer .footer_link{
	width:950px;
	margin:0 auto;
}

footer .footer_link ul{
	padding: 0 0 10px 0;
}

footer .footer_link ul li {
    float: left ;
    margin-right: 20px;
}

footer .footer_link p.foot_tit{
	font-size:14pt;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 0;
}

footer hr{
	margin: 20px 0;
	height: 1px;
}

footer ul.ThisSite{
	font-size:12px;
}

footer ul.ThisSite li{
	display: inline-block;
	margin: 0 10px 0 0;
}


footer .copy{
	
	font-size:10px;
	padding-bottom:20px;	
}

footer a{
	text-decoration:none;
	color:#fff;
}

footer a:hover {
	color:#FF8A01;
	text-decoration:none;
}

/****************************************

         TOPへ
		  
*****************************************/	
#page-top {
    position: fixed;
    bottom: 20px;
    right: 50px;
}





/****************************************

          トップ Products
		  
*****************************************/

#TopPage .products{
}

#TopPage .products h2{
	background: #181E67;
	color: #fff;
	padding: 10px 15px;
	font-weight: normal;
	border-left: 10px solid #7E81B4;
	font-size: 16pt;
	letter-spacing: 1px;
}

#TopPage ul.product_list li h3{
 border-left: 7px solid #181E67;
	font-size: 13pt;
 padding: 0 0 0 10px;
 font-weight: bold;
 margin: 0;
 text-align: left;
 background: none;
}

/****************************************

          トップ 取扱メーカー
		  
*****************************************/

#TopPage #maker h3{
	background: #181E67;
	color: #fff;
	font-weight: normal;
	padding: 10px 15px;
	font-size: 13pt;
}


/****************************************

         NEWS
		  
*****************************************/	
.news{
	padding: 60px 0;
}

.news h3{
	background: #181E67;
	color: #fff;
	font-weight: normal;
	padding: 10px 15px;
	font-size: 13pt;
}


.news ul li{
	padding: 10px;
	border: 1px solid #D5D5D5;
	border-top: none;
	clear:both;
	background: #fff;
}

.news ul li dt{
	float:left;
	margin-left: 5px;
}

.news ul dd{
	margin-left:150px;
	}

a.allnews{
	float: right;
	font-weight: normal;
	color:#333;
	background: url(../images/link_bl.png) no-repeat right center;
	padding-right: 15px;
}


/****************************************

          製品ページ
		  
*****************************************/

/*ページタイトル*/

.PageTitle h2{ 
 border-top: 10px solid #ccc;
 height: 270px;
 padding-top: 100px;
 font-size: 35pt;
 color: #bbb;
 line-height: 1.2em;
 position: relative;
}

.PageTitle h2:before{
content:"";
display:block;
width:50%;
border-top:10px solid #181E67; 
position:absolute;
top:0;
margin-top:-10px;
}

.PageTitle h2 span{ 
 display: block;
 font-size: 20pt;
 color: #181E67;
}

#incr_linearencoder .PageTitle h2{
 background: url("../images_product/incr_linearencoder/main.jpg") no-repeat right center;
}

#incr_rotaryencoder .PageTitle h2{
 background: url("../images_product/incr_rotaryencoder/main.jpg") no-repeat right center;
}

#incr_digicollar .PageTitle h2{
 background: url("../images_product/incr_digicollar/main.jpg") no-repeat right center;
}

#incr_digitalmeasure .PageTitle h2{
 background: url("../images_product/incr_digitalmeasure/main.jpg") no-repeat right center;
}

#incr_positioner .PageTitle h2{
 background: url("../images_product/incr_positioner/main.jpg") no-repeat right center;
}

#incr_digitalcounter .PageTitle h2{
 background: url("../images_product/incr_digitalcounter/main.jpg") no-repeat right center;
}

#abs_digitalcounter .PageTitle h2{
 background: url("../images_product/abs_digitalcounter/main.jpg") no-repeat right center;
}

#abs_linearencoder .PageTitle h2{
 background: url("../images_product/abs_linearencoder/main.jpg") no-repeat right center;
}

#abs_rotaryencoder .PageTitle h2{
 background: url("../images_product/abs_rotaryencoder/main.jpg") no-repeat right center;
}

#others_linearscale .PageTitle h2{
 background: url("../images_product/others_linearscale/main.jpg") no-repeat right center;
}

#others_linearsensor .PageTitle h2{
 background: url("../images_product/others_linearsensor/main.jpg") no-repeat right center;
}

#others_option .PageTitle h2{
 background: url("../images_product/others_option/main.jpg") no-repeat right center;
}

#others_potentiometer .PageTitle h2{
 background: url("../images_product/others_potentiometer/main.jpg") no-repeat right center;
}

/*見出し*/

h2.line{
 font-size: 18pt;
 border-left: 10px solid #181E67;
 padding: 0 0 0 10px;
}

h2.title_BlueBG{
	background: #181E67;
	color: #fff;
	padding: 10px 15px;
	font-weight: normal;
	border-left: 10px solid #7E81B4;
	font-size: 16pt;
	letter-spacing: 1px;
}


h3.blueBG{
	background: #181E67;
	color: #fff;
	font-weight: bold;
	padding: 10px 15px;
	font-size: 15pt;
}

h3.square{
 font-size: 1.1em;
}

h3.square:before{
 content: "■ ";
 color: #181E67;
}

h4.H4_border{
 font-size: bold;
 border-top: 1px solid #aaa;
 border-left:7px solid #181E67;
 padding: 10px 5px 10px 10px;
 font-size: 12pt;
}

/*ダウンロード*/

.download_area{
 background: #eee;
 padding: 10px 15px;
}

.download_area p{
 font-weight: bold;
 float: left;
 padding: 5px 20px 5px 0;
 color: #181E67;
}

.download_area ul{
 float: left;
}

.download_area ul li{
 float: left;
 margin-right: 20px; 
}

.download_area ul li a{
 border: 1px solid #181E67;
 display: block;
 padding: 3px 7px;
 background: #fff;
}

.download_area ul li a:hover{
 text-decoration: none;
 background: #181E67;
 color: #fff;
}

/*スペック表*/

#incr_rotaryencoder .spec img{
 max-width: 98px;
}

#incr_digicollar .spec img,
#incr_digitalmeasure .spec img,
#incr_positioner .spec img,
#others_linearsensor .spec img,
#others_potentiometer .spec img{
 max-width: 120px;
}

#support_end .spec tbody td{
 text-align: center;
}

#support_end .spec tbody th{
 background: none; 
}

#support_end .spec thead th{
 text-align: center;
}

#support_end .spec thead th.product_name{
 width: 300px !important;
}


/*製品詳細*/

.product_detail .product_image{
 width: 250px;
}

/****************************************

          アンカーリンク
		  
*****************************************/

 .anchor_link{
 display: table;
 border-collapse: separate;
 border-spacing: 10px 0;
 width: calc(100% + 20px);
 margin-left: -10px;
 table-layout: fixed;
}
 .anchor_link li{
 display: table-cell;
 text-align: center;
}

.anchor_link li a{
 border: 1px solid #aaa;
 display: block;
 padding: 5px 10px;
 color: #000;
 background: url("../images/link_bl_dwn.png") no-repeat right 10px center;
}

.anchor_link li a:hover{
 text-decoration: none;
 background: url("../images/link_bl_dwn.png") no-repeat right 10px center #eee;
}