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

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

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

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

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


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

div.frameFeatureArticles table caption {
  margin-bottom: 0.6em;
  padding-left: 14px;
  background: transparent url(../common/img/listmark_asterisk.gif) 0 2px no-repeat;
  color: #774C2F;
  font-weight: bold;
  text-align: left;
}

div.frameFeatureArticles table th {
  color: #774c2f;
  font-weight: bold;
}

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

div.frameFeatureArticles table.compare tbody td {
  text-align: center;
}

div.frameFeatureArticles table.flow tbody th {
  padding: 0 0 22px;
  background-position: center bottom;
  background-repeat:no-repeat;
  vertical-align: top;
}

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

div.frameFeatureArticles table.flow tbody th span {
  display: block;
  padding: 8px 8px 4px;
}

div.frameFeatureArticles table.flow tbody td {
  padding: 8px;
  vertical-align: top;
}

/*----------------------------------------
		Chapter1
----------------------------------------*/

div#chapter01 table.flow tbody th {
  background-color: #f9f8ce;
  background-image: url(../img/cp01_th_arrow.gif);
}

div#chapter01 table.flow tbody th span {
  background-color: #f9f8ce;
}

/*----------------------------------------
		Chapter2
----------------------------------------*/

div#chapter02 table.flow tbody th {
  background-color: #f2e9f3;
  background-image: url(../img/cp02_th_arrow.gif);
}

div#chapter02 table.flow tbody th span {
  background-color: #f2e9f3;
}

/*----------------------------------------
		Chapter3
----------------------------------------*/

div#chapter03 table.flow tbody th {
  background-color: #f0f8d1;
  background-image: url(../img/cp03_th_arrow.gif);
}

div#chapter03 table.flow tbody th span {
  background-color: #f0f8d1;
}

div#chapter03 dl.commentblock dd {
  margin-top: 0.4em;
  margin-left: 1em;
  text-indent: -1.3em;
}

/*----------------------------------------
		Chapter4
----------------------------------------*/

div#chapter04 table.flow tbody th {
  background-color: #fef2f8;
  background-image: url(../img/cp04_th_arrow.gif);
}

div#chapter04 table.flow tbody th span {
  background-color: #fef2f8;
}

div#chapter04 div.dataBox {
	clear:both;
	width: 330px;
	margin-top: 10px;
}

div#chapter04 div.dataBox ul {
	border: 1px solid #d6c9c0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	padding: 10px 20px 5px;
}
div#chapter04 div.dataBox p img {
	margin-left: 20px;
}
div#chapter04 div.dataBox ul li {
	color: #774c2f;
	margin-bottom: 5px;
}
div#chapter04 div.dataBox ul li.rightText {
	text-align: right;
}