@charset "utf-8";
/* -----------------------------------------------------------
CSS Information
File name:      contents.css
Style Info:     個別レイアウト
----------------------------------------------------------- */

/*---------------------------
//// メインエリア
---------------------------*/
sup.fb {
  color: #000;
}
a:hover img {
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
}
#main-navi a:hover img,
.image-area a:hover img,
#sample-link a:hover img {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
sup {
  color: #ff0000;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mover75 a:hover img {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
.linkStyleRight {
  text-align: right;
}
.linkStyleRight a {
  background: url(/common/images/icon_arrow01.gif) no-repeat scroll 1px 4px;
  display: inline-block;
  padding-left: 13px;
}
.notes {
  font-size: 10px;
}
.headTxt {
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
}
.ttl-lv2-01 h2 {
  border-left: 5px solid #b8003d;
}
.contentBlock h3 {
  border-bottom: 1px solid #999999;
  color: #404040;
  line-height: 1.2em;
  margin-bottom: 5px;
  padding: 10px 10px 7px 0;
  font-size: 125%;
  font-weight: bold;
}
/* グローバルナビ  */

#main-navi {
  margin: 0;
  padding: 0;
  height: 40px;
}

#main-navi ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#main-navi li {
  margin: 0;
  padding: 0;
  float: left;
  overflow: hidden;
}

#main-navi li a {
  text-decoration: none;
  display: block;
}

/* ページ内ナビ  */

#internalLinks {
  padding: 15px 20px;
}
#internalLinks li {
  display: inline;
  font-weight: bold;
  margin-right: 5px;
}
#internalLinks li img {
  margin-right: 3px;
}

/* GOCCOPRO TOP */
.imageArea {
  margin-bottom: 20px;
}
.lineupArea {
  margin: 0 0 20px 0;
}
.lineupArea ul li {
  position: relative;
  float: left;
  padding-bottom: 5px;
}
.lineupArea ul li .new {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
}
.lineupArea ul li .txt01 {
  position: absolute;
  top: 23px;
  left: 183px; /*left:187px;*/
  cursor: pointer;
  /*--追加--*/
  font-weight: bold;
  font-size: 14.5px;
}
.lineupArea ul li.item01 {
  background: url(/product/digitalscreenmaker/goccopro/images/top/top_txt_bk.gif) no-repeat left bottom;
}
.lineupArea ul li.item02 {
  background: url(/product/digitalscreenmaker/goccopro/images/top/top_txt_bk.gif) no-repeat 2px bottom;
}
.lineupArea ul li a:hover img {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.knowArea dl {
  width: 359px;
  float: left;
}
.knowArea dl dt {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #888;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.knowArea .txt01 {
  margin-right: 12px;
}
.knowArea .txt01 dd {
  position: relative;
  background: url(/product/digitalscreenmaker/goccopro/images/top/top_txt04.jpg) no-repeat;
  height: 116px;
  cursor: pointer;
}
.knowArea .txt02 dd {
  position: relative;
  background: url(/product/digitalscreenmaker/goccopro/images/top/top_txt05.jpg) no-repeat;
  height: 116px;
  cursor: pointer;
}
.knowArea dl dd p {
  position: absolute;
  top: 10px;
  left: 160px;
  width: 190px;
}
.knowArea dl dd p a {
  color: #282828;
}
.knowArea dl dd p a:hover {
  text-decoration: none;
}
.linkbtn {
  border-top: 1px solid #d6d6d6;
  margin: 0 20px;
  padding: 5px 0 5px 3px;
  text-align: left;
}
.linkbtn a {
  background: url(/product/digitalscreenmaker/goccopro/images/top/btn1.gif) no-repeat scroll left top;
  display: block;
  padding: 2px 2px 2px 100px;
}

/* GOCCOPRO 100 TOP */

#g100_top1 .item01 {
  position: relative;
}
#g100_top1 .item01 dd {
  position: absolute;
  top: 90px;
  left: 30px;
  font-size: 13px;
}
#g100_top1 .item02 {
  position: relative;
}
#g100_top1 .item02 dd {
  position: absolute;
  top: 72px;
  left: 30px;
  font-size: 13px;
}
#g100_top1 .item03 {
  position: relative;
  background: url(../100/images/top/img03.gif) no-repeat;
  height: 215px;
}
#g100_top1 .item03 .txt01 {
  position: absolute;
  left: 255px;
  top: 18px;
}
#g100_top1 .item03 .txt02 {
  position: absolute;
  left: 255px;
  top: 55px;
}
#g100_top1 .item03 .txt03 {
  position: absolute;
  left: 255px;
  top: 92px;
}
#g100_top1 .item03 .txt04 {
  position: absolute;
  left: 255px;
  top: 131px;
}
#g100_top1 .item03 .txt05 {
  position: absolute;
  left: 255px;
  top: 165px;
}
#g100_top1 .item03 strong {
  color: #cd0434;
}
#g100_top2 {
  margin-bottom: 50px;
}
#g100_top2 .item01 {
  position: relative;
  background: url(../100/images/top/img04.jpg) no-repeat;
  height: 242px;
}
#g100_top2 .item01 strong {
  color: #cd0434;
  font-size: 13px;
  vertical-align: bottom;
}
#g100_top2 .item01 img {
  margin-right: 5px;
  vertical-align: middle;
}
#g100_top2 .item01 li {
  width: 220px;
  position: absolute;
}
#g100_top2 .item01 li.txt01 {
  top: 175px;
  left: 13px;
}
#g100_top2 .item01 li.txt02 {
  top: 175px;
  left: 258px;
}
#g100_top2 .item01 li.txt03 {
  top: 175px;
  left: 505px;
}
#g100_top2 .item02 {
  position: relative;
}
#g100_top2 .item02 dd {
  position: absolute;
  top: 275px;
  left: 10px;
}

