/********************************************************* common*/
/*-- �ۑ���F/www/multimic.com/common/css --*/

#oneCol a, #gRight a {
  color: #2b4682;
  text-decoration: underline;
}
#oneCol a:hover, #gRight a:hover {
  text-decoration: none;
}
#oneCol p, #gRight p {
  margin-bottom: 1.5em;
}

#oneCol {
  width: 700px;
  margin: 0 auto;
}
#oneCol.w840 {
  width: 840px;
}

#gRight {
  width: 700px;
  float: right;
}

#gLeft {
  width: 250px;
  float: left;
}

.catTtl {
  background-color: #e3e3e3;
  border-top: 2px solid #398f84;
  padding: 0 0 0 20px;
  font-size: 14px;
  margin-bottom: 30px;
}

.pageTtl {
  font-weight: normal;
  font-size: 39px;
  background: url(../imgs/bg_title.gif) repeat-x left bottom;
  padding: 0 0 20px 20px;
  margin-bottom: 30px;
  line-height: 1;
}
.pageTtl span {
  font-size: 16px;
  padding: 0 0 5px 30px;
  display: inline-block;
  vertical-align: middle;
}

.subTtl {
  font-size: 21px;
  font-weight: normal;
  padding-left: 10px;
  border-left: 4px solid #2b4682;
  margin-bottom: 20px;
  line-height: 1.3;
}

.green {
  color: #398f84;
}

.section {
  margin-bottom: 60px;
}

.phR {
  margin: 0 0 20px 20px;
  float: right;
}

.pageTop02 {
  text-align: right;
  font-size: 12px;
}

.pageTop02 a {
  background: url(../imgs/icon_arrow_up.png) no-repeat right 3px;
  padding-right: 18px;
  color: #398f84 !important;
}

/********************************************************* �\�t�g�E�F�A�o�[�W�����A�b�v�̂��ē� */
.verUp {
  position: relative;
  top: -25px;
  left: 458px;
  width:240px;
  font-weight: bold;
  height: 0px;
  padding:2px;
}
.verUp a {
  display: block;
  background-color: #fff2ad;
  width:240px;
  border:1px solid #fcbd71;
}

.verUpCategory {
  position: relative;
  top: 5px;
  width:395px;
  left: 305px;
  font-weight: bold;
  height: 0px;
}
.verUpCategory a {
  display: block;
  background-color: #fff2ad;
  width:395px;
  border:1px solid #fcbd71;
}


/********************************************************* step*/
.step {
  margin: 15px 0 20px 0;
}
.step a {
  color: #2b4682;
  text-decoration: underline;
}
.step a:hover {
  text-decoration: none;
}
.step li {
  display: inline;
}

