@charset "UTF-8";

/* ================================================================ *
	Web Designing 2007/10
	テンプレート C-3：3 カラム型 本文を右と同じ作りに
	詳細カスタマイズ CSS
	
	この CSS を書き換えることで，テンプレートをカスタマイズ
	できます。本文記事およびコメントを参考に変更し，活用して
	ください。
 * ================================================================ */

/* 画像を回り込ませている箇所の見出しデザイン */
h2 {
  margin-left: 175px;
}

/* コンテンツ部分のデザイン */
#main .contents {
/* --- 背景色を設定してください --- */
  background-color: #f2f2f2;
}

/* ---------------------------------------------------------------- *
	サムネイルリストの設定です
 * ---------------------------------------------------------------- */

ul#thumbslist li {
	/* ★--- ボックスの幅と高さを設定してください --- */
  /* Note：ボックスからはみ出す分は出力されません；内容の量にに対して
           余裕をもって設定してください */
  width: 300px;
	height: 210px;
}

/* ---------------------------------------------------------------- *
	サムネイル画像についての設定です
 * ---------------------------------------------------------------- */
div.thumbnail {
  /* --- 背景を設定してください --- */
  /* Note：パディングと組み合わせると，縁取りなどの効果が期待
           できます */
  background: #EEEEEE;
  /* --- パディングを設定してください --- */
  padding-top: 5px;
  padding-bottom: 5px;
  width:160px;
}