/* GOCCOPRO 100 SPEC */

.g100_spec_01 {
  text-align: center;
  margin-bottom: 50px;
}

/* GOCCOPRO 200 TOP */

#g200_top1 .item01 {
  position: relative;
}
#g200_top1 .item01 dd {
  position: absolute;
  font-size: 13px;
}
#g200_top1 .item01 dd.txt01 {
  top: 68px;
  left: 30px;
}
#g200_top1 .item01 dd.txt02 {
  top: 233px;
  left: 30px;
}
#g200_top1 .item02 {
  position: relative;
  background: url(../qs200/images/top/img02.gif) no-repeat;
  height: 179px;
}
#g200_top1 .item02 .txt01 {
  position: absolute;
  left: 255px;
  top: 18px;
}
#g200_top1 .item02 .txt02 {
  position: absolute;
  left: 255px;
  top: 55px;
}
#g200_top1 .item02 .txt03 {
  position: absolute;
  left: 255px;
  top: 92px;
}
#g200_top1 .item02 .txt04 {
  position: absolute;
  left: 255px;
  top: 131px;
}
#g200_top1 .item02 strong {
  color: #cd0434;
}
#g200_top2 {
  margin-bottom: 50px;
}
#g200_top2 .item01 {
  position: relative;
  background: url(../qs200/images/top/img03.jpg) no-repeat;
  height: 174px;
}
#g200_top2 .item01 strong {
  color: #cd0434;
  font-size: 13px;
  vertical-align: bottom;
}
#g200_top2 .item01 img {
  margin-right: 5px;
  vertical-align: middle;
}
#g200_top2 .item01 li {
  width: 180px;
  position: absolute;
}
#g200_top2 .item01 li.txt01 {
  top: 145px;
  left: 13px;
}
#g200_top2 .item01 li.txt02 {
  top: 145px;
  left: 206px;
}
#g200_top2 .item01 li.txt03 {
  top: 145px;
  left: 405px;
}
#g200_top2 .item01 li.txt04 {
  top: 142px;
  left: 599px;
}
#g200_top2 .item02 {
  position: relative;
}
#g200_top2 .item02 dd {
  position: absolute;
  top: 275px;
  left: 10px;
}

