/*----------------------------------------
		Import Files
----------------------------------------*/

@import url("/mar/manual/common/css/basestyle.css");
@import url("/mar/manual/common/css/mod_layout.css");
@import url("/mar/manual/common/css/mod_elements.css");

@import url("common.css");

@import url("/mar/manual/common/css/mod_multipurpose.css"); /* 使用しない場合はこの行を削除可 */


/*----------------------------------------
		.headerArea
----------------------------------------*/

/*	タブメニュー
----------------------------------------*/

div.frameFeatureArticles div.headerArea ul.navigation {
  border-bottom-color: #a64d8d; /* タブメニュー下の罫線の色をここで変更 */
}

/*	ページタイトル<h2>
----------------------------------------*/

div.frameFeatureArticles div.primaryContentsArea div.title h2 {
  height: 130px; /* リードの上開始位置をここで調整 */
}

/*	リード（p）
----------------------------------------*/

div.frameFeatureArticles div.primaryContentsArea div.title p {
  margin-right: 365px;
  margin-left: 34px; /* リードの左開始位置をここで調整 */
  color: #333;
}


/* ↓ 新規にスタイルを作成する際は、これより下に記述します。 ↓ */


/* 表組 */

div.frameFeatureArticles table th {
  text-align: left;
}

/* チャート */

div.frameFeatureArticles table.chart {
  margin : 0 0 0.8em;
}

div.frameFeatureArticles table.chart th,
div.frameFeatureArticles table.chart td {
  padding: 0.4em;
  background-color: #f5ece5;
}

div.frameFeatureArticles table.chart th {
  border-right: none;
}

div.frameFeatureArticles table.chart td {
  text-align: right;
}

/* アイテム */

div.frameFeatureArticles table.flowerItem th {
  background-color: #f5ece5;
  vertical-align: top;
}

/* 花材 */

div.frameFeatureArticles table.material thead th {
  background-color: #f5ece5;
  text-align: center;
}

div.frameFeatureArticles table.material tbody th,
div.frameFeatureArticles table.material tbody td {
  padding: 0.4em 0.3em;
  vertical-align: top;
}

div.frameFeatureArticles table.material tbody th {
  background-color: #f6edf3;
  font-weight: bold;
}

div.frameFeatureArticles table.material tbody td.main {
  border-bottom: none;
  text-align: center;
  vertical-align: top;
}

div.frameFeatureArticles table.material tbody td.sub {
  text-align: center;
  vertical-align: bottom;
}

/* スケジュール */

div.frameFeatureArticles table.schedule th {
  padding: 0 0 22px;
  background: #f2e9f3 url(../img/cp02_sec01_arrow.gif) center bottom no-repeat;
  text-align: center;
  vertical-align: top;
}

div.frameFeatureArticles table.schedule th span {
  display: block;
  padding: 8px 8px 4px;
  background-color: #f2e9f3;
  color: #774c2f;
  font-weight: bold;
}

div.frameFeatureArticles table.schedule th.end {
  padding-bottom: 4px;
  background-image: none !important;
}

div.frameFeatureArticles table.schedule td ul {
  list-style-type: disc;
  margin-left: 1.4em;
  color: #c8a5cc;
}

div.frameFeatureArticles table.schedule td li span {
  color: #333;
}