/********************************************************* sidenav*/
.compNav a {
  display: block;
  color: #fff;
  margin-bottom: 1px;
  font-size: 15px;
  background-color: #398f84;
  padding: 15px 28px 15px 15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ns-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
.compNav a:after {
  background: url(../imgs/icon_arrow10.png) no-repeat;
  width: 19px;
  height: 16px;
  content: '';
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ns-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.compNav a:hover {
  background-color: #28776d;
  text-decoration: none;
}
.compNav a:hover:after {
  opacity: 1;
}
.compNav .current a {
  background-color: #28776d;
}
.compNav .current a:after {
  opacity: 1;
}

.sideBox {
  margin-bottom: 20px;
  background-color: #f5f5f5;
  padding: 15px;
}

.sideNavTtl {
  color: #fff;
  font-size: 17px;
  background-color: #398f84;
  padding: 15px 15px 25px 15px;
  margin: -15px -15px 0 -15px;
}

.sideNavTtl ~ .sideNav {
  margin-top: -10px;
}

.sideNav {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  font-size: 12px;
}
.sideNav li {
  border-bottom: 1px solid #e3e3e3;
}
.sideNav li:last-child {
  border-bottom: 0;
}
.sideNav > ul > li.current a {
  color: #fff;
  background-color: #398f84;
}
.sideNav a {
  display: block;
  background: url(../imgs/icon_arrow02.png) no-repeat 15px 15px;
  padding: 10px 10px 10px 25px;
}
.sideNav .toggle > a {
  background: url(../imgs/icon_plus.png) no-repeat 10px 13px #bfe1dd;
}
.sideNav .toggle ul {
  display: none;
  background-color: #ececec;
}
.sideNav .toggle li {
  border-bottom: none;
}
.sideNav .toggle li a {
  border-left: 4px solid #398f84;
}
.sideNav .toggle li a:hover {
  background-color: #e3faf7;
}
.sideNav .toggle li.current a {
  background-color: #e3faf7;
}
.sideNav .toggle.open > a {
  background-image: url(../imgs/icon_minus.png);
  background-color: #398f84;
  color: #fff;
}

.sideBn li {
  margin-bottom: 10px;
  text-align: center;
}
.sideBn li:last-child {
  margin-bottom: 0;
}

/********************************************************* searchArea*/
.searchArea {
  padding: 20px 30px;
  margin-bottom: 15px;
  background-color: #f5f5f5;
  font-size: 14px;
}
.searchArea .cbWrap {
  margin-bottom: 15px;
}
.searchArea .cbWrap label {
  padding-right: 15px;
}
.searchArea .inputWrap > div {
  float: left;
}
.searchArea .inputWrap > div:first-child {
  margin-right: 35px;
}
.searchArea input[type=text] {
  border: 1px solid #e3e3e3;
  padding: 10px;
  background: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ns-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.searchArea input[type=text]:focus {
  outline: none;
  background-color: #efefef;
  border-color: #ccc;
}
.searchArea .input {
  width: 120px;
  margin: 0 2px;
}

/* not IE8 under */
:root .check {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  outline: none;
  margin-right: 5px;
  cursor: pointer;
  zoom: 1;
}

/**/
.check + label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

/* not IE8 under */
:root .check + label {
  background: url(../imgs/bg_checkbox02.png) no-repeat;
  line-height: 27px;
  padding-left: 30px;
}

/**/
.check:checked + label,
.check.checked {
  background-position: 0 -27px;
}

/********************************************************* What's New*/
.listNews {
  font-size: 12px;
  margin-bottom: 30px;
}
.listNews li {
  margin-top: 20px;
  overflow: hidden;
}
.listNews a {
  display: block;
}
.listNews time {
  display: block;
  float: left;
  width: 100px;
}
.listNews p {
  float: left;
  width: 600px;
  margin-bottom: 0 !important;
}

.infoDetail {
  margin-bottom: 60px;
}
.infoDetail time {
  margin-bottom: 1.5em;
  display: inline-block;
}
.infoDetail .iconNews,
.infoDetail .iconRelease {
  background-position: right 0;
  padding: 0 70px 0 0;
}

/********************************************************* products*/
.listProducts {
  padding: 20px 30px;
}
.listProducts li {
  background: url(../imgs/icon_arrow03.png) no-repeat left 5px;
  padding-left: 10px;
  margin-bottom: 10px;
}

.subCatBoxWrap {
  margin-left: -30px;
}

.subCatBox {
  border: 1px solid #e3e3e3;
  padding: 2px;
  float: left;
  width: 335px;
  margin: 0 0 30px 30px;
  font-size: 15px;
  min-height: 220px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.subCatBox a {
  color: #024579;
  text-decoration: none !important;
}
.subCatBox a:hover {
  text-decoration: underline !important;
}

.subCatTtl {
  background-color: #89c1ba;
  color: #fff;
  font-size: 17px;
  font-weight: normal;
  padding: 15px 30px;
}

.subCatAnchorList {
  padding: 0;
}
.subCatAnchorList li {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #efefef;
	width: 30%;
  font-size: 14px;
  min-height: 30px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.subCatAnchorList li a {
  display: block;
  padding: 10px;
  width: 100%;
  min-height: 30px;
  background: url(../imgs/icon_arrow13.png) no-repeat 93% center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ns-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #0059B3;
}
.subCatAnchorList li a span {
	display: inline-block;
  width: 85%;
	color:#ffffff;
}
.subCatAnchorList li a:hover {
  background-position: 95% center;
  background-color: #0080C0;
}

/********************************************************* detail*/
.detailArea {
  margin-bottom: 50px;
}

.detailImg {
  border: 1px solid #e3e3e3;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  height: 260px;
}

.detailL {
  float: left;
  width: 260px;
}

.detailR {
  float: right;
  width: 410px;
}

.detailTtl {
  color: #398f84;
  font-weight: normal;
  font-size: 19px;
  margin-bottom: 30px;
}

.featureTtl {
  font-size: 13px;
  border-bottom: 2px solid #398f84;
  color: #fff;
  font-weight: normal;
  height: 18px;
  margin: 0 -15px 10px -15px;
}
.featureTtl span {
  background: url(../imgs/bg_feature.gif) no-repeat;
  display: inline-block;
  padding-left: 20px;
  width: 78px;
  letter-spacing: 2px;
}

.featureArea {
  font-size: 12px;
  padding: 0 15px;
}
.featureArea dd {
  padding-left: 10px;
}

.priceArea,
.detailBottom {
  margin-top: 30px;
  text-align: center;
  padding: 15px;
  background-color: #f5f5f5;
  font-size: 14px;
}
.priceArea .price,
.detailBottom .price {
  font-weight: bold;
  font-size: 18px;
  color: #ce2020;
}
.priceArea p,
.detailBottom p {
  margin-bottom: 10px !important;
}

.detailIcons {
  margin-top: 10px;
}
.detailIcons li {
  float: left;
  margin-right: 2px;
}

.btnContact {
  font-size: 17px;
  color: #fff !important;
  text-decoration: none !important;
  text-align: center;
  background: url(../imgs/icon_contact.png) 15px center no-repeat #174dc4;
  display: inline-block;
  padding: 7px 15px 7px 50px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ns-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btnContact:hover {
  background-color: #2b4682;
}

.detailDL {
  background: url(../imgs/bg_pu.gif);
  margin-bottom: 30px;
  position: relative;
}

.detailDLTtl {
  color: #fff;
  font-size: 16px;
  background: url(../imgs/bg_pu.gif);
  float: left;
  width: 210px;
  line-height: 65px;
  text-align: center;
  margin: auto;
}

.listDL {
  padding: 23px 0 15px 15px;
  float: left;
  font-size: 12px;
  background-color: #F5F5F5;
  width: 475px;
}
.listDL li {
  float: left;
  margin-right: 30px;
  background: url(../imgs/icon_arrow02.png) no-repeat 0 5px;
  padding: 0 0 10px 10px;
}

.detailFree {
  margin-bottom: 30px;
}

.spec {
  font-size: 12px;
}
.spec th {
  width: 25%;
}
.spec thead th {
  width: auto;
}

/********************************************************* results*/
.resultTxt {
  font-size: 12px;
}

.resultArea {
  margin-top: 60px;
}

.resultHead {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 5px;
  margin-bottom: 20px;
}

.resultFoot {
  border-top: 1px solid #e3e3e3;
  padding-top: 5px;
  margin-top: 20px;
}

.pageCount {
  float: left;
}

.pager {
  float: right;
  text-align: center;
}
.pager li {
  display: inline-block;
  vertical-align: top;
}
.pager a {
  display: block;
  padding: 2px 7px;
}
.pager .current a {
  color: #2b4682;
  background-color: #f5f5f5;
}

/********************************************************* freeword*/
.fwHaed .input {
  width: 485px;
}
.fwHaed .inputWrap > div {
  float: left;
}
.fwHaed .inputWrap > div:first-child {
  margin-right: 15px;
}

.fw .listItem li {
  width: 33.33%;
}
.fw .listItem a span {
  width: 190px;
}

/********************************************************* newproducts*/
.newItemBox {
  border: 1px solid #e3e3e3;
  margin-bottom: 30px;
  padding: 2px;
}

.newItemTtl {
  color: #fff;
  font-size: 16px;
  background-color: #89c1ba;
}
.newItemTtl a {
  color: #fff !important;
  text-decoration: none !important;
  padding: 10px 15px;
  display: block;
  background: url(../imgs/icon_arrow08.png) no-repeat 98% center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ns-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.newItemTtl a:hover {
  background-position: 99% center;
  text-decoration: underline !important;
}

.newItemBody {
  padding: 15px;
}

.newItemTxt {
  float: right;
  width: 550px;
}

/********************************************************* tech*/
.tech .newItemTtl {
  padding: 10px 15px;
}
.tech .fltL {
  width: 240px;
  text-align: center;
}
.tech .newItemTxt {
  width: 420px;
}

.techInfo {
  margin-top: 1.5em;
}
.techInfo em {
  font-weight: bold;
}
.techInfo a {
  color: #398f84 !important;
}

.num_f {
  margin: 30px 20px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  padding: 15px;
  font-weight: bold;
  border: 1px solid #e3e3e3;
}
.num_f em {
  color: #ff6e16;
  font-size: 24px;
}

.tech-acImg {
  margin: 0 0 30px -30px;
}
.tech-acImg figure {
  float: left;
  margin-left: 30px;
}
.tech-acImg figcaption {
  float: left;
  width: 420px;
  margin-left: 15px;
}
.tech-acImg h3 {
  font-size: 18px;
  background: url(../imgs/icon_diamond.png) no-repeat 0 6px;
  padding-left: 15px;
  font-weight: normal;
}

/********************************************************* company*/
.philoSection > div {
  display: inline-block;
  vertical-align: bottom;
}
.philoSection figure {
  width: 240px;
  text-align: right;
  margin-bottom: 1.5em;
}

.ecoImgs {
  text-align: center;
}
.ecoImgs figure {
  position: relative;
  border: 1px solid #ababab;
  padding: 1px;
  display: inline-block;
  margin: 0 25px 20px 25px;
}
.ecoImgs figcaption {
  position: absolute;
  bottom: 1px;
  left: 1px;
  width: 99%;
  text-align: center;
  color: #fff;
  background-color: #333;
  padding: 10px 0;
}

:root .ecoImgs figcaption {
  background-color: rgba(0, 0, 0, 0.5);
}

.gpImgs figure {
  margin-left: 10px;
  margin-right: 10px;
}

/********************************************************* faq*/
.faq {
  border: 1px solid #e1e1e1;
  padding: 2px;
  margin-bottom: 15px;
  font-size: 14px;
}
.faq dt {
  color: #398f84;
  cursor: pointer;
  font-weight: bold;
  border-left: 46px solid #398f84;
  padding: 10px 40px 10px 10px;
  position: relative;
  background: url(../imgs/icon_plustoggle.png) no-repeat 98% 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ns-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.faq dt:before {
  background: url(../imgs/icon_q.png) no-repeat;
  width: 18px;
  height: 18px;
  content: '';
  display: block;
  position: absolute;
  top: 12px;
  left: -32px;
}
.faq dt.active {
  background-image: url(../imgs/icon_minustoggle.png);
}
.faq dt:hover {
  background-color: #f5f5f5;
}
.faq dd {
  background: url(../imgs/icon_a.png) no-repeat 17px 20px;
  padding: 20px 10px 15px 56px;
  display: none;
}

/********************************************************* event*/
.eventSection {
  margin-bottom: 40px;
}
.eventSection th {
  width: 20%;
}

.eventTtl {
  font-weight: normal;
  padding: 10px 15px;
  color: #4b350b;
  font-size: 16px;
  background-color: #e9c888;
  margin-bottom: 1em;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	vertical-align: middle;
}
.eventTtl span {
  color: #715115;
  font-size: 13px;
  text-shadow: none;
}

/********************************************************* item list*/
.listItem {
  border-top: 1px solid #efefef;
  border-left: 1px solid #efefef;
}
.listItem li {
  float: left;
  width: 50%;
  font-size: 14px;
  min-height: 99px;
}
.listItem li a {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #efefef;
  border-right: 1px solid #efefef;
  background: url(../imgs/icon_arrow04.png) no-repeat 93% center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ns-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 99px;
}
.listItem li a img, .listItem li a span {
  display: inline-block;
  vertical-align: top;
}
.listItem li a span {
  width: 220px;
}
.listItem li a em {
  font-size: 15px;
  color: #2b4682;
  text-decoration: underline;
  font-weight: bold;
}
.listItem li a img {
  margin-right: 10px;
}
.listItem li a:hover {
  background-position: 95% center;
  background-color: #efefef;
}
.listItem li a:hover em {
  text-decoration: none;
}

/********************************************************* sitemap*/
.sitemap .level0 {
  font-size: 17px;
  font-weight: bold;
  background: url(../imgs/icon_arrow06.png) no-repeat 0 5px;
  padding-left: 15px;
  margin-left: 25px;
}
.sitemap a {
  text-decoration: none !important;
}
.sitemap a:hover {
  text-decoration: underline !important;
}
.sitemap .level1 > li {
  margin-bottom: 10px;
}
.sitemap .level1 > li > a {
  color: #fff !important;
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding: 10px 10px 10px 25px;
  background: url(../imgs/icon_arrow07.png) no-repeat 95% center #89c1ba;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ns-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sitemap .level1 > li > a:hover {
  background-position: 97% center;
}
.sitemap .level2 {
  padding: 15px 25px 0 25px;
}
.sitemap .level2 .leve2ttl {
  font-size: 16px;
}
.sitemap .level2 > li {
  margin-top: 10px;
}
.sitemap .level2 .level3 {
  padding: 0;
}
.sitemap .level3 {
  padding: 15px 25px 0 25px;
  margin-bottom: 25px;
}
.sitemap .level3 li {
  margin-top: 10px;
  background: url(../imgs/icon_arrow05.png) no-repeat 0 5px;
  padding-left: 10px;
}

.smCol {
  width: 335px;
}

/********************************************************* recruit*/
.recSection {
  margin-bottom: 30px;
}
.recSection .txt {
  width: 440px;
  float: left;
}

.recPR {
  background-color: #f3f3f3;
  padding: 3px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #398f84;
  margin-bottom: 30px;
}
.recPR > div {
  border: 1px solid #fff;
  padding: 20px 0;
}

.recNote {
  background-color: #f3f3f3;
  padding: 15px;
  font-size: 12px;
}

/********************************************************* contact*/
.tbTtl {
  background-color: #13709a;
  color: #fff;
  font-size: 14px;
  padding: 10px;
}

.tb01 {
  width: 100%;
  margin-bottom: 30px;
}
.tb01 thead th {
  background-color: #13709a;
  color: #fff;
  font-size: 14px;
  border: none;
  padding: 10px;
}
.tb01 th {
  padding: 10px;
  border: 1px solid #dedede;
  background-color: #f3f3f3;
  vertical-align: top;
}
.tb01 td {
  padding: 10px;
  border: 1px solid #dedede;
}

.form input[type=text], .form textarea {
  border: 1px solid #ccc;
  padding: 5px;
  background: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ns-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  vertical-align: middle;
}
.form input[type=text]:focus, .form textarea:focus {
  outline: none;
  background-color: #efefef;
  border-color: #ccc;
}
.form select {
  border: 1px solid #ccc;
  padding: 5px;
  background: #fff;
  height: 31px;
  vertical-align: middle;
}
.form .input1 {
  width: 170px;
}
.form .input2 {
  width: 95%;
}
.form .input3 {
  width: 110px;
}

.formBtn {
  text-align: center;
}

.btnPreview {
  display: inline-block;
  font-size: 18px;
  color: #fff !important;
  text-decoration: none !important;
  text-align: center;
  background-color: #e4825c;
  border: none;
  border-radius: 5px;
  width: 300px;
  padding: 10px;
  cursor: pointer;
  margin: 0 10px;
}
.btnPreview.back {
  background-color: #ccc;
}
.btnPreview.back span {
  background: url(../imgs/icon_arrow12.png) no-repeat left 2px;
  padding-left: 25px;
}
.btnPreview span {
  background: url(../imgs/icon_arrow10.png) no-repeat right 2px;
  padding-right: 25px;
}

.zenkaku {
  ime-mode: active;
}

.hankaku {
  ime-mode: inactive;
}

.errorBox {
  text-align: center;
  background-color: #ffd5ce;
  color: #bd0000;
  padding: 10px;
  width: 400px;
  margin: 0 auto 20px auto;
}

.errormsg {
  font-size: 10px;
  color: #bd0000;
  margin-top: 5px;
}

.thanks {
  background-color: #f4f4f4;
  text-align: center;
  padding: 10px;
  margin-bottom: 50px;
}
.thanks h2 {
  font-size: 20px;
  margin-bottom: 40px;
}

.thanksIn {
  padding: 35px 35px 20px 35px;
  border: 1px solid #e9e9e9;
}

.thanksBottom {
  text-align: center;
  font-size: 14px;
}
.thanksBottom p {
  margin-bottom: 1.5em;
}
.thanksBottom em {
  font-size: 20px;
  font-weight: bold;
}

a.backHome {
  font-size: 18px;
  font-weight: bold;
}

.req {
  background-color: #e4825c;
  text-align: center;
  display: inline-block;
  color: #fff;
  font-size: 10px;
  padding: 3px 5px;
  border-radius: 3px;
  letter-spacing: 2px;
}

th .req {
  float: right;
}

/********************************************************* case*/
.caseLeft .sideNavTtl {
  padding-bottom: 15px;
}
.caseLeft .sideBox {
  background-color: transparent;
}

.caseLeftItem {
  border: 1px solid #e3e3e3;
  padding: 13px;
  margin: 0 -15px;
}
.caseLeftItem ul {
  text-align: center;
}
.caseLeftItem li {
  display: inline-block;
  margin: 5px 2px 0 2px;
}

.cases a {
  display: block;
  position: absolute;
  box-sizing: border-box;
}
.cases a:hover, .cases a.active {
  border: 3px solid red;
}
.cases a span {
  display: none;
}

#case02 {
  background: url(/imgs/field-instrument/case/img_case02.jpg) no-repeat;
  width: 700px;
  height: 1211px;
  margin: 0 auto;
  position: relative;
}
#case02 .c02_01 {
  top: 9px;
  left: 90px;
  width: 93px;
  height: 116px;
}
#case02 .c02_02 {
  top: 190px;
  left: 78px;
  width: 95px;
  height: 114px;
}
#case02 .c02_03 {
  top: 386px;
  left: 78px;
  width: 95px;
  height: 114px;
}
#case02 .c02_04 {
  top: 578px;
  left: 78px;
  width: 95px;
  height: 114px;
}
#case02 .c02_05 {
  top: 1022px;
  left: 78px;
  width: 95px;
  height: 114px;
}
#case02 .c02_06 {
  top: 0;
  left: 550px;
  width: 138px;
  height: 118px;
}
#case02 .c02_07 {
  top: 11px;
  left: 328px;
  width: 96px;
  height: 117px;
}
#case02 .c02_08 {
  top: 195px;
  left: 356px;
  width: 93px;
  height: 108px;
}
#case02 .c02_09 {
  top: 578px;
  left: 449px;
  width: 98px;
  height: 120px;
}
#case02 .c02_10 {
  top: 117px;
  left: 550px;
  width: 138px;
  height: 120px;
}
#case02 .c02_11 {
  top: 9px;
  left: 437px;
  width: 105px;
  height: 101px;
}
#case02 .c02_12 {
  top: 195px;
  left: 441px;
  width: 105px;
  height: 101px;
}
#case02 .c02_13 {
  top: 236px;
  left: 551px;
  width: 136px;
  height: 106px;
}
#case02 .c02_14 {
  top: 211px;
  left: 196px;
  width: 78px;
  height: 95px;
}
#case02 .c02_15 {
  top: 340px;
  left: 551px;
  width: 137px;
  height: 121px;
}
#case02 .c02_16 {
  top: 218px;
  left: 285px;
  width: 62px;
  height: 87px;
}
#case02 .c02_17 {
  top: 461px;
  left: 551px;
  width: 138px;
  height: 119px;
}
#case02 .c02_18 {
  top: 609px;
  left: 190px;
  width: 236px;
  height: 85px;
}
#case02 .c02_19 {
  top: 579px;
  left: 550px;
  width: 139px;
  height: 123px;
}
#case02 .c02_20 {
  top: 728px;
  left: 319px;
  width: 84px;
  height: 108px;
}
#case02 .c02_21 {
  top: 877px;
  left: 365px;
  width: 82px;
  height: 105px;
}
#case02 .c02_22 {
  top: 772px;
  left: 580px;
  width: 90px;
  height: 136px;
}
#case02 .c02_23 {
  left: 207px;
  top: 1020px;
  width: 64px;
  height: 102px;
}
#case02 .c02_24 {
  left: 306px;
  top: 1045px;
  width: 62px;
  height: 84px;
}
#case02 .c02_25 {
  left: 547px;
  top: 986px;
  width: 153px;
  height: 225px;
}

