@charset "UTF-8";


h1 {
  background: url("../img/h1-services.jpg") no-repeat left top;
  width: 700px;
  height: 100px;
  text-indent: -99999px;
  overflow: hidden;
}

*:first-child+html h2 { margin-bottom: 1em; }
* html h2 { margin-bottom: 1em; }

#services-menu {
  margin-bottom: 60px;
}

.services-section {
  margin-bottom: 1em;
}

.services-header {
  margin-bottom: 20px;
  height: 100px;
}

.services-header h3 {
  margin-right: 20px;
  _margin-right: 10px;
  float: left;
}

.services-content {
  margin-bottom: 3em;
}

.sc-text {
  margin: 10px 0;
}

/* ______________________________________________________________________________ */
.sc-text dl {
  margin-right: 20px;
  float: left;
  width: 210px;
  /*height: 100px;*/
  font-size: 93%;
  text-align: justify;
  /*text-justify: inter-ideograph;*/
}

.sc-text dt {
  margin-right: 10px;
  float: left;
  display: inline;
  width: 20px;
  height: 20px;
}

.sc-text dd {}

dl.sc-text-end {
  margin-right: 0;
}
/* ______________________________________________________________________________ */
.sc-text2 {
  margin: 10px 0;
}

.sc-text2 dl {
  /*height: 100px;*/
  font-size: 93%;
  text-align: justify;
  /*text-justify: inter-ideograph;*/
}

.sc-text2 dt {
  float: left;
  display: inline;
  width: 20px;
  height: 20px;
}

.sc-text2 dd {
  margin-left: 30px;
}


.contentPR span {
  color: #1E50A2;
  font-weight: bold;
}


/* ______________________________________________________________________________ */
#works-nav {
  margin-bottom: 1em;
  width: 700px;
  height: 255px;
  background: url("../img/works-nav-bg.jpg") no-repeat center top;
  position: relative;
}

#works-nav li {
  width: 233px;
  height: 85px;
  text-indent: -9999px;
  overflow: hidden;
}

#works-nav a {
  display: block;
  width: 100%;
  height: 100%;
}

#works-nav-001 {}

#works-nav-002 {
  position: absolute;
  top: 0;
  left: 467px;
}

li#works-nav-003 {
  width: 234px;
  position: absolute;
  top: 85px;
  left: 233px;
}

#works-nav-004 {
  position: absolute;
  top: 170px;
  left: 0;
}

#works-nav-005 {
  position: absolute;
  top: 170px;
  left: 467px;
}

#works-nav-001 a:hover {
  background: url("../img/works-nav-bg.jpg") no-repeat left -255px;
}
#works-nav-002 a:hover {
  background: url("../img/works-nav-bg.jpg") no-repeat -467px -255px;
}
#works-nav-003 a:hover {
  background: url("../img/works-nav-bg.jpg") no-repeat -233px -340px;
}
#works-nav-004 a:hover {
  background: url("../img/works-nav-bg.jpg") no-repeat left -425px;
}
#works-nav-005 a:hover {
  background: url("../img/works-nav-bg.jpg") no-repeat -467px -425px;
}


#cboxTitle a:link {color: #fff;}
#cboxTitle a:visited {color: #fff;}
#cboxTitle a:link {color: #fff;}
#cboxTitle a:link {color: #fff;}

/* フロート解除
============================================================================ */
.sc-text2 li {
  min-height: 0;
  display: inline-table;
}
.sc-text2 li:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: " ";
}
/* hide MacIE \*/
* html .sc-text2 li {
  height: 0;
}
.sc-text2 li {
  display: block;
}
/* */



/* works */

#works {
  margin-bottom: 60px;
}

#works .works-right {
  margin-right: 0;
}

#works .section h3 {
  margin-bottom: 10px;
  font-size: 100%;
}

/*-----------------------*/
#works-selector li {
  margin-right: 10px;
  padding-left: 11px;
  float: left;
  background: url("../img/arrow-b.gif") no-repeat left center;
}

#works-selector li a {}

#works-thumb ul li {
  margin-right: 13px;
  margin-bottom: 10px;
  float: left;
  display: inline;
  width: 100px;
  height: 100px;
  background: #222;
}

#works-thumb ul li.works-end {
  margin-right: 0;
}

#works-thumb ul li.disc {
  background: none;
}

.selected {
  border: 2px solid #D2CFC8;
}

