@charset "UTF-8";

/*------------------------------------------------------------

	Copyright : 2007-2013 OKAMURA CORPORATION. ALL RIGHTS RESERVED.

	Created   : 2013-3-26

	Modified  : 2013-3-27

------------------------------------------------------------*/

.clearfix {

  *zoom: 1;

}

.clearfix:before,

.clearfix:after {

  display: table;

  content: "";

  line-height: 0;

}

.clearfix:after {

  clear: both;

}

.hide-text {

  font: 0/0 a;

  color: transparent;

  text-shadow: none;

  background-color: transparent;

  border: 0;

}

.input-block-level {

  display: block;

  width: 100%;

  min-height: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.v-alignCenter {

  display: table-cell;

  vertical-align: middle;

  *display: inline;

  *zoom: 1;

}

/*\*//*/

* html .v-alignCenterWrap {

	display: inline-block;

}

/**/

#breadcrumb_link img{display:inline;}

/*------------------------------------------------------------

	common

------------------------------------------------------------*/

a:link,

a:visited {

  color: #00468b;

  text-decoration: underline;

}

a:hover,

a:active {

  color: #00468b;

  text-decoration: none;

}

a:hover img {

  filter: alpha(opacity=80);

  opacity: 0.8;

}

a:hover img.roll {

  filter: alpha(opacity=100);

  opacity: 1;

}

img.relative {

  position: relative;

}

/*------------------------------------------------------------

	html, body and #wrap

------------------------------------------------------------*/

html {

  overflow-y: scroll;

  overflow-x: auto;

}

body {

  color: #555;

  letter-spacing: 0.02em;

  background: #fff;

}



/* header

=================================================================*/

#header_2013 {

  text-align: center;

  z-index: 2;

  background:#FFF url(/common/share/images/common/head_navi_bg.png) 0 100% repeat-x;

}

#header_2013 .inner {

  text-align: left;

  width: 1000px;

  margin: 0 auto;

  position: relative;

  height: 119px;

  z-index: 2;

}

#header_2013 .inner .headlineJP h1 {

  position: absolute;

  top: 26px;

  left: 0;

}

#header_2013 .inner .headlineJP h2 {

  position: absolute;

  top: 35px;

  left: 142px;

}

#header_2013 .inner .headlineEN h1 {

  position: absolute;

  top: 29px;

  left: 0;

}

#header_2013 .inner .headlineEN h2 {

  position: absolute;

  top: 35px;

  left: 220px;

}

#header_2013 .inner nav .utility {

	position: absolute;

	top: 0;

	right: -3px;

	width: 610px;

  *zoom: 1;

}

#header_2013 .inner nav .utility:before,

#header_2013 .inner nav .utility:after {

  display: table;

  content: "";

  line-height: 0;

}

#header_2013 .inner nav .utility:after {

  clear: both;

}

#header_2013 .inner nav .utility li {

  float: left;

}

#header_2013 .inner nav .navi {

  position: absolute;

  top: 83px;

  left: 0;

  *zoom: 1;

  z-index: 1;

}

#header_2013 .inner nav .navi:before,

#header_2013 .inner nav .navi:after {

  display: table;

  content: "";

  line-height: 0;

}

#header_2013 .inner nav .navi:after {

  clear: both;

}

#header_2013 .inner nav .navi li {

  float: left;

  width: 250px;

  height: 36px;

  position: relative;

}

#header_2013 .inner nav .navi li a img {

  filter: alpha(opacity=100);

  opacity: 1;

}

#header_2013 .inner nav .navi li .headline {

  position: absolute;

  z-index: 3;

}

#header_2013 .inner nav .navi li .menu {

  display: none;

  position: absolute;

  z-index: 2;

  background-color: #fff;

  top: 36px;

  padding-bottom: 12px;

  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);

  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);

}

#header_2013 .inner nav .navi li .menu .col3 {

  *zoom: 1;

}

#header_2013 .inner nav .navi li .menu .col3:before,

#header_2013 .inner nav .navi li .menu .col3:after {

  display: table;

  content: "";

  line-height: 0;

}

#header_2013 .inner nav .navi li .menu .col3:after {

  clear: both;

}

#header_2013 .inner nav .navi li .menu .col3 ul {

  float: left;

  margin-right: 20px;

}

#header_2013 .inner nav .navi li .menu .col3 ul.lastChild {

  margin-right: 0;

}

#header_2013 .inner nav .navi li .menu .col3 ul li {

  width: auto;

  height: auto;

  margin-bottom: 11px;

}

#header_2013 .inner nav .navi li .menu .col3 ul li.lastChild {

  margin-bottom: 0;

}

#header_2013 .inner nav .navi li .menu .col3.inline li {

  margin-bottom: 0;

}

#header_2013 .inner nav .navi li .menu .col2 {

  *zoom: 1;

}