#case03 {
  background: url(/imgs/field-instrument/case/img_case03.jpg) no-repeat;
  width: 840px;
  height: 720px;
  margin: 0 auto;
  position: relative;
}
#case03 .c03_01 {
  left: 767px;
  top: 33px;
  width: 65px;
  height: 148px;
}
#case03 .c03_02 {
  left: 717px;
  top: 33px;
  width: 54px;
  height: 148px;
}
#case03 .c03_03 {
  left: 583px;
  top: 33px;
  width: 113px;
  height: 148px;
}
#case03 .c03_04 {
  left: 767px;
  top: 33px;
  width: 65px;
  height: 148px;
}
#case03 .c03_05 {
  left: 506px;
  top: 33px;
  width: 59px;
  height: 148px;
}
#case03 .c03_06 {
  left: 397px;
  top: 33px;
  width: 114px;
  height: 148px;
}
#case03 .c03_07 {
  left: 207px;
  top: 33px;
  width: 169px;
  height: 148px;
}
#case03 .c03_08 {
  left: 77px;
  top: 33px;
  width: 114px;
  height: 148px;
}
#case03 .c03_09 {
  left: 11px;
  top: 33px;
  width: 55px;
  height: 148px;
}
#case03 .c03_10 {
  left: 647px;
  top: 206px;
  width: 185px;
  height: 82px;
}
#case03 .c03_11 {
  left: 6px;
  top: 622px;
  width: 97px;
  height: 89px;
}
#case03 .c03_12 {
  left: 607px;
  top: 462px;
  width: 118px;
  height: 80px;
}
#case03 .c03_13 {
  left: 447px;
  top: 300px;
  width: 68px;
  height: 91px;
}
#case03 .c03_14 {
  left: 491px;
  top: 235px;
  width: 155px;
  height: 48px;
}
#case03 .c03_15 {
  left: 220px;
  top: 633px;
  width: 147px;
  height: 70px;
}
#case03 .c03_16 {
  left: 176px;
  top: 563px;
  width: 119px;
  height: 80px;
}