#services-items {}
#services-items p {
  color: #367194;
}
#services-field {}
#services-field p {
  color: #b81253;
}

#lineup h3 {
  border-bottom: 1px solid #e8e5dd;
}

/* graphic-design.html
 */

#graphic-design #works-thumb .section {
  border-bottom: 1px solid #e8e5dd;
}

* html #graphic-design #works-thumb .section {
  padding-bottom: 1em;
}

*:first-child+html #graphic-design #works-thumb .section {
  padding-bottom: 1em;
}

* html #graphic-design #works-thumb ul li {
  width: 100px;
  height: 100px;
  display: block;
}

* html #graphic-design #works-thumb ul li a {
  width: 100px;
  height: 100px;
  display: block;
}

/* sign-display.html
 */
#sign-display {
  position: relative;
}


#sign-display #works-thumb ul li {
  margin-bottom: 3em;
  position: relative;
  line-height: 1.3;
}


* html #sign-display #works-thumb ul li {
  width: 100px;
  height: 100px;
  display: block;
}

* html #sign-display #works-thumb ul li a {
  width: 100px;
  height: 100px;
  display: block;
}

#sign-display #works-thumb ul li a {
  text-decoration: none;
}

#sign-display #works-thumb ul li a span {
  position: absolute;
  left: 0;
  bottom: -30px;
  display: inline-block;
  width: 100px;
  height: 24px;
  background: #fff;
  text-align: center;
  font-size: 10px;
  font-family: "メイリオ", Meiryo;
}

img#sign-display-menu {
  position: absolute;
  bottom: 40px;
  right: 35px;
}

*:first-child+html img#sign-display-menu {
  bottom: 0;
}

* html img#sign-display-menu {
  bottom: 0;
}

/* web-design.html
 */

* html #web-design #works-thumb ul li {
  width: 100px;
  height: 100px;
  display: block;
}

* html #web-design #works-thumb ul li a {
  width: 100px;
  height: 100px;
  display: block;
}

/* dvd-cd.html
 */
#dvd_cd {}

#dvd_cd #works-thumb ul li {
  margin-bottom: 3em;
}


#dvd_cd #works-thumb ul li {
  position: relative;
  line-height: 1.3;
}

#dvd_cd #works-thumb ul li a {
  text-decoration: none;
}

#dvd_cd #works-thumb ul li a span {
  position: absolute;
  left: 0;
  bottom: -50px;
  display: inline-block;
  width: 100px;
  background: #fff;
  text-align: center;
  font-size: 10px;
  font-family: "メイリオ", Meiryo;
}

#dvd_cd #works-thumb ul li a span em {
  font-weight: normal;
  color: #000;
}

#dvd_cd #works-thumb ul li a span.wide {
  width: 173px;
  font-size: 10px;
}

/* produce.html
 */

#bridal {
  position: relative;
  min-height: 400px;
  _height: 380px;
  background: url("../img/services/produce-bpt.jpg") no-repeat right top;
}

#bridal-detail .section {
  margin-bottom: 1em;
  border-bottom: 1px solid #e8e5dd;
}
/*
#bpt {
  position: absolute;
  right: 0;
  top: 0;
  width: 132px;
  height: 400px;
}

#bpt a {
  display: block;
  width : 100%;
  height: 100%;
  text-indent: -99999px;
  overflow: hidden;
}
*/

#produce-photos #works-thumb ul {
  margin-bottom: 2em;
}

* html #produce-photos #works-thumb ul {
  margin-bottom: 5em;
}

*:first-child+html #produce-photos #works-thumb ul {
  margin-bottom: 5em;
}

#produce-photos #works-thumb ul li a span em {
  font-weight: normal;
  color: #000;
}



#produce-photos #works-thumb ul li {
  margin-bottom: 3em;
  position: relative;
  line-height: 1.3;
}

#produce-photos #works-thumb ul li a span {
  position: absolute;
  left: 0;
  bottom: -30px;
  display: inline-block;
  width: 100px;
  height: 24px;
  background: #fff;
  text-align: center;
  font-size: 10px;
  font-family: "メイリオ", Meiryo;
}

* html #produce-photos #works-thumb ul li {
  width: 100px;
  height: 100px;
  display: block;
}

* html #produce-photos #works-thumb ul li a {
  width: 100px;
  height: 100px;
  display: block;
}