@charset "utf-8";
/* common.css */




/* body html
==========================*/
body {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size: 12px;
  color: #333;
  line-height: 1.6;
  letter-spacing: 0;
  text-align: center;
  word-wrap: break-word !important;
}
html { overflow-y: scroll;}

/* a
==========================*/
a:link, a:visited {color: #333;text-decoration: underline;outline:none;}
a:hover, a:active {color: #333;text-decoration: none;}
a.img_hover:hover img {
  opacity: 0.70;
  -moz-opacity: 0.70;
  filter: alpha(opacity=70); /* IE6/7 */
  -ms-filter: "alpha(opacity=70)"; /* IE8 */
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
}

/* h
==========================*/
h1 {} h2 {} h3 {} h4 {} h5 {} h6 {}

/* #container
==========================*/
div#container {
  clear: both;
  position: relative;
  margin:0;
  padding: 0;
}
div#container_inner {
  /*width: 970px;*/
  /*margin: 0 auto;*/
  margin: 0;
  padding: 0;
}

/* #header
==========================*/
div#header {
  clear: both;
  position: relative;
  top:0px;
  height:45px;
  z-index:5000;
  background:#FFFFFF;
}
div#header_inner {
  position: relative;
  width:970px;
  min-width:970px;
  margin:0 auto;
  padding:8px 0 0 0;
  text-align:left;
  z-index:5000;
  background:#FFFFFF;
}
div#header_inner  h1 {
  display: block;
  width: 75px;
  height: 27px;
  margin:0 0 0 5px;
  padding:0;
}
div#header_inner  h1 a {
  display: block;
  width: 75px;
  height: 27px;
  text-indent: -9999px;
  background: url(../images/common/nsk_logo.png) no-repeat 0 0;
}

/* .search_area
------------------------------*/
div.search_area {
  position:absolute;
  top:8px;
  right:160px;
  width:190px;
  height:26px;
}
div.search_area_form {
  position: relative;
  height:26px;
  padding:0 35px 0 0;
  border:#464646 1px solid; margin:0; padding:0;
}
div.search_area form input.search_form {
  position:absolute;
  top:1px;
  top: 3px\9; /* IE8 */
  *top: 3px;   /* IE7 */
  left:5px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-size:12px;
  width:156px;
	border:0;
	outline: none;
  background-color:transparent;
}
/* IE10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  div.search_area form input.search_form {
  top:3px;
  }
}
/*fox*/
@-moz-document url-prefix() {
div.search_area form input.search_form {
  top:3px;
  }
}
div.search_area form input.search_submit {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  position:absolute;
  right:2px;
  top:2px;
  font-size:12px;
	vertical-align:middle;
	width:23px; height:22px;
	margin:0;
	padding:0;
	border:0;
  text-indent:-9999px;
	outline: none;
	cursor:pointer;
  background: url(../images/common/search_area_icon.png) no-repeat center center;
}

/* .current_area
------------------------------*/
div.current_area {
  position:absolute;
  top:14px;
  right:10px;
  text-align: left;
  line-height:1;
}
div.current_area span {
  padding-left: 5px;
}

/* #content
==========================*/
div#content {
  clear:both;
}
div#content_inner {
  position: relative;
  padding:0;
}

/* #main_content
------------------------------*/
div#main_content {
  clear:both;
  position:relative;
  min-height:620px;
  margin:0;
  padding:0;
}
div#main_content_inner {
  clear:both;
  position:relative;
  width:780px;
  margin:0 auto;
  padding:0 0 10px 0;
  text-align:left;
}
/*
div#main_content_section {
  position:relative;
  width:780px;
  margin:0 auto;
  padding:0;
  text-align:left;
}
*/

/* .section
------------------------------*/
div#main_content_inner div.section {
  clear:both;
  margin:0;
  padding:0 30px;
}

/* #footer
==========================*/
div#footer {
  position:relative;
  clear:both;
  background:#eeeeee;
}
div#footer_inner {
  position:relative;
  width:970px;
  margin:0 auto;
  text-align:left;
  padding:20px 0;
}
/*
div#footer_content {
  padding:0 20px;
}
*/
/* .catalog_download
------------------------------*/
div#footer_inner div.footer_btn_area {
  margin:0 0 45px 0;
}
div#footer_inner div.footer_btn_area a {
  margin:0 15px 0 0; padding:0;
  text-decoration: none;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
}

