@charset "UTF-8";

@import url(common.css);
@import url(textsettings.css);

/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定です
 * ---------------------------------------------------------------- */

body {
  background: #eeeeee;
  text-align: center;
}

#container {
  background: #ffffff;
  width: 850px;
  border: 1px solid #cccccc;
  /* Note：「0」のみで左寄せ，「0 auto」でセンタリング */
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

#container.background {
  background: #ffffff url(../img/background.gif) no-repeat right 150px;
}


#leftcontainer {
  background: transparent;
  width: 790px;
  /* Note：「0」のみで左寄せ，「0 auto」でセンタリング */
  margin: 0;
  padding: 0;
}

/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定です
 * ---------------------------------------------------------------- */

#main {
  float: right;
  background: transparent;
  border-left: 1px solid #ffffff;
  width: 730px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 25px;
  margin-top: 0;
  margin-left: 0px;
  margin-bottom: 0;
}

/* ---------------------------------------------------------------- *
	ヘッダ部分の設定です
 * ---------------------------------------------------------------- */

#header {
  width: 730px;
  background: transparent;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定です
 * ---------------------------------------------------------------- */

#navi {
  width: 730px;
  background: transparent url(../img/logo.png) no-repeat left 20px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  z-index: 1;
}

/* --- CSSハック（IE7のみに適用） --- */
*:first-child+html #navi {
  padding-bottom: 61px;
}

/* --- CSSハック（IE7を除くモダンブラウザに適用） --- */
html>/**/body #navi {
  height: 94px;
}

#navi ul {
  margin: 0;
  padding: 0;
  height: 2.5em;
}

#navi ul li {
  margin: 0;
  padding: 0;
  float: right;
}

#navi ul li a {
  margin: 0;
  padding: 70px 20px 5px 20px;
  /* --- ナビゲーション１項目あたりのクリッカブル領域をテキスト部分だけでなくボックス単位とするために display: block;と指定（IE6はこれに該当せず） --- */
  display: block;
  border-right: 1px solid #f8f8f8;
  border-bottom: 2px solid #ffffff;
  background: transparent;
  font-weight: bold;
}

#navi a:hover {
  border-bottom: 2px solid #ffffff;
  background: #f3f3f3 url(../img/navi_ring.gif) no-repeat center 30px;
  text-decoration: none;
}

#navi .highlight{
  background: #f0e68c;
}


/* ---------------------------------------------------------------- *
	コンテンツ部分の設定です
 * ---------------------------------------------------------------- */

.contents {
  background: transparent;
  width: 695px;
  margin-top: 0;
  margin-left: 35px;
  margin-bottom: 10px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0.5em;
  padding-left: 0em;
  border: 0px solid #eeeeee;
}

/* ---------------------------------------------------------------- *
	コンテンツ画像の設定です
 * ---------------------------------------------------------------- */

.contents img.fig {
  float: left;
  margin-top: 0;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-left: 0;
}

.figbox {
  float: right;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 1em;
  margin-left: 3em;
  background: transparent;
  width: 150px;
}

/* ---------------------------------------------------------------- *
	新着情報部分の設定です
 * ---------------------------------------------------------------- */

#news {
  background: #f3f3f3 url(../img/icons/news.gif) no-repeat 7px 0.8em;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.7em;
  padding-right: 0.7em;
  padding-bottom: 0;
  padding-left: 0px;
  /* --- 枠線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
  border: 1px solid #cccccc;
}

/* --- CSSハック（IE7を除くモダンブラウザに適用） --- */
html>/**/body #news {
  margin-top: 50px;
}

/* ---------------------------------------------------------------- *
	お問合せ部分の設定です
 * ---------------------------------------------------------------- */

.contact {
  background: #f8f8f8;
  width: 665px;
  margin-top: 0;
  margin-left: 35px;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0.7em;
  padding-right: 10px;
  padding-bottom: 0.7em;
  padding-left: 10px;
  /* --- 枠線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
  border: 1px solid #cccccc;
}

/* --- CSSハック（IE7を除くモダンブラウザに適用） --- */
html>/**/body #contact {
  margin-top: 50px;
}


/* ---------------------------------------------------------------- *
	同意箇所の設定です
 * ---------------------------------------------------------------- */
#agree {
  width: 695px;
  background: transparent;
  margin-top: 0;
  margin-left: 35px;
  margin-bottom: 0;
  padding: 0;
  z-index: 1;
}

#agree ul {
  margin: 0;
  padding: 0;
  height: 2.5em;
}

#agree ul li {
  background: #eeeeee;
  margin: 0;
  padding: 0;
  float: left;
}

#agree ul li a {
  margin: 0;
  padding: 5px 20px 5px 20px;
  display: block;
  border-right: 5px solid #ffffff;
  font-weight: normal;
}

#agree a:hover {
  background: #f3f3f3;
  text-decoration: none;
}


/* ---------------------------------------------------------------- *
	画像のみのボックスを作る場合の設定です
 * ---------------------------------------------------------------- */

.imgbox {
  background: transparent;
  margin-top: 0;
  margin-bottom: 6px;
}

/* ---------------------------------------------------------------- *
	フッタ部分の設定です
 * ---------------------------------------------------------------- */
#bottom {
  background: transparent;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  width: 790px;
}

/* --- CSSハック（IE7を除くモダンブラウザに適用） --- */
html>/**/body #bottom {
  margin-top: 0px;
}


#footer {
  background: #eeeeee url(../img/logo_foot.png) no-repeat right top;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1em;
  padding-right: 0px;
  padding-bottom: 1em;
  padding-left: 0px;
  width: 850px;
  text-align: left;
  /* Note：「0」のみで左寄せ，「0 auto」でセンタリング */
  margin: 0 auto;
}

#footer ul {
    margin-bottom: 4px;
    padding: 0;
  /* --- フッタメニュー左端の罫線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
    border-left: 1px solid #cccccc;
}

#footer ul li {
  margin: 0;
  padding: 0 5px;
  /* --- フッタメニュー右側の区切り線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
  border-right: 1px solid #cccccc;
  /* --- 横並びリストのリストマーカ画像を設定してください --- */
  /* Note：16×16 ピクセル以下のものを使用してください */
  background-image: none;
}

#w3c {
  background: transparent;
  margin: 0;
  padding-top: 1em;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0px;
  width: 850px;
  text-align: right;
}