#header_2013 .inner nav .navi li .menu .col2:before,

#header_2013 .inner nav .navi li .menu .col2:after {

  display: table;

  content: "";

  line-height: 0;

}

#header_2013 .inner nav .navi li .menu .col2:after {

  clear: both;

}

#header_2013 .inner nav .navi li .menu .col2 ul {

  float: left;

  margin-right: 30px;

}

#header_2013 .inner nav .navi li .menu .col2 ul.lastChild {

  margin-right: 0;

}

#header_2013 .inner nav .navi li .menu .col2 ul li {

  width: auto;

  height: auto;

  margin-bottom: 11px;

}

#header_2013 .inner nav .navi li .menu .col2 ul li.lastChild {

  margin-bottom: 0;

}

#header_2013 .inner nav .navi li .menu .col2.inline li {

  margin-bottom: 0;

}

#header_2013 .inner nav .navi li .menu .col1 ul li {

  width: auto;

  height: auto;

}

#header_2013 .inner nav .navi li .menu .list {

  padding: 15px 30px;

  background: url(/common/share/images/common/line_01.png) 0 100% repeat-x !important;

}

#header_2013 .inner nav .navi li .menu .list.lastChild {

  background: none;

}

#header_2013 .inner nav .navi li .menu .list .tit {

  font-size: 12px;

  line-height: 1.231;

  display: block;

}

#header_2013 .inner nav .navi li .menu .list ul li {

  float: none;

  font-size: 12px;

  line-height: 1.231;

}

#header_2013 .inner .navi li div,

#header_2013 .inner .navi li .menu .list ul li{font-size:12px !important;}

#header_2013 .inner nav .navi li.catalog .menu {

  left: 0;

}

#header_2013 .inner nav .navi li.catalog .menu .list {

  width: 41.3em;

}

#header_2013 .inner nav .navi li.catalog .menu .col3 .item00 {

  width: 14em;

}

#header_2013 .inner nav .navi li.catalog .menu .col3 .item01 {

  width: 11.3em;

}

#header_2013 .inner nav .navi li.catalog .menu .col3 .item02 {

  width: 11.3em;

}

#header_2013 .inner nav .navi li.product .menu {

  left: 0;

}

#header_2013 .inner nav .navi li.product .menu .list {

  width: 39.6em;

}

#header_2013 .inner nav .navi li.product .menu .col3 .item00 {

  width: 9.3em;

}

#header_2013 .inner nav .navi li.product .menu .col3 .item01 {

  width: 11.3em;

}

#header_2013 .inner nav .navi li.product .menu .col3 .item02 {

  width: 14.3em;

}

#header_2013 .inner nav .navi li.service .menu {

  left: 0;

}

#header_2013 .inner nav .navi li.service .menu .list {

  width: 440px;

}

#header_2013 .inner nav .navi li.service .menu .col2 .item00 {

  width: 218px;

}

#header_2013 .inner nav .navi li.service .menu .col2 .item01 {

  width: 192px;

}

#header_2013 .inner nav .navi li.company .menu {

  right: 0;

}

#header_2013 .inner nav .navi li.company .menu .list {

  width: 38.1em;

}

#header_2013 .inner nav .navi li.company .menu .col3 .item00 {

  width: 12em;

}

#header_2013 .inner nav .navi li.company .menu .col3 .item01 {

  width: 11.2em;

}

#header_2013 .inner nav .navi li.company .menu .col3 .item02 {

  width: 10.2em;

}

#header_2013 .inner .search {

  position: absolute;

  top: 42px;

  right: 0;

  width: 250px;

  height: 24px;

  *zoom: 1;

}

#header_2013 .inner .search:before,

#header_2013 .inner .search:after {

  display: table;

  content: "";

  line-height: 0;

}

#header_2013 .inner .search:after {

  clear: both;

}

#header_2013 .inner .search .item00 {

  width: 223px;

  height: 24px;

  float: left;

  *zoom: 1;

}

#header_2013 .inner .search .item00:before,

#header_2013 .inner .search .item00:after {

  display: table;

  content: "";

  line-height: 0;

}

#header_2013 .inner .search .item00:after {

  clear: both;

}

#header_2013 .inner .search .item00 input {

  float: left;

  border: 1px solid #d2d2d2;

  background-color: #e2e2e2;

  width: 215px;

  height: 16px;

  padding: 4px 3px 2px 3px;

  color: #999;

  font-size: 12px;

  line-height: 1.231;

  vertical-align: bottom;

  -webkit-border-radius: 2px 0 0 2px;

  -moz-border-radius: 2px 0 0 2px;

  border-radius: 2px 0 0 2px;

}

#header_2013 .inner .search .item01 {

  float: left;

}

