@charset "utf-8";

/* =======================================

 Heading Parts CSS

 -----------------------------------------
 INDEX
 -----------------------------------------
 h1
 h2
 h3
 h4
 h5
 
========================================== */

/* h1
========================================== */
#contents .h1 {
  margin: 0 0 24px;
  background: url(../../images/parts/h1_bg_02.png) repeat-y;
}

#contents .h1 .bgTop {
  height: 4px;
  background: url(../../images/parts/h1_bg_01.png) no-repeat;
  font-size: 0;
  overflow: hidden;
}

#contents .h1 h1 {
  position: relative;
  top: 4px;
  padding: 4px 10px 8px 22px;
  background: url(../../images/parts/h1_bg_03.png) no-repeat 0 100%;
  color: #E97BB1;
  font-weight: bold;
  font-size: 200%;
  line-height: 1.1;
  min-height: 22px;
}

* html #contents .h1 h1 {
  height: 22px;
}


/* h2
========================================== */
#contents h2 {
  position: relative;
  margin: 20px 0;
  padding: 6px 9px 5px 28px;
  background: #EEEEEE url(../../images/parts/h2_bg_01.png) no-repeat 9px 8px;
  color: #000000;
  font-weight: bold;
  font-size: 120%;
  line-height: 1.5;
}


/* h3
========================================== */
#contents h3 {
  margin: 20px 0;
  padding: 3px 0 3px 7px;
  border-left: 5px solid #E97BB1;
  background: url(../../images/common/border_dotted_01.png) repeat-x 0 100%;
  color: #000000;
  font-weight: bold;
  font-size: 120%;
  line-height: 1.5;
}



/* h4
========================================== */
#contents h4 {
  margin: 20px 0;
  padding: 3px 10px;
  background: #EEEEEE;
  color: #E97BB1;
  font-weight: bold;
  font-size: 120%;
  line-height: 1.5;
}


/* h5
========================================== */
#contents h5 {
  margin: 20px 0;
  color: #1C417C;
  font-weight: bold;
  font-size: 120%;
  line-height: 1.5;
}