#case04 {
  background: url(/imgs/field-instrument/case/img_case04.jpg) no-repeat;
  width: 840px;
  height: 633px;
  margin: 0 auto;
  position: relative;
}
#case04 .c04_01 {
  left: 1px;
  top: 57px;
  width: 147px;
  height: 122px;
}
#case04 .c04_02 {
  left: 5px;
  top: 285px;
  width: 134px;
  height: 92px;
}
#case04 .c04_03 {
  left: 130px;
  top: 547px;
  width: 154px;
  height: 86px;
}
#case04 .c04_04 {
  left: 300px;
  top: 552px;
  width: 189px;
  height: 81px;
}
#case04 .c04_05 {
  left: 5px;
  top: 402px;
  width: 135px;
  height: 88px;
}
#case04 .c04_06 {
  left: 6px;
  top: 514px;
  width: 141px;
  height: 75px;
}
#case04 .c04_07 {
  left: 490px;
  top: 148px;
  width: 134px;
  height: 150px;
}
#case04 .c04_08 {
  left: 572px;
  top: 4px;
  width: 106px;
  height: 131px;
}
#case04 .c04_09 {
  left: 682px;
  top: 4px;
  width: 143px;
  height: 148px;
}

#case05 {
  background: url(/imgs/field-instrument/case/img_case05.jpg) no-repeat;
  width: 1110px;
  height: 1130px;
  margin: 0 -135px;
  position: relative;
}
#case05 .c05_01 {
  left: 104px;
  top: 145px;
  width: 150px;
  height: 99px;
}
#case05 .c05_02 {
  left: 235px;
  top: 106px;
  width: 113px;
  height: 128px;
}
#case05 .c05_03 {
  left: 335px;
  top: 102px;
  width: 91px;
  height: 140px;
}
#case05 .c05_04 {
  left: 409px;
  top: 103px;
  width: 122px;
  height: 140px;
}
#case05 .c05_05 {
  left: 516px;
  top: 82px;
  width: 101px;
  height: 161px;
}
#case05 .c05_06 {
  left: 235px;
  top: 106px;
  width: 113px;
  height: 128px;
}
#case05 .c05_07 {
  left: 677px;
  top: 150px;
  width: 144px;
  height: 91px;
}
#case05 .c05_08 {
  left: 235px;
  top: 106px;
  width: 113px;
  height: 128px;
}
#case05 .c05_09 {
  left: 811px;
  top: 118px;
  width: 115px;
  height: 103px;
}
#case05 .c05_10 {
  left: 3px;
  top: 509px;
  width: 110px;
  height: 126px;
}
#case05 .c05_11 {
  left: 91px;
  top: 454px;
  width: 111px;
  height: 145px;
}
#case05 .c05_12 {
  left: 912px;
  top: 96px;
  width: 109px;
  height: 148px;
}
#case05 .c05_13 {
  left: 1013px;
  top: 102px;
  width: 88px;
  height: 137px;
}
#case05 .c05_14 {
  left: 160px;
  top: 496px;
  width: 96px;
  height: 134px;
}
#case05 .c05_15 {
  left: 766px;
  top: 428px;
  width: 125px;
  height: 129px;
}
#case05 .c05_16 {
  left: 888px;
  top: 394px;
  width: 92px;
  height: 128px;
}
#case05 .c05_17 {
  left: 968px;
  top: 404px;
  width: 137px;
  height: 141px;
}
#case05 .c05_18 {
  left: 767px;
  top: 571px;
  width: 125px;
  height: 127px;
}
#case05 .c05_19 {
  left: 3px;
  top: 509px;
  width: 110px;
  height: 126px;
}
#case05 .c05_20 {
  left: 875px;
  top: 548px;
  width: 114px;
  height: 153px;
}
#case05 .c05_21 {
  left: 2px;
  top: 822px;
  width: 136px;
  height: 151px;
}
#case05 .c05_22 {
  left: 963px;
  top: 566px;
  width: 144px;
  height: 133px;
}
#case05 .c05_23 {
  left: 129px;
  top: 815px;
  width: 115px;
  height: 169px;
}
#case05 .c05_24 {
  left: 937px;
  top: 713px;
  width: 168px;
  height: 83px;
}
#case05 .c05_25 {
  left: 768px;
  top: 712px;
  width: 161px;
  height: 84px;
}
#case05 .c05_26 {
  left: 294px;
  top: 817px;
  width: 125px;
  height: 154px;
}
#case05 .c05_27 {
  left: 407px;
  top: 811px;
  width: 106px;
  height: 151px;
}
#case05 .c05_28 {
  left: 297px;
  top: 982px;
  width: 114px;
  height: 142px;
}
#case05 .c05_29 {
  left: 409px;
  top: 967px;
  width: 101px;
  height: 159px;
}
#case05 .c05_30 {
  left: 588px;
  top: 855px;
  width: 100px;
  height: 138px;
}