/* GOCCOPRO 200 SPEC */

.g200_spec_01 {
  text-align: center;
  margin-bottom: 50px;
}

/*---------------------------
//// 消耗品
---------------------------*/

.supplybox {
  margin-bottom: 40px;
}
.supply-i {
  width: auto;
}
.spec_nav {
  margin-top: 20px;
}

/*---------------------------
//// サンプル
---------------------------*/

.go100Sample .explanation {
  margin: 10px 0;
}
.go100Sample .explanation p {
  margin-bottom: 10px;
}
body#gp100 .go100Sample h3 {
  background: none;
  font-size: 108%;
  color: #c9244f;
  margin: 0 0 5px;
  padding: 0;
  width: 234px;
  height: auto;
  text-indent: 0;
  font-weight: bold;
  border: none;
  line-height: 1.6;
}
.go100Sample p {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
.go100Sample table {
  margin-bottom: 20px;
  border-collapse: collapse;
}
.go100Sample td,
.go100Sample th {
  width: 234px;
  padding: 0 14px 0 0;
}
.go100Sample td.three {
  padding: 0;
}
.go100Sample th {
  text-align: left;
  padding: 0px;
}
.go100Sample .detailed td {
  padding: 3px 0 30px;
}
.go100Sample .detailed td img {
  margin-right: 10px;
}
.go100Sample .sampleList li {
  float: left;
  width: 234px;
  margin-right: 14px;
}
.go100Sample .sampleList li.end {
  margin-right: 0px;
}
.go100Sample .sampleList li .txt03 {
  text-align: right;
  margin: 3px 0 30px 0;
}

/*---------------------------
//// 導入事例
---------------------------*/

body#gp100 #go100Jirei h3 {
  background: none;
  background-color: #c9244f;
  border: solid 1px #c9244f;
  padding: 3px 0 0 5px;
  margin: 0;
  text-indent: 0;
  height: 22px;
  font-size: 108%;
  font-weight: bold;
  position: relative;
  width: 601px;
  color: #fff;
}
body#gp100 #go100Jirei h3 span {
  display: block;
  position: absolute;
  left: 280px;
  top: 0px;
  background: #fff;
  height: 22px;
  width: 316px;
  padding: 3px 0 0 10px;
}
body#gp100 #go100Jirei .j100 h3 span {
  background: url(../jirei/images/icon100.gif) no-repeat right 3px #fff;
}
body#gp100 #go100Jirei .j200 h3 span {
  background: url(../jirei/images/icon200.gif) no-repeat right 3px #fff;
}
body#gp100 #go100Jirei .j100 .titleIn h3 span {
  background: #fff;
}
body#gp100 #go100Jirei .j200 .titleIn h3 span {
  background: #fff;
}
body#gp100 #go100Jirei .j100 .titleIn p {
  background: url(../jirei/images/icon100.gif) no-repeat right 3px #fff;
}
body#gp100 #go100Jirei .j200 .titleIn p {
  background: url(../jirei/images/icon200.gif) no-repeat right 3px #fff;
}
body#gp100 #go100Jirei .j2536 .titleIn p {
  background: url(../jirei/images/icon2536.gif) no-repeat right 3px #fff;
}
body#gp100 #go100Jirei h3.smallTxt span {
  font-size: 10px;
}
body#gp100 #go100Jirei h3 img {
  vertical-align: text-bottom;
  margin-right: 5px;
  float: none;
}
.navArrow {
  margin: 10px 0 20px;
}
body#gp100 #go100Jirei .section {
  margin-bottom: 20px;
  padding-bottom: 20px;
  width: 100%;
}
body#gp100 #go100Jirei .section {
  border-bottom: dashed 1px #999999;
}
body#gp100 #go100Jirei .section.last {
  margin: 0;
  padding: 0;
  border: none;
}
body#gp100 #go100Jirei .section p {
  font-size: 116%;
  font-weight: bold;
  margin: 10px 0;
}
body#gp100 #go100Jirei .section p.pagetop {
  margin-top: 30px;
}
body#gp100 #go100Jirei .magazine h3 {
  background-color: #fff;
}
body#gp100 #go100Jirei .magazine .j100 h3 {
  background: url(../jirei/images/icon100.gif) no-repeat right 3px #fff;
}
body#gp100 #go100Jirei .magazine .j200 h3 {
  background: url(../jirei/images/icon200.gif) no-repeat right 3px #fff;
}
body#gp100 #go100Jirei .magazine .j100.j200 h3 {
  background: url(../jirei/images/icon100_200.gif) no-repeat right 3px #fff;
}

