@charset "shift_jis";

body {
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka,
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
  font-size: 75%;
  line-height: 2;
  color: #333333;
  background-color: #ffffff;
  margin: 0px;
  padding: 0px;
  text-align: center;
  background-image: url(images/bg.gif);
  height: 100%;
  width: 100%;
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
dl,
dt,
dd,
form {
  margin: 0px;
  padding: 0px;
}

ul {
  list-style-type: none;
}

img {
  border: none;
}

input,
textarea,
select {
  font-size: 1em;
}

form {
  margin: 0px;
}

table {
  border-collapse: collapse;
  font-size: 100%;
  border-spacing: 0;
}

/*リンク設定
---------------------------------------------------------------------------*/
a {
  color: #333333;
}
a:hover {
  color: #4b8401;
  text-decoration: none;
}

/*コンテナー(ヘッダーの背景画像の指定箇所)
---------------------------------------------------------------------------*/
#container {
  background-image: url(images/container_bg.png);
  background-repeat: no-repeat;
  background-position: center top;
}

/*ヘッダー（ロゴなど入っているボックス）
---------------------------------------------------------------------------*/
#header {
  text-align: left;
  height: 100px;
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

/*サイト名ロゴ*/
#header #logo {
  position: absolute;
  left: 0px; /*ヘッダーに対して左から0pxの位置に配置*/
  top: 0px; /*ヘッダーに対して上から0pxの位置に配置*/
}

/*h1タグ設定*/
#header h1 {
  font-size: 11px; /*文字サイズ*/
  font-weight: normal;
  color: #ffffff; /*文字色*/
  line-height: 20px;
  text-align: right; /*右寄せ*/
  position: absolute;
  z-index: 1; /*文字数が多くなった場合にロゴ画像下に文字が隠れない為の設定*/
  top: 0px; /*ヘッダー画像に対して上から0pxの位置に配置*/
  right: 30px; /*ヘッダー画像に対して右から30pxの位置に配置*/
}

/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
  background-image: url(images/contents_bg.gif); /*左右ブロック用の背景画像*/
  background-repeat: repeat-y;
  width: 900px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

/*メインメニュー
---------------------------------------------------------------------------*/
ul#menu li {
  float: left;
}

ul#menu img {
  vertical-align: bottom;
}

/*メインメニュー下のコンテンツ（左右のブロックを囲むボックス）
---------------------------------------------------------------------------*/
#contentsin {
  clear: left;
  width: 100%;
}

/*メインコンテンツ（左側ブロック）
---------------------------------------------------------------------------*/
#main {
  float: left;
  display: inline;
  width: 620px;
  margin-left: 10px;
  padding-top: 10px;
  padding-bottom: 50px;
}

/*h2見出し設定*/
#main h2 {
  font-size: 100%;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  padding-left: 35px;
  color: #fff799; /*文字色*/
  background-image: url(images/midashi_bg.gif); /*h2用の背景画像*/
  background-repeat: no-repeat;
}

/*pタグ設定*/
#main p {
  padding: 0.5em 10px 1em;
}

/*サイドコンテンツ（右側ブロック）
---------------------------------------------------------------------------*/
#side {
  float: right;
  display: inline;
  width: 240px;
  color: #ffffff; /*文字色*/
  padding-top: 10px;
  padding-bottom: 50px;
  margin-right: 10px;
}

/*h3見出し設定*/
#side h3 {
  background-color: #ffffff; /*背景色*/
  font-size: 100%;
  color: #213a00; /*文字色*/
  text-align: center; /*センタリング*/
  padding-top: 10px;
  padding-bottom: 10px;
}

/*h3見出しにリンクを貼った際の設定*/
#side h3 a {
  color: #213a00; /*文字色*/
}

/*pタグ設定*/
#side p {
  padding-top: 0.5em;
  padding-bottom: 1em;
}

/*サイドコンテンツのリンク設定*/
#side a {
  color: #ffffff; /*文字色*/
}

