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

/* -----------------------------------------------------------
CSS Information

  File name:     product.css
  Author:        Yoneda Ryo
  date:          2009/06/18
----------------------------------------------------------- */

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

  PRODUCT COMMON(製品関連共通)

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

#wrapper .pan {
  text-align: left;
  margin:0 0 10px 0;
  clear: both;
  line-height: 13px;
}
#wrapper .pan img {margin: 0 3px;}
#contents ul.description {
  width: 730px;
  text-align: left;
  margin: 10px 0 0 0;
}
#contents ul.description li {
  float: left;
  width: 133px;
  height: 22px;
  line-height: 20px;
  padding: 0 0 0 13px;
  margin: 5px 0 0 0;
  background-image: url(../products/share_img/description_bg.gif);
  background-repeat: no-repeat;
}
#contents ul.description li a {
  display: block;
  width: 133px;
  height: 22px;
  line-height: 20px;
}
#contents ul.description li a:hover {
  color: #FFF;
  text-decoration: none;
  background-color: #CCC;
}
#contents ul.description li a.hover {
  color: #FFF;
  text-decoration: none;
  background-color: #CCC;
}
#contents ul.description li a.list {
	color: #F93;
}
#contents ul.description li a.list:hover {
	color: #FFF;
  background-color: #F93;
}
#contents ul.description li a.list_hover {
	color: #FFF;
  background-color: #F93;
}

#contents ul.action_area {
  height: 25px;
}
#contents ul.action_area li { float: right;}

#contents ul.action_area li.action02 {margin: 0 5px 0 0;}

#contents .product_box {
  height: 45px;
  padding-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #D8D4D3;
}

#contents .product_box h2.name {
  background-image: url(../products/share_img/series_title.gif);
  background-repeat: no-repeat;
  height: 36px;
  width: 220px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 16px;
  clear: both;
}#contents .product_box h2.name ul li {
  line-height: 1.2;
}
#contents .product_box h2.name ul li.sub_name {
  font-size: 14px;
  color: #282828;
}
#contents .product_box h2.name ul li.name_title {
  font-size: 18px;
  font-weight: bold;
  color: #282828;
}
#contents .product_box .detail_box01 {
  position: relative;
  background-image: url(../products/share_img/detail_box01.gif);
  background-repeat: no-repeat;
  float: right;
  height: 54px;
  width: 260px;
}
#contents .product_box .detail_box02 {
  position: relative;
  background-image: url(../products/share_img/detail_box02.gif);
  background-repeat: no-repeat;
  height: 54px;
  width: 190px;
  float: right;
  margin-right: 5px;
}
#contents .product_box .detail_box01 ul li.catalog {
  position: absolute;
  left: 37px;
  top: 3px;
}
#contents .product_box .detail_box01 ul li.technical_document {
  position: absolute;
  left: 37px;
  top: 29px;
}
#contents .product_box .detail_box01 ul li.manual {
  position: absolute;
  left: 112px;
  top: 3px;
}
#contents .product_box .detail_box01 ul li.cad {
  position: absolute;
  left: 112px;
  top: 29px;
}
#contents .product_box .detail_box01 ul li.software {
  position: absolute;
  left: 187px;
  top: 3px;
}
#contents .product_box .detail_box02 ul li.document {
  position: absolute;
  top: 3px;
  left: 42px;
}
#contents .product_box .detail_box02 ul li.test_plane {
  position: absolute;
  top: 29px;
  left: 42px;
}
#contents .product_box .detail_box02 ul li.free {
  position: absolute;
  top: 3px;
  left: 116px;
}
#contents .product_box .detail_box02 ul li.shop {
  position: absolute;
  left: 116px;
  top: 29px;
}
#contents .product_box .name {
  float: left;
  padding-top: 15px;
}

/** 最近見たシリーズ・関連製品 **/

#pickup {
  height: 248px;
  width: 728px;
  border: 1px solid #E8E0CD;
  text-align: left;
  background-color: #F7F7EF;
}
#pickup .left {
  background-image: url(../products/share_img/pickup_bg_r.gif);
  background-repeat: no-repeat;
  height: 228px;
  width: 180px;
  padding: 10px;
  float: left;
}
#pickup .left ul.box {
  background-color: #FFF;
  height: 175px;
  margin-top: 10px;
  padding: 10px;
}
#pickup .left ul.box li {
  height: 20px;
  line-height: 20px;
  background-image: url(../products/share_img/recently_bg.gif);
  background-repeat: no-repeat;
  width: 130px;
  padding-left: 20px;
  background-color: #FFF;
}
#pickup .right {
  float: left;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  height: 228px;
  width: 510px;
}
#pickup .right img.title {
  display: block;
  padding-right: 299px;
}

