@charset "UTF-8";

/* ================================================================ *
	この CSS を書き換えることで，テンプレートをカスタマイズ
	できます。本文記事およびコメントを参考に変更し，活用して
	ください。
 * ================================================================ */

/* --- 画像を回り込ませている箇所の見出しの左マージンを画像の幅+余白分指定してください --- */
h2.photo {
  margin-left: 175px;
}

.bgphoto-soba {
/* --- 本文の背景画像を設定してください --- */
  background-image: url(../images/contentbg.png);
/* --- 本文の背景画像の繰り返し方向を設定してください --- */
  background-repeat: repeat-x;
/* --- 本文の背景画像の配置を設定してください--- */
  background-position: top;
}

h3.midashi-menu {
  /* 見出し 3 のジャンプ率を設定してください */
  font-size: 150%;
  color:#FFFFFF;
  /* 見出し 3 の上下マージンを設定してください */
  margin-top: 0;
  margin-bottom: 0;
  background-color:#336633;
  padding-left:10px;
}

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

ul#thumbslist1, ul#thumbslist2, ul#thumbslist3 {
  /* ★--- マージンを設定してください --- */
  margin-left: 13px;
}

ul#thumbslist1 li, ul#thumbslist2 li, ul#thumbslist3 li {
  /* ★--- マージンを設定してください --- */
  /* Note:float:left;をすでに設定しているため、左方向のマージンは0にし、右方向のマージンでリスト同士の間隔を調整してください */
  padding-top:5px;
  margin-right: 13px;
  margin-bottom: 15px;
  /* ★--- 幅を設定してください --- */
  width: 214px;
  /* --- 高さを設定してください --- 
  height: 185px;*/
  height: 240px;
}

ul#thumbslist1 li.coldmenu, ul#thumbslist2 li.coldmenu, ul#thumbslist3 li.coldmenu {
  background-color:#CCEEFF;
}

ul#thumbslist1 li.wintermenu, ul#thumbslist2 li.wintermenu, ul#thumbslist3 li.wintermenu {
  background-color:#FFCCCC;
}