/*サイドメニュー
---------------------------------------------------------------------------*/
ul.sidemenu {
  margin-bottom: 1em;
}

ul.sidemenu a {
  background-image: url(images/sidemenu_bg.gif); /*背景画像*/
  background-repeat: repeat-x; /*背景画像をX軸(横軸)にリピート*/
  background-position: top; /*背景画像を上部に配置*/
  display: block;
  width: 238px;
  color: #ffffff; /*文字色*/
  text-decoration: none; /*リンクの下線を消す設定*/
  text-align: center; /*センタリング*/
  background-color: #659626; /*背景画像に合わせて背景色を設定する*/
  border-right: 1px solid #ffffff; /*右の白いライン*/
  border-bottom: 1px solid #ffffff; /*下の白いライン*/
  border-left: 1px solid #ffffff; /*左の白いライン*/
  padding-top: 5px;
  padding-bottom: 5px;
}

ul.sidemenu a:hover {
  background-color: #7cb335; /*カーソルオーバー時の背景色*/
  background-image: none; /*メニューの背景画像を消す設定*/
}

/*フッター
---------------------------------------------------------------------------*/
#footer {
  clear: both;
  width: 100%;
  background-image: url(images/footer_bg.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: #80a84c;
  color: #ffffff;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

#footer a {
  color: #ffffff;
}

/*テーブル
---------------------------------------------------------------------------*/
.ta1 {
  width: 620px;
  margin-right: auto;
  margin-left: auto;
  background-color: #000000; /*背景色(黒バージョン)*/
  color: #999999; /*文字色*/
}

.ta1,
.ta1 td,
.ta1 th {
  border: 1px solid #ffffff; /*枠線の色（白）*/
}

.ta1 td,
.ta1 th {
  padding: 10px; /*余白*/
  vertical-align: top; /*上よせ*/
}

.ta1 th {
  width: 160px; /*左側ボックスの幅(10pxの余白があるので、見た目には180pxある)*/
  text-align: center;
}

/*h3見出しタグ（「サンプル和菓子…」のところ）*/
.ta1 h3 {
  font-size: 120%; /*h3見出しの文字サイズ*/
  color: #ffffff; /*h3見出しの文字色*/
}

/*pタグ（「説明文…」のところ）*/
.ta1 p {
  line-height: 1.6; /*説明文の行間*/
  padding: 0px !important; /*メインコンテンツの余白が反映されないようにする為の設定*/
}

.ta1 a {
  color: #ffffff; /*リンクにした際の文字色*/
}

/*テーブル(白背景色バージョン)
---------------------------------------------------------------------------*/
.ta1.white {
  background-color: #ffffff; /*背景色(白バージョン)*/
  color: #333333; /*文字色*/
}

.ta1.white,
.ta1.white td,
.ta1.white th {
  border: 1px solid #4b8401; /*枠線の色*/
}

.ta1.white a {
  color: #333333; /*リンクにした際の文字色*/
}

.ta1.white h3 {
  color: #4b8401; /*h3見出しの文字色*/
}

.ta1.white h3 a {
  color: #4b8401; /*h3見出しをリンクにした際の文字色*/
}

/*メインコンテンツ内の「What's New」部分
---------------------------------------------------------------------------*/
#main dl.new {
  height: 145px; /*What's Newボックスの高さ*/
  overflow: auto; /*iframeっぽく見せる設定*/
  padding-right: 10px;
  padding-left: 10px;
  border: 1px solid #4b8401; /*枠線の色*/
}

#main dl.new dt {
  font-weight: bold; /*日付の色を太字にする*/
}

#main dl.new dd {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #4b8401;
}

/*細々
---------------------------------------------------------------------------*/
.color1 {
  color: #4b8401;
}

.look {
  background-color: #ebebeb;
}

.pagetop {
  text-align: right;
}

.mb1em {
  margin-bottom: 1em;
}