#pickup .right dl {
  margin-top: 10px;
  float: left;
  margin-right: 8px;
}
#pickup .right dl dt {
  background-color: #FFF;
  width: 115px;
  height: 20px;
  padding-right: 22px;
  padding-left: 23px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#pickup .right dl dd {
  background-color: #FFF;
  height: 135px;
  width: 160px;
  text-align: center;
  padding-top: 20px;
}

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

  PRODUCT(製品情報)

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

#contents .product {margin: 30px 0;}

#contents .product .left_box {
	float: left;
	text-align: left;
	margin-top: 20px;
	width: 320px;
	
}
#contents .product .left_box h3 {
	font-size: 150%;
	font-weight: bold;
}
#contents .product .left_box ul {
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.5;
  clear: both;
}
#contents .product img.right {
	float: right;
	margin: 20px 0px 0px 10px;
}
#contents .product img.260_over {margin: 20px 0;}

#contents .product .sub_title {
  clear: both;
  text-align: left;
  font-weight: bold;
  padding-left: 8px;
  margin-bottom: 3px;
}
#contents .product .sub_title02 {
  clear: both;
  text-align: left;
  font-weight: bold;
  margin-bottom: 3px;
}
#contents .product h4 {
  height: 27px;
  width: 727px;
  line-height: 27px;
  padding-left: 5px;
  font-size: 120%;
  font-weight: bold;
  clear: both;
  background-color: #F0F0F0;
  border: 1px solid #CDCDCD;
}
#contents .product h4 .title {
  float: left;
}
#contents .product h4 .unit {
  float: right;
  margin-right: 10px;
  font-size: 70%;
  font-weight: normal;
}
#contents .product table.price {
  width: 730px;
  margin-top: 20px;
  border: 1px solid #D8D8D8;
  margin-bottom: 10px;
}
#contents .product table.price th {
  background-color: #A0A0A0;
  color: #FFF;
  border: 1px solid #D8D8D8;
  text-align: center;
  line-height: 1.5;
}
#contents .product table.price tr.odd {
  background-color: #F0F0F0;
}
#contents .product table.price td {
  text-align: center;
  border: 1px solid #D8D8D8;
  padding: 5px;
  line-height: 1.5;
}
#contents .product table.price td.graph {width: 285px;}

#contents .product table.price td.type {width: 90px;}

#contents .product table.price td.shape {width: 100px;}

#contents .product table.price td.graph {
  text-align: left;
  padding: 0px;
  width: 250px;
}
#contents .product table.price td.bg_white {background-color: #FFF;}

#contents .product table.specifications {
  width: 730px;
  margin-top: 20px;
  margin-bottom: 10px;
}
#contents .product table.specifications th {
  background-color: #A0A0A0;
  color: #FFF;
  border: 1px solid #D8D8D8;
  text-align: center;
}
#contents .product table.specifications td {
  text-align: center;
  border: 1px solid #D8D8D8;
  padding: 5px;
  line-height: 1.5;
}
#contents .product table.specifications td.side {
	text-align: left;
	background-color: #F0F0F0;
}
#contents .product p.notice {
  line-height: 1.5;
  margin-bottom: 20px;
}

#contents .product p.features {
  float: left;
  width: 450px;
  margin: 20px 0;
  line-height: 1.5;
}
#contents .product p.features_260_over {
  margin: 20px 0 10px 0;
  line-height: 1.5;
}
#contents .product .column2_left h5,
#contents .product .column2_right h5 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 120%;
  font-weight: bold;
}
#contents .product .column2_left {
  float: left;
  width: 350px;
  margin-bottom: 10px;
}
#contents .product .column2_right {
  float: right;
  width: 350px;
  margin-bottom: 10px;
}
#contents .product h5.column1 {
  font-size: 120%;
  width: 730px;
  font-weight: bold;
  margin-top: 15px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #D8D8D8;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
#contents .product h5.column2 {
  font-size: 120%;
  width: 350px;
  font-weight: bold;
  margin-top: 15px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #D8D8D8;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
#contents .product .column2_right ul {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
}
#contents .product .column2_right ul li{line-height: 1.5;}