body#gp100 #go100Jirei .magazine .j200.j2536 h3 {
  background: url(../jirei/images/icon200_2536.gif) no-repeat right 3px #fff;
}

body#gp100 #go100Jirei .magazine .j2536 h3 {
  background: url(../jirei/images/icon2536.gif) no-repeat right 3px #fff;
}

body#gp100 #go100Jirei .magazine .j1836 h3 {
  background: url(../jirei/images/icon1836.gif) no-repeat right 3px #fff;
}

body#gp100 #go100Jirei .magazine .j2536_1836 h3 {
  background: url(../jirei/images/icon2536_1836.gif) no-repeat right 3px #fff;
}

body#gp100 #go100Jirei .magazine .a4 h3 {
  background: url(../jirei/images/icona4.gif) no-repeat right 3px #fff;
}

body#gp100 #go100Jirei .section.magazine .pagetop {
  margin: 0;
  padding: 0;
}
body#gp100 #go100Jirei .section.magazine.last {
  margin-bottom: 30px;
}
body#gp100 #go100Jirei .section.magazine .magazineLink {
  font-size: 77%;
  font-weight: normal;
  margin-bottom: 30px;
}
body#gp100 #go100Jirei .section.magazine div.adobe_reader_box {
  margin-left: 0;
  width: 468px;
}
.section .sectionImg {
  float: left;
  width: 105px;
  clear: both;
}
body#gp100 #go100Jirei .section .sectionInner {
  width: 608px;
  float: right;
}
body#gp100 #go100Jirei .j200-j2536 h3 img:last-of-type {
  margin-right: 0;
}

/******** ↓不要 **********/

/******** Select *********/

#main-navi li#gp100product a:hover,
#main-navi li#gp100product.on a {
  background-position: 0 -41px;
}
#main-navi li#spec a:hover,
#main-navi li#spec.on a {
  background-position: -182px -41px;
}
#main-navi li#use a:hover,
#main-navi li#use.on a {
  background-position: -365px -41px;
}
#main-navi li#screen a:hover,
#main-navi li#screen.on a {
  background-position: -547px -41px;
}

/***イメージエリア***/
body#gp100 div.image-area {
  margin: 10px 0;
}
body#gp100 div.image-area ul {
  margin-top: 10px;
}
body#gp100 div.image-area ul li {
  display: inline;
}

body#gp100.gp100-top div.image-area {
  background: url(../images/top/locallink_bg.gif) no-repeat 0 0;
  width: 730px;
  height: 159px;
  padding-top: 55px;
  margin-bottom: 0;
}
body#gp100.gp100-top div.image-area ul {
  margin: 0 auto;
  width: 696px;
  font-size: 10px;
}
body#gp100.gp100-top div.image-area ul li#btn01,
body#gp100.gp100-top div.image-area ul li#btn02 {
  margin-right: 4px;
}
body#gp100.gp100-top #sample-link {
  background: url(../images/top/sample_bg.gif) no-repeat 0 0;
  height: 378px;
  width: 730px;
  padding-top: 60px;
  text-align: center;
}
body#gp100.gp100-top #sample-link .btn {
  margin-top: 10px;
}
.pmainimg {
  margin-bottom: 20px;
}

