@charset "shift_jis";

/*------------------------------------------------------------------------------
Date: 2010-11-15
1= トップ
------------------------------------------------------------------------------*/


/* 1= トップ
----------------------------------------------------*/
body#home div#mainVisual {
	margin-bottom: 20px;
	position: relative;
	width: 900px;
}
body#home div#mainVisual h2 {
	position: relative;
	margin-bottom: 10px;
	border: none;
	background: url(/products/cad/img/bg_h2_01.gif) no-repeat bottom;
	font-size: 100%;
	padding: 10px 0px;
	width: 900px;
}
body#home div#mainVisual h2 a.subLink {
	position: absolute;
	bottom: 2px;
	right: 0;
}
body#home div#mainVisual h2 a.subLink img {
	vertical-align:top;
}
body#home div#mainVisual p.imgBox{
	width:640px;
	height:311px;
	float:left;
}
body#home div#mainVisual ul.txtBox{	
	width:260px;
	height:311px;
	float:right;
}


body#home div#top-mainArea {
	float: left;
	width: 900px;
}




/* 新着情報 */

body#home div#topNews {
	width: 720px;
	float: left;
	position: relative;
}
body#home div#topNews h2 {
	position: relative;
	margin-bottom: 10px;
	border: none;
	background: url(/products/e-solution/img/bg_h2_01.gif) no-repeat bottom;
	font-size: 100%;
	padding: 10px 0;
	width: 720px;
}
body#home div#topNews dl {
	min-height: 151px;
	_height: 151px;
}
body#home div#topNews dt {
	clear: both;
	float: left;
	width: 5em;
}
body#home div#topNews dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-left: 7em;
	border-bottom: 1px solid #ccc;
	background: url(/products/e-solution/common/img/ico_link_s.gif) no-repeat 6.2em 0.4em;
}
body#home div#topNews h2 a.subLink {
	position: absolute;
	bottom: 2px;
	right: 0;
}
body#home div#topNews ul#banner {
	margin: 0;
}
body#home div#topNews ul#banner li {
	float: left;
}
body#home div#topNews ul#banner  li.banner01 {
	margin-right: 10px;
}
body#home div#fNav ul {
	margin-top: 10px;
}


/* 製品情報 */
body#home div#products {
	width: 440px;
	padding-bottom: 25px;
	float: right;
	position: relative;
}
body#home div#products h2 {
	position: relative;
	margin-bottom: 3px;
	border: none;
	background: url(/products/e-solution/img/bg_h2_01.gif) no-repeat bottom;
	font-size: 100%;
	padding: 10px 0;
	width: 440px;
}
body#home div#products li {
	padding-bottom: 10px;
}
body#home div#products li img {
	vertical-align: bottom;
}
body#home div#products li img.topIco {
	padding-right: 5px;
}
body#home div#products li.nav01 {
	padding-bottom: 9px;
}
body#home div#products li.nav02 {
	padding-bottom: 4px;
}
body#home div#products li.nav03 {
	padding-bottom: 5px;
}
body#home div#products h2 a.subLink {
	position: absolute;
	bottom: 2px;
	right: 0;
}
body#home div#products h2 a.subLink02 {
	position: absolute;
	bottom: 2px;
	right: 76px;
}


/* 2= 製品一覧
----------------------------------------------------*/
body#list div.lead {
	margin-bottom: 20px;
}
body#list div.lead div.rightBox {
	width: 400px;
}
body#list div.lead div.rightBox p.title {
	font-weight: bold;
	margin-top: 20px;
	font-size: 106.25%;
}
body#list div.lead div.leftBox {
	width: 300px;
	text-align: center;
}
body#list div.index div.section {
	background: url(/products/e-solution/img/list_p_header.gif) repeat-x left top;
	padding-top: 5px;
	margin-bottom: 20px;
}
body#list div.column2 div.leftBox,
body#list div.column2 div.rightBox {
	width: 350px;
}
body#list div.index h2 {
	background: none;
	border: none;
	padding: 0px;
	margin-bottom: 15px;
	margin-left: 15px;
}
body#list div.pHeader {
	border: 1px solid #D3D3D3;
	border-bottom: none;
	padding: 15px 0px 3px;
	background: #FAFAFA;
	width: 718px;
	_width: 100%;
}
body#list div.column2 div.pHeader {
	width: 348px;
	_width: 100%;
}
body#list div.pHeader div.leftBox {
	margin-left: 15px;
}
body#list div.pHeader div.rightBox {
	width: 540px;
	margin-right: 15px;
}
body#list div.column2 div.pHeader div.rightBox {
	width: 235px;
	margin-top: 25px;
}
body#list div.column2 div.pHeader div.leftBox {
	width: 70px;
}

