@charset "Shift_JIS";

/*=========================================================


	Site Name   HDR
	File Name   mq_page_2.css

	Update Date 2016/8/9


==========================================================*/

/* Start of "Micro clearfix" */
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: '';
  display: table;
}
.clearfix:after {
  clear: both;
}
/* End of "Micro clearfix" */

/*  Common page style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

nav.mod-breadcrumbs {
  margin: 5px auto;
  background: #ffffff;
}
@media (max-width: 640px) {
}

.mod-categoryHeader {
  clear: both;
  position: relative;
  width: 902px;
  min-height: 34px;
  _height: 34px;
  margin: 16px auto 0;
  padding: 0 24px 0;
  *zoom: 1;
}
.mod-categoryHeader img {
  display: inline;
  vertical-align: middle;
  margin: -8px 6px 0 0;
  *zoom: 1;
}
.mod-categoryHeader .mod-categoryHeader-title {
  font-size: 0.923em;
  line-height: 1.2;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
@media (max-width: 640px) {
  .mod-categoryHeader {
    width: auto;
    padding: 0 10px;
    margin: 0 auto;
  }
  .mod-categoryHeader img {
    display: table-cell;
    vertical-align: middle;
    max-width: 150px;
    height: auto;
    margin-top: -5px;
  }
  .mod-categoryHeader .mod-categoryHeader-title {
    font-size: 0.786em;
    display: table-cell;
    vertical-align: middle;
    margin: 0 0 3px;
    padding: 5px 0 3px;
  }
}

div.mod-brandTopImage {
  margin-top: 0;
}
@media (max-width: 640px) {
}

div.mod-heading {
  clear: both;
}
@media (max-width: 640px) {
}

div.mod-heading h3 {
  margin-bottom: 5px;
}
@media (max-width: 640px) {
}

.mod-subHeading2 h3 {
  font-weight: bold;
}
@media (max-width: 640px) {
  .mod-subHeading2 h3 {
    font-weight: normal;
  }
}

@media (max-width: 640px) {
  .mod-categoryNavTop {
    font-size: 12px;
    width: auto;
    height: auto;
    padding: 0 7px 0 10px;
    margin: 10px 0;
    border: none;
    background: none;
    overflow: hidden;
  }
  .mod-categoryNavTop ul li a span.long-txt {
    font-size: 10px;
  }
}

.mod-seriesList a p {
  color: #43677e;
  text-decoration: none;
  background-color: transparent;
  -webkit-transition: color 0.3s ease-in;
  -moz-transition: color 0.3s ease-in;
  -ms-transition: color 0.3s ease-in;
  -o-transition: color 0.3s ease-in;
  transition: color 0.3s ease-in;
}
.mod-seriesList a p:visited {
  color: #43677e;
  background-color: transparent;
}
.mod-seriesList a p:hover,
.mod-seriesList a p:active {
  color: #c41230;
  text-decoration: underline;
  background-color: transparent;
}

.mod-seriesList .mod-seriesList-item2-wide {
  width: 740px !important;
  float: none !important;
}
@media (max-width: 640px) {
  .mod-seriesList .mod-seriesList-item2-wide {
    width: auto !important;
    float: none !important;
  }
}

.mod-seriesList a p.mod-seriesList-item2-text-intro,
.mod-seriesList a p.mod-seriesList-item2-text-intro:hover,
.mod-seriesList a p.mod-seriesList-item2-text-intro:visited {
  color: #333333;
  text-decoration: none;
}

.mod-seriesList a p.mod-seriesList-item2-text-note,
.mod-seriesList a p.mod-seriesList-item2-text-note:hover,
.mod-seriesList a p.mod-seriesList-item2-text-note:visited {
  text-decoration: none;
}

.mod-listMarkText {
  margin-left: 10px !important;
}

.mod-heading-cinealta {
  margin: 40px 0 30px;
  padding: 7px 15px;
  background: url(/cinealta/share/images/img_bg_title.jpg) no-repeat left bottom;
  border-bottom: none;
  *zoom: 1;
}
.mod-heading-cinealta h2 {
  font-size: 1.385em;
  font-weight: bold;
  float: left;
  margin: 0;
  color: #ffffff;
}

.ex-marginTopNone {
  margin-top: 0 !important;
}
.ex-marginTop10 {
  margin-top: 10px !important;
}
.ex-marginTop20 {
  margin-top: 20px !important;
}
.ex-marginTop30 {
  margin-top: 30px !important;
}
.ex-marginTop40 {
  margin-top: 40px !important;
}
.ex-marginTop50 {
  margin-top: 50px !important;
}

.ex-marginNone {
  margin: 0 !important;
}

.ex-marginBottomNone {
  margin-bottom: 0 !important;
}
.ex-marginBotton10 {
  margin-bottom: 10px !important;
}
.ex-marginBotton20 {
  margin-bottom: 20px !important;
}
.ex-marginBotton30 {
  margin-bottom: 30px !important;
}
.ex-marginBotton40 {
  margin-bottom: 40px !important;
}
.ex-marginBotton50 {
  margin-bottom: 50px !important;
}

@media (max-width: 640px) {
  .ex-marginTop10 {
    margin-top: 5px !important;
  }
  .ex-marginTop20 {
    margin-top: 10px !important;
  }
  .ex-marginTop30 {
    margin-top: 15px !important;
  }
  .ex-marginTop40 {
    margin-top: 20px !important;
  }
  .ex-marginTop50 {
    margin-top: 25px !important;
  }

  .ex-marginBotton10 {
    margin-bottom: 5px !important;
  }
  .ex-marginBotton20 {
    margin-bottom: 10px !important;
  }
  .ex-marginBotton30 {
    margin-bottom: 15px !important;
  }
  .ex-marginBotton40 {
    margin-bottom: 20px !important;
  }
  .ex-marginBotton50 {
    margin-bottom: 25px !important;
  }
}

.ex-cautionText {
  margin-left: 1em;
  text-indent: -1em;
  padding: 0 10px;
  font-size: 0.769em !important;
}
.ex-cautionColor {
  color: #cc0000;
}

dt.none {
  display: none;
}

/*  for IE6
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mod-brandTopImage {
  _margin-bottom: -20px;
}

.mod-subTitle {
  _margin-top: 0;
}

#suppport_box .mod-heading {
  margin-top: 20px;
}

/*  rightarea style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

div.mod-inc-rightarea ul.inc-bannerlist {
  list-style-type: none;
  margin: 0 0 10px;
  padding: 0;
}
@media (max-width: 640px) {
  div.mod-inc-rightarea ul.inc-bannerlist {
  }
}

div.mod-inc-rightarea ul.bannermenu {
  list-style-type: none;
}
@media (max-width: 640px) {
  div.mod-inc-rightarea ul.bannermenu {
  }
}

/*  mod-pageNav style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div.mod-pageNav {
}
@media (max-width: 640px) {
}

div.mod-pageNav ul {
  margin: 30px 0 30px 15px;
  padding: 0;
}
@media (max-width: 640px) {
}

div.mod-pageNav ul {
  zoom: 1;
}
div.mod-pageNav ul:before,
div.mod-pageNav ul:after {
  content: '';
  display: table;
}
div.mod-pageNav ul:after {
  clear: both;
}

div.mod-pageNav ul li {
  float: left;
  display: inline;
  margin: 0 30px 0.5em 0;
  padding: 0;
  list-style-type: none;
  white-space: nowrap;
}
@media (max-width: 640px) {
  div.mod-pageNav ul li {
    white-space: normal;
  }
}

div.mod-pageNav a.mod-link-pageNav,
div.mod-pageNav span.mod-link-pageNav {
  display: inline-block;
  padding-left: 11px;
  background: url(/cinealta/share/images/icon_linkmark_arrow01.gif) no-repeat 0
    48%;
}
div.mod-pageNav a.mod-link-pageNav:hover,
div.mod-pageNav a:hover span.mod-link-pageNav {
  text-decoration: none;
  opacity: 0.6;
}
@media (max-width: 640px) {
  div.mod-pageNav a.mod-link-pageNav,
  div.mod-pageNav span.mod-link-pageNav {
    font-size: 16px;
    padding-left: 15px;
    background: url(/cinealta/share/images/icon_linkmark_arrow02.gif) no-repeat
      0 48%;
  }
  div.mod-pageNav a.mod-link-pageNav:hover,
  div.mod-pageNav a:hover span.mod-link-pageNav {
    opacity: 1;
  }
  .mod-pageNav a {
    color: #43677e;
    text-decoration: none;
    background-color: transparent;
    -webkit-transition: color 0.3s ease-in;
    -moz-transition: color 0.3s ease-in;
    -ms-transition: color 0.3s ease-in;
    -o-transition: color 0.3s ease-in;
    transition: color 0.3s ease-in;
  }
  .mod-pageNav a {
    color: #43677e;
    background-color: transparent;
  }
  .mod-pageNav a:hover,
  .mod-pageNav a:active {
    color: #c41230;
    text-decoration: underline;
    background-color: transparent;
  }
}

/*  index ather style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.mod-seriesList-narrow .mod-seriesList-item2-image {
  margin-right: 20px;
}

.mod-newsTable-bgColor {
  margin: 0;
  padding: 20px 20px 30px;
  background-color: #f8f8f8;
}
.mod-newsTable-bgColor .mod-newsTable th {
  min-width: 140px;
}

/*  lineup product style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mod-product {
  clear: both;
  padding: 20px 0;
  border-top: none;
  border-bottom: 1px dotted #ccc;
  margin: 10px 0;
  *zoom: 1;
}
.mod-product-image {
  width: 200px !important;
  float: left;
  margin: 0;
}
.mod-product-image img {
  border: none !important;
}
.mod-product-text {
  width: 291px !important;
  float: left !important;
  margin: 0 30px 0 0;
}
.mod-product-text-wide {
  width: 540px !important;
  float: left !important;
  margin: 0;
}

.mod-product-icon {
  width: 234px;
  float: left;
  margin: 0;
}
.mod-product-icon-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  line-height: 0;
}
.mod-product-icon-list li {
  width: 78px;
  height: 47px;
  float: left;
  display: inline;
  overflow: hidden;
}
.mod-product-icon p {
  margin: 3px 0 0 1em;
  text-indent: -1em;
  line-height: 1.2;
}

@media (max-width: 640px) {
  .mod-product-image {
    width: auto !important;
    float: left;
  }
  .mod-product-image img {
    border: none !important;
  }
  .mod-product-text {
    width: auto !important;
    float: left !important;
    margin: 0;
  }
  .mod-product-text-wide {
    width: auto !important;
    float: left !important;
    margin: 0;
  }
  .mod-product-icon {
    width: auto;
    float: left;
    margin: 5px 0 0;
  }
}

.mod-product-icon-list {
  zoom: 1;
}
.mod-product-icon-list:before,
.mod-product-icon-list:after {
  content: '';
  display: table;
}
.mod-product-icon-list:after {
  clear: both;
}

.mod-subTitle-misc .mod-link {
  font-size: 12px;
}
@media (max-width: 640px) {
  .mod-subTitle-misc .mod-link {
    display: none;
  }
}

.mod-product-block .mod-product-table {
  border: 1px solid #ccc;
  margin: 0 0 1em;
}
.mod-product-block .mod-product-table th,
.mod-product-block .mod-product-table td {
  word-wrap: break-word;
  word-break: break-all;
  font-weight: normal;
  border: 1px solid #ccc;
  padding: 0.3em 5px;
}
.mod-product-block .mod-product-table th {
  background: #efefef;
}
@media (max-width: 640px) {
  .mod-product-block {
    margin: 0;
    padding: 0;
  }
  .mod-product-block .mod-product-table {
    font-size: 0.857em;
  }
}

span.mod-iconDiscon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: baseline;
  width: 8px;
  height: 0;
  padding: 9px 0 0;
  overflow: hidden;
  background: url(/cinealta/share/images/icon_discon.gif);
}
@media (max-width: 640px) {
  span.mod-iconDiscon {
    width: 8px;
    height: 0;
    padding: 9px 0 0;
    overflow: hidden;
  }
}

/*  lineup acc style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mod-product-noline {
  border: none;
}
.mod-product-acc-list {
  margin: 0;
  padding: 0;
}
.mod-product-acc-list {
  zoom: 1;
}
.mod-product-acc-list:before,
.mod-product-acc-list:after {
  content: '';
  display: table;
}
.mod-product-acc-list:after {
  clear: both;
}

.mod-product-acc-list ul.mod-product-acc-list-item {
  margin: 0 0 0 -6px;
  *margin: 0 0 0 0;
  padding: 0;
  list-style-type: none;
}
.mod-product-acc-list ul.mod-product-acc-list-item li {
  position: relative;
  float: left;
  display: inline;
  overflow: hidden;
  width: 184px;
  height: 275px;
  margin: 0 0 6px 6px;
  *margin: 0 0 6px 4px; /* for IE6,IE7  */
  padding: 0;
}
.mod-product-acc-list
  ul.mod-product-acc-list-item
  div.mod-product-text-productlink {
  position: absolute;
  left: 42px;
  bottom: 17px;
}

@media (max-width: 640px) {
  .mod-product-acc-list ul.mod-product-acc-list-item {
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
  }
  .mod-product-acc-list ul.mod-product-acc-list-item li {
    position: relative;
    float: left;
    display: inline;
    overflow: hidden;
    width: 174px;
    height: 260px;
    margin: 0 0 6px 6px;
    padding: 0;
  }
  .mod-product-acc-list ul.mod-product-acc-list-item li img {
    width: 174px;
    height: 260px;
  }
  .mod-product-acc-list
    ul.mod-product-acc-list-item
    div.mod-product-text-productlink {
    position: absolute;
    left: 23px;
    bottom: 12px;
  }
}
@media (max-width: 480px) {
  .mod-product-acc-list ul.mod-product-acc-list-item {
    width: 300px;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
  }
  .mod-product-acc-list ul.mod-product-acc-list-item li {
    position: relative;
    float: left;
    display: inline;
    overflow: hidden;
    width: 145px;
    height: 217px;
    margin: 0 0 6px 4px;
    padding: 0;
  }
  .mod-product-acc-list ul.mod-product-acc-list-item li img {
    width: 145px;
    height: 217px;
  }
  .mod-product-acc-list
    ul.mod-product-acc-list-item
    div.mod-product-text-productlink {
    position: absolute;
    left: 33px;
    bottom: 12px;
  }

  span.mod-linkButton001,
  a.mod-linkButton1,
  span.mod-linkButton1,
  a.mod-linkButtonExpend,
  span.mod-linkButtonExpend,
  a.mod-linkButtonClose,
  span.mod-linkButtonClose,
  a.mod-linkButtonSonyStore,
  span.mod-linkButtonSonyStore,
  a.mod-linkButtonPrev,
  span.mod-linkButtonPrev,
  a.mod-linkButtonNext,
  span.mod-linkButtonNext {
    font-size: 11px;
    padding: 2px 16px 2px 20px;
  }
}

