@charset "UTF-8";

/* ================================================================ *
	Web Designing 2007/10
	テキスト書式設定用 CSS
	
	この CSS では共通のテキスト設定を行っています。本文記事
	およびコメントを参考に，必要に応じて変更してください。
 * ================================================================ */

/* ---------------------------------------------------------------- *
	全体に関わる設定
 * ---------------------------------------------------------------- */

body {
/*
 * This Stylesheet was based on YUI Library's Fonts CSS.
 * > Copyright (c) 2007, Yahoo! Inc. All rights reserved.
 * > Code licensed under the BSD License:
 * > http://developer.yahoo.net/yui/license.txt
 * > http://developer.yahoo.com/yui/fonts/
 * Note: この部分の指定では、Yahoo! UI Library の Fonts CSS を利用して、各種ブラウザのフォントサイズの差をほぼなくす設定を行っています。ほとんどのモダンブラウザで、基本のフォントサイズを13pxと指定し、pixel単位で指定したときに IE でサイズが変更されない不具合を埋めるためにプロパティの先頭に*を付けるハック(ブラウザのバグを利用したinvalidなハック)を利用して IE7がsmall, IE5?6 が x-small を読み込むように設定することで、基本のフォントサイズがほぼ揃います。
 */
  font-size: 13px;
  *font-size: small;
  *font: x-small;
}

body {
   /* 必要ならば，本文のテキストに関する設定をしてください */
  font-family: Arial, "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, sans-serif;
  color: #333333;
}

a,
a:link {
   /* 必要ならば，リンクテキストに関する設定をしてください */
  color: #0033CC;
  text-decoration: none;
}

a:visited {
   /* 必要ならば，訪問済みリンクテキストに関する設定をしてください */
  color: #578cb9;
}

a:hover {
   /* 必要ならば，マウスオーバー時のリンクテキストに関する設定をしてください */
  color: #125382;
  text-decoration: underline;
}

a:active {
   /* 必要ならば，アクティブ時のリンクテキストに関する設定をしてください */
  color: #3366ff;
  text-decoration: underline;
}

p {
  /* 基本的なテキスト要素の行送りを設定してください */
  line-height: 1.4;
}

ul, ol, dl {
  /* リスト関連要素の行送りを設定してください */
  line-height: 1.3;
}

p.title {
  margin-top: .2em;
	margin-bottom: .2em;
	font-size: 140%;
	font-weight: bold;
}


p.caption {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 80%;
}

p.price {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 120%;
	color: #FF0000;
}

p.catch {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 120%;
	color: #FF6600;
	text-align: center;
}
p.banner {
	margin-bottom: 0;
	font-size: 90%;
	line-height: 120%;
	margin-top: .5em;
}


p {
  /* パラグラフの上下マージンを設定してください */
  margin-top: 0;
  margin-bottom: 0.5em;
}
p.index {
	/* パラグラフの上下マージンを設定してください */
  margin-top: 0;
	margin-bottom: 1em;
	line-height: 100%;
	padding-bottom: 1em;
}

p.form {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 90%;
}

ul, ol, dl {
  /* 箇条書きの上下マージンを設定してください */
  margin-top: 0;
  margin-bottom: 0;
}

h1 {
  /* 見出し 1 のジャンプ率を設定してください */
  font-size: 125%;
  /* 見出し 1 の上下マージンを設定してください */
  margin-top: 20px;
  margin-bottom: 15px;
}

h2 {
  /* 見出し 2 のジャンプ率を設定してください */
  font-size: 145%;
  /* 見出し 2 の上下マージンを設定してください */
  margin-top: 0;
  margin-bottom: 0.5em;
  /* 見出し 2 のパディングを設定してください */
  padding-left: 10px;
  /* 見出し 2 の左端装飾用罫線の太さ・線種・色を設定してください */
  border-left: 5px solid #EEE542;
  /* 見出し 2 の行送りを設定してください */
  line-height: 1.2;
}


H7 {
	/* 見出し 7 のジャンプ率を設定してください */
  font-size: 140%;
	/* 見出し 3 の上下マージンを設定してください */
  margin-top: 0;
	margin-bottom: 0.2em;
	color: #003399;
	line-height: 1.2;
}
h3 {
	/* 見出し 3 のジャンプ率を設定してください */
  font-size: 120%;
	/* 見出し 3 の上下マージンを設定してください */
  margin-top: 0;
	margin-bottom: 0.3em;
	color: #003399;
	line-height: 1.3;
}

*html h3 {
	/* 見出し 3 のジャンプ率を設定してください */
  font-size: 115%;
	/* 見出し 3 の上下マージンを設定してください */
  margin-top: 0;
	margin-bottom: 0;
	color: #003399;
	line-height: 1.3;
}

h4 {
  /* 見出し 4 のジャンプ率を設定してください */
  font-size: 110%;
  /* 見出し 4 の上下マージンを設定してください */
  margin-top: 0;
  margin-bottom: 0;
}

h4.banner {
	/* 見出し 4 のジャンプ率を設定してください */
  font-size: 105%;
	/* 見出し 4 の上下マージンを設定してください */
  margin-top: 0;
	margin-bottom: 0;
	line-height: 105%;
}


h5 {
  /* 見出し 5 のジャンプ率を設定してください */
  font-size: 105%;
  /* 見出し 5 の上下マージンを設定してください */
  margin-top: 0;
  margin-bottom: 0;
}

h6 {
	/* 見出し 2 のジャンプ率を設定してください */
  font-size: 145%;
	/* 見出し 2 の上下マージンを設定してください */
  margin-top: 0;
	margin-bottom: 0.5em;
	/* 見出し 2 のパディングを設定してください */
  padding-left: 10px;
	/* 見出し 2 の行送りを設定してください */
  line-height: 1.2;
	color: #FF0000;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF0000;
}

/* ---------------------------------------------------------------- *
	各部分個別の設定
 * ---------------------------------------------------------------- */

#header {
   /* 必要ならば，ヘッダ部分に関する設定をしてください */
}

.contents {
   /* 必要ならば，コンテンツ部分に関する設定をしてください */
}

#navi {
   /* 必要ならば，ナビゲーション部分に関する設定をしてください */
}

#footer {
   /* 必要ならば，フッタ部分に関する設定をしてください */
  font-size: 90%;
}

#footer address {
   /* 必要ならば，コピーライト部分に関する設定をしてください */
  font-style: normal;
}