@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:.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:.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: 2.0em;
}
@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: 1.0em;
}
.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: 1.0em;
  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: 1.0em; }
  *: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: 2.0em; }
  *: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: 3.0em; }
  *: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: 4.0em; }
  *: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: 5.0em; }
  *: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: 6.0em; }
  *: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: 7.0em; }
  *: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: 8.0em; }
  *: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: 9.0em; }
  *: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: 10.0em; }
  *: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: 11.0em; }
  *: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: 12.0em; }
  *: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: 13.0em; }
  *: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: 14.0em; }
  *: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: 15.0em; }
  *: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: 16.0em; }
  *: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: 17.0em; }
  *: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: 18.0em; }
  *: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: 19.0em; }
  *: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: 20.0em; }
  *: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: 21.0em; }
  *: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: 22.0em; }
  *: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: 23.0em; }
  *: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: 24.0em; }
  *: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: 25.0em; }
  *: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: 26.0em; }
  *: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: 27.0em; }
  *: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: 28.0em; }
  *: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: 29.0em; }
  *: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: 30.0em; }
  *: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: 31.0em; }
  *: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: 32.0em; }
  *: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: 33.0em; }
  *: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: 34.0em; }
  *: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: 35.0em; }
  *: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: 36.0em; }
  *: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: 37.0em; }
  *: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: 38.0em; }
  *: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: 39.0em; }
  *: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: 40.0em; }
  *: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: 41.0em; }
  *: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: 42.0em; }
  *: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: 43.0em; }
  *: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: 44.0em; }
  *: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: 45.0em; }
  *: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: 46.0em; }
  *: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: 47.0em; }
  *: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: 48.0em; }
  *: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: 49.0em; }
  *: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: 50.0em; }
  *: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: 11.0em;
  }
  *: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: 1.0em; }
  * 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: 2.0em; }
  * 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: 3.0em; }
  * 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: 4.0em; }
  * 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: 5.0em; }
  * 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: 6.0em; }
  * 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: 7.0em; }
  * 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: 8.0em; }
  * 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: 9.0em; }
  * 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: 10.0em; }
  * 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: 11.0em; }
  * 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: 12.0em; }
  * 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: 13.0em; }
  * 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: 14.0em; }
  * 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: 15.0em; }
  * 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: 16.0em; }
  * 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: 17.0em; }
  * 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: 18.0em; }
  * 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: 19.0em; }
  * 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: 20.0em; }
  * 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: 21.0em; }
  * 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: 22.0em; }
  * 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: 23.0em; }
  * 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: 24.0em; }
  * 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: 25.0em; }
  * 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: 26.0em; }
  * 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: 27.0em; }
  * 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: 28.0em; }
  * 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: 29.0em; }
  * 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: 30.0em; }
  * 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: 31.0em; }
  * 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: 32.0em; }
  * 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: 33.0em; }
  * 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: 34.0em; }
  * 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: 35.0em; }
  * 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: 36.0em; }
  * 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: 37.0em; }
  * 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: 38.0em; }
  * 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: 39.0em; }
  * 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: 40.0em; }
  * 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: 41.0em; }
  * 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: 42.0em; }
  * 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: 43.0em; }
  * 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: 44.0em; }
  * 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: 45.0em; }
  * 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: 46.0em; }
  * 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: 47.0em; }
  * 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: 48.0em; }
  * 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: 49.0em; }
  * 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: 50.0em; }
  * 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: 11.0em;
  }
  * 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: 1.0em;
  }

  .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: 1.0em 0 0;
}
.mod-sample-block div.sample-index-box div.text-box p.linkbtn {
  margin: 1.0em 0 0;
  text-align: left;
}
.mod-sample-block div.sample-index-box div.text-box p.ex-cautionText {
  padding-left: 1.0em;
}

@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.0;
  }

  .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: 1.0em 0.5em 1.0em 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 1.0em 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.00, #dbdbdb),
    color-stop(0.50, #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: .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: .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,.5);
}

div.mod-pageNav.tab2017 ul li a:before {
    content: "";
    width: 200%;
    height: 200%;
    background: rgba(255,255,255,.2);
    transform: rotate(-45deg);
    position: absolute;
    top: -10%;
    left: -180%;
    transition: .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,.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 1.0em 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: 1.0em 0.5em 1.0em 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.00, #f7f7f7), color-stop(1.00, #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追記----------*/
.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--mb20{
  margin-bottom: 20px!important;
}
.c5-general--mb40{
  margin-bottom: 40px!important;
}
.c5-general--mb60{
  margin-bottom: 60px!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,.8);
  color: #fff;
  font-size: 30px;
  line-height: 1.5;
}
.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;
  text-align: center;
}
.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-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: #78808b;
  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-3columns{
    width: auto;
  }
  .catch-txt img{
    padding: 6px 0;
  }
.c5-heading1 {
    font-size: 1.692em;
}
.c5-mv_text {
    position: static;
    font-size: 3.5vw;
    padding: 1.2vw;
}
  .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;
  }
  .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-block-auto{
  display: block;
  margin: 0 auto;
}

.c5-clearfix::after {
  content: '';
  display: block;
  clear: both;
}

.gray-box {
  background-color: #eeeeee;
  padding: 15px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.sample-movie-box2 {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 10px!important;
}

.sample-movie-box2 iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}



/*=========================================================

Update Date 2025/03/18

==========================================================*/

.c5-cs-heading02 {
  text-align: center;
  font-size: 2.4rem;
  line-height: 1.3;
  margin: 90px 0 60px 0;
}
.c5-cs-heading04 {
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.3;
}

.c5-sp{
  display: none;
}
.c5-pc{
  display: block;
}
.c5-flex-2 .c5-wa{
  width: auto;
}

@media (max-width:640px){
  .c5-cs-heading02 {
    font-size: min(1.6rem, 8vw);
    margin-top: 80px;
    margin-bottom: 40px;
  }
  .c5-sp{
    display: block;
  }
  .c5-pc{
    display: none;
  }
}

.c5-cs-products {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  @media screen and (max-width: 640px) {
    flex-direction: column;
  }
  > div {
    flex: 0 1 calc(50% - 20px);
    box-sizing: border-box;
    border: 1px solid #808080;
    padding: 30px;
    display: flex;
    align-items: center;
    gap: 20px;
    @media screen and (max-width: 640px) {
      padding: 15px;
    }
    > div {
       flex: 0 1 50%;
    }
  }
}
.c5-cs-products__subcat {
  font-size: .9rem;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 0 !important;
}
.c5-cs-products__name {
  font-size: 1.2rem;
  font-weight: bold;
}
* + .c5-cs-products {
  margin-top: 80px;
  margin-bottom: 80px;
  @media screen and (max-width: 640px) {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

.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;
  background-color: #f5683a;
  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 #f5683a;
  transition: 0.3s ease;
  &:hover {
    color: #f5683a;
    text-decoration: none;
    background-color: #fff;
  }
  @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;
      }
    }
  }
}