/*  about style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mod-about-block {
  margin: 0;
}
.mod-about-block {
  zoom: 1;
}
.mod-about-block:before,
.mod-about-block:after {
  content: '';
  display: table;
}
.mod-about-block:after {
  clear: both;
}

.mod-about-block-inner {
  margin: 0;
}

.mod-about-block p {
  margin: 0 10px 30px;
  font-size: 1.077em;
  line-height: 1.6;
}

.mod-about-block .mod-about-block-center {
  text-align: center;
  margin: 0 auto 30px auto;
}
.mod-about-block .mod-about-block-center img {
  text-align: center;
}

.mod-about-block .mod-about-table {
  width: 660px;
  margin: 0 auto 10px auto;
  border: 1px solid #dddddd;
}
.mod-about-block .mod-about-table th {
  padding: 10px 8px;
  border: 1px solid #dddddd;
  background-color: #003994;
  color: #ffffff;
  font-weight: bold;
}
.mod-about-block .mod-about-table td {
  padding: 10px 8px;
  border: 1px solid #dddddd;
}
.mod-about-block .mod-about-table tr.even td {
  background-color: #f3f3f3;
}
.mod-about-block .mod-about-table td span {
  white-space: nowrap;
}

.mod-about-block .mod-about-table-caution {
  width: 660px;
  margin: 0 auto 10px auto;
  font-size: 0.769em;
}

@media (max-width: 640px) {
  .mod-about-block p {
    font-size: 1.143em;
    line-height: 1.4;
  }
  .mod-about-block .mod-about-block-center {
    margin: 0 auto 15px auto;
  }
  .mod-about-block .mod-about-block-center img {
    width: 100%;
    height: auto;
  }
  .mod-about-block .mod-about-table {
    width: 100%;
    margin: 0 0 10px 0;
    font-size: 1.143em;
  }
  .mod-about-block .mod-about-table-caution {
    width: 100%;
  }
}

/*  support style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#suppport_box ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#suppport_box ul li {
  margin: 0;
  padding: 0;
}
#suppport_box ul li img {
  margin: 0;
  padding: 0;
}
@media (max-width: 640px) {
  #suppport_box ul li {
    text-align: center;
  }
  #suppport_box ul li img {
    margin: 0 auto;
    width: auto;
    height: auto;
  }
}

#suppport_box {
  margin: 0 0 30px;
}
#suppport_box p {
  margin: 0 0 30px;
  font-size: 1.077em;
}
#suppport_box #support_column2_left {
  float: left;
  width: 560px;
}
#suppport_box #support_column2_right {
  float: right;
  width: 370px;
}
#suppport_box #support_column2_right h2 span.mod-iconNews {
  margin-right: 0.3em;
}
@media (max-width: 640px) {
  #suppport_box {
    margin: 0 0 15px;
  }
  #suppport_box #support_column2_left {
    float: none;
    width: auto;
  }
  #suppport_box #support_column2_right {
    float: none;
    width: auto;
  }
  #suppport_box p {
    font-size: 1.143em;
  }
}

#suppport_box .support_menu_left {
  float: left;
  display: inline;
  width: 180px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: 20px;
}
#suppport_box .support_menu_left li {
  margin: 0;
  *margin-left: -16px;
  padding: 0;
}
#suppport_box .support_menu_right {
  float: right;
  display: inline;
  width: 380px;
  margin-bottom: 20px;
}
#suppport_box .support_menu_right li {
  float: left;
  display: inline;
  margin-left: 10px;
  margin-bottom: 15px;
}
@media (max-width: 640px) {
  #suppport_box .support_menu_left {
    float: none;
    display: block;
    width: auto;
    margin-bottom: 5px;
  }
  #suppport_box .support_menu_left li {
    margin-left: 10px;
    text-align: left;
  }
  #suppport_box .support_menu_left li img {
    width: 140px;
    height: auto;
  }
  #suppport_box .support_menu_right {
    float: none;
    display: block;
    width: auto;
    margin: auto;
    margin-bottom: 30px;
  }
  #suppport_box .support_menu_right li {
    margin-bottom: 5px;
  }
  #suppport_box .support_menu_right li img {
    width: 140px;
    height: auto;
  }
}

#suppport_box .support_menu {
  clear: both;
  overflow: hidden;
  width: 570px;
  margin-left: -10px;
  margin-bottom: 30px;
}
#suppport_box .support_menu li {
  float: left;
  display: inline;
  width: 180px;
  margin-left: 10px;
  margin-bottom: 10px;
}
@media (max-width: 640px) {
  #suppport_box .support_menu {
    clear: both;
    overflow: hidden;
    width: auto;
    margin-left: 0;
    margin-bottom: 15px;
  }
  #suppport_box .support_menu li {
    width: auto;
    margin-bottom: 5px;
  }
  #suppport_box .support_menu li img {
    width: 140px;
    height: auto;
  }
}

.support_news {
  margin: 0 9px 30px 9px;
  font-size: 1.077em;
}
.support_news dt {
  margin: 0;
  margin-bottom: 1px;
}
.support_news dt.display-none {
  display: none;
}
.support_news dd {
  margin: 0;
  padding: 0 0 6px 10px;
  background: url(/share2/images/mod-link/ico_01.png) no-repeat scroll left
    0.3em;
  word-break: break-all;
}
@media (max-width: 640px) {
  .support_news {
    font-size: 1.143em;
  }
  .support_news dd {
    padding: 0 0 6px 10px;
    background: url(/share2/images/mod-link/ico_02.png) no-repeat scroll left
      0.3em;
  }
}

/*  support technical style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mod-support-block {
  margin: 0 0 30px;
}
.mod-support-block {
  zoom: 1;
}
.mod-support-block:before,
.mod-support-block:after {
  content: '';
  display: table;
}
.mod-support-block:after {
  clear: both;
}

.mod-support-block p {
  margin: 0 10px 30px;
  font-size: 1.077em;
  line-height: 1.6;
}
.mod-support-block .mod-support-block-center {
  text-align: center;
  margin: 0 auto 30px auto;
}
.mod-support-block .mod-support-block-center img {
  text-align: center;
}
@media (max-width: 640px) {
  .mod-support-block p {
    font-size: 1.143em;
    line-height: 1.4;
  }
  .mod-support-block .mod-support-block-center {
    margin: 0 auto 15px auto;
  }
  .mod-support-block .mod-support-block-center img {
    width: 100%;
    height: auto;
  }
}

.mod-support-block-item {
  clear: both;
  margin: 20px 0 20px -15px;
  *zoom: 1;
}
.mod-support-block-item:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}
.mod-support-block-item + .mod-support-block-item {
  margin-top: 40px;
}
.mod-support-block-item {
  clear: both;
  margin: 0 0 0 15px;
}
.mod-support-block-item a,
.mod-support-block-item a:hover,
.mod-support-block-item a:visited {
  color: #333333;
  text-decoration: none;
}
.mod-support-block-item {
  width: 735px;
  float: none;
  *display: inline;
  margin: 0 0 0 15px;
}
.mod-support-block-item-image {
  float: left;
  display: block;
}
.mod-support-block-item-text {
  width: 465px;
  float: right;
}
.mod-support-block-item-text p {
  margin: 0 0 0.5em;
}
@media (max-width: 640px) {
  .mod-support-block-item {
    clear: both;
    float: none;
    width: auto;
    margin: 10px 0;
  }
  .mod-support-block-item-image {
    float: none;
    margin: 0 0 10px;
  }
  .mod-support-block-item-image img {
    width: 100%;
    height: auto;
  }
  .mod-support-block-item-text {
    width: auto;
    float: none;
  }
  .mod-support-block-item-image img {
    display: block;
  }
}

.mod-support-block-itemRight {
  clear: both;
  margin: 20px 0 20px -15px;
  *zoom: 1;
}
.mod-support-block-itemRight:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}
.mod-support-block-itemRight + .mod-support-block-itemRight {
  margin-top: 40px;
}
.mod-support-block-itemRight {
  clear: both;
  margin: 0 0 0 15px;
}
.mod-support-block-itemRight a,
.mod-support-block-itemRight a:hover,
.mod-support-block-itemRight a:visited {
  color: #333333;
  text-decoration: none;
}
.mod-support-block-itemRight {
  width: 735px;
  float: none;
  *display: inline;
  margin: 0 0 0 10px;
}
.mod-support-block-itemRight-image {
  float: right;
  display: block;
  margin: 0 0 20px 30px;
}
.mod-support-block-itemRight-text {
}
.mod-support-block-itemRight-text p {
  margin: 0 0 0.5em;
}
@media (max-width: 640px) {
  .mod-support-block-itemRight {
    clear: both;
    float: none;
    width: auto;
    margin: 10px 0;
  }
  .mod-support-block-itemRight-image {
    float: none;
    margin: 0 0 10px 0;
  }
  .mod-support-block-itemRight-image img {
    width: 100%;
    height: auto;
  }
  .mod-support-block-itemRight-text {
    width: auto;
    float: none;
  }
  .mod-support-block-itemRight-image img {
    display: block;
  }
}

/*  support download style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mod-download-block {
  margin: 0;
  padding: 0;
}
.mod-download-block {
  zoom: 1;
}
.mod-download-block:before,
.mod-download-block:after {
  content: '';
  display: table;
}
.mod-download-block:after {
  clear: both;
}

.mod-download-block h3 {
  margin: 0 10px 20px 10px;
  padding: 0 0 5px;
  border-bottom: 1px solid #dbe0e8;
  font-size: 1.143em;
  font-weight: bold;
  color: #333333;
}
.mod-download-block p {
  font-size: 1.077em;
  line-height: 1.6;
}
.mod-download-block ul li {
  font-size: 1.077em;
  line-height: 1.6;
}
.mod-download-block .mod-listMarkText {
  font-size: 1.077em;
  line-height: 1.6;
}
.mod-download-block .mod-listMarkText li {
  margin-bottom: 0.5em;
}
.mod-download-block-text {
  margin: 0 10px 20px 10px;
}

.mod-download-block-text-inner {
  margin: 0 20px 20px 20px;
}
.mod-download-block-text-inner p img {
}
@media (max-width: 640px) {
  .mod-download-block p {
    font-size: 1.143em;
    line-height: 1.4;
  }
  .mod-download-block .mod-listMarkText {
    font-size: 1.143em;
    line-height: 1.4;
  }
  .mod-download-block .mod-listMarkText {
    font-size: 1.143em;
    line-height: 1.4;
  }
  .mod-download-block-text {
    margin: 0 10px 20px 10px;
  }
  .mod-download-block-text-inner {
    margin: 0 10px 20px 10px;
  }
  .mod-download-block-text-inner p img.mq-image {
    width: 100%;
    height: auto;
  }
}

.mod-download {
  clear: both;
  padding: 20px 0;
  border-top: none;
  border-bottom: 1px dotted #ccc;
  margin: 10px 0;
  *zoom: 1;
}
.mod-download .mod-product-image {
  width: 265px !important;
  float: left;
  display: inline;
  margin: 0;
}
.mod-download .mod-product-image img {
  border: none !important;
  margin-left: 10px;
}
.mod-download .mod-product-text {
  width: 480px !important;
  float: left !important;
  margin: 0;
}
.mod-download .mod-product-text h3 {
  margin: 0 0 5px;
}
.mod-download .mod-product-icon {
  width: auto;
  float: none;
  margin: 10px 0;
}
.mod-download .mod-product-text-lead {
  font-weight: normal !important;
}
.mod-download .mod-product-text-price {
  margin: 20px 0 !important;
  color: #990000;
}
.mod-download .mod-product-text-modelNameNote {
  margin: 0 0 20px !important;
}
.mod-download .mod-product-text .mod-iconNew {
  vertical-align: middle !important;
}
@media (max-width: 640px) {
  .mod-download .mod-product-image {
    width: 265px !important;
    float: none;
    display: block;
    margin: 0 auto;
  }
  .mod-download .mod-product-image img {
    border: none !important;
  }
  .mod-download .mod-product-text {
    width: auto !important;
    float: left !important;
    margin: 0;
  }
  .mod-download .mod-product-text h3 {
    margin: 10px 0 5px;
  }
  .mod-download .mod-product-icon {
    width: auto;
    float: none;
    margin: 5px 0;
  }
  .mod-download .mod-product-text-price {
    margin: 10px 0 !important;
    color: #990000;
  }
  .mod-download .mod-product-text-modelNameNote {
    margin: 0 0 10px !important;
  }
  .mod-download .mod-product-text .mod-iconNew {
    vertical-align: middle !important;
  }
}

.mod-seriesList .mod-product-text-price {
  margin: 10px 0 !important;
  color: #990000;
  line-height: 1.3;
}
.mod-seriesList .mod-product-text-price span.mod-iconNew {
  float: left;
  display: inline-block;
  vertical-align: baseline;
  width: 23px;
  height: 0px;
  margin: 5px 5px 0;
  padding: 23px 0px 0px;
}

@media (max-width: 640px) {
  .mod-seriesList .mod-product-text-price {
    margin: 10px 0 !important;
    color: #990000;
  }
}

.mod-seriesList-line {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 30px;
  *zoom: 1;
}
.mod-seriesList-line-none {
  padding-bottom: 30px;
  *zoom: 1;
}
@media (max-width: 640px) {
  .mod-seriesList-line {
    border-bottom: none;
    padding-bottom: 0;
  }
  .mod-seriesList-line-none {
    padding-bottom: 0;
  }
}

.mod-download div.mod-product-text-productlink-bnr {
  float: right;
  display: inline;
  width: 200px;
  margin: 20px 0 0;
  padding: 0;
  margin-left: 2em;
}
@media (max-width: 640px) {
  .mod-download div.mod-product-text-productlink-bnr {
    float: none;
    display: block;
    width: auto;
    margin: 0;
    margin: 20px 0 0;
    text-align: center;
  }
}

.mod-download-block dl.mod-download-block-table {
  width: 715px;
  margin: 0 10px;
  display: table;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-top: none;
  font-size: 1em;
}
.mod-news-block-xdcam .mod-download-block dl.mod-download-block-table {
  width: 650px;
}
.mod-download-block dl.mod-download-block-table-top {
  border-top: 1px solid #ccc;
}

.mod-download-block dl.mod-download-block-table dt {
  display: table-cell;
  width: 24%;
  margin: 0;
  padding: 1em;
  background-color: #efefef;
  vertical-align: middle;
  text-align: left;
}
.mod-download-block dl.mod-download-block-table dd {
  display: table-cell;
  width: 76%;
  margin: 0;
  padding: 1em;
  border-left: 1px solid #ccc;
  background-color: #ffffff;
  vertical-align: middle;
  text-align: left;
}
.mod-download-block dl.mod-download-block-table dt.w-half {
  width: 45%;
}
.mod-download-block dl.mod-download-block-table dd.w-half {
  width: 55%;
}

.mod-download-block dl.mod-download-block-table-cell dt {
  width: 24%;
}
.mod-download-block dl.mod-download-block-table-cell dd {
  width: 38%;
  vertical-align: top;
}
.mod-download-block dl.mod-download-block-table-cell dd.version {
  width: 24%;
  vertical-align: top;
}
.mod-download-block dl.mod-download-block-table-cell dd.function {
  width: 52%;
  vertical-align: top;
}

.mod-download-block dl.mod-download-block-table dt.ex-center {
  text-align: center;
}

.mod-download-block dl.mod-download-block-table-bgColor dt,
.mod-download-block dl.mod-download-block-table-bgColor dd {
  font-weight: bold;
  background-color: #dfdfdf;
  text-align: center;
  vertical-align: middle;
}

.mod-download-block dl.mod-download-block-table dd p {
  font-size: 1em;
  margin-bottom: 0.5em;
  line-height: 1.4;
}
.mod-download-block dl.mod-download-block-table dd p strong {
  font-size: 1.077em;
}
.mod-download-block dl.mod-download-block-table dd ul {
  margin-bottom: 1em;
  line-height: 1.4;
}
.mod-download-block dl.mod-download-block-table dd .subTitle {
  display: none;
}

.mod-download-block form#license textarea {
  width: 100%;
  height: 200px;
  font-size: 1.077em;
  font-family: sans-serif;
}

/* Safari 3以上, Chrome*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  body .mod-download-block dl.mod-download-block-table-error {
    padding-bottom: 1px;
  }
}

/* for IE8 */
head~/**/body .mod-download-block dl.mod-download-block-table-cell .ex-pdg-btm-sp01 {
  padding-bottom: 2.4em;
}
head~/**/body .mod-download-block dl.mod-download-block-table-cell .ex-pdg-btm-sp02 {
  padding-bottom: 7.2em;
}
head~/**/body .mod-download-block dl.mod-download-block-table-cell .ex-pdg-btm-sp03 {
  padding-bottom: 5.2em;
}
head~/**/body .mod-download-block dl.mod-download-block-table-cell .ex-pdg-btm-sp04 {
  padding-bottom: 4.1em;
}
head~/**/body .mod-download-block dl.mod-download-block-table-cell .ex-pdg-btm-sp05 {
  padding-bottom: 8.4em;
}
head~/**/body .mod-download-block dl.mod-download-block-table-cell .ex-pdg-btm-sp06 {
  padding-bottom: 2.4em;
}

/* for IE7 */
*:first-child + html body .mod-download-block dl.mod-download-block-table {
  width: 715px;
  display: block;
  background-color: #efefef;
}

*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table
  > dd.version-icon
  > p {
  line-height: 2.5;
}

*:first-child + html body .mod-download-block dl.mod-download-block-table dt {
  display: block;
  float: left;
  width: 24%;
  background-color: #efefef;
}
*:first-child + html body .mod-download-block dl.mod-download-block-table dd {
  display: block;
  float: left;
  width: 68%;
  background-color: #ffffff;
}

*:first-child + html .mod-download-block dl.mod-download-block-table dt.w-half {
  width: 45%;
}
*:first-child + html .mod-download-block dl.mod-download-block-table dd.w-half {
  width: 55%;
}

*:first-child
  + html
  body
  .mod-news-block-xdcam
  .mod-download-block
  dl.mod-download-block-table {
  width: 650px;
}
*:first-child
  + html
  body
  .mod-news-block-xdcam
  .mod-download-block
  dl.mod-download-block-table
  dt {
  width: 24%;
}
*:first-child
  + html
  body
  .mod-news-block-xdcam
  .mod-download-block
  dl.mod-download-block-table
  dd {
  width: 67%;
}

