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

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

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

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

div.frameFeatureArticles div.primaryContentsArea div.title p {
  width: 370px;
  color: #333;
  text-align: center;
}

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

/*	ヘッダ
----------------------------------------*/
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 ul.framePhotoGallery {
  margin: 25px 0 20px;
}

div.frameFeatureArticles ul.framePhotoGallery li {
  float: left;
  width: 197px;
  padding-bottom: 9px;
}

div.frameFeatureArticles ul.framePhotoGallery li.center {
  margin-right: 10px;
  margin-left: 9px;
}

/* アイテムリスト */

div.frameFeatureArticles div.frameItemList h5 {
  height: 22px;
  margin: 0;
  padding: 0;
  border-left: none;
  background: transparent url(../img/itemlist_title_tab.gif) left top no-repeat;
  text-indent: -9999px;
}

div.frameFeatureArticles div.frameItemList ul {
  padding: 16px 1px 16px 18px;
  border: 3px solid #e9daab;
}

div.frameFeatureArticles div.frameItemList ul li {
  float: left; 
  width: 195px;
  background: transparent url(../img/itemlist_icon_arrow.gif) left center no-repeat;
}

div.frameFeatureArticles div.frameItemList ul li a:link,
div.frameFeatureArticles div.frameItemList ul li a:active,
div.frameFeatureArticles div.frameItemList ul li a:visited {
  margin-left: 15px;
  text-decoration: none;
}

div.frameFeatureArticles div.frameItemList ul li a:hover {
  text-decoration: underline;
}