a.tip span {
  display: none;
  padding: 2px;
  margin: -25px 0px 0px -90px;
  color: #333;
  font-size: 11px;
  background-color: #fff;
  border: 2px solid #ccc;
}

a.tip:hover span {
  position: absolute;
  display: inline;
  text-decoration: none;
}

img.preload {
  display: none;
}

/*# sourceMappingURL=pages.css.map */

.cases {
  position: relative;
  border: 1px solid #ccc;
  padding: 5px;
}

.cases .img-object-link {
  position: absolute;
  width: 221px;
  height: 133px;
  -webkit-border-radius: 39px;
  -moz-border-radius: 39px;
  border-radius: 39px;
}
.cases .img-object-link:hover {
  border: 2px solid #ff653c;
  background: rgba(0, 0, 0, 0.05);
}
.mCSB_container_wrapper {
  margin-bottom: 29px;
}

.cases .img-object-link.i-1 {
  left: 173px;
  top: 173px;
}
.cases .img-object-link.i-2 {
  left: 410px;
  top: 173px;
}
.cases .img-object-link.i-3 {
  left: 643px;
  top: 173px;
}
.cases .img-object-link.i-4 {
  left: 871px;
  top: 98px;
}
.cases .img-object-link.i-5 {
  left: 1081px;
  top: 245px;
}
.cases .img-object-link.i-6 {
  left: 1312px;
  top: 165px;
}
.cases .img-object-link.i-7 {
  left: 1538px;
  top: 135px;
}
.cases .img-object-link.i-8 {
  left: 1859px;
  top: 134px;
}
.cases .img-object-link.i-9 {
  left: 176px;
  top: 452px;
}
.cases .img-object-link.i-10 {
  left: 932px;
  top: 411px;
}
.cases .img-object-link.i-11 {
  left: 1246px;
  top: 383px;
}
.cases .img-object-link.i-12 {
  left: 1694px;
  top: 333px;
}
.cases .img-object-link.i-13 {
  left: 650px;
  top: 608px;
}
.cases .img-object-link.i-14 {
  left: 1602px;
  top: 590px;
}
.cases .img-object-link.i-15 {
  left: 1925px;
  top: 599px;
}
.cases .img-object-link.i-16 {
  left: 1602px;
  top: 751px;
}
.cases .img-object-link.i-17 {
  left: 396px;
  top: 846px;
}
.cases .img-object-link.i-18 {
  left: 646px;
  top: 846px;
}
.cases .img-object-link.i-19 {
  left: 880px;
  top: 846px;
}
.cases .img-object-link.i-20 {
  left: 1118px;
  top: 846px;
}
.cases .img-object-link.i-21 {
  left: 396px;
  top: 846px;
}
.cases .img-object-link.i-22 {
  left: 1117px;
  top: 846px;
}
.cases .img-object-link.i-23 {
  left: 1364px;
  top: 846px;
}
.cases .img-object-link.i-24 {
  left: 1918px;
  top: 827px;
  width: 222px;
}

