@charset "utf-8";
/* -------------------------------
common
------------------------------- */
.l-content img {
  vertical-align: bottom;
}

.l-content .itemAllBlock .itemBlock .itemBox li.box_hover { 
	cursor: pointer;
}

.l-content .itemAllBlock .itemBlock .itemBox li.box_hover .name a{
	color: #ff730a;
	text-decoration: underline;
}
.l-content .itemAllBlock .itemBlock .itemBox li.box_hover .pic img {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}
.l-content .itemAllBlock .itemBlock .itemBox li.box_hover .btn a {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}	
.l-content .section {
  margin-bottom: 60px;
}

/* ------------------------------------------------------
contents
------------------------------------------------------ */
.l-content .mainvisual {
  width: 950px;
  height: 205px;
  background: url('/pr/vona/el/cobotta/img/main.png') no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.l-content .lead {
  text-align: center;
  font-size:16px;
  line-height: 1.5;
  font-weight:bold;
  margin: 30px auto 40px;
}
.l-content .txt_box {
  width: 950px;
  height: 35px;
  background: url('/pr/vona/el/cobotta/img/txt_bg.png') no-repeat 0 0;
  margin-bottom: 30px;
  padding-top: 18px;
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}
.l-content dl{	
  width: 950px;
  height: 29px;
  margin-bottom: 15px;
  clear: both;
}

/* anchor */
.l-content .anchor {
  width: 741px;
  margin: 30px auto 40px;
}
.l-content .anchor li{
    float: left;
	margin: 0 5px;
}
.l-content .anchor li .m-btn--down {
  width: 237px;
  height: 34px;
}
/* ----------  item  ------------*/
.l-content .itemAllBlock {
	margin: 20px auto 30px;
}
.l-content .itemAllBlock .itemBlock {
    float: left;
    margin-left: 10px;
}
.l-content .itemAllBlock .itemBlock:first-child {
    margin-left: 0;
}
.l-content .itemAllBlock .itemBlock .itemBox {
   margin: 0 -10px 0 0;
}
.l-content .itemAllBlock .itemBlock .itemBox li {
  letter-spacing: normal;
  display: -moz-inline-box; /*for Firefox 2*/
  display: inline-block; /*for modern*/
 /display: inline; /*for ie5-7*/
 /zoom: 1; /*for ie5-7*/
  width: 230px;
  padding: 15px;
  margin: 0 10px 0 0;
  border: 1px solid #ccc;
  float: left;
  box-sizing: border-box;
}
.l-content .itemAllBlock .itemBlock .itemBox .name {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 14px;
}
.l-content .itemAllBlock .itemBlock .itemBox .maker {
  font-weight: bold;
  margin-bottom: 10px;
  color: #666;
}
.l-content .itemAllBlock .itemBlock .itemBox .pic {
  text-align: center;
  margin-bottom: 10px;
}
.l-content .itemAllBlock .itemBlock .itemBox .type {
  font-weight: bold;
  margin-bottom: 10px;
}
.l-content .itemAllBlock .itemBlock .itemBox .txt {
  margin-bottom: 15px;
}
.l-content .itemAllBlock .itemBlock .itemBox .btn {
    margin: 0 auto;
}
.l-content .itemAllBlock .itemBlock .ttl_l {
  width: 470px;
  height: 30px;
  background: #e5e5e5;
  text-align: center;
  line-height: 30px;
  margin: 10px auto 5px;
}
.l-content .itemAllBlock .itemBlock .ttl_s {
  width: 230px;
  height: 30px;
  background: #e5e5e5;
  text-align: center;
  line-height: 30px;
  margin: 10px auto 5px;
}
.l-content .itemAllBlock .itemBlock .itemBox .name a {
    text-decoration: none;
}

/*------  standard 標準品　-----*/

/*---20190422追加修正   standard_box ------*/
.l-content .standard_box a img:hover {
	filter: alpha(opacity=75);
	-ms-filter: 'alpha(opacity=75)';
	opacity: 0.75;
}
.l-content .sec01 .standard_box {
  width: 950px;
  height: 330px;
  background: url('/pr/vona/el/cobotta/img/img_standard_20190422.png') no-repeat 0 0;
  margin: 30px auto 50px;
  padding: 0;
  border: none;
  position: relative;
}
.l-content .sec01 .standard_box img,.l-content .sec01 .standard_box .m-link {
  position: absolute;
  text-align: center;
  line-height: 16px;
}
.l-content .sec01 .standard_box .m-link .txt_s {
	font-size: 11px;
	line-height: 16px;
}
.l-content .sec01 .standard_box p a {
	font-size: 12px;
	line-height: 16px;
}
.l-content .sec01 .standard_box .item_01 .m-link {
	top: 52px;
	left: 195px;
}
.l-content .sec01 .standard_box .item_01 img {
	top: 84px;
	left: 182px;
}
.l-content .sec01 .standard_box .item_02 .m-link {
	top: 200px;
	left: 178px;
}
.l-content .sec01 .standard_box .item_02 img {
	top: 233px;
	left: 175px;
}
.l-content .sec01 .standard_box .item_02_2 .m-link {
	top: 200px;
	left: 446px;
}
.l-content .sec01 .standard_box .item_02_2 img {
	top: 233px;
	left: 440px;
}
.l-content .sec01 .standard_box .item_03 .m-link {
	top: 275px;
	left: 290px;
}
.l-content .sec01 .standard_box .item_03 img {
	top: 216px;
	left: 338px;
}
.l-content .sec01 .standard_box .item_04 .m-link {
	top: 275px;
	left: 550px;
}
.l-content .sec01 .standard_box .item_04 img {
	top: 222px;
	left: 593px;
}
.l-content .sec01 .standard_box .item_07 .m-link {
	top: 2px;
	left: 625px;
}
.l-content .sec01 .standard_box .item_07 img {
	top: 35px;
	left: 612px;
}
.l-content .sec01 .standard_box .item_08 .m-link {
	top: 175px;
	right: 35px;
}
.l-content .sec01 .standard_box .item_08 img {
	bottom: 55px;
	right: 35px;
}
.l-content .sec01 .standard_box .item_09 .m-link {
	top: 35px;
	right: 90px;
}
.l-content .sec01 .standard_box .item_09 img {
	top: 70px;
	right: 90px;
}
/* ----end---*/

.l-content .sec01 dt {
  width: 168px;
  height: 29px;
  float: left;
  background: #828282;
  color: #fff;
  font-weight: bold;
  line-height: 28px;
  text-align: center;
}
.l-content .sec01 dd {
  width: 757px;
  height: 29px;
  background: url('/pr/vona/el/cobotta/img/img_arr.png') no-repeat 0 0;
  float: left;	
  line-height: 1.3;
  padding-left: 25px;
}
.l-content .sec01 dd.line01 {
  width: 757px;
  height: 22px;
  background: url('/pr/vona/el/cobotta/img/img_arr.png') no-repeat 0 0;
  float: left;	
  padding: 7px 0 0 25px;
}
/*------  dedicated　専用カメラ　-----*/

/*---20190422追加修正   dedicated_box -------*/
.l-content .dedicated_box a img:hover {
	filter: alpha(opacity=75);
	-ms-filter: 'alpha(opacity=75)';
	opacity: 0.75;
}
.l-content .sec02 .dedicated_box {
  width: 950px;
  height: 330px;
  background: url('/pr/vona/el/cobotta/img/img_dedicated_20190422.png') no-repeat 0 0;
  margin: 30px auto 20px;
  padding: 0;
  border: none;
  position: relative;
}
.l-content .sec02 .dedicated_box img,.l-content .sec02 .dedicated_box .m-link {
  position: absolute;
  text-align: center;
  line-height: 16px;
}
.l-content .sec02 .dedicated_box .m-link .txt_s {
	font-size: 11px;
	line-height: 16px;
}
.l-content .sec02 .dedicated_box p a {
	font-size: 12px;
	line-height: 16px;
}
.l-content .sec02 .dedicated_box .item_01 .m-link {
	top: 48px;
	left: 203px;
}
.l-content .sec02 .dedicated_box .item_01 img {
	top: 82px;
	left: 190px;
}
.l-content .sec02 .dedicated_box .item_02 .m-link {
	top: 190px;
	left: 185px;
}
.l-content .sec02 .dedicated_box .item_02 img {
	top: 225px;
	left: 189px;
}
.l-content .sec02 .dedicated_box .item_02_2 .m-link {
	top: 268px;
	left: 187px;
}
.l-content .sec02 .dedicated_box .item_02_2 img {
	top: 248px;
	left: 189px;
}
.l-content .sec02 .dedicated_box .item_02_3 .m-link {
	top: 199px;
	left: 440px;
}
.l-content .sec02 .dedicated_box .item_02_3 img {
	top: 233px;
	left: 440px;
}
.l-content .sec02 .dedicated_box .item_05 .m-link {
	top: 280px;
	left: 328px;
}
.l-content .sec02 .dedicated_box .item_05 img {
	top: 220px;
	left: 342px;
}
.l-content .sec02 .dedicated_box .item_04 .m-link {
	top: 277px;
	left: 552px;
}
.l-content .sec02 .dedicated_box .item_04 img {
	top: 224px;
	left: 598px;
}
.l-content .sec02 .dedicated_box .item_07 .m-link {
	top: 0;
	left: 627px;
}
.l-content .sec02 .dedicated_box .item_07 img {
	top: 33px;
	left: 614px;
}
.l-content .sec02 .dedicated_box .item_08 .m-link {
	top: 175px;
	right: 28px;
}
.l-content .sec02 .dedicated_box .item_08 img {
	bottom: 55px;
	right: 26px;
}
.l-content .sec02 .dedicated_box .item_09 .m-link {
	top: 30px;
	right: 85px;
}
.l-content .sec02 .dedicated_box .item_09 img {
	top: 67px;
	right: 84px;
}
/* -----end---*/

.l-content .sec02 li.btn_dedicated a {
  display: block;
  width: 325px;
  height: 36px;
  font-weight: normal;
}
.l-content .sec02 dt {
  width: 70px;
  height: 29px;
  float: left;
  background: #828282;
  color: #fff;
  font-weight: bold;
  line-height: 28px;
  text-align: center;
}
.l-content .sec02 dd {
  width: 850px;
  height: 29px;
  background: url('/pr/vona/el/cobotta/img/img_arr.png') no-repeat 0 0;
  float: left;	
  line-height: 1.3;
  padding-left: 25px;	
}
/*------20190422追加修正  oss_box　-----*/
.l-content .oss_box a img:hover {
	filter: alpha(opacity=75);
	-ms-filter: 'alpha(opacity=75)';
	opacity: 0.75;
}
.l-content .sec03 .oss_box {
  width: 950px;
  height: 340px;
  background: url('/pr/vona/el/cobotta/img/img_oss_20190422.png') no-repeat 0 0;
  margin: 20px auto 30px;
  padding: 0;
  border: none;
  position: relative;
}
.l-content .sec03 .oss_box img,.l-content .sec03 .oss_box .m-link {
  position: absolute;
  text-align: center;
  line-height: 16px;
}
.l-content .sec03 .oss_box .txt_s {
	font-size: 11px;
	line-height: 16px;
}
.l-content .sec03 .oss_box p a {
	font-size: 12px;
	line-height: 16px;
}

.l-content .sec03 .oss_box .item_07 .m-link {
	top: 0;
	left: 424px;
}
.l-content .sec03 .oss_box .item_07 img {
	top: 30px;
	left: 405px;
}
.l-content .sec03 .oss_box .item_08 .m-link {
	top: 235px;
	left: 412px;
}
.l-content .sec03 .oss_box .item_08 img {
	top: 270px;
	left: 397px;
}
.l-content .sec03 .oss_box .item_09 .m-link {
	top: 141px;
	left: 420px;
}
.l-content .sec03 .oss_box .item_09 img {
	top: 172px;
	left: 420px;
}
/*-------*/

.l-content .sec03 dt {
  width: 195px;
  height: 29px;
  float: left;
  background: #828282;
  color: #fff;
  font-weight: bold;
  line-height: 28px;
  text-align: center;
}
.l-content .sec03 dd {
  width: 730px;
  height: 29px;
  background: url('/pr/vona/el/cobotta/img/img_arr.png') no-repeat 0 0;
  float: left;	
  line-height: 1.3;
  padding-left: 25px;	
}
/*------  アンケート　-----*/
.l-content .box_questionnaire {
  width: 948px;
  height: 165px;
  margin: 0 auto;
  padding: 20px;
  background: #f6f6f6;
  border: 1px solid #cfcfcf;
  box-sizing: border-box;
  clear: both;
}
.l-content .box_questionnaire .ttl {
  text-align: center;
  color: #004bb1;
  font-size: 23px;
  margin-bottom: 5px;
}
.l-content .box_questionnaire .txt{
  margin-bottom: 10px;
  text-align: center;
}
.l-content .box_questionnaire .btn {
	width: 215px;
	height: 35px;
	margin: 5px auto;
}