#header_2013 .inner .search #bizasarchAspSuggest {



  background: #fff;

  padding-bottom: 5px;

  position: fixed;

  z-index: 10;

  -webkit-border-radius: 0 0 2px 2px;

  -moz-border-radius: 0 0 2px 2px;

  border-radius: 0 0 2px 2px;

  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);

  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);

}

#header_2013 .inner .search #bizasarchAspSuggest li {

  font-size: 12px;

  line-height: 1.231;

  padding: 7px 10px;

  background: url(/common/share/images/common/line_01.png) 0 100% repeat-x;

}

#header_2013 .inner .search #bizasarchAspSuggest li:last-child {

  background: none;

  padding-bottom: 0;

  margin-bottom: 0;

}

#header_2013 .inner .search #bizasarchAspSuggest li.lastChild {

  background: none;

  padding-bottom: 0;

  margin-bottom: 0;

}





/* footer

=================================================================*/

#footer_2013 {

  clear: both;

  background-color: #1b1b1b;

  text-align: center;

  min-width: 1000px;

  padding: 13px 0 0 0;

}

#footer_2013 a {

  color: #FFF;

  text-decoration: none;

}

#footer_2013 a:hover {

  color: #aaa;

}

#footer_2013 .sitemap {

  *zoom: 1;

  text-align: left;

  width: 1000px;

  margin: 0 auto;

  background: url(/common/share/images/common/footer_bg_01.png) 0 0 repeat-y;

  margin-bottom: 30px;

}

#footer_2013 .sitemap:before,

#footer_2013 .sitemap:after {

  display: table;

  content: "";

  line-height: 0;

}

#footer_2013 .sitemap:after {

  clear: both;

}

#footer_2013 .sitemap .headline {

  margin-bottom: 6px;

}

#footer_2013 .sitemap dl {

  padding-top: 13px;

}

#footer_2013 .sitemap dl dt {

  font-weight: bold;

  margin-bottom: 13px;

  font-size: 12px;

  line-height: 1.231;

}

#footer_2013 .sitemap dl dd {

  margin-bottom: 11px;

  font-size: 10px;

  line-height: 1.231;

}

#footer_2013 .sitemap .catalogs {

  width: 150px;

  padding: 20px 25px;

  float: left;

}

#footer_2013 .sitemap .products {

/*  width: 130px;  */

  width: 150px;
  
  padding: 20px 25px 0 25px;

  float: left;

}

#footer_2013 .sitemap .products .productsInner {

  *zoom: 1;

/*  background: url(/common/share/images/common/line_02.png) 50% 0 repeat-y;  */

  padding-bottom: 20px;

}

#footer_2013 .sitemap .products .productsInner:before,

#footer_2013 .sitemap .products .productsInner:after {

  display: table;

  content: "";

  line-height: 0;

}

#footer_2013 .sitemap .products .productsInner:after {

  clear: both;

}

#footer_2013 .sitemap .products .productsInner .left {

  float: left;

  width: 150px;

}

#footer_2013 .sitemap .products .productsInner .right {

  float: right;

  width: 150px;

}

#footer_2013 .sitemap .solutions {

  width: 150px;

  padding: 20px 25px;

  float: left;

}

#footer_2013 .sitemap .company {

  width: 150px;

  padding: 20px 25px;

  float: left;

}

#footer_2013 .other {

  padding-top:20px;

  background-color: #000;

  clear: both;

  height: 76px;

  position: relative;

}

#footer_2013 .other .otherInner {

  text-align: left;

  width: 1000px;

  margin: 0 auto;

}

#footer_2013 .other .otherInner .item00 {

  float:left;

  width:400px;

}

#footer_2013 .other .otherInner .item01 {

  float:right;

  width:220px;

}

#footer_2013 .other .otherInner .item01 .logo{

  float:right;

  width:101px;

}

#footer_2013 .other .otherInner .item01 ul{

  float:left;

  width:99px;

}

#footer_2013 .other .otherInner .item01 ul li{

  float:left;

  height:22px;

  margin-right:11px; 

}

#footer_2013 .item00 li {

    border-right: 1px solid #6A6A6A;

    float: left;

    font-size: 10px;

    line-height: 1.231;

    margin-right: 10px;

    padding-right: 10px;

}



/* op_sitemap */

#op_sitemap{

	width:1000px;

	margin:0 auto;

}



#op_sitemap dt{

	margin-bottom:10px;

	cursor:pointer;

	text-align:left;

	color:#FFF;

	background:none;

}



#wrap #pt {

  position: fixed;

  bottom: -35px;

  right: 10px;

}

#wrap .mb12 {

  margin-bottom: 12px !important;

}

#wrap .mb26 {

  margin-bottom: 26px !important;

}

#wrap .fs11 {

  font-size: 11px !important;

}

#wrap .fs10 {

  font-size: 10px !important;

}

#pagetop {

  height: 0;

}