/* .topic_path
------------------------------*/
div.topic_path {
  position:relative;
  min-width:970px;
  height:40px;
  line-height:40px;
	margin: 0;
	padding:0;
	text-align: left;
  background:#636267;
  z-index: 500;
}
div.topic_path ul {
  width:970px;
  margin:0 auto;
  padding: 0;
}
div.topic_path ul li {
  display:inline;
  color:#FFFFFF;
  font-size:12px;
}
div.topic_path ul li.first {}
div.topic_path ul li a {
  color:#FFFFFF !important;
  padding:0 15px 0 0;
  text-decoration:none;
  background:url(../images/common/breadlink_arrow.png) no-repeat right;
}
div.topic_path ul li a:hover { text-decoration: underline;}

/* .footer_menu
------------------------------*/
div.footer_menu {
  margin:0;
  padding:0 0 50px 40px;
}
div.footer_menu p {
  font-size:14px;
  font-weight:bold;
  margin:0 0 5px 0 !important;
}
div.footer_menu ul {
  padding:0 0 10px 0 !important;
}
div.footer_menu ul li {
  font-size:12px;
  padding:4px 0 4px 13px;
  line-height:1.2;
  background:url(../images/common/footer_menu_icon.png) no-repeat 0 5px;
}
div.footer_menu div.company, div.footer_menu div.otherinfo,
div.footer_menu div.news, div.footer_menu div.product,
div.footer_menu div.support {
  float:left;
  width:155px;
}
div.footer_menu div.product {
  width: 180px;
}
div.footer_menu div.support {
  width: 215px;
}



/*otherinfo*/
div.footer_menu div.otherinfo {}
div.footer_menu div.otherinfo ul {}
div.footer_menu div.otherinfo ul li {
  font-size:14px;
  font-weight:bold;
  margin:0 0 20px 0;
  padding:1px 0 1px 0;
  background:none;
}
div.footer_menu div.otherinfo ul li ul  {
  padding:10px 0 0 0 !important;
}
div.footer_menu div.otherinfo ul li ul li {
  font-size:12px;
  margin:0;
  padding:4px 0 4px 13px;
  line-height:1;
  font-weight:normal;
  background:url(../images/common/footer_menu_icon.png) no-repeat 0 5px;
}
/*news*/
div.footer_menu div.news p {
	margin-bottom: 1px;
}
/*product*/
div.footer_menu div.product p {
	margin-bottom: 1px;
}
/*support*/
div.footer_menu div.support p {
	margin-bottom: 1px;
}

/*a*/
div.footer_menu a { color:#333 !important; text-decoration:none !important; display:block; padding:0 20px 0 0;}
div.footer_menu a:hover { text-decoration: underline !important;}
div.footer_menu p a { color:#333 !important;}
div.footer_menu div.otherinfo ul li a { color:#333 !important;}


/*request*/
div.request_link{
position: absolute;
top: 350px;
right: 0;}
div.request_link a{
display: block;
border: 1px solid #a6a6a6;
padding: 5px 10px;
background: #FFF;}

/* .footer_content
------------------------------*/
div#footer_inner div.footer_content {
  clear:both;
  margin:0;
  padding:15px 0 0 0;
  min-height:24px;
  border-top:#a6a6a6 1px solid;
}

/*COUNTERFEIT NSK HANDPIECE ALERT*/
div.alert_link{
position: absolute;
top: 480px;
left: 0;}
div.alert_link a{
display: block;
border: 1px solid #a6a6a6;
padding: 5px 10px;
background: #FFF;
text-decoration:none;}
div.alert_link a:hover{
text-decoration:underline;
}

/* .language
------------------------------*/
div.language_global {
  float:left;
  display:block;
  width:18px;
  height:17px;
  margin:0 10px 0 0;
  padding:2px 0 0 0;
  text-align:left;
  zoom:1;
}
div.language_global.earth { padding:0;}
div.language_global img { vertical-align:middle;}
div.language_present { font-size:12px;}

/* .social_button
------------------------------*/
div.social_button {
  position:absolute;
  top:30px;
  right:0;
  width:50px;
}
div.social_button a{
  float:left;
  display: inline;
  width:16px;
  height:16px;
  margin:0 0 0 5px !important;
  padding:0 !important;
  zoom:1;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
}
div.social_button a:hover {
  opacity: 0.70;
  -moz-opacity: 0.70;
  filter: alpha(opacity=70); /* IE6/7 */
  -ms-filter: "alpha(opacity=70)"; /* IE8 */
}
/*facebook*/
div.social_button a.facebook {}
div.social_button a.facebook .at16nc.at16t_facebook {
  margin:0; padding:0;
  background:url(../images/common/social_facebook.png) no-repeat 0 0 !important;
}
/*twitter*/
div.social_button a.twitter .at16nc.at16t_twitter {
  margin:0; padding:0;
  background: url(../images/common/social_icon_twitter.png) no-repeat 0 0 !important;
}

/* .social_link
------------------------------*/
div.social_link {
  position:absolute; top:30px; right:20px;
}
div.social_link ul {}
div.social_link ul li { display:inline; margin:0 0 0 1px; padding:0;}
div.social_link ul li a {}
div.social_link ul li a img {}
/* .copyright
------------------------------*/
div.copyright {
	text-align: right;
	height: 25px;
	margin: 40px 0 0 0;
	padding: 0 80px 0 0;
	background: url(../images/common/nsk_logo_gray_s.png) no-repeat right;
	zoom: 1;
}
div.copyright p { font-size:12px; line-height:26px;}

/* #gototop
------------------------------*/
div#pagetop {
	display: none;
	position: fixed;
	_position: absolute; /* IE6 */
  bottom: 20px;
	right:0;
  width:48px;
  height:45px;
	margin:0; padding:0;
  z-index:20000;
}
div#pagetop  a {
	display:block;
  width:48px;
  height:45px;
	text-indent: -9999px;
  background:url(../images/common/gototop.png) no-repeat 0 0;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
}
div#pagetop a:hover { background:url(../images/common/gototop_hover.png) no-repeat 0 0;}

/* .nsk_sitemap
------------------------------*/
div.nsk_sitemap {
  padding:50px 0;
  background:#FFFFFF;
}
div.nsk_sitemap table {
  width:800px;
  margin:0 auto 40px auto;
  padding:0;
  font-size:13px;
}
div.nsk_sitemap table th,
div.nsk_sitemap table td {
  padding:8px;
  border-bottom: #ccc 1px solid;
}
div.nsk_sitemap table th {}
div.nsk_sitemap table td { width:300px;}




/* .wideslider
------------------------------*/
div.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
  margin:0 0 7px 0;
  padding:0;
}