.cases.c-2 {
  margin: 30px 0 0;
}

#case06 {
  width: 100%;
  /*min-height: 600px;*/
  padding: 1px 0 200px;

}
#case06 img {
  max-width: 100%;
}

#case07 {
  /*width: 100%;*/
  height: 600px;
  overflow: auto;
}
#case07 img {

}

#case08 {

}
#case08 img {
  max-width: 100%;
}

#iviewer {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  z-index: 1;
}

#iviewer .controls {
  position: fixed;
  top: 0;
  right: 0;
  width: 40px;
}

#iviewer .controls li {
  float: right;
  clear: right;
  position: relative;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  cursor: pointer;
  z-index: 3;
}

#iviewer .controls:hover {
  cursor: pointer;
}

#iviewer .controls .close { background-image: url('img/btn_close.png'); }
#iviewer .controls .zoomin { background-image: url('img/btn_zoomin.png'); }
#iviewer .controls .zoomout { background-image: url('img/btn_zoomout.png'); }

#iviewer .info {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  color: #ccc;
  font-size: 16px;
  padding: 0;
}

#iviewer .viewer {
  position: fixed;
  top: 0;
  left: 40px;
  z-index: 2;
  display: none;
}

#iviewer .loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: url('img/spinner.gif') no-repeat center center;
  z-index: 2;
}

