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

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

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

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

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


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

/*div.frameFeatureArticles div.headerArea h1 {
  float: left;
  width: 400px;
}*/

div.frameFeatureArticles div.headerArea ul.toppageLink {
  float: right;
  width: 250px;
}

div.frameFeatureArticles div.headerArea ul.toppageLink li {
  line-height: 35px;
  text-align: right;
}

div.frameFeatureArticles div.headerArea ul.navigation {
  clear: both;
}


div.frameFeatureArticles div.footerArea {
  padding-top: 1em;
}

div.frameFeatureArticles div.section div.column table {
  margin-top: 0;
  border: none;
}

div.frameFeatureArticles div.section div.column table th,
div.frameFeatureArticles div.section div.column table td {
  padding: 0;
  border: none;
}

/*----------------------------------------
		タイトルエリア
----------------------------------------*/

div.frameFeatureArticles div.primaryContentsArea div.title dl {
  width: 226px;
  height: 75px;
  margin-left: 445px;
  background-color: transparent;
  background-position: left top;
  background-repeat: no-repeat;
}

div.frameFeatureArticles div.primaryContentsArea div.title dl dt,
div.frameFeatureArticles div.primaryContentsArea div.title dl dd {
  font-size: 10px;
  text-indent: -9999px;
}

/*----------------------------------------
		フォトギャラリー
----------------------------------------*/

div.frameFeatureArticles div.photoGallary {
  margin-top: 23px;
  padding: 24px 18px 0 16px;
  background-position: left top;
  background-repeat: no-repeat;
}

div.frameFeatureArticles div.photoGallary ul {
  margin-top: 22px;
  padding: 16px 16px 10px 0;
}

div.frameFeatureArticles div.photoGallary ul li {
  margin-bottom: 6px;
  margin-left: 1em;
  font-size: 10px;
  text-indent: -1.2em;
}

div.frameFeatureArticles div.photoGallary ul li span {
  color: #fff;
}

div.frameFeatureArticles div.photoGallary a {
  display: block;
}

div.frameFeatureArticles div.keyword div {
  padding: 15px 0 15px 14px;
  background-color: transparent;
  background-position: left top;
  background-repeat: no-repeat;
}

div.frameFeatureArticles div.keyword p {
  padding-right: 180px;
  padding-bottom: 20px;
  background-color: transparent;
  background-position: right bottom;
  background-repeat: no-repeat;
}

/*----------------------------------------
	  HAPPY DOG
----------------------------------------*/

div.headerArea h1 {
    padding-top:10px;
    font-size: 90%;
    color:#666666;
    height: auto;
    text-indent: 0;
}
div.frameFeatureArticles p.category {
  background: #ffffff url(../img/title_cp01.gif) left top no-repeat;
  height: 35px;
  text-indent: -9999px;
  float: left;
  width: 400px;
}

div#chapter01 div.title dl {
  background-image: url(../img/cp01_title_feature.gif);
}

div#chapter01 div.photoGallary {
  background-color: #ffef5a;
}

div#chapter01 div#pg01 {
  background-image: url(../img/cp01_sec01_col01_bg.gif);
}

div#chapter01 div#pg02 {
  background-image: url(../img/cp01_sec01_col02_bg.gif);
}

div#chapter01 div.keyword p {
  background-image: url(../img/cp01_sec01_col03_bg01.gif);
}

div#chapter01 div.keyword div {
  background-image: url(../img/cp01_sec01_col03_bg02.gif);
}

/*----------------------------------------
	  HAPPY DEER
----------------------------------------*/

div.headerArea h1 {
    padding-top:10px;
    font-size: 90%;
    color:#666666;
    height: auto;
    text-indent: 0;
}
div.frameFeatureArticles p.category {
  background: #ffffff url(../img/title_cp02.gif) left top no-repeat;
  height: 35px;
  text-indent: -9999px;
  float: left;
  width: 400px;
}