/* 特長ヘッド */
body#gp100 h2.index-content-head {
  width: 730px;
  height: 64px;
  text-indent: -9999px;
  margin: 10px 0 0 0;
  padding: 0;
  background: url(../images/top/top_feature_head.gif) no-repeat 0 0;
}

/* 特長コンテンツ */
.index_title_image {
  margin: 0;
  padding: 0;
  width: 600px;
  height: 280px;
  background: url(../images/top/main-image-top.jpg) no-repeat 0 0;
}
.index-content-back-wrap {
  width: 730px;
  padding: 0 10px;
  margin: 0;
  background: url(../images/top/top_feature_body.jpg) repeat-y;
}
.index-content-wrap {
  width: 700px;
  font-size: 108%;
  padding: 5px 0 0 0;
  clear: both;
}
.index-content-wrap:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
ul.index-content-wrap {
  background-color: #fdf5f6;
  margin: 0 0 20px;
  padding: 5px 0 10px 55px;
  width: 655px;
}
ul.index-content-wrap li {
  background: url(../images/top/list_disc.gif) no-repeat left center;
  padding-left: 15px;
}
.index-content-wrap2 {
  width: 700px;
  margin: 10px 0 0px 5px;
  padding: 5px 0;
  clear: both;
}
.index-content-wrap2 .pagetop {
  margin-top: 10px;
}

.index-content-wrap img {
  margin: 0;
}
.index-content-wrap p {
  width: 700px;
  margin: 10px 0 0 0;
}
.index-content-left {
  float: left;
  margin: 0 0 0 10px;
  padding: 0;
}
.index-content-right {
  float: right;
  margin: 0 0 0 5px;
  padding: 0;
}

.index-content-bottom {
  width: 730px;
  clear: both;
}
.index-content-bottom img {
  vertical-align: top;
}
.gp100-top #content-table td.printSample {
  padding: 10px 0;
}

#content-table {
  width: 700px;
  margin: 0 0 0 15px;
}
.gp100-top #content-table {
  margin: 0 0 0 10px;
}
#content-table td {
  text-align: left;
  margin: 0;
  padding: 0;
}
#content-table td .td-mr {
  margin-right: 23px;
}
#area02 {
  position: relative;
}
#area02 #content-table {
  margin: 0 0 20px 6px;
}
#area02 #process06 {
  position: absolute;
  bottom: 85px;
  right: 95px;
}
#area02 .pagetop {
  margin-bottom: 10px;
}
.t-shirt {
  margin: 10px 0 20px 6px;
}
#content-table td.left-m {
  padding: 0 0 0 10px;
}
.gp100-top #content-table td.left-m {
  padding: 0 0 0 0;
}

.content2-txt {
  margin: 0;
}
.content2-txt4 {
  margin: 0;
  width: 204px;
}
.content2-txt5 {
  margin: 0;
}

.gp100-top .spec_title.catalog {
  margin-top: 30px;
}

/* カタログダウンロード */
#catalog {
  width: 690px;
  margin: 0 auto 30px;
  zoom: 1;
}
#catalog:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
#catalog-img {
  float: left;
}
#catalog-dw a img {
  vertical-align: middle;
}
#catalog-dw .pdf-dwRight {
  float: right;
}
#catalog-dw .pdf-dwLeft {
  float: left;
  margin-top: 7px;
}

