/* 文字コード */
@charset "UTF-8";

/* 全体 */
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  font-size: small;
  text-align: center;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  background: #FFFFFF;
}

body div {
  text-align: left;
  margin: 0 auto;
}

img { margin: 0px; padding: 0px;}

/* リンク指定 */
a { overflow: hidden;}
a img { border: 0;}
a:link { color: #684423; text-decoration: none;}
a:visited { color: #684423; text-decoration: none;}
a:hover { color: #FF904C; text-decoration: none;}

/* コンテンツ全体 */
#container {
  background: #ffffff;
  text-align: center;
  width: 800px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

/* ヘッダー */
#header {
  height: 135px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

/* ロゴ */
.logo {
  margin: 0px;
  padding: 0px;
  width: 800px;
  height: 60px;
  float: left;
}

.logo h1 {
  background: url(images/m_logo.png) no-repeat left;
  width: 800px;
  height: 60px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  text-indent: -9999px;
}

/* メイン ナビゲーション */
#navi {
  height: 40px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  clear: both;
}

ul#navigation {
  margin: 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
  clear: both;
}

#navigation li {
  float: left;
  text-indent: -9999px;
}

#navigation a {
  text-decoration: none;
  overflow: hidden;
}

#navi1,
#navi1 a {
  display: block;
  width: 114px;
  height: 40px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

#navi2,
#navi2 a {
  display: block;
  width: 114px;
  height: 40px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

#navi3,
#navi3 a {
  display: block;
  width: 114px;
  height: 40px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

#navi4,
#navi4 a {
  display: block;
  width: 114px;
  height: 40px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

#navi5,
#navi5 a {
  display: block;
  width: 114px;
  height: 40px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

#navi6,
#navi6 a {
  display: block;
  width: 114px;
  height: 40px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

#navi7,
#navi7 a {
  display: block;
  width: 114px;
  height: 40px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

#navi1 a { background: url(images/m_nav_default.png) no-repeat 0px 0px;}
#navi2 a { background: url(images/m_nav_default.png) no-repeat -114px 0px;}
#navi3 a { background: url(images/m_nav_default.png) no-repeat -228px 0px;}
#navi4 a { background: url(images/m_nav_default.png) no-repeat -342px 0px;}
#navi5 a { background: url(images/m_nav_default.png) no-repeat -456px 0px;}
#navi6 a { background: url(images/m_nav_default.png) no-repeat -570px 0px;}
#navi7 a { background: url(images/m_nav_default.png) no-repeat -684px 0px;}
#navi1 a:hover { background: url(images/m_nav_over.png) no-repeat 0px 0px;}
#navi2 a:hover { background: url(images/m_nav_over.png) no-repeat -114px 0px;}
#navi3 a:hover { background: url(images/m_nav_over.png) no-repeat -228px 0px;}
#navi4 a:hover { background: url(images/m_nav_over.png) no-repeat -342px 0px;}
#navi5 a:hover { background: url(images/m_nav_over.png) no-repeat -456px 0px;}
#navi6 a:hover { background: url(images/m_nav_over.png) no-repeat -570px 0px;}
#navi7 a:hover { background: url(images/m_nav_over.png) no-repeat -684px 0px;}

#pnavi1,
#pnavi1 a {
  display: block;
  width: 114px;
  height: 40px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

#pnavi2,
#pnavi2 a {
  display: block;
  width: 114px;
  height: 40px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

#pnavi3,
#pnavi3 a {
  display: block;
  width: 114px;
  height: 40px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

#pnavi4,
#pnavi4 a {
  display: block;
  width: 114px;
  height: 40px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

#pnavi5,
#pnavi5 a {
  display: block;
  width: 114px;
  height: 40px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

#pnavi6,
#pnavi6 a {
  display: block;
  width: 114px;
  height: 40px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

#pnavi7,
#pnavi7  {
  display: block;
  width: 114px;
  height: 40px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

#pnavi1 { background: url(images/m_nav_current.png) no-repeat 0px 0px;}
#pnavi2 { background: url(images/m_nav_current.png) no-repeat -114px 0px;}
#pnavi3 { background: url(images/m_nav_current.png) no-repeat -228px 0px;}
#pnavi4 { background: url(images/m_nav_current.png) no-repeat -342px 0px;}
#pnavi5 { background: url(images/m_nav_current.png) no-repeat -456px 0px;}
#pnavi6 { background: url(images/m_nav_current.png) no-repeat -570px 0px;}
#pnavi7 { background: url(images/m_nav_current.png) no-repeat -684px 0px;}


/* サブ ナビゲーション */
#subnavi{
  width: 800px;
  height: 30px;
  background: url(images/m_subnav.png) no-repeat left;
  margin: 0px auto;
  text-align: center;
}

#subnavi ul {
  margin: 0px;
  padding: 0px 0px 0px 0px;
}
#subnavi li {
  color: #FF904C;
  float: left;
  width: 133px;
  height: 30px;
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 0px 0px;
  text-align: right;
  font-size: 12px;
  font-weight: bold;
  list-style-type: none;
}

/* コンテンツの指定 */
#content {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  clear: both;
}

/* Leftボックス */
#left {
  width: 225px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  float: left;
}

/* Rightボックス */
#right {
  color: #FFFFFF;
  background: #684423;
  width: 572px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  float: right;
}

/* Rightボックス - 上部イメージ */
#topimg {
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

/* Rightボックス - メイン */
#topmain {
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

/* Rightボックス - 下部イメージ */
#bottomimg {
  margin: 0px;
  padding: 0px 0px 0px 0px;
}


/* トップページ右サイド */
#newcatalog h3 {
  width: 400px;
  height: 30px;
  background: url(images/ttnewcatalog.jpg) no-repeat left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-indent: -9999px;
}


/*フッター */
#footer {
  color: #FCBF9D;
  float: left;
  width: 800px;
  height: 30px;
  background: url(images/m_subnav.png) no-repeat left;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  text-align: right;
  font-size: 12px;
  font-weight: bold;
  list-style-type: none;
  clear: both;
}

#footerin {
  width: 800px;
  font-size: x-small;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  text-align: left;
}

/* ハック */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

/* 戻るリンク */
#txt_back_link {
  margin-left:0px;
  margin-top:0px;
  float:left;
  margin-top:0px;
  margin-left:0px;
  border: 0px solid #f0f0f0;
  font-size:14px;
  text-align: right;
  color: #FF904C;
  padding-top:10px;
  padding-bottom:0px;
  align: center;
}
#txt_back_link:hover { color: #FFFF99; text-decoration: none;}