/*----------------------------------------
		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: #99666d; /* タブメニュー下の罫線の色をここで変更 */
}

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

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

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

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


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

/*	アクションリンク
----------------------------------------*/

div#chapter01 div.footerArea div.actionLink ul.oneColumnLayout li#link01 a {
  background-image: url(../img/al_btn_1col_01.gif);
}

div#chapter02 div.footerArea div.actionLink ul.oneColumnLayout li#link01 a {
  background-image: url(../img/al_btn_1col_02.gif);
}

div#chapter04 div.footerArea div.actionLink ul.oneColumnLayout li#link01 a {
  background-image: url(../img/al_btn_1col_03.gif);
}

div#chapter05 div.footerArea div.actionLink ul.oneColumnLayout li#link01 a {
  background-image: url(../img/al_btn_1col_04.gif);
}

/*	Column Layout
----------------------------------------*/

/* L w212px + R w380px */
div.Rw380 div.leftColumn {
  width: 212px;
}

div.Rw380 div.rightColumn {
  width: 380px;
}

/* L w350px + R w245px */
div.Lw350 div.leftColumn {
  width: 350px;
}

div.Lw350 div.rightColumn {
  width: 245px;
}

/*	Table
----------------------------------------*/

div.frameFeatureArticles table.checklist {
  margin: 0 0 1em;
}

div.frameFeatureArticles table.checklist th,
div.frameFeatureArticles table.checklist td {
  padding: 0.3em;
  background-color: #f5ece4;
}

div.frameFeatureArticles table.checklist th {
  width: 60%;
  border-right: none;
  text-align: left;
}

div.frameFeatureArticles table.checklist td {
  width: 40%;
  text-align: right;
}

div#chapter03 div.primaryContentsArea div.section div.column table {
  margin-top: 0;
}

div#chapter03 div.primaryContentsArea div.section div.column table thead th {
  background-color: #a992c5;
  color: #ffffff;
}

div#chapter03 div.primaryContentsArea div.section div.column table tbody th {
  width: 13%;
  background-color: #f5ece4;
}

div#chapter03 div.primaryContentsArea div.section div.column table tbody td {
  width: 87%;
}