/* アコーディオン */
div.accordion .toggleContainer {
	overflow: hidden;
	clear: both;
}
div.accordion {
	background-color: #EBF4FD;
	border: 1px solid #D3D3D3;
}
div.accordion dt {
	background: url(/products/e-solution/common/img/ico_link.gif) no-repeat 15px 21px;
	padding: 15px 15px 0px 27px;
	font-size: 115.38%;
}
div.accordion dd {
	border-bottom: 1px solid #D3D3D3;
	padding: 5px 15px 15px;
}

/* ↓20120723 追加
----------------------------- */
div.accordion dd span.sublink {
	margin-top:5px;
	display:block;
	text-align:right;
}
div.accordion dd span.sublink a {
	background: url(/products/e-solution/common/img/ico_link.gif) left center no-repeat;
	padding-left:10px;
}
/* ↑20120723 追加
----------------------------- */

div.accordion div.toggleContainer ul {
	margin: 10px 0px 0px 15px;
}
div.accordion div.toggleContainer ul li {
	line-height: 1;
	margin-right: 15px;
	zoom: 1;
}
div.accordion li {
	text-align: left;
}
div.accordion div.column3 ul br {
	height: 1px;
	font-size: 1px;
	overflow: hidden;
}
div.accordion div.toggleContainer ul li a {
	background: url(/products/e-solution/common/img/ico_link.gif) no-repeat left 0.6em;
	display: block;
	padding: 5px 0px 5px 12px;
}
div.accordion div.toggleContainer dt img {
	margin-left: 3px;
	vertical-align: middle;
}
div.accordion .trigger,
div.accordion p.newWindow,
div.accordion p.link {
	margin-bottom: 0;
}
div.accordion p.newWindow,
div.accordion p.link {
	zoom: 1;
}
div.accordion .trigger a.open {
	background: #EBF4FD url(/products/e-solution/img/bg_trigger.gif) repeat-x left top;
	display: block;
	padding: 5px 0px 5px 38px;
}
div.accordion .trigger a.close {
	display: none;
	background: #EBF4FD url(/products/e-solution/img/ico_trigger_close.gif) no-repeat 10px 5px;
	padding: 5px 0px 5px 38px;
}
div.accordion p.newWindow,
div.accordion p.link {
	background: #EBF4FD url(/products/e-solution/img/bg_trigger02.gif) repeat-x left top;
}
div.accordion p.newWindow a,
div.accordion p.link a {
	background: url(/products/e-solution/common/img/ico_new_window.gif) no-repeat 18px 0.7em;
	display: block;
	padding: 5px 0px 5px 38px;
}
div.accordion p.link a {
	background: url(/products/e-solution/common/img/ico_arrowrt.gif) no-repeat 18px 0.6em;
}
div.accordion .active a.open {
	display: none;
}
div.accordion .active a.close {
	display: block;
}
p.rightBtn {
	text-align: right;
}

/* 2= カテゴリ別製品一覧
----------------------------------------------------*/
body#list div.product {
	position: relative;
	border: 1px solid #D3D3D3;
	border-top: none;
	padding: 15px 0px;
	background: #FAFAFA;
	width: 718px;
	_width: 100%;
	min-height: 85px;
	_height: 115px;
}
body#list div.category div.group {
	margin-bottom: 20px;
}
body#list div.category div.group h2 {
	background: none;
	padding: 0px;
	margin-bottom: 0;
	border: none;
	border-bottom: 1px solid #C0C0C0;
}
body#list div.category div.group h2.replace {
	text-indent: -9999px;
	background: #F2F9FF url(/products/e-solution/img/list_p_header.gif) repeat-x left top;
	height: 5px;
	overflow: hidden;
}
body#list div.product ul.ico {
	position: absolute;
	right: 10px;
	top: 10px;
}
body#list div.product ul.other {
	position: absolute;
	top: 70px;
	right: 10px;
	width: 120px;
	list-style-type: square;
}
body#list div.product ul.other li {
	margin-left: 20px;
	list-style-type: square;
}
body#list div.category div.group p.lead {
	padding: 15px;
	margin-bottom: 0;
	border: 1px solid #C0C0C0;
	background: #F2F9FF url(/products/e-solution/img/list_bg_lead.jpg) repeat-x left top;
	border-top: none;
}
body#list div.category div.group h3 {
	background: none;
	border: none;
	padding: 0px;
	margin-bottom: 14px;
}
div.product div.leftBox {
	width: 540px;
	margin: 2px 0px 0px 160px;
}

/* ↓20120723 追加
----------------------------- */
div.product div.leftBox .sublink {
	margin:10px 0 0;
	text-align:right;
	font-weight:bold;
}
div.product div.leftBox .sublink a {
	background: url(/products/e-solution/common/img/ico_arrowrt.gif) no-repeat left center;
	padding-left: 18px;
}
/* ↑20120723 追加
----------------------------- */