#catalog-dw {
  padding-bottom: 10px;
  width: 555px;
  float: right;
  margin-bottom: 10px;
}
table.catalog-dw td.dw-txt {
  /*width: 90%;*/
  white-space: nowrap;
}
table.catalog-dw td.dw-bt-area {
  text-align: right;
}
table.catalog-dw .dw-txt img {
  vertical-align: text-top;
  margin: 0 5px 0;
}

table.catalog-dw .dw-bt a {
}
table.catalog-dw .dw-bt a:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}
table.catalog-dw td.line {
  height: 6px;
  vertical-align: middle;
}

div.adobe_reader_box {
  margin: 10px 0 20px;
  text-align: center;
}

body#gp100 p.info-area {
  margin: 0 0 20px 20px;
}

/*---------------------------
//// フォームへの誘導
---------------------------*/
#guidance {
  width: 690px;
  margin: 0 auto 5px;
  zoom: 1;
}
#guidance:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
#guidance-img {
  float: left;
}
/*---------------------------
//// 用途
---------------------------*/

.mr20 {
  margin: 0 20px 0 0;
}

.use_image_tabel {
  width: 730px;
  padding: 0;
  margin: 10px 0 30px;
}

.use_image_left {
  width: 234px;
  padding: 15px 0 0 0;
  margin: 0;
  text-align: left;
}
.use_content {
  padding: 0;
  margin: 4px 0 0 0;
  text-align: left;
}

.use_image_right {
  width: 234px;
  padding: 15px 0 0 12px;
  margin: 0;
  text-align: left;
}

.mb10 {
  margin-bottom: 10px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}

.media_image_tabel {
  width: 730px;
  padding: 0;
  margin: 5px 0 20px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  border-bottom: 1px dashed #999999;
}

.media_image_tabel.endtbl {
  border: none;
}

.media_image_tabel,
.media_image_tabel tr,
.media_image_tabel td {
  vertical-align: top;
  padding: 0;
}

.media_image_tabel .media_title {
  color: #ce002c;
  font-size: 135%;
  font-weight: bold;
  padding: 0 0 15px;
  line-height: 120%;
}

.media_image_tabel .media_title .subtitle {
  font-size: 80%;
  color: #666;
}

.media_image_tabel td.t12 {
  font-weight: bold;
}

.media_image_tabel_waku {
  border-bottom: #e2bfc3 solid 1px;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
}

.media_link {
  font-size: 95%;
  margin: 0;
  padding: 0;
}

.media_link a {
  background: url("/common/images/icon_arrow01.gif") no-repeat scroll 0 3px transparent;
  color: #06319e;
  padding: 0 0 5px 15px;
}
.media_link a span {
  padding: 0 0 0 15px;
}

.media_image_tabel td.media_link,
.media_image_tabel td.media_image {
  padding: 0 0 10px 0;
}
.use-stitle {
  margin: 10px 0;
}
#content-table td.printSample {
  padding-top: 10px;
}
/*---------------------------
//// スペック
---------------------------*/

.index_spec_table {
  padding: 0;
  margin: 5px 0 10px 0;
}
.index_spec_table table td {
  text-align: left;
  color: #000;
}
.index_spec_table table td.head {
  background-color: #ddd;
}
.index_btm_line {
  padding: 5px 5px 5px 10px;
  margin: 15px 0 0;
  border-bottom: 1px solid #999;
  /*	border-bottom: 1px solid #D9578A;*/
}
.index_btmlft_line {
  padding: 5px 5px 5px 10px;
  margin: 15px 0 0;
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
  /*
	border-bottom: 1px solid #D9578A;
	border-top: 1px solid #D9578A;
	color:#D9578A;
*/
}
.supplybox.option th {
  color: #fff;
  background-color: #858585;
}
.supplybox.option .notes {
  background: #ddd;
}
/**/

.extxt {
  margin: 0px;
  padding: 15px 5px 5px 5px;
}
.extxt ul {
  margin: 0px;
}
.extxt ul li {
  margin: 0px;
  font-size: 85%;
}
.tac {
  text-align: center;
}