div.wideslider ul,
div.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

div.wideslider ul li img {
	width: 100%;
	display: none;
}

div.wideslider_base {
	top: 0;
	position: absolute;
}
div.wideslider_wrap {
	top: 0;
	position: absolute;
	/*overflow: hidden;*/
}
div.wideslider_wrap ul {}
div.wideslider_wrap ul li {}

div.slider_prev,
div.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
div.slider_prev {
  background: #000;/*url(../img/prev.jpg) no-repeat right center;*/
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
div.slider_next {
  background: #000;/* url(../img/next.jpg) no-repeat left center;*/
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

div.pagination {
  margin-left: -479px;
  position: absolute;
  left: 50%;
  bottom:10px;
  z-index:999;
	height: 20px;
}
/*span*/
div.pagination a span {
  display: block;
  position:absolute;
  top:0; left:0;
  width:30px;
  height:20px;
  background:#000000;
  filter:alpha(opacity=50)!important;
	-moz-opacity: 0.5!important;
	opacity: 0.5!important;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  cursor: pointer;
}
div.pagination a span:hover,
div.pagination a.active span {
  filter:alpha(opacity=0)!important;
	-moz-opacity: 0!important;
	opacity: 0!important;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
}

div.pagination a {
  position:relative;
  display:block;
  float:left;
  margin: 0 5px;
	width: 30px;
	height: 20px;
	display: inline-block;
	overflow: hidden;
  background:#000000;
}
div.pagination a img {
	width: 30px !important;
	height: 20px !important;
}
div.pagination a.pn1 {background: transparent url(/images/slider/slide_01_pn.jpg) no-repeat left top;}
div.pagination a.pn2 {background: transparent url(/images/slider/slide_02_pn.jpg) no-repeat left top;}
div.pagination a.pn3 {background: transparent url(/images/slider/slide_03_pn.jpg) no-repeat left top;}
div.pagination a.pn4 {background: transparent url(/images/slider/slide_04_pn.jpg) no-repeat left top;}

div.pagination a:hover,
div.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* =======================================
	nsk_contact
======================================= */
div.nsk_contact { clear:both;}
div.nsk_contact p { vertical-align:middle; padding:5px 0 0 0;}
div.nsk_contact p img.freedial { vertical-align:middle; margin:-2px 3px 0 10px;}


/* =======================================
	ClearFixElements
======================================= */
div.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

div.wideslider ul {
	display: inline-block;
	overflow: hidden;
}