div#record div.product div.leftBox {
	width: 390px;
}
div#support div.product div.leftBox {
	width: 535px;
}
div.product a span.logo {
	background: url(/products/e-solution/common/img/ico_arrowrt.gif) no-repeat left center;
	padding-left: 18px;
	display: block;
}
.termination {
	position: absolute;
	right: 166px;
	top: 12px;
}
body.focuscope div.product a span.logo {
}
div.product a span.logo img {
	cursor: pointer;
}
div.product a img.img {
	position: absolute;
	left: 15px;
	top: 15px;
	zoom: 1;
}
div.product p.feature {
	font-weight: bold;
	margin-bottom: 5px;
}
div.product p.featureBottom {
	margin-bottom: 0px;
}
div.product ul.ico li {
	float: left;
	margin-right: 5px;
}
div.product div.rightBox {
	width: 205px;
}
div.product div.spec {
	margin-right: 15px;
	background: #E7F1FA;
	padding: 7px 10px 10px;
}
div.product div.spec p {
	margin-bottom: 5px;
}
div.product div.spec ul {
	line-height: 1.1;
	margin-bottom: 0;
}
div.product div.spec ul li {
	padding-left: 10px;
	background: url(/products/e-solution/common/img/ico_list.gif) no-repeat left 0.3em;
}

/* 導入ナビ */
body#list div.article h3 {
	margin-left: 0;
	margin-right: 0;
}
body#list div.article table {
	margin-left: 0;
	margin-right: 0;
}
div.article table th,
div.article table td,
div.article table caption {
	padding: 3px 10px;
	border: 1px solid #ccc;
}
div.article table th {
	background: #e9e9e9;
	text-align: center;
	font-weight: bold;
}
div.article table caption {
	background: #e9e9e9;
	text-align: center;
}
div.article table td {
	background: #fff;
}

/* 導入事例 */
body#home div#example {
	width: 165px;
	padding-bottom: 25px;
	float: right;
}
body#home div#example h2 {
	border: none;
	background: none;
	padding: 0;
	margin: 0;
}
body#home div#example ul.btn {
	border: none;
	padding: 10px 10px 8px;
	background: url(/products/e-solution/img/bg_example.gif) no-repeat center bottom;
	margin-bottom: 10px;
}
body#home div#example ul.btn li {
	margin-bottom: 5px;
}
body#home div#example ul.other {
	margin: 10px 0;
}
body#home div#example ul.other li {
	margin-bottom: 10px;
}
body#home div#example ul.banner li {
	margin-bottom: 5px;
}
body#home div#fNav {
	margin-top: 0px;
	background: url(/products/image/common/img/line_dotted.gif) repeat-x left top;
	padding-top: 30px;
	text-align: left;
}
body#home div#fNav ul {
	margin-left:0;
}
body#home div#fNav ul li {
	margin-right: 15px;
}
body#home div#fNav ul li.lastChild {
	margin-right: 0px;
}
body#home div#fNav ul li:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: alpha( opacity=60 );
}

body#home div#productNav {
	margin: 0 0 30px;
	text-align: left;
}
body#home div#productNav ul {
	margin-left:0;
}
body#home div#productNav ul li {
	border-left:1px #e4e4e4 solid;
	float: left;
	width:299px;
}
body#home div#productNav ul li.lastChild {
	margin-right: 0px;
}
body#home div#productNav ul li a:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: alpha( opacity=60 );
}
body#home div#productNav ul li,
body#home div#productNav ul li a:link {
	width:299px;
	height:70px;
	display:block;
}


/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
/*  margin-bottom: 60px;*/
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
/*  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;*/
  background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  /* background: url('images/bx_loader.gif') center center no-repeat #ffffff; */
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #cccccc;
  padding-top: 20px;
  bottom:15px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #cccccc;
  text-indent: -9999px;
  display: block;
  width: 15px;
  height: 15px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{
  background: #fbb52b;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  /* background: url('images/controls.png') no-repeat 0 -32px; */
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  /* background: url('images/controls.png') no-repeat -43px -32px; */
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

/* #slide */
#slide {
  overflow: hidden;
  background-color: #ffffff;
}

#slide_content {
  position: relative;
/*  margin-bottom: 64px;
  padding-top: 20px;
  background: #693905 url(img/common/bg_slide_top.png) center top repeat-x;*/
}

#slide_wrap {
  position: relative;
/*  padding-bottom: 20px;
  background: url(img/common/bg_slide_bottom.png) center bottom repeat-x;*/
}

#slide_inner {
  width: 900px;
  height: 272px;
  margin: 0 auto;
}

#slide_cont {
  position: relative;
  width: 100%;
  height: 100%;
}
#slide_cont ul {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}
#slide_cont li {
  float: left;
  width: 900px;
  height: 100%;
  padding-right: 20px;
  box-sizing: content-box;
}
#slide_cont a {
  display: block;
}
  

@media print {

	body#home #content {

		width: 900px!important;		

	}

	

	body#home #sideArea {

		display: block!important;	



	}

	body#home div#mainArea{ 

		float: right!important;
	}
	
	body#home div#top-mainArea{ 

		float: left!important;

}