@charset "utf-8";

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

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

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

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

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


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

div.frameFeatureArticles div.primaryContentsArea div.title {
  height: 227px;
}

div.frameFeatureArticles div.cost ul li {
  float: left;
  width: 290px;
  margin-top: 15px;
}

div.frameFeatureArticles div.cost ul li.item01,
div.frameFeatureArticles div.cost ul li.item03 {
  width: 320px;
}

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

div#chapter01 div#sec03 table td strong {
  color: #c46b68;
}

div#chapter01 div#sec02 div.chart {
	width:610px;
	height:184px;
  margin-top: 1em;
	background:url(../img/cp01_sec02_col01_img01.gif) no-repeat;
}

div#chapter01 div#sec02 div.chart h5 {
  margin: 0;
  padding:  0;
  border-left: none;
  background-color: transparent;
}

div#chapter01 div#sec02 div.chart h5,
div#chapter01 div#sec02 div.chart dt,
div#chapter01 div#sec02 div.chart dd {
  font-size: 10px;
	text-indent: -99999px;
}

div#chapter01 table th.yuino {
	background-color: #FBCD75;
	font-weight: bold;
}

div#chapter01 table th.kai {
	background-color: #B1DBEF;
	font-weight: bold;
}
div#chapter01 table th.cel1 {
	background-color: #DDE5E8
}
div#chapter01 table th.cel2 {
	background-color: #C0CED5
}

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

div#chapter02 div#sec01 table{
	margin-top: 0;
}

div#chapter02 div#sec01 table tr th {
	width: 25%;
	line-height: 19px;
}
div#chapter02 div#sec01 table tr th#kanto {
	background: url(../img/cp02_sec01_col01_img02.gif) #D3A5C4 no-repeat;
}
div#chapter02 div#sec01 table tr th#kansai {
	background: url(../img/cp02_sec01_col01_img03.gif) #9AC7BF no-repeat;
}
div#chapter02 div#sec01 table tr th#kyusyu {
	background: url(../img/cp02_sec01_col01_img04.gif) #B1D769 no-repeat;
}
div#chapter02 div#sec01 table tr th#etc {
	background: url(../img/cp02_sec01_col01_img05.gif) #DBD25E no-repeat;
}

div#chapter02 div#sec03 div.pict {
	width: 610px;
	margin-top: 10px;
	background-image: url(../img/cp02_sec03_col01_img04.gif);
}

div#chapter02 div#sec03 div.pict div.box {
  float: left;
	width: 210px;
}

div#chapter02 div#sec03 div.pict div.box p {
  padding-right: 30px;
}

div#chapter02 div#sec03 div.pict div.box2 {
  float: left;
	width: 180px;
}

/* @group 201110追加 */

/* @group nav */

div.frameFeatureArticles div.headerArea ul.navigation {
	background-position: 0 0;
	border-bottom-color: #5fab6d;
}

div.frameFeatureArticles div.headerArea ul.navigation li {
	width: 171px;
}

div#chapter01 div.headerArea ul.navigation li#cNavi01 {
  background-position: 0px -60px;
}

div#chapter01 div.headerArea ul.navigation li#cNavi02 {
  background-position: -171px -60px;
}

div#chapter02 div.headerArea ul.navigation li#cNavi03 {
  background-position: -343px -60px;
}

div#chapter03 div.headerArea ul.navigation li#cNavi04 {
  background-position: -515px -60px;
  border: none;
	width: 172px;
}

div.frameFeatureArticles div.headerArea ul.navigation li a {
	width: 171px;
}

div.frameFeatureArticles div.headerArea ul.navigation li#cNavi01 a {
  background-position: 0 0;
}

div.frameFeatureArticles div.headerArea ul.navigation li#cNavi02 a {
  background-position: -171px 0;
}

div.frameFeatureArticles div.headerArea ul.navigation li#cNavi03 a {
  background-position: -343px 0;
}

div.frameFeatureArticles div.headerArea ul.navigation li#cNavi04 a {
  background-position: -515px 0;
	border: none;
	width: 172px;
}

div.frameFeatureArticles div.headerArea ul.navigation li#cNavi01 a:hover {
  background-position: 0 -30px;
}

div.frameFeatureArticles div.headerArea ul.navigation li#cNavi02 a:hover {
  background-position: -171px -30px;
}

div.frameFeatureArticles div.headerArea ul.navigation li#cNavi03 a:hover {
  background-position: -343px -30px;
}

div.frameFeatureArticles div.headerArea ul.navigation li#cNavi04 a:hover {
  background-position: -515px -30px;
}

/* @end */

div.frameFeatureArticles div.primaryContentsArea div.title {
  height: 239px;
}

#contents #mainContents .frameFeatureArticles .primaryContentsArea .section {
	background: url(../img/cp_sec_title.png) no-repeat 0 0;
}

.primaryContentsArea .section h3 {
	text-indent: 0!important;
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	height: auto;
	margin: 0 0 1.75em;
	padding: 8px 0 0 8px;
}

#chapter01 #sec01 table {
	width: 100%;
}

#chapter01 #sec01 .rightColumn table {
	margin: 0;
}

#chapter01 #sec01 table tr th {
	background-color: #e7e7e7;
}

#chapter01 #sec01 table tr th.yujin {
	background-color: #f7e7e7;
	text-align: center;
}

#chapter01 #sec01 table tr th.joushi {
	background-color: #deefe7;
	text-align: center;
}

#chapter01 #sec01 table tr th.shinzoku {
	background-color: #efe6bd;
	text-align: center;
}

#chapter02 #sec01 table, #chapter02 #sec01 table tr th, #chapter02 #sec01 table tr td {
	border: none;
}

#chapter02 #sec01 table tr th img {
	margin: 0 auto;
}

#chapter02 #sec01 table tr td {
	vertical-align: top;
}

#chapter02 #sec01 table tr td strong {
	color: #774b2e;
	font-weight: bold;
}

#chapter02 #sec01 table tr td strong span {
	color: #c67077;
}

.column h5 {
	clear: both;
}

.section .mannerCheck {
	background: url(../img/mannerCheck.png) no-repeat left top;
	height: 219px;
	margin-top: 1em;
	padding-top: 35px;
}

.section .mannerCheck h3 {
	background-color: #a66e61;
	margin: 0 0 22px 143px;
	padding: 0;
}

.section .mannerCheck h3 strong {
	font-size: 1.25em;
}

.section .mannerCheck p {
	margin: 0 24px 0.5em 160px;
	line-height: 1.4em;
}

.section .mannerCheck p strong {
	font-size: 1.20em;
	color: #774b2e;
}

/* @end */