@charset "UTF-8";

/* ============================================================= 
   全体のフォントサイズ　文字色　背景色
------------------------------------------------------------- */
body {
		font-size: 75%;
		color: #666;
}

/* ============================================================= 
   リンク
------------------------------------------------------------- */
a:link,a:visited,a:hover,a:active { text-decoration: underline; }

a { overflow: hidden; }
a:link { color: #00f; }
a:visited { color: #90f; }
a:hover { color: #c33; }
a:active { color: #f00; }

.logo a,
.logo a:hover,
.headernavi a,
.headernavi a:hover,
.sitemap a,
.sitemap a:hover,
.localnavi a,
.localnavi a:hover,
.information a,
.information a:hover,
.pickupnavi a,
.pickupnavi a:hover { text-decoration: none; }

/* ============================================================= 
   ヘッダーブロック　文字色を変更
------------------------------------------------------------- */

/* 見出し */
h1 {
		font-size: 100%;
		color: #666;
}

/* 概要 */
.description {
		font-size: 100%;
		color: #666;
}

/* 電話番号 */
.tel {
		font-size: 200%;
		color: #666;
}

/* サイトマップ */
.sitemap { font-size: 100%; }

.sitemap a {
		background-color: #eee;
		color: #666;
}

.sitemap a:hover {
		background-color: #666;
		color: #fff;
}

/* グローバルナビゲーション */
.headernavi a {
		font-size: 100%;
		color: #000;
}

.headernavi a:hover { color: #c33; }

/* -------------------------------------------------
  サイトタイトル　ロゴ
  テキスト表示の場合は以下のコメントタグを削除
	ロゴ画像を用意の場合はそのままで（コメントアウト）
--------------------------------------------------*/

/*

.logo a {
		font-size: 140%;
		color: #000;
}

.logo a:hover { color: #f00; }

*/

/* =============================================================
   コンテンツブロック　文字色を変更
------------------------------------------------------------- */

/* 見出し */
#gray h2 { color: #fff; }
#green h2 { color: #360; }
#pink h2 { color: #fff; }
#khaki h2 { color: #666; }

h3,h4,h5,h6 {
		color: #666;
		border-top: 1px dotted #666;
}

/* パン屑リスト */
p.topicpath { font-size: 100%; }

p.topicpath a {
		background-color: #666;
		color: #fff;
}

p.topicpath a:hover {
		background-color: #c33;
		color: #fff;
}

/* Page Top */
p#pagetop { font-size: 100%; }

#gray p#pagetop a {
		background-color: #ccc;
		color: #000;
}

#gray p#pagetop a:hover {
		background-color: #666;
		color: #fff;
}

#green p#pagetop a {
		background-color: #690;
		color: #fff;
}

#green p#pagetop a:hover {
		background-color: #030;
		color: #fff;
}

#pink p#pagetop a {
		background-color: #c6c;
		color: #000;
}

#pink p#pagetop a:hover {
		background-color: #906;
		color: #fff;
}

#khaki p#pagetop a {
		background-color: #996;
		color: #000;
}

#khaki p#pagetop a:hover {
		background-color: #300;
		color: #fff;
}

/* 見出し */
.detail-txt .title { font-size: 100%; }

#gray .detail-txt .title { color: #fff; }
#green .detail-txt .title { color: #360; }
#pink .detail-txt .title { color: #fff; }
#khaki .detail-txt .title { color: #666; }

/* =============================================================
   サイドバーブロック　文字色を変更
------------------------------------------------------------- */

/* サイドバー 見出し */

.cart .title,
.localnavi .title,
.sideinfo .title,
.calendar .title,
.pickupnavi .title,
.localnavi-bannar .title { font-size: 100%; }

#gray .cart .title,
#gray .localnavi .title,
#gray .sideinfo .title,
#gray .calendar .title,
#gray .pickupnavi .title,
#gray .localnavi-bannar .title { color: #fff; }

#green .cart .title,
#green .localnavi .title,
#green .sideinfo .title,
#green .calendar .title,
#green .pickupnavi .title,
#green .localnavi-bannar .title { color: #360; }

#pink .cart .title,
#pink .localnavi .title,
#pink .sideinfo .title,
#pink .calendar .title,
#pink .pickupnavi .title,
#pink .localnavi-bannar .title { color: #fff; }

#khaki .cart .title,
#khaki .localnavi .title,
#khaki .sideinfo .title,
#khaki .calendar .title,
#khaki .pickupnavi .title,
#khaki .localnavi-bannar .title { color: #666; }

/* サブメニュー リンク部分 */
.localnavi { font-size: 100%; }

.localnavi a { color: #666; }

.localnavi a:hover { color: #c33; }

/* インフォメーション部分 */
.sideinfo dd {
		font-size: 100%;
		color: #666;
}

/* =============================================================
   フッターブロック　文字色を変更
------------------------------------------------------------- */

#footer { font-size: 100%; }

#gray #footer { color: #666; }
#green #footer { color: #360; }
#pink #footer { color: #fff; }
#khaki #footer { color: #000; }

/* =============================================================
   トップページ　文字色を変更
------------------------------------------------------------- */

#features a { color: #fff; }

#features a:hover { color: #9f0; }

/* 画像部分 見出し */
.top-btn span {
		font-size: 100%;
		color: #666;
}

/* 画像部分 テキスト */
.top-btn p {
		font-size: 100%;
		color: #666;
}

/* 画像部分 リンク */
.top-btn a { color: #00f; }

.top-btn a:hover { color: #c33; }

.information .title { font-size: 100%; }

#gray .information .title { color: #fff; }
#green .information .title { color: #fff; }
#pink .information .title { color: #fff; }
#khaki .information .title { color: #fff; }

/* 新着情報部分　日付 */
.information span {
		font-size: 100%;
		color: #666;
}

/* 新着情報部分　リンク */
.information a {
		font-size: 100%;
		color: #00f;
}

.information a:hover { color: #c33; }

.pickupnavi a .txt01 { color: #000; }
.pickupnavi a .txt02 { color: #666; }

.pickupnavi a:hover .txt01,
.pickupnavi a:hover .txt02 { color: #c00; }

/* =============================================================
   新着ページ　文字色を変更
------------------------------------------------------------- */

/* 新着情報ページ部分　日付 */
.entryday {
		font-size: 100%;
		color: #666;
}

/* 新着情報ページ部分　タイトル */
.entry h3 { color: #666; }