*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  dt {
  width: 24%;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  dd {
  width: 32%;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  dd.version {
  width: 24%;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  dd.function {
  width: 40%;
}

*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp10 {
  padding-bottom: 1em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp15 {
  padding-bottom: 1.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp20 {
  padding-bottom: 2em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp25 {
  padding-bottom: 2.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp30 {
  padding-bottom: 3em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp35 {
  padding-bottom: 3.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp40 {
  padding-bottom: 4em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp45 {
  padding-bottom: 4.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp50 {
  padding-bottom: 5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp55 {
  padding-bottom: 5.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp60 {
  padding-bottom: 6em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp65 {
  padding-bottom: 6.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp70 {
  padding-bottom: 7em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp75 {
  padding-bottom: 7.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp80 {
  padding-bottom: 8em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp85 {
  padding-bottom: 8.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp90 {
  padding-bottom: 9em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp95 {
  padding-bottom: 9.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp100 {
  padding-bottom: 10em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp105 {
  padding-bottom: 10.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp110 {
  padding-bottom: 11em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp115 {
  padding-bottom: 11.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp120 {
  padding-bottom: 12em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp125 {
  padding-bottom: 12.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp130 {
  padding-bottom: 13em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp135 {
  padding-bottom: 13.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp140 {
  padding-bottom: 14em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp145 {
  padding-bottom: 14.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp150 {
  padding-bottom: 15em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp155 {
  padding-bottom: 15.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp160 {
  padding-bottom: 16em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp165 {
  padding-bottom: 16.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp170 {
  padding-bottom: 17em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp175 {
  padding-bottom: 17.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp180 {
  padding-bottom: 18em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp185 {
  padding-bottom: 18.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp190 {
  padding-bottom: 19em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp195 {
  padding-bottom: 19.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp200 {
  padding-bottom: 20em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp205 {
  padding-bottom: 20.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp210 {
  padding-bottom: 21em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp215 {
  padding-bottom: 21.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp220 {
  padding-bottom: 22em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp225 {
  padding-bottom: 22.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp230 {
  padding-bottom: 23em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp235 {
  padding-bottom: 23.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp240 {
  padding-bottom: 24em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp245 {
  padding-bottom: 24.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp250 {
  padding-bottom: 25em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp255 {
  padding-bottom: 25.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp260 {
  padding-bottom: 26em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp265 {
  padding-bottom: 26.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp270 {
  padding-bottom: 27em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp275 {
  padding-bottom: 27.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp280 {
  padding-bottom: 28em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp285 {
  padding-bottom: 28.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp290 {
  padding-bottom: 29em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp295 {
  padding-bottom: 29.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp300 {
  padding-bottom: 30em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp305 {
  padding-bottom: 30.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp310 {
  padding-bottom: 31em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp315 {
  padding-bottom: 31.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp320 {
  padding-bottom: 32em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp325 {
  padding-bottom: 32.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp330 {
  padding-bottom: 33em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp335 {
  padding-bottom: 33.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp340 {
  padding-bottom: 34em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp345 {
  padding-bottom: 34.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp350 {
  padding-bottom: 35em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp355 {
  padding-bottom: 35.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp360 {
  padding-bottom: 36em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp365 {
  padding-bottom: 36.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp370 {
  padding-bottom: 37em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp375 {
  padding-bottom: 37.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp380 {
  padding-bottom: 38em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp385 {
  padding-bottom: 38.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp390 {
  padding-bottom: 39em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp395 {
  padding-bottom: 39.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp400 {
  padding-bottom: 40em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp405 {
  padding-bottom: 40.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp410 {
  padding-bottom: 41em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp415 {
  padding-bottom: 41.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp420 {
  padding-bottom: 42em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp425 {
  padding-bottom: 42.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp430 {
  padding-bottom: 43em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp435 {
  padding-bottom: 43.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp440 {
  padding-bottom: 44em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp445 {
  padding-bottom: 44.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp450 {
  padding-bottom: 45em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp455 {
  padding-bottom: 45.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp460 {
  padding-bottom: 46em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp465 {
  padding-bottom: 46.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp470 {
  padding-bottom: 47em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp475 {
  padding-bottom: 47.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp480 {
  padding-bottom: 48em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp485 {
  padding-bottom: 48.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp490 {
  padding-bottom: 49em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp495 {
  padding-bottom: 49.5em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp500 {
  padding-bottom: 50em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp505 {
  padding-bottom: 50.5em;
}

*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp01 {
  padding-bottom: 2.4em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp02 {
  padding-bottom: 7.2em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp03 {
  padding-bottom: 5.2em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp04 {
  padding-bottom: 4.1em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp05 {
  padding-bottom: 11em;
}
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp06 {
  padding-bottom: 2.4em;
}

/* for IE6 */
* html body .mod-download-block dl.mod-download-block-table {
  width: 715px;
  display: block;
  background-color: #efefef;
}

*
  html
  body
  .mod-download-block
  dl.mod-download-block-table
  > dd.version-icon
  > p {
  line-height: 2.5;
}

* html body .mod-download-block dl.mod-download-block-table dt {
  display: block;
  float: left;
  width: 24%;
  background-color: #efefef;
}
* html body .mod-download-block dl.mod-download-block-table dd {
  display: block;
  float: left;
  width: 68%;
  background-color: #ffffff;
}

*
  html
  body
  .mod-news-block-xdcam
  .mod-download-block
  dl.mod-download-block-table {
  width: 650px;
}
*
  html
  body
  .mod-news-block-xdcam
  .mod-download-block
  dl.mod-download-block-table
  dt {
  width: 24%;
}
*
  html
  body
  .mod-news-block-xdcam
  .mod-download-block
  dl.mod-download-block-table
  dd {
  width: 67%;
}

* html .mod-download-block dl.mod-download-block-table dt.w-half {
  width: 45%;
}
* html .mod-download-block dl.mod-download-block-table dd.w-half {
  width: 55%;
}

* html body .mod-download-block dl.mod-download-block-table-cell dt {
  width: 24%;
}
* html body .mod-download-block dl.mod-download-block-table-cell dd {
  width: 32%;
}
* html body .mod-download-block dl.mod-download-block-table-cell dd.version {
  width: 24%;
}
* html body .mod-download-block dl.mod-download-block-table-cell dd.function {
  width: 40%;
}

*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp10 {
  padding-bottom: 1em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp15 {
  padding-bottom: 1.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp20 {
  padding-bottom: 2em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp25 {
  padding-bottom: 2.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp30 {
  padding-bottom: 3em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp35 {
  padding-bottom: 3.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp40 {
  padding-bottom: 4em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp45 {
  padding-bottom: 4.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp50 {
  padding-bottom: 5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp55 {
  padding-bottom: 5.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp60 {
  padding-bottom: 6em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp65 {
  padding-bottom: 6.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp70 {
  padding-bottom: 7em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp75 {
  padding-bottom: 7.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp80 {
  padding-bottom: 8em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp85 {
  padding-bottom: 8.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp90 {
  padding-bottom: 9em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp95 {
  padding-bottom: 9.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp100 {
  padding-bottom: 10em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp105 {
  padding-bottom: 10.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp110 {
  padding-bottom: 11em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp115 {
  padding-bottom: 11.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp120 {
  padding-bottom: 12em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp125 {
  padding-bottom: 12.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp130 {
  padding-bottom: 13em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp135 {
  padding-bottom: 13.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp140 {
  padding-bottom: 14em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp145 {
  padding-bottom: 14.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp150 {
  padding-bottom: 15em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp155 {
  padding-bottom: 15.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp160 {
  padding-bottom: 16em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp165 {
  padding-bottom: 16.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp170 {
  padding-bottom: 17em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp175 {
  padding-bottom: 17.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp180 {
  padding-bottom: 18em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp185 {
  padding-bottom: 18.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp190 {
  padding-bottom: 19em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp195 {
  padding-bottom: 19.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp200 {
  padding-bottom: 20em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp205 {
  padding-bottom: 20.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp210 {
  padding-bottom: 21em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp215 {
  padding-bottom: 21.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp220 {
  padding-bottom: 22em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp225 {
  padding-bottom: 22.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp230 {
  padding-bottom: 23em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp235 {
  padding-bottom: 23.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp240 {
  padding-bottom: 24em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp245 {
  padding-bottom: 24.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp250 {
  padding-bottom: 25em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp255 {
  padding-bottom: 25.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp260 {
  padding-bottom: 26em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp265 {
  padding-bottom: 26.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp270 {
  padding-bottom: 27em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp275 {
  padding-bottom: 27.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp280 {
  padding-bottom: 28em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp285 {
  padding-bottom: 28.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp290 {
  padding-bottom: 29em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp295 {
  padding-bottom: 29.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp300 {
  padding-bottom: 30em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp305 {
  padding-bottom: 30.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp310 {
  padding-bottom: 31em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp315 {
  padding-bottom: 31.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp320 {
  padding-bottom: 32em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp325 {
  padding-bottom: 32.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp330 {
  padding-bottom: 33em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp335 {
  padding-bottom: 33.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp340 {
  padding-bottom: 34em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp345 {
  padding-bottom: 34.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp350 {
  padding-bottom: 35em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp355 {
  padding-bottom: 35.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp360 {
  padding-bottom: 36em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp365 {
  padding-bottom: 36.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp370 {
  padding-bottom: 37em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp375 {
  padding-bottom: 37.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp380 {
  padding-bottom: 38em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp385 {
  padding-bottom: 38.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp390 {
  padding-bottom: 39em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp395 {
  padding-bottom: 39.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp400 {
  padding-bottom: 40em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp405 {
  padding-bottom: 40.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp410 {
  padding-bottom: 41em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp415 {
  padding-bottom: 41.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp420 {
  padding-bottom: 42em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp425 {
  padding-bottom: 42.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp430 {
  padding-bottom: 43em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp435 {
  padding-bottom: 43.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp440 {
  padding-bottom: 44em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp445 {
  padding-bottom: 44.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp450 {
  padding-bottom: 45em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp455 {
  padding-bottom: 45.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp460 {
  padding-bottom: 46em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp465 {
  padding-bottom: 46.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp470 {
  padding-bottom: 47em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp475 {
  padding-bottom: 47.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp480 {
  padding-bottom: 48em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp485 {
  padding-bottom: 48.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp490 {
  padding-bottom: 49em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp495 {
  padding-bottom: 49.5em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp500 {
  padding-bottom: 50em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp505 {
  padding-bottom: 50.5em;
}

*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp01 {
  padding-bottom: 2.4em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp02 {
  padding-bottom: 7.2em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp03 {
  padding-bottom: 5.2em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp04 {
  padding-bottom: 4.1em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp05 {
  padding-bottom: 11em;
}
*
  html
  body
  .mod-download-block
  dl.mod-download-block-table-cell
  .ex-pdg-btm-sp06 {
  padding-bottom: 2.4em;
}

@media (max-width: 640px) {
  .mod-download-block dl.mod-download-block-table {
    width: auto;
    margin: 0;
    display: block;
    background-color: #efefef;
    border: 1px solid #ccc;
    border-top: none;
  }
  .mod-news-block-xdcam .mod-download-block dl.mod-download-block-table {
    width: auto;
  }
  .mod-download-block dl.mod-download-block-table-top {
    border-top: 1px solid #ccc;
  }
  .mod-download-block dl.mod-download-block-table dt {
    display: block;
    width: auto;
    margin: 0;
    padding: 1em;
    background-color: #efefef;
    vertical-align: middle;
    text-align: left;
    white-space: nowrap;
  }
  .mod-download-block dl.mod-download-block-table dt.display-none {
    display: none;
  }
  .mod-download-block dl.mod-download-block-table dd {
    display: block;
    width: auto;
    margin: 0;
    padding: 1em;
    border-left: none;
    border-top: 1px solid #ccc;
    background-color: #ffffff;
    vertical-align: middle;
    text-align: left;
  }

  .mod-download-block dl.mod-download-block-table dt.w-half {
    width: auto;
  }
  .mod-download-block dl.mod-download-block-table dd.w-half {
    width: auto;
  }

  .mod-download-block dl.mod-download-block-table-cell dd.version {
    width: auto;
  }
  .mod-download-block dl.mod-download-block-table-cell dd.function {
    width: auto;
  }

  .mod-download-block dl.mod-download-block-table dt.ex-center {
    text-align: left;
  }

  .mod-technical-block dl.mod-download-block-table dd.even {
    background-color: #f5f8fa;
  }
  .mod-download-block dl.mod-download-block-table dd p strong {
    font-size: 1.143em;
  }
  .mod-download-block dl.mod-download-block-table dd ul {
    margin-bottom: 1em;
    line-height: 1.4;
  }

  .mod-download-block dl.mod-download-block-table dd a.mod-link {
    font-size: 1em;
  }

  .mod-download-block form#license textarea {
    width: 100%;
    height: 100px;
    font-size: 1.077em;
    font-family: sans-serif;
  }
  .mod-download-block dl.mod-download-block-table dd .subTitle {
    display: block;
    color: #888888;
  }
}

.mod-download-block .mod-download-table {
  width: 100%;
  margin: 0 0 1em;
  border: 1px solid #ccc;
}
.mod-download-block .mod-download-table th,
.mod-download-block .mod-download-table td {
  word-wrap: break-word;
  word-break: break-all;
  font-weight: normal;
  border: 1px solid #ccc;
  padding: 0.3em 5px;
}
.mod-download-block .mod-download-table th {
  background: #efefef;
}
.mod-download-block .mod-download-table tr.title th {
  background: #dfdfdf;
}
@media (max-width: 640px) {
  .mod-download-block .mod-download-table {
    width: 95%;
    margin: 0 auto 1em;
    font-size: 0.84615em;
  }
}

.mod-download-block-table .ex-cautionText {
  display: block;
  margin-left: 1em;
  text-indent: -1em;
  padding: 0.5em 0 0;
  font-size: 0.769em !important;
}

.mod-download-block ul.ex-cautionText,
.mod-download-block ol.ex-cautionText {
  list-style-type: none;
  margin: 10px 0;
}
.mod-download-block ul.ex-cautionText li {
  list-style-type: none;
  margin-left: 1em;
  text-indent: -1em;
  padding: 0;
}
.mod-download-block ol.ex-cautionText li {
  list-style-type: none;
  margin-left: 2.75em;
  text-indent: -2.75em;
  padding: 0;
}

.mod-download-block dl.mod-download-block-btn {
  width: 100%;
  background-color: #efefef;
  border: 1px solid #ccc;
  border-top: none;
  margin: 0;
  padding: 0;
}
.mod-download-block dl.mod-download-block-btn-top {
  border-top: 1px solid #ccc;
}
.mod-download-block dl.mod-download-block-btn dt {
  font-size: 1.143em;
  font-weight: bold;
  padding: 1em 1em 0;
  text-align: center;
}
.mod-download-block dl.mod-download-block-btn dd {
  float: left;
  width: auto;
  padding: 1em 0;
}
.mod-download-block dl.mod-download-block-btn dd a.mod-linkButton1 {
  padding: 10px 20px;
}
.mod-download-block dl.mod-download-block-btn dd a.mod-linkButton1-left {
  margin: 0 0 0 7em;
}

@media (max-width: 640px) {
  .mod-download-block dl.mod-download-block-btn {
    width: 100%;
    background-color: #efefef;
    border: 1px solid #ccc;
    border-top: none;
    margin: 0;
    padding: 0 0 1em;
  }
  .mod-download-block dl.mod-download-block-btn-top {
    border-top: 1px solid #ccc;
  }
  .mod-download-block dl.mod-download-block-btn dt {
    font-size: 1.143em;
    font-weight: bold;
    padding: 1em 1em 0;
    text-align: left;
  }

  .mod-download-block dl.mod-download-block-btn dd {
    float: left;
    width: auto;
    margin: 0 0 0 1em;
    padding: 1em 0 0;
    text-align: center;
  }
  .mod-download-block dl.mod-download-block-btn dd a.mod-linkButton1 {
    width: auto;
    margin: 0 2em 0 0;
    padding: 10px 20px;
  }
  .mod-download-block dl.mod-download-block-btn dd a.mod-linkButton1-left {
    margin: 0;
  }
}

.mod-download-block dl.mod-download-block-btnEtc {
  width: 100%;
  margin: 0;
  padding: 0 0 1em;
  background-color: #efefef;
  border: 1px solid #ccc;
}
.mod-download-block dl.mod-download-block-btnEtc dt {
  font-weight: bold;
  padding: 1em;
  text-align: center;
  background-color: #ffffff;
  border-bottom: 1px solid #ccc;
}
.mod-download-block dl.mod-download-block-btnEtc dd {
  float: left;
  width: auto;
  padding: 1em 0 0;
  text-align: center;
}
.mod-download-block dl.mod-download-block-btnEtc dd a.mod-linkButton1 {
  margin: 0 0 0 2em;
  padding: 5px 20px;
}
.mod-download-block dl.mod-download-block-btnEtc dd.center {
  float: none;
  width: auto;
  margin: 0 auto;
  padding: 1em 0 0;
  text-align: center;
}
.mod-download-block dl.mod-download-block-btnEtc dd.center a.mod-linkButton1 {
  margin: 0 auto;
  padding: 5px 20px;
}

@media (max-width: 640px) {
  .mod-download-block dl.mod-download-block-btnEtc {
    width: 100%;
    margin: 0;
    padding: 0 0 1em;
    background-color: #efefef;
    border: 1px solid #ccc;
  }
  .mod-download-block dl.mod-download-block-btnEtc dt {
    font-weight: bold;
    padding: 1em;
    text-align: left;
    background-color: #ffffff;
    border-bottom: 1px solid #ccc;
  }
  .mod-download-block dl.mod-download-block-btnEtc dd {
    float: none;
    width: auto;
    margin: 0 0 0 1em;
    padding: 1em 0 0;
    text-align: left;
  }
  .mod-download-block dl.mod-download-block-btnEtc dd a.mod-linkButton1 {
    margin: 0;
    padding: 5px 20px;
  }
}

.mod-download-block dl.mod-download-block-btn2 {
  width: 100%;
  background-color: #efefef;
  border: 1px solid #ccc;
  border-top: none;
  margin: 0;
  padding: 0;
}
.mod-download-block dl.mod-download-block-btn2-top {
  border-top: 1px solid #ccc;
}
.mod-download-block dl.mod-download-block-btn2 dt {
  font-size: 1.143em;
  font-weight: bold;
  padding: 1em 1em 0;
  text-align: center;
}
.mod-download-block dl.mod-download-block-btn2 dd {
  float: left;
  width: auto;
  padding: 1em 0;
}
.mod-download-block dl.mod-download-block-btn2 dd a.mod-linkButton1 {
  padding: 10px 20px;
}
.mod-download-block dl.mod-download-block-btn2 dd a.mod-linkButton1-left {
  margin: 0 0 0 17em;
}

/* for IE7 */
*:first-child
  + html
  body
  .mod-download-block
  dl.mod-download-block-btn2
  dd
  a.mod-linkButton1-left {
  margin: 0 0 0 15em;
}

/* for IE6 */
*
  html
  body
  .mod-download-block
  dl.mod-download-block-btn2
  dd
  a.mod-linkButton1-left {
  margin: 0 0 0 12em;
}

.mod-download-block dl.mod-download-block-btn-single dd {
  float: none;
  width: auto;
  padding: 1em 0;
  text-align: center;
}

@media (max-width: 640px) {
  .mod-download-block dl.mod-download-block-btn2 {
    width: 100%;
    background-color: #efefef;
    border: 1px solid #ccc;
    border-top: none;
    margin: 0;
    padding: 0 0 1em;
  }
  .mod-download-block dl.mod-download-block-btn2-top {
    border-top: 1px solid #ccc;
  }
  .mod-download-block dl.mod-download-block-btn2 dt {
    font-size: 1.143em;
    font-weight: bold;
    padding: 1em 1em 0;
    text-align: left;
  }
  .mod-download-block dl.mod-download-block-btn2 dd {
    float: left;
    width: auto;
    margin: 0 0 0 1em;
    padding: 1em 0 0;
    text-align: center;
  }
  .mod-download-block dl.mod-download-block-btn2 dd a.mod-linkButton1 {
    width: auto;
    margin: 0 2em 0 0;
    padding: 10px 20px;
  }
  .mod-download-block dl.mod-download-block-btn2 dd a.mod-linkButton1-left {
    margin: 0;
  }

  .mod-download-block dl.mod-download-block-btn-single dd {
    float: none;
    width: auto;
    margin: 0 1em;
    padding: 1em 0;
    text-align: center;
  }
}

.mod-download-block input.mod-linkButton1 {
  padding: 8px 25px;
}
@media (max-width: 640px) {
  .mod-download-block input.mod-linkButton1 {
  }
}

span.mod-exIconBg {
  vertical-align: middle;
  color: #ffffff;
  font-size: 11px;
  line-height: 1.2;
  display: inline-block;
  margin: 0 10px 0.5em 0;
  padding: 2px 10px;
  border: 1px solid #444444;
  background: #666666;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: opacity 0.2s ease-in;
  -moz-transition: opacity 0.2s ease-in;
  -ms-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
}
span.windows {
  width: 5em;
  text-align: center;
}
span.mac {
  width: 5em;
  text-align: center;
}
/* for IE8 */
html>/**/body span.mod-exIconBg {
}

/* for IE7 */
*:first-child + html body span.mod-exIconBg {
  margin-bottom: 0;
}

/* for IE6 */
* html body span.mod-exIconBg {
  margin-bottom: 0;
}

.mod-download-block .mod-download-block-infoBox {
  margin: 20px 10px;
  padding: 10px 15px;
  border: 1px solid #cccccc;
}
.mod-download-block .mod-download-block-infoBox ul {
  width: 580px;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
}
.mod-download-block .mod-download-block-infoBox ul {
  zoom: 1;
}
.mod-download-block .mod-download-block-infoBox ul:before,
.mod-download-block .mod-download-block-infoBox ul:after {
  content: '';
  display: table;
}
.mod-download-block .mod-download-block-infoBox ul:after {
  clear: both;
}

.mod-download-block .mod-download-block-infoBox ul li {
  float: left;
  display: inline;
  width: 250px;
  margin: 0 20px;
}
.mod-download-block .mod-download-block-infoBox ul li img {
  margin: 0 0 5px;
}

@media (max-width: 640px) {
  .mod-download-block .mod-download-block-infoBox ul {
    width: auto;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
  }
  .mod-download-block .mod-download-block-infoBox ul li {
    float: none;
    display: block;
    width: auto;
    margin: 10px 0;
  }
  .mod-download-block .mod-download-block-infoBox ul li img {
    margin: 0 auto;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .mod-download-block .mod-download-block-infoBox ul li img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
  }
}

.mod-download-block .mod-download-block-pageNav {
}
.mod-download-block .mod-download-block-pageNav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.mod-download-block .mod-download-block-pageNav ul li {
}
.mod-download-block .mod-download-block-pageNav ul li a {
  display: block;
  padding-left: 11px;
  background: url(/xdcam/share/images/icon_linkmark_arrow01.gif) no-repeat 0 48%;
}

@media (max-width: 640px) {
  .mod-technical-block p img.ex-width-over {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 480px) {
  .mod-technical-block p img {
    width: 100%;
    height: auto;
  }
}

.mod-download-block-photo {
  float: right;
  margin: 0 0 30px 30px;
}
.mod-news-block-xdcam .mod-download-block-photo {
  float: right;
  margin: 0 0 0 30px;
}
.mod-download-block-photo p {
  font-size: 0.769em;
}
.mod-download-block-photo p img {
  margin: 0 0 10px;
}

@media (max-width: 640px) {
  .mod-download-block-photo {
    float: none;
    margin: 0 0 15px;
    text-align: center;
  }
  .mod-download-block-photo p {
    font-size: 0.769em;
  }
  .mod-download-block-photo p img.ex-width-over {
    width: 100%;
    height: auto;
    margin: 0 0 5px;
  }
}
@media (max-width: 480px) {
  .mod-download-block-photo {
    float: none;
    margin: 0 0 15px;
  }
  .mod-download-block-photo p {
    font-size: 0.769em;
  }
  .mod-download-block-photo p img {
    width: 100%;
    height: auto;
    margin: 0 0 5px;
  }
}

.mod-download-block .photo-box-center {
  clear: both;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.photo-box-center {
  zoom: 1;
}
.photo-box-center:before,
.photo-box-center:after {
  content: '';
  display: table;
}
.photo-box-center:after {
  clear: both;
}

.mod-download-block .photo-box-center p {
  float: left;
  display: inline;
  width: 320px;
  margin: 0 10px;
  padding: 0;
  font-size: 0.84615em;
  text-align: left;
}
.mod-download-block .photo-box-center p img {
  margin: 0;
  padding: 0;
}

.mod-download-block .photo-box-center-single p {
  float: none;
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
  font-size: 0.84615em;
  text-align: center;
}
.mod-download-block .photo-box-center-single p img {
  margin: 0;
  padding: 0;
}

@media (max-width: 640px) {
  .mod-download-block .photo-box-center {
    clear: both;
    margin: 15px auto;
    padding: 0;
    text-align: center;
  }
  .mod-download-block .photo-box-center p {
    float: left;
    display: inline;
    width: 46%;
    margin: 0 10px;
    padding: 0;
    font-size: 0.84615em;
    text-align: left;
  }
  .mod-download-block .photo-box-center p img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .mod-download-block .photo-box-center-single p {
    float: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0.84615em;
    text-align: center;
  }
  .mod-download-block .photo-box-center-single p img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .mod-download-block .photo-box-center-single p img.normal {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
  }
}
@media (max-width: 480px) {
  .mod-download-block .photo-box-center p {
    float: none;
    display: block;
    width: 100%;
    margin: 0 10px;
    padding: 0;
    font-size: 0.84615em;
    text-align: left;
  }
  .mod-download-block .photo-box-center p img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .mod-download-block .photo-box-center-single p {
    float: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0.84615em;
    text-align: center;
  }
  .mod-download-block .photo-box-center-single p img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .mod-download-block .photo-box-center-single p img.normal {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
}

/*  application style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mod-application-block p {
  margin: 0 0 30px;
  font-size: 1.077em;
  line-height: 1.6;
}
.mod-application-block .mod-application-block-center {
  text-align: center;
  margin: 0 auto 30px auto;
}
.mod-application-block .mod-application-block-center img {
}
@media (max-width: 640px) {
  .mod-application-block p {
    margin: 0 0 15px;
    font-size: 1.143em;
    line-height: 1.4;
  }
  .mod-application-block .mod-application-block-center {
    margin: 0 auto 15px auto;
  }
  .mod-application-block .mod-application-block-center img {
    width: 100%;
    height: auto;
  }
}

ul.mod-application-block-indexList {
  margin: 0 -10px;
  padding: 0;
  list-style-type: none;
}
ul.mod-application-block-indexList li {
  float: left;
  display: inline;
  margin: 0 0 15px 15px;
  padding: 0;
}
ul.mod-application-block-indexList {
  zoom: 1;
}
ul.mod-application-block-indexList:before,
ul.mod-application-block-indexList:after {
  content: '';
  display: table;
}
ul.mod-application-block-indexList:after {
  clear: both;
}
@media (max-width: 640px) {
  ul.mod-application-block-indexList {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  ul.mod-application-block-indexList li {
    float: none;
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
  }
  ul.mod-application-block-indexList li img {
    width: 100%;
    height: auto;
  }
}

.mod-application-block {
  clear: both;
  width: auto;
  padding: 0 10px;
  margin: 30px 0;
  *zoom: 1;
}
.mod-application-block:before,
.mod-application-block:after {
  content: '';
  display: table;
}
.mod-application-block:after {
  clear: both;
}
.mod-application-block-text {
}
.mod-application-block-text h3 {
  font-size: 1.692em;
  line-height: 1.2;
  margin: 0 0 0 5px;
}
@media (max-width: 640px) {
  .mod-application-block {
    padding: 0;
    margin: 15px 0;
  }
  .mod-application-block-text {
  }
  .mod-application-block-text h3 {
    font-size: 1.692em;
    line-height: 1.2;
    margin: 15px 0;
  }
}

.mod-application-block .mod-application-table {
  border: 1px solid #ccc;
  margin: 0 0 1em;
}
.mod-application-block .mod-application-table th,
.mod-application-block .mod-application-table td {
  word-wrap: break-word;
  word-break: break-all;
  font-weight: normal;
  border: 1px solid #ccc;
  padding: 0.3em 5px;
}
.mod-application-block .mod-application-table th {
  background: #efefef;
}
@media (max-width: 640px) {
  .mod-application-block {
    margin: 0;
    padding: 0;
  }
  .mod-application-block .mod-application-table {
    font-size: 0.857em;
  }
}

/*  feature style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mod-feature-block {
  margin: 0 0 20px;
}
.mod-feature-block {
  zoom: 1;
}
.mod-feature-block:before,
.mod-feature-block:after {
  content: '';
  display: table;
}
.mod-feature-block:after {
  clear: both;
}

.mod-feature-block-inner {
  margin: 0;
}

.mod-feature-block p {
  margin: 0 10px 30px;
  font-size: 1.077em;
  line-height: 1.6;
}

.mod-feature-block h3 {
  margin: 0 10px 20px 10px;
  padding: 0 0 5px;
  border-bottom: 1px solid #dbe0e8;
  font-size: 1.143em;
  font-weight: bold;
  color: #333333;
}

.mod-feature-block h3.mod-feature-block-title {
  margin: 10px 10px 20px 10px;
  padding: 8px 5px 5px 5px;
  background-color: #eaeaea;
  font-size: 1.143em;
  font-weight: bold;
  color: #003994;
}
.mod-feature-block h3.mod-feature-block-title img {
  margin: 0 10px 0.2em 10px;
  vertical-align: middle;
}

.mod-feature-block .mod-feature-block-center {
  text-align: center;
  margin: 0 auto 30px auto;
}
.mod-feature-block .mod-feature-block-center img {
  margin: 0 0 10px;
  text-align: center;
}

.mod-feature-block .mod-feature-block-photo {
  float: right;
  margin: 0 0 30px 30px;
}
.mod-feature-block .mod-feature-block-photo p {
  font-size: 0.769em;
}
.mod-feature-block .mod-feature-block-photo p img {
  margin: 0 0 10px;
}

@media (max-width: 640px) {
  .mod-feature-block p {
    font-size: 1.143em;
    line-height: 1.4;
  }
  .mod-feature-block .mod-feature-block-center {
    margin: 0 auto 15px auto;
  }
  .mod-feature-block .mod-feature-block-center img {
    width: 100%;
    height: auto;
  }

  .mod-feature-block .mod-feature-block-photo {
    float: none;
    margin: 0 auto 15px auto;
  }
  .mod-feature-block .mod-feature-block-photo p {
    font-size: 0.769em;
  }
  .mod-feature-block .mod-feature-block-photo p img {
    width: 100%;
    height: auto;
    margin: 0 0 5px;
  }

  .mod-feature-block h3.mod-feature-block-title {
    padding-left: 40px;
    text-indent: -40px;
  }
}

/*  movie style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mod-movie-block {
  width: 640px;
  height: 360px;
  margin: 0 auto 30px;
  padding: 0;
}
.mod-movie-block-480 {
  display: none;
}
.mod-movie-block-320 {
  display: none;
}

@media (max-width: 640px) {
  .mod-movie-block {
    display: block;
    width: 480px;
    height: 270px;
    margin: 0 auto 30px;
    padding: 0;
  }
  .mod-movie-block iframe {
    display: block;
    width: 480px;
    height: 270px;
    margin: 0 auto 30px;
    padding: 0;
  }
  .mod-movie-block-480 {
    display: block;
    width: 480px;
    height: 270px;
    margin: 0 auto 30px;
    padding: 0;
  }
  .mod-movie-block-320 {
    display: none;
  }
}

@media (max-width: 480px) {
  .mod-movie-block {
    display: block;
    width: 300px;
    height: 169px;
    margin: 0 auto 30px;
    padding: 0;
  }
  .mod-movie-block iframe {
    display: block;
    width: 300px;
    height: 169px;
    margin: 0 auto 30px;
    padding: 0;
  }
  .mod-movie-block-480 {
    display: none;
  }
  .mod-movie-block-320 {
    display: block;
    width: 300px;
    height: 169px;
    margin: 0 auto 30px;
    padding: 0;
  }
}

/*  system style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mod-system-block {
  margin: 0;
}
.mod-system-block {
  zoom: 1;
}
.mod-system-block:before,
.mod-system-block:after {
  content: '';
  display: table;
}
.mod-system-block:after {
  clear: both;
}

.mod-system-block-inner {
  margin: 0;
}

.mod-system-block p {
  margin: 0 10px 30px;
  font-size: 1.077em;
  line-height: 1.6;
}

.mod-system-block h3 {
  margin: 0 10px 20px 10px;
  padding: 0 0 5px;
  border-bottom: 1px solid #dbe0e8;
  font-size: 1.143em;
  font-weight: bold;
  color: #003994;
}

.mod-system-block .mod-system-block-center {
  text-align: center;
  margin: 0 auto 30px auto;
}
.mod-system-block .mod-system-block-center img {
  margin: 0 0 10px;
  text-align: center;
}

.mod-system-block #system_flow .mod-include-flash {
  width: 530px;
  height: 533px;
  margin: auto;
  text-align: center;
}

@media (max-width: 640px) {
  .mod-system-block p {
    font-size: 1.143em;
    line-height: 1.4;
  }
  .mod-system-block .mod-system-block-center {
    margin: 0 auto 15px auto;
  }
  .mod-system-block .mod-system-block-center img {
    width: 100%;
    height: auto;
  }
}

/*  sample style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* index style */
.mod-sample-block {
  clear: both;
  width: auto;
  padding: 0 10px;
  margin: 30px 0;
  *zoom: 1;
}
.mod-sample-block:before,
.mod-application-block:after {
  content: '';
  display: table;
}
.mod-sample-block:after {
  clear: both;
}
.mod-sample-block-text {
}
.mod-sample-block-text h3 {
  font-size: 1.692em;
  line-height: 1.2;
  margin: 0 0 0 5px;
}
@media (max-width: 640px) {
  .mod-sample-block {
    padding: 0;
    margin: 15px 0;
  }
  .mod-sample-block-text {
  }
  .mod-sample-block-text h3 {
    font-size: 1.692em;
    line-height: 1.2;
    margin: 15px 0;
  }
}

.mod-sample-block div.line-box {
  margin: 0 0 2em;
  padding: 0 0 2em;
  border-bottom: 1px solid #dedede;
}
.mod-sample-block div.none {
  margin: 0 0 2em;
  padding: 0;
  border-bottom: none;
}

.mod-sample-block div.sample-box {
  float: left;
  display: inline;
  width: 357px;
  margin: 0;
  padding: 0;
}
.mod-sample-block div.sample-box-left {
  margin: 0;
  padding: 0;
  width: 362px;
  border-right: 1px dotted #dedede;
}
.mod-sample-block div.sample-box-right {
  margin: 0 0 0 15px;
  padding: 0;
}

.mod-sample-block div.photo-box {
  float: left;
  display: inline;
  width: 110px;
}
.mod-sample-block div.photo-box-r {
  float: right;
  display: inline;
  width: 300px;
}
.mod-sample-block div.text-box {
  float: right;
  display: inline;
  width: 235px;
  line-height: 1.3;
}
.mod-sample-block div.sample-box-left div.text-box {
  width: 235px;
  margin-right: 5px;
}

.mod-sample-block div.text-box h3 {
  margin: 0;
  padding: 0;
  font-size: 1.15em;
  font-weight: bold;
}
.mod-sample-block div.text-box h3 img {
  vertical-align: middle;
}
.mod-sample-block div.text-box p {
  margin: 0.5em 0 0;
  padding: 0;
}
.mod-sample-block div.text-box p.caution {
  font-size: 0.75em;
  color: #666666;
}
.mod-sample-block div.text-box p.linkbtn {
  margin: 0.75em 0 0;
  padding: 0 10px 0 0;
  text-align: right;
}
.mod-sample-block div.sample-box-left h3,
.mod-sample-block div.sample-box-left p {
  padding: 0 10px 0 0;
}

.mod-sample-block div.icon-box {
  margin: 0.5em 0 0;
  padding: 0;
}
.mod-sample-block div.icon-box ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.mod-sample-block div.icon-box ul li {
  display: inline-block;
  margin: 0 0 4px;
  padding: 2px 4px 1px;
  background: #c1b28f;
  font-size: 0.846em;
  color: #ffffff;
}

/* for IE */
*:first-child + html body .mod-sample-block div.icon-box ul li {
  display: inline;
  margin: 0 2px 0 0;
}

/* for IE6 */
* html body .mod-sample-block div.icon-box ul li {
  display: inline;
  margin: 0 2px 0 0;
}

.mod-sample-block span.mod-iconNew {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 13px;
  margin: 0 0 2px 5px;
  padding: 0;
  background: transparent url(/cinealta/sample/images/icon_mark_new.png)
    no-repeat 0 0;
  overflow: hidden;
  font-size: 0;
  text-indent: -9999px;
}

.mod-seriesList-item2-text span.mod-iconNew2 {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 13px;
  margin: 0 0 2px 5px;
  padding: 0;
  background: transparent url(/cinealta/sample/images/icon_mark_new.png)
    no-repeat 0 0;
  overflow: hidden;
  font-size: 0;
  text-indent: -9999px;
}

span.mod-iconPDF {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin: 0 0 0 5px;
  padding: 0;
  background: transparent url(../images/icon_mark_pdf-dl.png) no-repeat 0 0;
  overflow: hidden;
  font-size: 0;
  text-indent: -9999px;
}

.mod-sample-block div.sample-index-box div.photo-box {
  float: left;
  display: inline;
  width: 315px;
}
.mod-sample-block div.sample-index-box div.text-box {
  float: right;
  display: inline;
  width: 420px;
  line-height: 1.3;
}
.mod-sample-block div.sample-index-box div.text-box h3 {
  margin: 0 0 1em;
  padding-left: 8px;
  border-left: 4px solid #c59d3b;
}
.mod-sample-block div.sample-index-box div.text-box p {
  margin: 1em 0 0;
}
.mod-sample-block div.sample-index-box div.text-box p.linkbtn {
  margin: 1em 0 0;
  text-align: left;
}
.mod-sample-block div.sample-index-box div.text-box p.ex-cautionText {
  padding-left: 1em;
}

@media (max-width: 640px) {
  .mod-sample-block div.line-box {
    margin: 0 0 20px;
    padding: 0 10px;
    border-bottom: none;
  }

  .mod-sample-block div.sample-box {
    float: none;
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
  }
  .mod-sample-block div.sample-box-left {
    margin: 0 0 20px;
    padding: 0 0 20px;
    width: auto;
    border-right: none;
    border-bottom: 1px solid #dedede;
  }
  .mod-sample-block div.sample-box-right {
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #dedede;
  }

  .mod-sample-block div.photo-box {
    float: left;
    display: inline;
    width: 110px;
    margin-right: 15px;
  }
  .mod-sample-block div.text-box {
    float: none;
    display: block;
    width: auto;
    margin-left: 125px;
  }
  .mod-sample-block div.sample-box-left div.text-box {
    width: auto;
    margin-right: 0;
  }

  .mod-sample-block div.icon-box {
  }
  .mod-sample-block div.sample-index-box div.icon-box {
    padding-left: 12px;
  }
  .mod-sample-block div.icon-box ul {
  }
  .mod-sample-block div.icon-box ul li {
    margin-bottom: 2px;
    padding: 2px 4px;
    line-height: 1;
  }

  .mod-sample-block div.sample-index-box {
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #dedede;
  }
  .mod-sample-block div.sample-index-box div.photo-box {
    float: left;
    display: inline;
    width: 300px;
    margin-right: 0;
  }
  .mod-sample-block div.sample-index-box div.text-box {
    float: none;
    display: block;
    width: auto;
    margin-left: 300px;
    line-height: 1.3;
  }
  .mod-sample-block div.sample-index-box div.photo-box p {
  }
  .mod-sample-block div.sample-index-box div.text-box p {
    padding-left: 12px;
  }
  .mod-sample-block div.sample-index-box div.text-box p.ex-cautionText {
    padding-left: 24px;
  }
}
@media (max-width: 480px) {
  .mod-sample-block div.sample-index-box div.photo-box {
    float: none;
    display: block;
    width: auto;
    text-align: center;
    margin-bottom: 1em;
  }
  .mod-sample-block div.sample-index-box div.text-box {
    float: none;
    display: block;
    width: auto;
    margin-left: 0;
    line-height: 1.3;
  }
}

/* index リンク色設定 */
.mod-sample-block div.sample-box a,
.mod-sample-block div.sample-box a:link {
  text-decoration: none;
  background-color: transparent;
  color: #333;
  cursor: pointer;
  *zoom: 1;
  *z-index: 1;
}
.mod-sample-block div.sample-box a:visited {
  background-color: transparent;
  color: #333;
  cursor: pointer;
  *zoom: 1;
}
.mod-sample-block div.sample-box a:hover,
.mod-sample-block div.sample-box a:active {
  background-color: transparent;
  color: #333;
  text-decoration: underline;
  cursor: pointer;
  *zoom: 1;
}

.mod-sample-block div.sample-box a h3,
.mod-sample-block div.sample-box a:link h3 {
  text-decoration: none;
  background-color: transparent;
  color: #43677e !important;
  cursor: pointer;
  *zoom: 1;
}
.mod-sample-block div.sample-box a:visited h3 {
  background-color: transparent;
  color: #43677e !important;
  cursor: pointer;
  *zoom: 1;
}
.mod-sample-block div.sample-box a:hover h3,
.mod-sample-block div.sample-box a:active h3 {
  background-color: transparent;
  color: #c41230 !important;
  text-decoration: underline;
  cursor: pointer;
  *zoom: 1;
}

.mod-sample-block div.sample-box img {
  position: relative;
  display: inline;
  *zoom: 1;
  *z-index: -1;
}

/* detail style */

.mod-sample-block div.mod-heading {
  margin: 40px 0px 10px;
  padding: 0.5em 5px 0 10px;
  /*background: #259F9F;*/
  font-size: 1.077em;
  border-bottom: none;
}
.mod-sample-block div.mod-heading h3 {
  margin: 0;
  padding: 0;
}

@media (max-width: 640px) {
}

.mod-sample-block .sample-detail-box {
  clear: both;
  margin: 30px 10px;
}
.mod-sample-block .sample-detail-box .none {
  display: none;
}

.mod-sample-block .sample-detail-title {
  margin: 0;
  padding: 0;
}
.mod-sample-block .sample-detail-title {
  zoom: 1;
}
.mod-sample-block .sample-detail-title:before,
.mod-sample-block .sample-detail-title:after {
  content: '';
  display: table;
}
.mod-sample-block .sample-detail-title:after {
  clear: both;
}

.mod-sample-block .sample-detail-title h2 {
  float: left;
  display: inline;
  margin: 0;
  padding: 0px;
  margin-right: 15px;
  font-size: 1.692em;
  font-weight: bold;
  line-height: 1.2;
}
.mod-sample-block .sample-detail-title p.category {
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
  margin-right: 10px;
  margin-top: 0.35em;
}
.mod-sample-block .sample-detail-title p.pdf-download {
  float: right;
  display: inline;
  margin: 0;
  padding: 0;
  margin-top: 0.25em;
}
.mod-sample-block .sample-detail-title p.date {
  float: right;
  display: inline;
  margin: 0;
  padding: 0;
  margin-top: 0.25em;
}

.mod-sample-block .sample-detail-catch {
  margin: 0 !important;
  padding: 0;
}

.mod-sample-block .sample-detail-box p.sub-title {
  margin: 30px 0 30px 15px;
  padding: 0;
  line-height: 1.2;
  font-size: 1.38462em;
  font-weight: normal;
}

.mod-sample-block .sample-detail-box p.catch-txt {
  margin: 30px 0;
  padding: 5px 8px;
  line-height: 1.8;
  font-size: 1.2em;
  font-weight: normal;
  background: #f0f0f0;
}

.mod-sample-block .mod-heading {
}
.mod-sample-block .mod-heading h3 {
  /*color: #fff;*/
}
.mod-sample-block .mod-heading h3 span.pen {
  background: linear-gradient(transparent 60%, #8ed9d2 0%);
}
.mod-sample-block .sample-detail-box p {
  margin: 8px 0;
  padding: 0;
  font-size: 1.077em;
  line-height: 1.6;
}

.mod-sample-block div.sample-detail-corporate {
  margin: 0;
  padding: 10px 20px;
  background: #efefef url(/xdcam/sample/images/icon_bg_corporate.jpg) no-repeat
    left bottom;
}

/* for IE */
*:first-child + html body .mod-sample-block div.sample-detail-corporate {
  padding-top: 25px;
}

/* for IE6 */
* html body .mod-sample-block div.sample-detail-corporate {
  padding-top: 25px;
}

.mod-sample-block div.sample-detail-corporate dl {
  position: relative;
  width: 695px;
  height: auto;
}
.mod-sample-block div.sample-detail-corporate dl dt {
  float: right;
  display: inline;
  width: 370px;
  margin: 0 0 0 325px;
  font-weight: bold;
  margin-bottom: 1em;
}
.mod-sample-block div.sample-detail-corporate dl dd {
  margin: 0 0 0 0px;
}

.mod-sample-block .sample-detail-corporate p.left {
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
  display: block;
  width: 64%;
  float: left;
}
.mod-sample-block .sample-detail-corporate p.right {
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
  display: block;
  width: 64%;
  float: right;
}

.mod-sample-block div.sample-detail-corporate dl dd div.photo-box {
  top: 0;
  left: 0;
  width: 300px;
}
.mod-sample-block div.sample-detail-corporate dl dd div.photo-box p {
  width: 300px;
  margin-bottom: 10px;
  line-height: 1.3;
  font-size: 0.84615em;
}
.mod-sample-block div.sample-detail-corporate dl dd div.photo-box p img {
  margin-bottom: 5px;
}

.mod-sample-block .sample-detail-box .photo-box-center {
  clear: both;
  margin: 30px auto;
  padding: 0;
  text-align: center;
}
.mod-sample-block .sample-detail-box .photo-box-center p {
  margin: 0 auto;
  padding: 0;
  font-size: 0.84615em;
  text-align: left;
  line-height: 1.3;
}
.mod-sample-block .sample-detail-box .photo-box-center p.left {
  text-align: left;
}
.mod-sample-block .sample-detail-box .photo-box-center p.right {
  text-align: right;
}
.mod-sample-block .sample-detail-box .photo-box-center p img {
  margin: 0 0 5px;
  padding: 0;
}

.mod-sample-block .sample-detail-box .photo-box-left {
  float: left;
  display: inline;
  margin: 0 30px 30px 0;
  padding: 0;
}
.mod-sample-block .sample-detail-box .photo-box-left p {
  width: 400px;
  margin: 0 0 15px;
  padding: 0;
  font-size: 0.84615em;
  line-height: 1.3;
}
.mod-sample-block .sample-detail-box .photo-box-left p img {
  margin: 0 0 5px;
  padding: 0;
}

.mod-sample-block .sample-detail-box .photo-box-right {
  float: right;
  display: inline;
  margin: 0 0 30px 30px;
  padding: 0;
}
.mod-sample-block .sample-detail-box .photo-box-right p {
  width: 400px;
  margin: 0 0 15px;
  padding: 0;
  font-size: 0.84615em;
  line-height: 1.3;
}
.mod-sample-block .sample-detail-box .photo-box-right p img {
  margin: 0 0 5px;
  padding: 0;
}

.mod-sample-block .sample-detail-box .w200 {
  width: 200px !important;
}
.mod-sample-block .sample-detail-box .w450 {
  width: 450px !important;
}
.mod-sample-block .sample-detail-box .w480 {
  width: 480px !important;
}

.mod-sample-block .sample-detail-box .photo-box-double {
  clear: both;
  margin: 30px auto;
  padding: 0;
  text-align: center;
}
.mod-sample-block .sample-detail-box .photo-box-double p {
  float: left;
  display: inline;
  width: 335px;
  margin: 0 10px;
  padding: 0;
  font-size: 0.84615em;
  text-align: left;
  line-height: 1.3;
}
.mod-sample-block .sample-detail-box .photo-box-double p img {
  margin: 0 0 5px;
  padding: 0;
}

.mod-sample-block .sample-detail-profile,
.mod-sample-block .sample-detail-profile-150 {
  padding: 20px 10px;
  border: 5px solid #efefef;
}
.mod-sample-block .sample-detail-company {
  padding: 20px;
  border: 2px solid #dddddd;
  background: #efefef;
}
.mod-sample-block .sample-detail-profile {
  zoom: 1;
  margin-left: -10px;
  margin-right: -10px;
}
.mod-sample-block .sample-detail-profile-150 {
  zoom: 1;
  margin-left: -10px;
  margin-right: 150px;
}
.mod-sample-block .sample-detail-profile:before,
.mod-sample-block .sample-detail-profile:after {
  content: '';
  display: table;
}
.mod-sample-block .sample-detail-profile:before-150,
.mod-sample-block .sample-detail-profile-150:after {
  content: '';
  display: table;
}
.mod-sample-block .sample-detail-profile:after {
  clear: both;
}
.mod-sample-block .sample-detail-profile-150:after {
  clear: both;
}
.mod-sample-block .sample-detail-company {
  zoom: 1;
  margin-left: -10px;
  margin-right: -10px;
}
.mod-sample-block .sample-detail-company:before,
.mod-sample-block .sample-detail-company:after {
  content: '';
  display: table;
}
.mod-sample-block .sample-detail-company:after {
  clear: both;
}

.mod-sample-block .sample-detail-profile dl,
.mod-sample-block .sample-detail-profile-150 dl {
  margin: 0;
  padding: 0;
}
.mod-sample-block .sample-detail-profile dl dt,
.mod-sample-block .sample-detail-profile-150 dl dt {
  float: left;
  display: inline;
  width: 180px;
  margin-right: 25px;
}
.mod-sample-block .sample-detail-profile dl dd,
.mod-sample-block .sample-detail-profile-150 dl dd {
  margin: 0 0 0 205px;
  padding: 0;
}
.mod-sample-block .sample-detail-profile dl dt.mw200 {
  float: left;
  display: inline;
  width: 200px;
  margin-right: 25px;
}
.mod-sample-block .sample-detail-profile dl dd.mw200 {
  margin: 0 0 0 225px;
  padding: 0;
}
.mod-sample-block .sample-detail-profile dl dt.none {
  display: none;
}
.mod-sample-block .sample-detail-profile dl dd.no-photo {
  margin: 0;
  padding: 0;
}
.mod-sample-block .sample-detail-profile dl dd p,
.mod-sample-block .sample-detail-profile-150 dl dd p {
  margin: 0;
  padding: 0;
}
.mod-sample-block .sample-detail-profile dl dd p.title,
.mod-sample-block .sample-detail-profile-150 dl dd p.title {
  margin: 0 0 1em;
  padding: 0;
}
.mod-sample-block .sample-detail-profile dl dd p a,
.mod-sample-block .sample-detail-profile-150 dl dd p a {
  margin-top: 1em;
}

@media (max-width: 640px) {
  .mod-sample-block div.photo-box-r {
    float: none;
  }

  .mod-sample-block .mod-heading {
    margin-left: 10px;
    padding-right: 10px;
  }
  .mod-sample-block .sample-detail-box {
    margin-left: 10px;
    padding-right: 10px;
  }

  .mod-sample-block .sample-detail-box p {
    font-size: 1.143em;
    line-height: 1.4;
  }

  .mod-sample-block .sample-detail-title {
    margin: 15px 10px;
    padding: 0;
  }
  .mod-sample-block .sample-detail-title p.category {
    float: left;
    display: inline;
    margin: 0 0 15px;
    padding: 0;
    margin-right: 10px;
    margin-top: 0.35em;
  }
  .mod-sample-block .sample-detail-title p.pdf-download {
    float: none;
    display: block;
    margin: 0;
  }
  .mod-sample-block .sample-detail-box p.catch-txt {
    margin: 30px 0;
  }

  .mod-sample-block div.sample-detail-corporate {
    margin: 0px;
  }
  .mod-sample-block div.sample-detail-corporate dl,
  .mod-sample-block div.sample-detail-corporate dl.single {
    width: auto;
  }
  .mod-sample-block div.sample-detail-corporate dl dt,
  .mod-sample-block div.sample-detail-corporate dl.single dt {
    display: none;
  }
  .mod-sample-block div.sample-detail-corporate dl dd,
  .mod-sample-block div.sample-detail-corporate dl.single dd {
    margin: 0;
  }

  .mod-sample-block div.sample-detail-corporate dl dd p {
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
  }
  .mod-sample-block div.sample-detail-corporate dl dd div.photo-box {
    position: relative;
    float: left;
    display: inline;
    width: 315px;
  }
  .mod-sample-block div.sample-detail-corporate dl.single dd div.photo-box {
    position: relative;
    float: left;
    display: inline;
    width: 215px;
  }
  .mod-sample-block div.sample-detail-corporate dl dd div.photo-box p {
    width: 300px;
  }
  .mod-sample-block div.sample-detail-corporate dl.single dd div.photo-box p {
    width: 200px;
  }
  .mod-sample-block div.sample-detail-corporate dl dd div.photo-box p img {
  }

  .mod-sample-block .sample-detail-box .photo-box-left {
    float: none;
    display: block;
    margin: 30px 0;
  }
  .mod-sample-block .sample-detail-box .photo-box-left p {
    width: 400px;
    margin: 0 auto 15px;
  }
  .mod-sample-block .sample-detail-box .photo-box-left p img {
  }

  .mod-sample-block .sample-detail-box .photo-box-right {
    float: none;
    display: block;
    margin: 30px 0;
    padding: 0;
  }
  .mod-sample-block .sample-detail-box .photo-box-right p {
    width: 400px;
    margin: 0 auto 15px;
  }
  .mod-sample-block .sample-detail-box .photo-box-right p img {
  }

  .mod-sample-block .sample-detail-profile,
  .mod-sample-block .sample-detail-profile-150 {
    margin-right: 10px;
  }

  .mod-sample-block .sample-detail-profile dl dt,
  .mod-sample-block .sample-detail-profile-150 dl dt {
    float: left;
    display: inline;
    width: 180px;
    margin-right: 0;
  }
  .mod-sample-block .sample-detail-profile dl dd,
  .mod-sample-block .sample-detail-profile-150 dl dd {
    margin: 0 0 0 205px !important;
    padding: 0;
  }

  .mod-sample-block .sample-detail-profile dl dt.none {
    display: none !important;
  }
  .mod-sample-block .sample-detail-profile dl dd.no-photo {
    margin: 0 !important;
    padding: 0 !important;
  }

  .mod-sample-block .sample-detail-box .w200 {
    width: 90% !important;
    text-align: center;
  }
  .mod-sample-block .sample-detail-box .w200 img {
  }
  .mod-sample-block .sample-detail-box .w450 {
    width: 400px !important;
  }
  .mod-sample-block .sample-detail-box .w450 img {
    width: 400px !important;
    height: auto !important;
  }
  .mod-sample-block .sample-detail-box .w480 {
    width: 400px !important;
  }
  .mod-sample-block .sample-detail-box .w480 img {
    width: 400px !important;
    height: auto !important;
  }

  .mod-sample-block .sample-detail-box .photo-box-double p {
    float: left;
    display: inline;
    width: 48%;
    margin: 0 1%;
  }
  .mod-sample-block .sample-detail-box .photo-box-double p img {
    width: 100%;
    height: auto;
  }

  /*20140312 追記*/
  .mod-sample-block .sample-detail-box .photo-box-center p img {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 480px) {
  /*
	.mod-sample-block .sample-detail-title h2 br {
		display: none;
	}
*/

  .mod-sample-block .sample-detail-title p.category {
    float: left;
    display: inline;
    margin: 15px 0 0;
    padding: 0;
    margin-right: 10px;
  }
  .mod-sample-block .sample-detail-title p.pdf-download {
    float: left;
    display: inline;
    margin: 12px 0 0;
  }

  .mod-sample-block div.sample-detail-corporate dl dd {
    margin: 0;
  }

  .mod-sample-block div.sample-detail-corporate dl dd,
  .mod-sample-block div.sample-detail-corporate dl.single dd {
    margin: 0;
  }
  .mod-sample-block div.sample-detail-corporate dl dd div.photo-box {
    position: relative;
    float: left;
    display: inline;
    width: auto;
  }
  .mod-sample-block div.sample-detail-corporate dl dd div.photo-box p {
    width: auto;
  }
  .mod-sample-block div.sample-detail-corporate dl dd div.photo-box p img {
    width: 100%;
    height: auto;
  }

  .mod-sample-block .sample-detail-box .photo-box-left p {
    width: auto;
    margin: 0 auto;
  }
  .mod-sample-block .sample-detail-box .photo-box-left p img {
    width: 100%;
    height: auto;
  }
  .mod-sample-block .sample-detail-box .photo-box-right p {
    width: auto;
    margin: 0 auto;
  }
  .mod-sample-block .sample-detail-box .photo-box-right p img {
    width: 100%;
    height: auto;
  }

  .mod-sample-block .sample-detail-profile dl,
  .mod-sample-block .sample-detail-profile-150 dl {
    margin: 0;
    padding: 0;
  }
  .mod-sample-block .sample-detail-profile dl dt,
  .mod-sample-block .sample-detail-profile-150 dl dt {
    float: none;
    display: block;
    width: 180px;
    margin: 0 0 15px;
  }
  .mod-sample-block .sample-detail-profile dl dd,
  .mod-sample-block .sample-detail-profile-150 dl dd {
    margin: 0 !important;
    padding: 0;
  }
  .mod-sample-block .sample-detail-profile dl dt.mw200 {
    float: none;
    display: block;
    width: 200px;
    margin: 0 0 15px;
  }
  .mod-sample-block .sample-detail-profile dl dd.mw200 {
    margin: 0;
    padding: 0;
  }

  .mod-sample-block .sample-detail-box .w200 {
    width: 200px !important;
    text-align: left;
  }
  .mod-sample-block .sample-detail-box .w200 img {
  }
  .mod-sample-block .sample-detail-box .w450 {
    width: auto !important;
  }
  .mod-sample-block .sample-detail-box .w450 img {
    width: 100% !important;
    height: auto !important;
  }
  .mod-sample-block .sample-detail-box .w480 {
    width: auto !important;
  }
  .mod-sample-block .sample-detail-box .w480 img {
    width: 100% !important;
    height: auto !important;
  }

  .mod-sample-block .sample-detail-box .photo-box-double p {
    float: none;
    display: block;
    width: 100%;
    margin: 0 0 15px;
  }
  .mod-sample-block .sample-detail-box .photo-box-double p img {
    width: 100%;
    height: auto;
  }

  /*20140312 追記*/
  .mod-sample-block .sample-detail-box .photo-box-center p img {
    width: 100%;
    height: auto;
  }
}

/* detail style mrchildren */
.mod-sample-block div.sample-detail-corporate-mrchildren dl {
  position: relative;
  width: 695px;
  min-height: 396px;
}

.mod-sample-block .sample-detail-profile-mrchildren ul {
  margin: 0 0 0 -5px;
  padding: 0;
  list-style-type: none;
}
.mod-sample-block .sample-detail-profile-mrchildren ul li {
  float: left;
  display: inline;
  width: 135px;
  margin-left: 7px;
}
@media (max-width: 640px) {
  .mod-sample-block div.sample-detail-corporate-mrchildren dl {
    position: relative;
    width: auto;
    min-height: inherit;
  }
  .mod-sample-block .sample-detail-profile-mrchildren ul {
    margin: 0 0 0 -1%;
    padding: 0;
    list-style-type: none;
  }
  .mod-sample-block .sample-detail-profile-mrchildren ul li {
    float: left;
    display: inline;
    width: 19%;
    margin-left: 1%;
  }
  .mod-sample-block .sample-detail-profile-mrchildren ul li img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 480px) {
  .mod-sample-block .sample-detail-profile-mrchildren ul {
    margin: 0 0 0 -7px;
    padding: 0;
    list-style-type: none;
  }
  .mod-sample-block .sample-detail-profile-mrchildren ul li {
    float: left;
    display: inline;
    width: 135px;
    margin-left: 7px;
  }
  .mod-sample-block .sample-detail-profile-mrchildren ul li img {
    width: 100%;
    height: auto;
  }

  .mod-sample-block div.sample-detail-corporate dl dd {
    margin: 0;
  }

  .mod-sample-block div.sample-detail-corporate dl dd {
    margin: 0;
  }
  .mod-sample-block div.sample-detail-corporate dl dd div.photo-box {
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: auto;
  }
  .mod-sample-block div.sample-detail-corporate dl dd div.photo-box img {
    width: 100%;
    height: auto;
  }
  .mod-sample-block div.sample-detail-corporate dl dd div.photo-box p {
    width: auto;
  }
  .mod-sample-block div.sample-detail-corporate dl dd div.photo-box p img {
    width: 100%;
    height: auto;
  }
}

/* detail style champagne */
.mod-sample-block div.sample-detail-corporate-champagne dl {
  position: relative;
  width: 695px;
  min-height: 620px;
}

.mod-sample-block .sample-detail-profile-champagne ul {
  margin: 0 0 0 -5px;
  padding: 0;
  list-style-type: none;
}
.mod-sample-block .sample-detail-profile-champagne ul li {
  float: left;
  display: inline;
  width: 225px;
  margin-left: 10px;
}
@media (max-width: 640px) {
  .mod-sample-block div.sample-detail-corporate-champagne dl {
    position: relative;
    width: auto;
    min-height: inherit;
  }
  .mod-sample-block .sample-detail-profile-champagne ul {
    margin: 0 0 0 -2%;
    padding: 0;
    list-style-type: none;
  }
  .mod-sample-block .sample-detail-profile-champagne ul li {
    float: left;
    display: inline;
    width: 31%;
    margin-left: 2%;
  }
  .mod-sample-block .sample-detail-profile-champagne ul li img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 480px) {
  .mod-sample-block .sample-detail-profile-champagne ul {
    margin: 0 0 0 -5px;
    padding: 0;
    list-style-type: none;
  }
  .mod-sample-block .sample-detail-profile-champagne ul li {
    float: left;
    display: inline;
    width: 225px;
    margin-left: 5px;
  }
  .mod-sample-block .sample-detail-profile-champagne ul li img {
    width: 100%;
    height: auto;
  }
}

/* detail style aibou */
.mod-sample-block div.sample-detail-corporate-aibou dl {
  position: relative;
  width: 695px;
  min-height: 445px;
}
@media (max-width: 640px) {
  .mod-sample-block div.sample-detail-corporate-aibou dl {
    position: relative;
    width: auto;
    min-height: inherit;
  }
}
@media (max-width: 480px) {
}

/* detail style kamen_rider */
.mod-sample-block div.sample-detail-corporate-kamen_rider dl {
  position: relative;
  width: 695px;
  min-height: 420px;
}
@media (max-width: 640px) {
  .mod-sample-block div.sample-detail-corporate-kamen_rider dl {
    position: relative;
    width: auto;
    min-height: inherit;
  }
}
@media (max-width: 480px) {
}

/* detail style kyodo_tv */
.mod-sample-block div.sample-detail-corporate-kyodo_tv {
  margin-bottom: -40px;
}
.mod-sample-block div.sample-detail-corporate-kyodo_tv dl dt {
  float: none;
  display: inline;
  width: 695px;
  margin: 0;
  font-weight: bold;
  margin-bottom: 1em;
}
.mod-sample-block div.sample-detail-corporate-kyodo_tv dl dd {
  margin: 0 0 0 0;
}

/* detail style tsuma_ha_kunoichi */
.mod-sample-block div.sample-detail-corporate-tsuma_ha_kunoichi {
  margin-bottom: -40px;
}
.mod-sample-block div.sample-detail-corporate-tsuma_ha_kunoichi dl dt {
  float: none;
  display: inline;
  width: 695px;
  margin: 0;
  font-weight: bold;
  margin-bottom: 1em;
}
.mod-sample-block div.sample-detail-corporate-tsuma_ha_kunoichi dl dd {
  margin: 0 0 0 0;
}

.mod-sample-block .sample-detail-profile-tsuma_ha_kunoichi ul {
  margin: 0 0 0 -5px;
  padding: 0;
  list-style-type: none;
}
.mod-sample-block .sample-detail-profile-tsuma_ha_kunoichi ul li {
  float: left;
  display: inline;
  width: 160px;
  margin-left: 20px;
}
.mod-sample-block .sample-detail-profile-tsuma_ha_kunoichi ul li span {
  font-size: 11px;
  line-height: 1.1;
}

@media (max-width: 640px) {
  .mod-sample-block div.sample-detail-corporate-tsuma_ha_kunoichi dl {
    position: relative;
    width: auto;
    min-height: inherit;
  }
  .mod-sample-block .sample-detail-profile-tsuma_ha_kunoichi ul {
    margin: 0 0 0 -1%;
    padding: 0;
    list-style-type: none;
  }
  .mod-sample-block .sample-detail-profile-tsuma_ha_kunoichi ul li {
    float: left;
    display: inline;
    width: 24%;
    margin-left: 1%;
  }
  .mod-sample-block .sample-detail-profile-tsuma_ha_kunoichi ul li img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 480px) {
  .mod-sample-block .sample-detail-profile-tsuma_ha_kunoichi ul {
    margin: 0 0 0 -7px;
    padding: 0;
    list-style-type: none;
  }
  .mod-sample-block .sample-detail-profile-tsuma_ha_kunoichi ul li {
    float: left;
    display: inline;
    width: 135px;
    margin-left: 7px;
  }
  .mod-sample-block .sample-detail-profile-tsuma_ha_kunoichi ul li img {
    width: 100%;
    height: auto;
  }
}

/* detail style kazoku_gari */
.mod-sample-block div.sample-detail-corporate-kazoku_gari {
  margin-bottom: -40px;
}
.mod-sample-block div.sample-detail-corporate-kazoku_gari dl dt {
  float: none;
  display: inline;
  width: 695px;
  margin: 0;
  font-weight: bold;
  margin-bottom: 1em;
}
.mod-sample-block div.sample-detail-corporate-kazoku_gari dl dd {
  margin: 0 0 0 0;
}

.mod-sample-block .sample-detail-profile-kazoku_gari ul {
  margin: 0 0 0 -5px;
  padding: 0;
  list-style-type: none;
}
.mod-sample-block .sample-detail-profile-kazoku_gari ul li {
  float: left;
  display: inline;
  width: 165px;
  margin-left: 10px;
}
@media (max-width: 640px) {
  .mod-sample-block div.sample-detail-corporate-kazoku_gari dl {
    position: relative;
    width: auto;
    min-height: inherit;
  }
  .mod-sample-block .sample-detail-profile-kazoku_gari ul {
    margin: 0 0 0 -1%;
    padding: 0;
    list-style-type: none;
  }
  .mod-sample-block .sample-detail-profile-kazoku_gari ul li {
    float: left;
    display: inline;
    width: 24%;
    margin-left: 1%;
  }
  .mod-sample-block .sample-detail-profile-kazoku_gari ul li img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 480px) {
  .mod-sample-block .sample-detail-profile-kazoku_gari ul {
    margin: 0 0 0 -7px;
    padding: 0;
    list-style-type: none;
  }
  .mod-sample-block .sample-detail-profile-kazoku_gari ul li {
    float: left;
    display: inline;
    width: 135px;
    margin-left: 7px;
  }
  .mod-sample-block .sample-detail-profile-kazoku_gari ul li img {
    width: 100%;
    height: auto;
  }
}

/* detail style grasshopper */
.mod-sample-block div.sample-detail-corporate-grasshopper dl {
  position: relative;
  width: 695px;
  min-height: 420px;
}
@media (max-width: 640px) {
  .mod-sample-block div.sample-detail-corporate-grasshopper dl {
    position: relative;
    width: auto;
    min-height: inherit;
  }
}

.mod-sample-block .sample-detail-profile-grasshopper ul {
  margin: 0 0 0 -5px;
  padding: 0;
  list-style-type: none;
}
.mod-sample-block .sample-detail-profile-grasshopper ul li {
  float: left;
  display: inline;
  width: 225px;
  margin-left: 10px;
}
@media (max-width: 640px) {
  .mod-sample-block .sample-detail-profile-grasshopper ul {
    margin: 0 0 0 -2%;
    padding: 0;
    list-style-type: none;
  }
  .mod-sample-block .sample-detail-profile-grasshopper ul li {
    float: left;
    display: inline;
    width: 31%;
    margin-left: 2%;
  }
  .mod-sample-block .sample-detail-profile-grasshopper ul li img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 480px) {
  .mod-sample-block .sample-detail-profile-grasshopper ul {
    margin: 0 0 0 -5px;
    padding: 0;
    list-style-type: none;
  }
  .mod-sample-block .sample-detail-profile-grasshopper ul li {
    float: left;
    display: inline;
    width: 225px;
    margin-left: 5px;
  }
  .mod-sample-block .sample-detail-profile-grasshopper ul li img {
    width: 100%;
    height: auto;
  }
}

/* detail style kbc */
.mod-sample-block div.sample-detail-corporate dl.odd_wide {
  position: relative;
  width: auto;
  height: auto;
  margin: 0;
}

.mod-sample-block div.sample-detail-corporate-wide {
  background: none;
}

/*  workflow style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#mod-workflow-contents {
  margin: 0;
  padding: 0;
}

.mod-workflow-block {
  margin: 0;
  padding: 0;
}
.mod-workflow-block {
  zoom: 1;
}
.mod-workflow-block:before,
.mod-workflow-block:after {
  content: '';
  display: table;
}
.mod-workflow-block:after {
  clear: both;
}

.mod-workflow-block-inner {
  margin: 0;
  padding: 0;
}
.mod-workflow-block-inner {
  zoom: 1;
}
.mod-workflow-block-inner:before,
.mod-workflow-block-inner:after {
  content: '';
  display: table;
}
.mod-workflow-block-inner:after {
  clear: both;
}

.mod-workflow-block-inner-line {
  zoom: 1;
}
.mod-workflow-block-inner-line:before,
.mod-workflow-block-inner-line:after {
  content: '';
  display: table;
}
.mod-workflow-block-inner-line:after {
  clear: both;
}

#mod-workflow-contents p {
  margin: 0;
  padding: 0;
  font-size: 1.077em;
  line-height: 1.6;
  color: #ffffff;
}
#mod-workflow-contents ul,
#mod-workflow-contents ol,
#mod-workflow-contents dl {
  font-size: 1.077em;
}

@media (max-width: 640px) {
  #mod-workflow-contents p {
    font-size: 1.143em;
    line-height: 1.4;
    color: #333333;
  }
  #mod-workflow-contents ul,
  #mod-workflow-contents ol,
  #mod-workflow-contents dl {
    font-size: 1.143em;
  }
}

/* コンテンツナビ */
#mod-workflow-contents .mod-contentsNav {
  margin: 0;
  padding: 0;
  background: #d5d5d5;
}
.mod-contentsNav {
  zoom: 1;
}
.mod-contentsNav:before,
.mod-contentsNav:after {
  content: '';
  display: table;
}
.mod-contentsNav:after {
  clear: both;
}

#mod-workflow-contents .mod-contentsNav div {
  height: 120px;
  margin: 0;
  padding: 0;
}
#mod-workflow-contents .mod-contentsNav ul {
  overflow: hidden;
  height: 52px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#mod-workflow-contents .mod-contentsNav ul li {
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
}
#mod-workflow-contents .mod-contentsNav span {
  display: none;
}

@media (max-width: 640px) {
  #mod-workflow-contents .mod-contentsNav {
    background: #ffffff;
  }

  #mod-workflow-contents .mod-contentsNav span {
    display: block;
  }
  #mod-workflow-contents .mod-contentsNav img {
    display: none;
  }

  #mod-workflow-contents .mod-contentsNav div {
    height: auto;
    margin: 0 0 15px;
    padding: 0;
  }
  #mod-workflow-contents .mod-contentsNav div img {
    display: block;
    width: 100%;
    height: auto;
  }
  #mod-workflow-contents .mod-contentsNav ul {
    overflow: hidden;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  #mod-workflow-contents .mod-contentsNav ul li {
    float: none;
    display: block;
    margin: 0 0 10px;
    padding: 0;
  }
  #mod-workflow-contents .mod-contentsNav ul li a {
    display: block;
    margin: 0;
    padding: 1em 0.5em 1em 35px;
    background: #ececec url(/cinealta/share/images/icon_bg_mq-nav.png) no-repeat
      left center;
  }
  #mod-workflow-contents .mod-contentsNav ul li.now {
    padding: 1.2em 0.5em 1em 35px;
    background: #e2b554 url(/cinealta/share/images/icon_bg_mq-nav_here.png) left
      center;
    font-weight: bold;
  }
}

/* ページナビ */
#mod-workflow-contents .mod-pageNav {
  margin: 0;
  padding: 15px 30px;

  /*Other Browser*/
  background: #dbdbdb;
  /*For Old WebKit*/
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #dbdbdb),
    color-stop(0.5, #ececec)
  );
  /*For Modern Browser*/
  background: linear-gradient(to bottom, #dbdbdb 0%, #ececec 50%);
}
#mod-workflow-contents .mod-pageNav-none {
  margin: 0;
  padding: 5px 0;
}
#mod-workflow-contents div.mod-pageNav ul {
  margin: 0;
  padding: 0;
}

#mod-workflow-contents div.mod-pageNav ul li {
  float: left;
  display: inline;
  margin: 0 50px 0.5em 0;
  padding: 0;
  list-style-type: none;
  white-space: nowrap;
}

@media (max-width: 640px) {
  #mod-workflow-contents .mod-pageNav {
    display: none;
  }
}

/* コンテンツ */
#mod-workflow-contents .mod-workflow-block {
  min-height: 110px;
  margin: 30px 0;
  padding: 15px 0 0;
  background: url(/cinealta/knowledge/images/section_bg_main.png) no-repeat
    center top;
}

#mod-workflow-contents .mod-workflow-block-inner {
  margin: 0;
  padding: 0 15px 30px;
  background: url(/cinealta/knowledge/images/section_bg_end.png) no-repeat
    center bottom;
}
#mod-workflow-contents .mod-workflow-block-inner-line {
  margin: 0;
  padding: 0 15px 30px;
  background: url(/cinealta/knowledge/images/section_bg_line.png) no-repeat
    center bottom;
}
#mod-workflow-contents .mod-workflow-block-inner-narrow {
  padding-bottom: 10px;
}

#mod-workflow-contents .mod-heading-cinealta {
  margin: 0;
  padding: 30px 35px;
  background: none;
}
#mod-workflow-contents .mod-heading-cinealta-index {
  padding: 20px 35px;
}
#mod-workflow-contents .mod-heading-cinealta h2 {
  font-size: 1.385em;
  font-weight: bold;
  float: left;
  margin: 0;
  color: #ffffff;
}
#mod-workflow-contents .mod-heading-cinealta span {
  display: none;
}

#mod-workflow-contents .mod-workflow-block p.txt {
  margin: 0;
  padding: 0 20px;
}

#mod-workflow-contents .mod-workflow-block a.mod-linkButton1 {
  display: inline-block;
  margin: 0;
  padding: 10px 15px 10px 22px;
  color: #ffffff;
  font-size: 13px;
  line-height: 1.4;
  border: 1px solid #3b3b3b;
  -moz-border-radius: 5px; /* Firefox用 */
  -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
  border-radius: 5px; /* Safari,Google Chrome用 */
  background: url(/cinealta/knowledge/images/btn_bg_black.png) no-repeat scroll
    0px 52% transparent;
  cursor: pointer;
  transition: opacity 0.2s ease-in 0s;
}

#mod-workflow-contents .mod-workflow-block .mod-workflow-product-list {
  display: none;
}

@media (max-width: 640px) {
  #mod-workflow-contents .mod-workflow-block {
    min-height: inheri;
    margin: 15px 0;
    padding: 0;
    background: none;
  }

  #mod-workflow-contents .mod-workflow-block-inner {
    margin: 0;
    padding: 0;
    background: none;
  }

  #mod-workflow-contents .mod-workflow-block-inner-line {
    margin: 0;
    padding: 0;
    background: none;
  }

  #mod-workflow-contents .mod-workflow-block-inner-narrow {
    padding-bottom: 0;
  }

  #mod-workflow-contents .mod-heading-cinealta {
    margin: 15px 0;
    padding: 7px 15px;
    background: url(/cinealta/share/images/img_bg_title.jpg) no-repeat left
      bottom;
    border-bottom: none;
    *zoom: 1;
  }
  #mod-workflow-contents .mod-heading-cinealta h2 {
    font-size: 1.385em;
    font-weight: bold;
    float: left;
    margin: 0;
    color: #ffffff;
  }
  #mod-workflow-contents .mod-heading-cinealta span {
    display: block;
  }
  #mod-workflow-contents .mod-heading-cinealta img {
    display: none;
  }

  #mod-workflow-contents .mod-workflow-block p.txt {
    margin: 0;
    padding: 0 10px;
  }

  #mod-workflow-contents .mod-workflow-block a.mod-linkButton1 {
    display: inline-block;
    margin: 0;
    padding: 10px 15px 10px 22px;
    color: #333333;
    font-size: 17px;
    line-height: 1.3;
    border: 1px solid #bcbcbc;
    -moz-border-radius: 3px; /* Firefox用 */
    -webkit-border-radius: 3px; /* Safari,Google Chrome用 */
    border-radius: 3px; /* Safari,Google Chrome用 */
    background: url(/cinealta/knowledge/images/btn_bg_normal.png) no-repeat
      scroll 0px 52% transparent;
    cursor: pointer;
    transition: opacity 0.2s ease-in 0s;
  }
  #mod-workflow-contents .mod-workflow-block a.mod-linkButton1 br {
    display: none;
  }

  #mod-workflow-contents .mod-workflow-block .mod-workflow-product-list {
    display: block;
    margin: 0 10px 15px;
  }
  #mod-workflow-contents .mod-workflow-block .mod-workflow-product-list li {
  }
}

/* コンテンツ イメージ配置 */
#mod-workflow-contents .mod-workflow-block .photo-box-center {
  clear: both;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
#mod-workflow-contents .mod-workflow-block .photo-box-center p {
  margin: 0 auto;
  padding: 0;
  font-size: 0.84615em;
  text-align: center;
}
#mod-workflow-contents .mod-workflow-block .photo-box-center p img {
  margin: 0;
  padding: 0;
}

#mod-workflow-contents .mod-workflow-block .photo-box-right {
  float: right;
  display: inline;
  margin: -70px 20px 0 30px;
  padding: 0;
}
#mod-workflow-contents .mod-workflow-block .photo-box-right p {
  margin: 0;
  padding: 0;
  font-size: 0.84615em;
}
#mod-workflow-contents .mod-workflow-block .photo-box-right p img {
  margin: 0;
  padding: 0;
}

#mod-workflow-contents .mod-workflow-block .w270 {
  width: 270px;
}
#mod-workflow-contents .mod-workflow-block .w300 {
  width: 300px;
}

@media (max-width: 640px) {
  #mod-workflow-contents .mod-workflow-block .photo-box-center {
    margin: 10px auto;
  }
  #mod-workflow-contents .mod-workflow-block .photo-box-center p {
    margin: 0 10px;
  }
  #mod-workflow-contents .mod-workflow-block .photo-box-center p img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  #mod-workflow-contents .mod-workflow-block .photo-box-right {
    float: none;
    display: block;
    margin: 10px auto;
  }
  #mod-workflow-contents .mod-workflow-block .photo-box-right p {
    margin: 0 10px;
  }
  #mod-workflow-contents .mod-workflow-block .photo-box-right p img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  #mod-workflow-contents .mod-workflow-block .w270 {
    width: 270px;
  }
  #mod-workflow-contents .mod-workflow-block .w300 {
    width: 300px;
  }
}

/* コンテンツ ボタン配置 */
#mod-workflow-contents .mod-workflow-block .btn-box-center {
  clear: both;
  margin: 0 20px;
  padding: 0 0 20px;
  text-align: center;
  background: #cec29d;
}
#mod-workflow-contents .mod-workflow-block .btn-box-center .title {
  margin: 0 0 20px;
  padding: 10px;
  background: #c6ba97;
  font-weight: bold;
  color: #333333;
}
#mod-workflow-contents .mod-workflow-block .btn-box-center .btn {
  display: inline;
  margin: 0 10px;
  padding: 0;
}
#mod-workflow-contents .mod-workflow-block .btn-box-center a.mod-linkButton1 {
  display: inline-block;
  margin: 0;
  padding: 10px 15px 10px 22px;
  color: #333333;
  font-size: 13px;
  line-height: 1.4;
  border: 1px solid #bcbcbc;
  -moz-border-radius: 3px; /* Firefox用 */
  -webkit-border-radius: 3px; /* Safari,Google Chrome用 */
  border-radius: 3px; /* Safari,Google Chrome用 */
  background: url(/cinealta/knowledge/images/btn_bg_normal.png) no-repeat scroll
    0px 52% transparent;
  cursor: pointer;
  transition: opacity 0.2s ease-in 0s;
}
@media (max-width: 640px) {
  #mod-workflow-contents .mod-workflow-block .btn-box-center {
    clear: both;
    margin: 0 10px;
    padding: 0;
    text-align: left;
    background: #cec29d;
  }
  #mod-workflow-contents .mod-workflow-block .btn-box-center .title {
    margin: 0 0 10px;
    padding: 10px;
    background: #c6ba97;
    font-weight: bold;
    color: #333333;
  }
  #mod-workflow-contents .mod-workflow-block .btn-box-center .btn {
    display: block;
    margin: 0 10px 10px;
    padding: 0;
  }
  #mod-workflow-contents .mod-workflow-block .btn-box-center a.mod-linkButton1 {
    font-size: 17px;
    line-height: 1.3;
  }
}

/* コンテンツ ムービー配置 */
#mod-workflow-contents .mod-workflow-block .movie-box-center {
  clear: both;
  margin: 0 20px;
  padding: 0 0 20px;
  background: #ffffff;
}
#mod-workflow-contents .mod-workflow-block .movie-box-center .title {
  margin: 0 0 20px;
  padding: 10px 15px;
  background: #f0f0f0;
  font-weight: bold;
  color: #333333;
}
#mod-workflow-contents .mod-workflow-block .movie-box-center .txt {
  color: #333333;
}
#mod-workflow-contents .mod-workflow-block .movie-box-center iframe {
  margin: 20px 20px 0;
}
@media (max-width: 640px) {
  #mod-workflow-contents .mod-workflow-block .movie-box-center {
    clear: both;
    margin: 0 10px;
    padding: 0;
    background: #ffffff;
  }
  #mod-workflow-contents .mod-workflow-block .movie-box-center .title {
    margin: 0 0 10px;
    padding: 10px;
    background: #f0f0f0;
    font-weight: bold;
    color: #333333;
  }
  #mod-workflow-contents .mod-workflow-block .movie-box-center .txt {
    color: #333333;
  }
  #mod-workflow-contents .mod-workflow-block .movie-box-center iframe {
    width: 100%;
    height: auto;
    margin: 20px 0 0;
  }
}

a.mod-linkButton1 {
  background-color: #f8f8f8;
}

.event_bnr750 img {
  height: auto;
  width: 755px;
}

@media (max-width: 640px) {
  .event_bnr750 img {
    height: auto;
    max-width: 640px;
    width: 100%;
  }
}

@media (max-width: 640px) {
  .w100 {
    width: 100%;
  }
}

/*20170302-ナビ追加*/
.mod-contentsNav {
  clear: both;
  position: relative;
  max-width: 950px;
  margin: 0 auto;
}

.mod-contentsNav ul {
  list-style-type: none;
  background: #ececec;
}
.mod-contentsNav span {
  display: none;
}
/*下段*/

.navbox {
  max-width: 950px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.mod-pageNav {
  margin: 0;
  padding: 15px 30px;
  background: #ececec;
  background: linear-gradient(to bottom, #ececec 0%, #e3eaed 37%, #c8d7dc 100%);
}
.mod-pageNav.tab2017 {
  padding: 0px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.mod-pageNav {
  margin: 0;
  padding: 15px 30px;
  background: #ececec;
  background: linear-gradient(to bottom, #ececec 0%, #e3eaed 37%, #c8d7dc 100%);
}
div.mod-pageNav ul {
  margin: 0;
  padding: 0;
}
div.mod-pageNav.tab2017 ul li {
  margin: 0 0 10px 0;
}
div.mod-pageNav ul li {
  float: left;
  display: inline;
  margin: 0 50px 0.5em 0;
  padding: 0;
  list-style-type: none;
  white-space: nowrap;
}
div.mod-pageNav.tab2017 ul li a {
  border: 1px solid #cad9de;
  overflow: hidden;
  background: none;
}
div.mod-pageNav.tab2017 ul li a {
  margin: 15px 10px 15px 15px;
  display: block;
  margin: 0 0 0 10px;
  padding: 15px 10px;
  /* width: ; */
  font-weight: bold;
  /* color: ; */
  text-align: center;
  text-decoration: none;
  position: relative;
  transition: 0.2s ease-in-out;
}
div.mod-pageNav a.mod-link-pageNav:hover,
div.mod-contentsNav a:hover span.mod-link-pageNav {
  text-decoration: none;
  opacity: 0.6;
}
div.mod-pageNav.tab2017 ul li.w100 a {
  width: 100px;
}
div.mod-pageNav.tab2017 ul li a {
  border: 1px solid #aebbbf;
  overflow: hidden;
  background: none;
}
a:hover,
a:active {
  outline: 0;
}
div.mod-pageNav.tab2017 ul li a:active {
  background: rgba(255, 255, 255, 0.5);
}

div.mod-pageNav.tab2017 ul li a:before {
  content: '';
  width: 200%;
  height: 200%;
  background: rgba(255, 255, 255, 0.2);
  transform: rotate(-45deg);
  position: absolute;
  top: -10%;
  left: -180%;
  transition: 0.3s ease-in-out;
}
div.mod-pageNav.tab2017 ul li a:hover::before {
  left: 60%;
}
div.mod-pageNav.tab2017 ul li a {
  border: 1px solid #aebbbf;
  overflow: hidden;
  background: none;
}
div.mod-pageNav ul li a {
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}

/*ナビバーのモバイル設定*/

@media (max-width: 639px) {
  .mod-contentsNav ul {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    width: 100%;
    margin-top: -1px;
    font-size: 1.143em;
    margin-bottom: 0;
  }

  .mod-contentsNav ul li.now {
    padding: 1.2em 0.5em 1em 35px;
    background: #e2b554 url(/cinealta/share/images/icon_bg_mq-nav_here.png) left
      center;
    font-weight: bold;
  }

  .mod-contentsNav ul li {
    float: none;
    display: block;
    margin: 0 0 10px;
    padding: 0;
  }

  .mod-contentsNav img {
    display: none;
  }

  .mod-contentsNav span {
    display: block;
  }
  .mod-contentsNav ul li.now {
    font-weight: bold;
  }
  .mod-contentsNav ul li a {
    display: block;
    margin: 0;
    padding: 1em 0.5em 1em 35px;
    background: #ececec url(/cinealta/share/images/icon_bg_mq-nav.png) no-repeat
      left center;
  }

  .mod-contentsNav ul li {
    float: none;
    display: block;
    margin: 0 0 10px;
  }
}

/*2017-0412*/

.mod-column2-main {
  margin: 0 auto;
  width: 950px;
}

#mod-casestudy-detail-title {
  float: left;
}

.mod-casestudy-detail {
  clear: both;
  width: auto;
  padding: 0;
  margin: 30px 0;
  *zoom: 1;
}
.mod-casestudy-detail {
  clear: both;
  width: auto;
  padding: 0;
  margin: 30px 0;
  *zoom: 1;
}
.mod-column2-main div#mod-casestudy-detail-title {
  position: relative;
  width: 950px;
  margin-bottom: 90px;
}
.mod-column2-main div.mod-casestudy-detail-title-tbss {
  height: 290px;
}
.mod-column2-main div#mod-casestudy-detail-title h2 {
  float: none;
  display: inline;
  width: 950px;
  margin: 0;
  padding: 0;
}

.mod-column2-main div#mod-casestudy-detail-title p.pdf_download {
  position: static;
  margin: 0;
  padding: 10px;
  background: #1f8787;
  text-align: center;
  line-height: 0;
}

.mod-column2-main div.mod-casestudy-detail-title-tbss p.pdf_download {
  left: 100px;
  bottom: -10px;
}
.mod-column2-main div#mod-casestudy-detail-title p.main_visual {
  float: none;
  display: block;
  width: 950px;
  margin: 0;
  padding: 0;
  height: auto;
  line-height: 0;
}
.mod-column2-main div#mod-casestudy-detail-title p.pdf_download span {
  display: none;
}
.mod-column2-main div#mod-casestudy-detail-title h2 span {
  display: none;
}

.mod-sample-block .sample-detail-box .photo-box-center p.left-img {
  float: left;
  width: 430;
}
.mod-sample-block .sample-detail-box .photo-box-center p.right-img {
  float: right;
  width: 430;
}
.mod-column2-main div#mod-casestudy-detail-title p.main_visual_sp {
  display: none;
}

/*header*/

#container #header {
  width: 950px;
}
#header {
  width: 950px;
  text-align: center;
}

#header #headtitle,
#header #headtitle ul#submenu,
#header ul#menu {
  display: block;
}
#header #headtitle,
#header #headtitle ul#submenu,
#header ul#menu {
  min-height: 0;
}
#header #headtitle {
  width: 902px;
  margin: 0 auto;
  line-height: 0;
}
#header #headtitle #categorylogo {
  float: left;
  padding: 15px 0;
}
#header a {
  outline: none;
}
#header img,
#header a img {
  text-decoration: none;
  display: block;
  vertical-align: top;
}
#header #headtitle,
#header #headtitle ul#submenu,
#header ul#menu {
  display: block;
}
#header #headtitle,
#header #headtitle ul#submenu,
#header ul#menu {
  min-height: 0;
}
#header #headtitle ul#submenu {
  float: right;
  padding: 16px 0;
  line-height: 0;
}

#header #headtitle,
#header #headtitle ul#submenu,
#header ul#menu {
  display: block;
}
#header #headtitle,
#header #headtitle ul#submenu,
#header ul#menu {
  margin-bottom: 0;
}
#header ul#menu {
  height: 38px;
  clear: both;
  border-bottom: 2px solid #c0c0c0;
  background: #fff url(/medical/share/images/header/bg_menu.jpg) left bottom
    no-repeat;
  display: block;
  min-height: 0;
  margin: 0;
  padding: 0;
}

#header ul#menu li {
  height: 38px;
  float: left;
  padding-right: 2px;
  list-style: none;
}
#header ul#menu li a {
  display: block;
}
#header a {
  outline: none;
}
#container {
  width: 950px;
  margin: 0 auto;
  text-align: left;
  overflow: hidden;
}

#submenu li {
  list-style: none;
}

#header ul#menu li#endmenu {
  float: right;
  padding-right: 0;
}

#container #pagebody {
  width: 950px;
  margin-top: 20px;
  min-height: 0;
  text-align: left;
}
#h-siteroot p span {
  padding: 0 0.5em;
}

.mod-mainContentContainer.px950 {
  padding-bottom: 0px;
  margin-top: 20px;
}

/*パンクズ*/

#h-siteroot {
  width: auto;
  background: #ffffff;
  line-height: 1.5;
  font-size: 85%;
  text-align: left;
  padding: 0.4em;
}
#h-siteroot {
  width: 950px !important;
  margin: 5px auto 0 !important;
  background-image: none !important;
  background-color: #ffffff !important;
  text-align: left !important;
}
#h-siteroot {
  width: auto;
  min-width: 950px;
  background: #f8f8f8 url(../images/bg_siteroot.gif) left top repeat-x;
  line-height: 1.5;
  font-size: 85%;
  letter-spacing: normal;
  text-align: left;
  padding: 0.4em 0;
}
#h-siteroot p {
  width: 902px;
  margin: 0 auto;
}
#h-siteroot p {
}
#h-siteroot p {
  width: 902px;
  margin: 0 auto;
}
#h-siteroot {
  line-height: 1.5;
  font-size: 85%;
  text-align: left;
}
#h-siteroot {
  text-align: left !important;
}
#h-siteroot {
  line-height: 1.5;
  font-size: 85%;
  letter-spacing: normal;
  text-align: left;
}

@media (max-width: 639px) {
  .mod-column2-main p.main_visual_sp {
    width: 100%;
  }
  .mod-column2-main p.main_visual_sp img {
    width: 100%;
  }
  .mod-column2-main {
    position: static;
    max-width: 640px;
    min-width: 300px;
    width: auto;
    _width: 300px;
    padding: 0 10px;
  }
  .mod-column2-main div#mod-casestudy-detail-title {
    position: static;
    width: auto;
  }
  .mod-column2-main div.mod-casestudy-detail-title-tbss {
    height: auto;
  }
  .mod-column2-main div#mod-casestudy-detail-title h2 {
    float: none;
    display: block;
    width: auto;
    margin: 0;
    padding: 30px 15px;
    background: #259f9f;
  }
  .mod-column2-main div#mod-casestudy-detail-title p.pdf_download a {
    width: 90%;
  }
  .mod-column2-main div#mod-casestudy-detail-title h2 img {
    display: none;
  }
  .mod-column2-main div#mod-casestudy-detail-title h2 span.sub-title {
    font-size: 1em;
    font-weight: bold;
  }

  .mod-column2-main div#mod-casestudy-detail-title h2 span {
    display: block;
    color: #ffffff;
  }
  .mod-column2-main div#mod-casestudy-detail-title h2 span.title {
    display: block;
    margin: 0 0 5px;
    font-size: 1.6em;
    font-weight: bold;
  }
  .mod-column2-main div#mod-casestudy-detail-title h2 span.text {
    font-size: 0.8em;
    font-weight: normal;
  }
  .mod-column2-main div#mod-casestudy-detail-title h2 span {
    display: block;
    color: #ffffff;
  }
  .mod-column2-main div#mod-casestudy-detail-title span.icon {
    display: block;
    margin: 0.5em 0 0;
    padding: 0;
  }
  .mod-column2-main div#mod-casestudy-detail-title p.pdf_download {
    position: static;
    margin: 0;
    padding: 15px;
    background: #1f8787;
    text-align: center;
  }
  .mod-column2-main div#mod-casestudy-detail-title p.pdf_download a {
    line-height: 1.5;
  }

  .mod-column2-main p {
    font-size: 1.077em;
    line-height: 1.6;
  }
  .mod-column2-main div#mod-casestudy-detail-title p.pdf_download a {
    display: block;
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding: 5px;
    text-align: center;
    background: #d4d3d3;
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0, #f7f7f7),
      color-stop(1, #d4d3d3)
    );
    background: linear-gradient(to bottom, #f7f7f7 0%, #d4d3d3 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .mod-column2-main div#mod-casestudy-detail-title p.pdf_download img {
    display: none;
  }

  .mod-column2-main div#mod-casestudy-detail-title p.main_visual {
    display: none;
  }
  .mod-column2-main div#mod-casestudy-detail-title p.main_visual_sp {
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
    line-height: 0;
  }
  .mod-column2-main div#mod-casestudy-detail-title p.main_visual img {
    width: 100%;
    height: auto;
  }
  .mod-casestudy-detail-title div#mod-casestudy-detail-title p.main_visual img {
    width: 100%;
    height: auto;
  }

  .mod-column2-main div#mod-casestudy-detail-title span.icon ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .mod-column2-main div#mod-casestudy-detail-title span.icon ul li {
    display: inline-block;
    margin: 0 0 4px;
    padding: 2px 4px 1px;
    background: #384359;
    font-size: 0.846em;
    color: #ffffff;
  }
  .mod-column2-main div#mod-casestudy-detail-title p.pdf_download span {
    display: inline-block;
    padding-left: 40px;
    background: url(../../images/icon_mark_pdf.png) no-repeat left center;
    font-size: 1.6em;
  }

  .mod-sample-block .sample-detail-corporate p.left {
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
    display: block;
    width: 100%;
  }
  .mod-sample-block .sample-detail-corporate p.right {
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
    display: block;
    width: 100%;
  }
  .mod-column2-main div#mod-casestudy-detail-title {
    margin-bottom: 0px;
    width: 100%;
  }

  .mod-sample-block div.mod-heading {
    margin: 10px 0px 20px;
  }
  .mod-sample-block div.photo-box-r img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }

  .mod-sample-block .sample-detail-box .photo-box-center p.left-img {
    width: 100;
    height: auto;
  }
  .mod-sample-block .sample-detail-box .photo-box-center p.right-img {
    width: 100;
    height: auto;
  }
}

/*----------20171030追記----------*/
.c5-casestudy .report-detail-box h3 {
  font-size: 1.5em;
}
.report-detail-box h3 span {
  margin: 0 0 30px;
  background: linear-gradient(transparent 75%, #8ed9d2 0%);
  font-size: 1.5em;
  font-weight: 400;
  color: #000;
}
.sample-detail-box-text {
  font-size: 1.2em;
  line-height: 1.8;
  font-weight: normal;
  margin-bottom: 40px;
}
p.right {
  float: right;
  width: 550px;
}
/*沖永一樹様事例*/
p.catch-txt {
  padding: 25px !important;
  display: inline-block;
}
p.catch-txt span {
  width: 700px;
  float: left;
}
/*システム構成画像中央寄せ*/
.system-pic {
  text-align: center;
}
.catch-txt img {
  padding: 6px 25px;
}

.catch-txt_name {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 15px;
}
/*----------20171101追記----------*/
.c5-detail-title {
  color: #000;
  padding: 2%;
  float: left;
}
.c5--alignCenter {
  text-align: center !important;
}

.c5--alignRight {
  text-align: right !important;
}

.c5-heading1 .c5-heading5 .c5-row__col1 .sub-title .title {
  display: block;
}
.c5-heading5 {
  font-size: 16px !important;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}
.c5-heading1 {
  font-size: 28px;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}
.c5-general--mt10 {
  margin-top: 10px !important;
  font-size: 16px !important;
  font-size: 1rem;
}
.c5-general--mt10-2 {
  margin-top: 10px !important;
}

.c5-general--pt20 {
  padding-top: 20px;
}

.c5-pdf_download-pc {
  display: inline;
  float: right;
  margin-left: 1%;
}

.c5-row__col1 .c5-detail-title .text {
  display: block;
}

.c5-general--mt20 {
  margin-top: 20px !important;
}
.c5-general--mb40 {
  margin-bottom: 40px !important;
}
.c5-left-img {
  float: left;
  /* padding:5px 15px 5px 0px!important; */
  padding: 0 !important;
  margin: 7px 1.5% 3% 0%;
}

.c5-min_font {
  font-size: 0.8em;
}

/*=========================================================

Update Date 2018/4/23

==========================================================*/

.c5-mv_text {
  position: absolute;
  left: 0;
  bottom: 15%;
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: clamp(15px, calc(8.68421052631579px + 1.9736842105263157vw), 30px);
  line-height: 1.5;
  @media (max-width: 1024px) {
    position: relative;
  }
}
.c5-mv_text__sub {
  font-size: clamp(
    13px,
    calc(7.947368421052632px + 1.5789473684210527vw),
    25px
  );
}
.c5-titleBottom {
  position: absolute !important;
  bottom: 0 !important;
  @media (max-width: 1024px) {
    position: relative !important;
    bottom: unset !important;
  }
}
.c5-detail-title-img {
  position: relative;
  clear: both;
}
.c5-detail-title-img img {
  display: block;
  padding: 0 !important;
  margin: 0;
  max-width: 100%;
  height: auto;
}

.mod-sample-block .sample-detail-box.c5-sample-detail-exp {
  margin: 30px 0 0 0;
  padding: 25px;
  background-color: #9ad6de;
}
.mod-sample-block .sample-detail-box.c5-sample-detail-exp .exp_text {
  margin: 0;
  font-size: 1.2em;
  line-height: 1.8;
  width: 65%;
}
.mod-sample-block .sample-detail-box.c5-sample-detail-exp .exp_text b {
  font-size: 1.25em;
}
.c5-casestudy a {
  text-decoration: underline;
  color: #43677e;
}
.c5-casestudy a:hover {
  text-decoration: none;
}
.c5-fl_l {
  float: left;
}
.c5-fl_r {
  float: right;
}
.c5-m0a {
  margin: 0 auto;
}
.c5-block {
  display: block;
}
.c5-notes {
  text-align: center;
  font-size: 0.8em;
  margin-top: 5px;
}
.c5-mtb_20 {
  margin: 20px 0;
}
.c5-marginL20 {
  margin-left: 20px;
}
/*#pagebody{
	font-family: apple-system, BlinkMacSystemFont, '.SFNSDisplay-Regular', 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', 'Yu Gothic Medium', '游ゴシック Medium', 'Yu Gothic', '游ゴシック', sans-serif;
}*/
.c5-profilebox {
  background-color: #f0f0f0;
  padding: 20px;
  margin-bottom: 40px;
  font-size: 1.2em;
}
.c5-member {
  display: flex;
  justify-content: center;
}
.c5-member > div {
  padding: 0 20px;
  text-align: center;
}
.c5-member_txt {
  font-size: 0.7em;
  margin-top: 10px;
}
.c5-fltImg_r {
  float: right;
  margin: 0 0 20px 20px;
  max-width: 45%;
}
.c5-fltImg_l {
  float: left;
  margin: 0 20px 20px 0;
  max-width: 45%;
}
.c5-fltImg_r img,
.c5-fltImg_l img {
  max-width: 100%;
  height: auto;
}

.c5-flex {
  display: flex;
  justify-content: space-between;
}
.c5-2columns {
  width: calc(50% - 20px);
}

.c5-3columns {
  width: 30%;
}
.c5-img100 {
  display: block;
  width: 100%;
}
.c5-detail-title_ur {
  display: table;
  width: 100%;
  background-color: #454a50;
}
.c5-detail-title_ur > div {
  display: table-cell;
  vertical-align: middle;
}
.c5-detail-title_ur .txt {
  color: #fff;
  padding: 20px 5vw;
  box-sizing: border-box;
  font-size: 28px;
  line-height: 1.4;
}
.c5-detail-title_ur .img {
  width: 41%;
  text-align: center;
}
.c5-detail-title_ur .head {
  margin-bottom: 20px;
}
.c5-detail-title_ur .name {
  font-size: 52px;
  font-weight: bold;
}
.c5-label_ur {
  display: inline-block;
  border-radius: 3px;
  background-color: #707782;
  text-align: center;
  padding: 5px 10px;
  line-height: 1.2;
  margin-top: 5px;
  font-size: 18px;
}

@media (max-width: 767px) {
  .c5-flex {
    flex-direction: column;
  }
  .c5-2columns {
    width: 100%;
  }
  .c5-flex div:not(:first-of-type) {
    margin: 20px 0 0;
  }
  .c5-3columns {
    width: auto;
  }
  .catch-txt img {
    padding: 6px 0;
  }
  .c5-heading1 {
    font-size: 1.692em;
  }
  .sample-detail-box img {
    max-width: 100%;
    height: auto;
  }
  .c5-fl_r,
  .c5-fl_l {
    float: none;
    margin-bottom: 20px;
  }
  .c5-fl_r.c5-marginL20 {
    margin-left: 0;
  }
  .c5-casestudy .report-detail-box h3 {
    font-size: 15px;
  }
  .report-detail-box h3 span {
    font-size: 19px;
  }
  .c5-fltImg_r,
  .c5-fltImg_l {
    float: none;
    text-align: center;
    margin: 0 0 20px 0;
    max-width: none;
  }
  .c5-detail-title_ur {
    display: block;
  }
  .c5-detail-title_ur > div {
    display: block;
  }
  .c5-detail-title_ur .txt {
    font-size: 18px;
    padding: 15px;
    text-align: center;
  }
  .c5-detail-title_ur .name {
    font-size: 24px;
  }
  .c5-detail-title_ur .img {
    width: auto;
  }
  .c5-label_ur {
    font-size: 14px;
  }
  .c5-member {
    display: block;
  }
}

.c5-block-auto {
  display: block;
  margin: 0 auto;
}

/*製品導線*/
.c5-cols_products {
  margin-top: 50px;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .c5-cols_products {
    display: block;
  }
  .c5-cols_products-inner {
    text-align: center;
  }
  .icon2 {
    margin-top: 30px;
  }
}

.s5-button:last-child {
  margin-bottom: 0;
  margin-right: 0;
}
/* .s5-button {
    color: #FFF;
    font-size: 14px;
    font-size: .875rem;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 8px 18px;
    border: none;
    border-radius: 1px;
    background: #5787f4;
    -webkit-transition: background .2s;
    transition: background .2s;
    margin-bottom: 10px;
    margin-right: 10px;
} */
/*商品導線colmun -----------------------------------------------*/
.c5-cs_productCols {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.c5-cs_productCols .c5-cs_product {
  display: flex;
  flex: 0 1 50%;
}
.c5-cs_productCols .c5-cs_product__img {
  margin: 0 0 20px 0;
}
.c5-cs_productCols--col3,
.c5-cs_productCols--col4 {
  justify-content: center;
}
.c5-cs_productCols--col3 .c5-cs_product {
  display: flex;
  flex: 0 1 calc(100% / 3);
}
.c5-cs_productCols--col4 .c5-cs_product {
  display: flex;
  flex: 0 1 25%;
}
.c5-cs_product {
  display: flex;
  /*margin-bottom: 60px;*/
  margin-bottom: 40px;
  align-items: center;
  justify-content: center;
}
.c5-cs_product__img {
  /*flex: 0 1 45%;*/
  flex: 0 1 235px;
  margin-right: 40px;
}
.c5-cs_product__img img {
  max-width: 100%;
}
.c5-cs_product__text {
  /*flex: 0 1 50%;*/
  flex: 0 1 260px;
}
@media (max-width: 767px) {
  .c5-cs_productCols {
    display: block;
  }
  .c5-cs_productCols .c5-cs_product {
    display: block;
    flex: 1;
  }
  .c5-cs_product__text {
    text-align: center;
  }
}
/*ytv追記*/
.c5-cs_product__text p:first-child {
  margin-bottom: 5px !important;
}
/*(終)ytv追記*/
.c5-cs_product__ttl {
  font-weight: bold;
  font-size: 17px;
}
.white a {
  color: white;
  display: inline-block;
}
/*商品導線colmun -----------------------------------------------*/
.c5-cs_productCols {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.c5-cs_productCols .c5-cs_product {
  display: flex;
  flex: 0 1 50%;
}
.c5-cs_productCols .c5-cs_product__img {
  margin: 0 0 20px 0;
}
.c5-cs_productCols--col3,
.c5-cs_productCols--col4 {
  justify-content: center;
}
.c5-cs_productCols--col3 .c5-cs_product {
  display: flex;
  flex: 0 1 calc(100% / 3);
}
.c5-cs_productCols--col4 .c5-cs_product {
  display: flex;
  flex: 0 1 25%;
}
.c5-cs_product {
  display: flex;
  /*margin-bottom: 60px;*/
  margin-bottom: 40px;
  align-items: center;
  justify-content: center;
}
.c5-cs_product__img {
  /*flex: 0 1 45%;*/
  flex: 0 1 235px;
  margin-right: 40px;
}
.c5-cs_product__img img {
  max-width: 100%;
}
.c5-cs_product__text {
  /*flex: 0 1 50%;*/
  flex: 0 1 260px;
}
@media (max-width: 767px) {
  .c5-cs_productCols {
    display: block;
  }
  .c5-cs_productCols .c5-cs_product {
    display: block;
    flex: 1;
  }
}
/*ytv追記*/
.c5-cs_product__text p:first-child {
  margin-bottom: 5px !important;
}
/*(終)ytv追記*/
.c5-cs_product__ttl {
  font-weight: bold;
  font-size: 17px;
}
.white a {
  color: white;
  display: inline-block;
}
/*商品導線colmun -----------------------------------------------*/

.c5-pc {
  display: inline-block;
}
.c5-sp {
  display: none;
}
@media (max-width: 767px) {
  .c5-sp {
    display: inline-block;
  }
  .c5-pc {
    display: none;
  }
}

.c5-detail-sub-title {
  font-size: 35px;
}

@media (max-width: 767px) {
  .c5-detail-sub-title {
    font-size: 24px;
  }
}

.c5-stickyContact {
  margin-top: 60px;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  z-index: 1;
  position: sticky;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px 20px;
  box-sizing: border-box;
  @media only screen and (max-width: 756px) {
    padding: 10px;
  }
  &.js-contactFadein {
    display: none;
  }
  + .s5-returnToTop {
    margin: 0;
  }
  ~ .s5-returnToTop .s5-returnToTop__inner1 {
    bottom: 50px;
  }
}
.c5-btn-stickyContact {
  display: inline-block;
  color: #fff !important;
  background-color: #d24615 !important;
  font-size: 17px;
  line-height: 1.3;
  font-weight: bold;
  text-decoration: none;
  padding: 10px 20px;
  min-width: 240px;
  box-sizing: border-box;
  border: 1px solid #d24615;
  transition: 0.3s ease;
  &:hover {
    color: #d24615 !important;
    text-decoration: none;
    background-color: #fff !important;
  }
  @media only screen and (max-width: 756px) {
    min-width: 190px;
    font-size: min(14px, 3.8vw);
    padding: 10px;
  }
}
.c5-stickyContact-inner {
  max-width: 1200px;
  margin: 0 auto;
  &:has(> :nth-child(2)) {
    display: flex;
    justify-content: center;
    gap: 20px;
    @media only screen and (max-width: 756px) {
      gap: 10px;
    }
    > a {
      margin: 0 !important;
      @media only screen and (max-width: 756px) {
        flex: 0 1 50%;
        min-width: 0;
      }
    }
  }
}