div#chapter02 div.primaryContentsArea div.title dl {
  background-image: url(../img/cp02_title_feature.gif);
}

div#chapter02 div.photoGallary {
  background-color: #d8ed41;
}

div#chapter02 div#pg01 {
  background-image: url(../img/cp02_sec01_col01_bg.gif);
}

div#chapter02 div#pg02 {
  background-image: url(../img/cp02_sec01_col02_bg.gif);
}

div#chapter02 div.keyword p {
  background-image: url(../img/cp02_sec01_col03_bg01.gif);
}

div#chapter02 div.keyword div {
  background-image: url(../img/cp02_sec01_col03_bg02.gif);
}

/*----------------------------------------
	  HAPPY CAT
----------------------------------------*/

div.headerArea h1 {
    padding-top:10px;
    font-size: 90%;
    color:#666666;
    height: auto;
    text-indent: 0;
}
div.frameFeatureArticles p.category {
  background: #ffffff url(../img/title_cp03.gif) left top no-repeat;
  height: 35px;
  text-indent: -9999px;
  float: left;
  width: 400px;
}


div#chapter03 div.primaryContentsArea div.title dl {
  background-image: url(../img/cp03_title_feature.gif);
}

div#chapter03 div.photoGallary {
  background-color: #fbb6da;
}

div#chapter03 div#pg01 {
  background-image: url(../img/cp03_sec01_col01_bg.gif);
}

div#chapter03 div#pg02 {
  background-image: url(../img/cp03_sec01_col02_bg.gif);
}

div#chapter03 div.keyword p {
  background-image: url(../img/cp03_sec01_col03_bg01.gif);
}

div#chapter03 div.keyword div {
  background-image: url(../img/cp03_sec01_col03_bg02.gif);
}

/*----------------------------------------
	  HAPPY BUNNY
----------------------------------------*/

div.headerArea h1 {
    padding-top:10px;
    font-size: 90%;
    color:#666666;
    height: auto;
    text-indent: 0;
}
div.frameFeatureArticles p.category {
  background: #ffffff url(../img/title_cp04.gif) left top no-repeat;
  height: 35px;
  text-indent: -9999px;
  float: left;
  width: 400px;
}


div#chapter04 div.primaryContentsArea div.title dl {
  background-image: url(../img/cp04_title_feature.gif);
}

div#chapter04 div.photoGallary {
  background-color: #a7deeb;
}

div#chapter04 div#pg01 {
  background-image: url(../img/cp04_sec01_col01_bg.gif);
}

div#chapter04 div#pg02 {
  background-image: url(../img/cp04_sec01_col02_bg.gif);
}

div#chapter04 div.keyword p {
  background-image: url(../img/cp04_sec01_col03_bg01.gif);
}

div#chapter04 div.keyword div {
  background-image: url(../img/cp04_sec01_col03_bg02.gif);
}

/*----------------------------------------
	  HAPPY BEAR
----------------------------------------*/

div.headerArea h1 {
    padding-top:10px;
    font-size: 90%;
    color:#666666;
    height: auto;
    text-indent: 0;
}
div.frameFeatureArticles p.category {
  background: #ffffff url(../img/title_cp05.gif) left top no-repeat;
  height: 35px;
  text-indent: -9999px;
  float: left;
  width: 400px;
}


div#chapter05 div.primaryContentsArea div.title dl {
  background-image: url(../img/cp05_title_feature.gif);
}

div#chapter05 div.photoGallary {
  background-color: #fbcaae;
}

div#chapter05 div#pg01 {
  background-image: url(../img/cp05_sec01_col01_bg.gif);
}

div#chapter05 div#pg02 {
  background-image: url(../img/cp05_sec01_col02_bg.gif);
}

div#chapter05 div.keyword p {
  background-image: url(../img/cp05_sec01_col03_bg01.gif);
}

div#chapter05 div.keyword div {
  background-image: url(../img/cp05_sec01_col03_bg02.gif);
}