.cases .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #ff524b;
}

/********************************************************* faq*/
.faqNav a {
  display: block;
  color: #fff;
  margin-bottom: 1px;
  font-size: 15px;
  background-color: #398f84;
  padding: 15px 28px 15px 15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ns-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
.faqNav a:after {
  background: url(../imgs/icon_arrow10.png) no-repeat;
  width: 19px;
  height: 16px;
  content: '';
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ns-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.faqNav a:hover {
  background-color: #0059B3;
  text-decoration: none;
}
.faqNav a:hover:after {
  opacity: 1;
}
.faqNav .current a {
  background-color: #0059B3;
}
.faqNav .current a:after {
  opacity: 1;
}

.faqCategoryList {
  padding: 0 0 0 15px;
}
.faqCategoryList li {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #efefef;
	width: 30%;
  font-size: 14px;
  min-height: 50px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.faqCategoryList li a {
  display: block;
  padding: 10px;
  width: 100%;
  min-height: 50px;
  background: url(../imgs/icon_arrow04.png) no-repeat 93% center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ns-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.faqCategoryList li a span {
	display: inline-block;
  width: 85%;
}
.faqCategoryList li a:hover {
  background-position: 95% center;
  background-color: #efefef;
}

.faqSearchArea {
  padding: 0 0 0 15px;
  font-size: 14px;
}
.faqSearchArea .cbWrap {
  margin-bottom: 15px;
}
.faqSearchArea .cbWrap label {
  padding-right: 15px;
}
.faqSearchArea .inputWrap > div {
  float: left;
}
.faqSearchArea .inputWrap > div:first-child {
  margin-right: 35px;
}
.faqSearchArea input[type=text] {
  border: 1px solid #e3e3e3;
  padding: 10px;
  background: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ns-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.faqSearchArea input[type=text]:focus {
  outline: none;
  background-color: #efefef;
  border-color: #ccc;
}
.faqSearchArea .input {
  width: 450px;
  margin: 0 2px;
}

.faqProductList {
  padding: 0 0 15px 15px;
  font-size: 12px;
  width: 100%;
}
.faqProductList li {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
  background: url(../imgs/icon_arrow05.png) no-repeat 0 5px;
  padding: 0 0 10px 10px;
  width: 20%;
}

/********************************************************* feature list*/
.featureList {
  border-top: 1px solid #efefef;
  border-left: 1px solid #efefef;
}
.featureList li {
  float: left;
  width: 50%;
  font-size: 14px;
  min-height: 99px;
  text-align: center;
}
.featureList li a {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #efefef;
  border-right: 1px solid #efefef;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ns-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 99px;
}
.featureList li a img, .featureList li a span {
  display: inline-block;
  vertical-align: top;
}
.featureList li a span {
  width: 220px;
}
.featureList li a em {
  font-size: 15px;
  color: #2b4682;
  text-decoration: underline;
  font-weight: bold;
}
.featureList li a img {
  margin-right: 10px;
}
.featureList li a:hover {
  background-position: 95% center;
  background-color: #efefef;
}
.featureList li a:hover em {
  text-decoration: none;
}


/********************************************************* �����Ɩ��̉��ړ� */
.cta {
  border: none;
  background: none;
}

.cta span {
  padding-bottom: 7px;
  letter-spacing: 4px;
  font-size: 14px;
  padding-right: 15px;
  text-transform: uppercase;
}

.cta svg {
  transform: translateX(-8px);
  transition: all 0.3s ease;
}

.cta:hover svg {
  transform: translateX(0);
}

.cta:active svg {
  transform: scale(0.9);
}

.hover-underline-animation {
  position: relative;
  color: black;
  padding-bottom: 20px;
}

.hover-underline-animation:after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #000000;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.cta:hover .hover-underline-animation:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}