/* header_menu */

#header_txt{

	display: none;

}



@media screen and (max-width: 480px) {

	#header_txt{display: block;}

	

	#header_2013,

	.bnr ul {

		display: none;

	}

	

	/* h_menu_text */

	#h_menu_text {

		margin-bottom:0px;

		height: auto;

		border-bottom:solid 1px #D1D2D0;

	}

	#h_menu_text p {

		width: 100%;

		float:none;

		margin: 0;

	}

	#h_menu_text p a {

		width: 100%;

		display: inline-table;

		vertical-align: middle;

		background:#e60012;

		text-align: center;

		padding: 5px 0;

		font-size: 11.5px;

		font-weight: 600;

		letter-spacing: 0.1em;

		/*border-left: 1px solid #D1D2D0;*/

		border-top: 1px solid #D1D2D0;

		color: #FFFFFF !important;

	}

	#h_menu_text p a:hover,

	#h_menu_text p a.current {

		color: #e60012 !important;

		background:#FFF !important;

	}

	

	#header_txt .headlineJP,

	#header_txt .headlineEN{margin:10px;}

	

	#header_txt .headlineJP h1 {

	  float:left;

	  margin-right:10px;

	}

	#header_txt .headlineJP h2 {

	   float:left;

	}

	#header_txt .headlineEN h1 {

	   float:left;

	   margin-right:10px;

	}

	#header_txt .headlineEN h2 {

	   float:left;

	   margin-top:5px;

	}

	

	/* h_menu_utility */

	#h_menu_utility {

		margin-bottom:5px;

		height: auto;

		border-bottom:solid 1px #D1D2D0;

	}

	#h_menu_utility p {

		width: 50%;

		float:left;

		margin: 0;

	}

	#h_menu_utility p a {

		width: 100%;

		display: inline-table;

		vertical-align: middle;

		background:#FFF;

		text-align: center;

		padding: 5px 0;

		font-size: 11.5px;

		font-weight: 600;

		letter-spacing: 0.1em;

		border-left: 1px solid #D1D2D0;

		border-top: 1px solid #D1D2D0;

		color: #555;

	}

	#h_menu_utility p a:hover,

	#h_menu_utility p a.current {

		color: #555 !important;

		background:#E2E2E2;

	}

	#h_menu_utility p.first{

		width:100%;

		float:none;

	}

	#h_menu_utility p.first a{

		border-left: none;

		border-top: none;

	}

	#h_menu_utility p.first a:hover{

		color:#555 !important;

		background:none;

	}

	#h_menu_utility p.last a{

		background:#e60012;

		color:#FFF;

		border-left: 1px solid #D1D2D0;

		border-top: 1px solid #D1D2D0;

	}

	#h_menu_utility p.last a:hover{

		color: #e60012;

		background:#FFF;

	}

	

	/* search */

	#header_txt .search{margin-bottom:10px;}



	#header_txt .search .item00 input {

		background-color: #E2E2E2;

		border: 1px solid #D2D2D2;

		border-radius: 2px 0 0 2px;

		color: #999999;

		float: left;

		font-size: 12px;

		height: 16px;

		line-height: 1.231;

		padding: 4px 3px 2px;

		vertical-align: bottom;

		width: 215px;

	}

	

	/* sitemap */

	

	#footer_2013 .sitemap{

	width: auto;

	max-width: 480px;

	margin: 0px;

	padding:0;

	background: none;

	}

	

	#op_sitemap{

	width:480px;

	}

	

	.sitemap div{

		float:none !important;

		color:#FFF;

	}

	.sitemap div a{color:#FFF !important;}



	/* footer_txt */

	#footer_2013,

	#footer_2013 .link,

	#footer_2013 .bnr,

	#footer_2013 .other,

	#footer_2013 .other .otherInner{

		min-width:inherit;

		max-width:480px !important;

		width:auto;

		text-align:center;

	}

	

	#footer_2013 .other{height:auto;}

	

	#footer_2013 .bnr .logo {

		text-align:center;

		float:none;

		padding-top: 18px;

	}

	

	#footer_2013 .item00,

	#footer_2013 .item01{

		position:inherit !important;

		float:none !important;

		padding: 5px 0 3px;

	}

	

	#footer_2013 .item00{

		display:inline-block;

		width:auto;

		text-align:center;

	}

	

	#footer_2013 .item01{

		display:inline-block;

		width:auto;

		text-align:center;

	}

	

	#footer_2013 .item00 ul{width:350px;margin:0 auto;}

	

	#footer_2013 .item00 ul li.lastChild{

		border:none;

		margin:0;

		padding:0;

	}

	

	#footer_2013 dl{width:auto;}

	

	#footer_2013 dl,

	#footer_2013 dl dt,

	#footer_2013 dl dd{

		margin:0;

		padding:0;	

	}

}