#contents .product .column3 ul.left {
  float: left;
  width: 227px;
  text-align: left;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-bottom-color: #D8D8D8;
  border-left-color: #D8D8D8;
  margin-right: 20px;
  margin-bottom: 20px;
  padding-bottom: 3px;
  padding-left: 3px;
}

#contents .product .column3 ul.center {
  float: left;
  width: 227px;
  text-align: left;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-bottom-color: #D8D8D8;
  border-left-color: #D8D8D8;
  margin-bottom: 20px;
  padding-bottom: 3px;
  padding-left: 3px;
}
#contents .product .column3 ul.right {
  float: right;
  width: 227px;
  text-align: left;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-bottom-color: #D8D8D8;
  border-left-color: #D8D8D8;
  margin-bottom: 20px;
  padding-bottom: 3px;
  padding-left: 3px;
}

#contents .product .column3 ul.left img,
#contents .product .column3 ul.center img,
#contents .product .column3 ul.right img {
  float: left;
  margin: 0;
  padding: 0px;
}
#contents .product .column3 ul li.image {
  width: 90px;
  margin-top: 0;
  margin-right: 3px;
  margin-bottom: 0;
  margin-left: 0;
}

#contents .product .column3 ul li {
	width: 125px;
	float: left;
}
#contents .product .column3 p.other_description {
  padding: 0px;
  margin: 0 0 15px 0;
}

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

  製品情報メニュー

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

.side_menu  {

}
#side_menu ul.selection_support {
  width: 198px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #D8D8D8;
  border-bottom-color: #D8D8D8;
  border-left-color: #D8D8D8;
  padding-top: 6px;
  text-align: center;
}
#side_menu ul.selection_support li {
  border: 1px solid #D2D1CB;
  width: 184px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 5px;
}

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

  PRODUCT LIST(製品リスト)

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

#contents .product_list {margin: 30px 0;}

#contents .product_list .list_title {
  position: relative;
  background-image: url(../products/share_img/list_title.gif);
  background-repeat: no-repeat;
  height: 26px;
  width: 730px;
}
#contents .product_list .list_title a {
  position: absolute;
  display: block;
  width: 132px;
  height: 15px;
  left: 596px;
  top: 6px;
}
#contents .product_list table.list {
  margin-top: 15px;
  width: 730px;
}
#contents .product_list table.list th {
  background-color: #F0F0F0;
  font-weight: bold;
  padding: 5px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #CDC9C6;
  border-bottom-color: #CDC9C6;
  border-right-width: 1px;
  border-left-width: 1px;
  border-right-style: dashed;
  border-left-style: dashed;
  border-right-color: #D8D8D8;
  border-left-color: #D8D8D8;
}
#contents .product_list table.list th.left {
  width: 350px;
  border-left-style: none;
}
#contents .product_list table.list th.right {border-right-style: none;}

#contents .product_list table.list td {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CDC9C6;
  padding: 5px;
  text-align: center;
  border-right-width: 1px;
  border-left-width: 1px;
  border-right-style: dashed;
  border-left-style: dashed;
  border-right-color: #D8D8D8;
  border-left-color: #D8D8D8;
}
#contents .product_list table.list td a .btn {
  display: block;
  width: auto;
  margin: 0 auto 3px auto;
}

#contents .product_list table.list td.left {border-left-style: none;}
#contents .product_list table.list td.right {border-right-style: none;}

#contents .product_list table.list td img.product_list {
  float: left;
  margin: 0 10px 0 0;
}
#contents .product_list table.list td ul {
  text-align: left;
  margin-bottom: 5px;
}
#contents .product_list table.list td ul li h3 {
  font-size: 12px;
  font-weight: bold;
}
#contents .product_list table.list td ul li {font-size: 10px;}

#contents .product_list table.list td img.add {
  float: left;
  margin-right: 3px;
}
#contents .product_list table.list td p.price {
  font-size: 14px;
  color: #ED6A1A;
  font-weight: bold;
  text-align: right;
  float: right;
}
/*======================================

  PRODUCT LIST(製品リスト)追加

=======================================*/
.ad-price {
	width: 270px;
	text-align: center;
	float: left;
}
.ad-price2 {
	float: right;
	color: #ED6A1A;
	width: 65px;
	margin-right: 5px;
	text-align: right;
}

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

  デジたるブックへのバナー

=======================================*/
a.digitalBTN{
	display:block;
	width: 241px;
	height:38px;
}