@charset "utf-8";

/* =============================
    共通レイアウト
============================= */


/* 基本設定 */

body,div,h1,h2,h3,ul,ol,li,dl,dt,dd,table,tr,th,td,p {
 margin: 0;
 padding: 0;
 line-height: 1.8;
}

body {
 background-color: #dedcda;
}

* {
/* color: #666666;*/
 color: #505050;
 font-size: 12px;

 font-family : Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

img {
 border: 0;
}

li {
 list-style-type: none;
}

li img {
 vertical-align: top;
}

a:link {
 text-decoration: none;
}

a:visited {
 text-decoration: none;
}

a:action {
 text-decoration: none;
}

a:hover {
 color: #ff2f2f;
 text-decoration: underline;
}


/* レイアウト設定 */

#container {
 width: 817px;
 margin: 0 auto;
 border-left: solid 3px #ff2f2f;
 background: url(../image/cont_back.jpg) repeat-y top left #ffffff;
}

#header {
 width: 797px;
 padding-top: 11px;
 background-color: #000000;
}

.logo {
 float: left;
 width: 216px;
 padding-bottom: 7px;
 text-align: right;
}

.summary {
 float: left;
 width: 400px;
 margin-top: 52px;
 padding-bottom: 7px;
}

.summary p {
 width: 385px;
 margin: 0 auto;
 border-top: solid 1px #cccccc;
 color: #ffffff;
 font-weight: bold;
 text-align: right;
}

.search {
 float: left;
 width: 181px;
 padding-top: 18px;
 padding-bottom: 7px;
}

.search table {
 width: 165px;
 margin: 0 auto;
}

.search table td {
 color: #ffffff;
 font-size: 14px;
 font-weight: bold;
}

.search table td {
 color: #ffffff;
 font-size: 14px;
 font-weight: bold;
}


.search input.srcBox {
 width: 130px;
 margin-right: 6px;
}


.global {
 margin-bottom: 5px;
 padding-top: 8px;
 background: url(../image/line.gif) no-repeat top left;
 text-align: center;
}

.global li {
 padding: 0 1px;
 display: inline;
}

#content {
 width: 797px;
 border-top: solid 2px #ff2f2f;
}

#main {
 float: left;
 width: 617px;
}

.bread {
 margin-top: 2px;
 padding-left: 9px;
 font-size: 11px;
}

.bread a {
 font-size: 11px;
}





/* ----- ナビゲーション ---------- */
#navigation {
 float: right;
 width: 180px;
}

/* 親カテゴリ */
.navi {
}

.navi li img {
 border-top: solid 1px #cccccc;
}

.navi a:link {
 color: #ffffff;
 text-decoration: underline;
}

.navi a:visited {
 color: #ffffff;
 text-decoration: underline;
}

.navi a:hover {
 color: #ff2f2f;
 text-decoration: underline;
}

.navi a:active {
 color: #ffffff;
 text-decoration: underline;
}

.navi li.eventNavi {
 border-top: 2px solid #ff2f2f;
 width: 180px;
 text-align: center;
}

.navi li.eventNavi img {
 padding: 7px 0;
 border-top: none;
}

.navi li.eventNavi ul {
 padding: 0px 10px 5px 11px;
 border-top: none;
}

.navi li.eventNavi li {
 text-align: left;
}

/* 子カテゴリ */
.navi ul {
 padding: 5px 10px 5px 11px;
 border-top: solid 1px #cccccc;
}

.navi ul.brdNone {
 padding: 5px 10px 5px 11px;
 border-top:none;
}

.navi .listBtn {
 border-top: solid 1px #cccccc;
}

.navi .listBtn img {
 margin: 5px 0 5px 6px;
 border: none;
}

.navi ul li {
 padding-left: 8px;
 background: url(../image/pt_sq.gif) no-repeat 0 8px;
}

.navi ul li.naviList {
 padding-top: 10px;
 padding-right: 13px;
 text-align: right;
 background: none;
}


.navi ul li.naviList img {
 margin-right: 5px;
 border: none;
}


li.naviList a:link {
 color: #ffffff;
 text-decoration: none;
}

li.naviList a:visited {
 color: #ffffff;
 text-decoration: none;
}

li.naviList a:hover {
 color: #ff2f2f;
 text-decoration: underline;
}

li.naviList a:active {
 color: #ffffff;
 text-decoration: none;
}

/* 動画集 */
.movieBanner {
 width: 180px;
 padding: 5px 0 6px;
 text-align: center;
}

/* 新製品情報 */
.newBanner {
 width: 180px;
 padding: 5px 0 6px;
 text-align: center;
}


ul.banner {
 padding: 5px 0;
 border-top: solid 2px #ff2f2f;
 background-color: #c2bdba;
}

.banner li {
 padding-left: 6px;
}

.navi ul.subnavi {
 padding: 5px 0 5px 11px;
 border: solid 1px #cccccc;
 margin: 0 11px 19px 10px;
}


/* ----- フッター ---------- */

#footer {
 width: 617px;
}

.footTop {
 width: 583px;
 margin: 0 auto;
 padding-top: 20px;
 background: url(../image/pagetop.gif) no-repeat left bottom;
 text-align: right;
}

.footTop img {
 margin-right: 5px;
 vertical-align: top;
}


ul.footNavi {
 margin-bottom: 5px;
 padding-top: 10px;
 padding-bottom: 8px;
 background: url(../image/line_btm.gif) no-repeat bottom left;
 text-align: center;
}

.footNavi li {
 padding: 0 9px;
 display: inline;
 border-right: solid 1px #666666;
}

.footNavi li.listEnd {
 border-right: none;
}

.copy {
 margin: 0 auto;
 text-align: center;
 font-style: normal;
}

/* ----- リンク ---------- */
.cmnLink a:link {
 color: #0033cc;
 text-decoration: underline;
}

.cmnLink a:visited {
 color: #0033cc;
 text-decoration: underline;
}

.cmnLink a:action {
 color: #0033cc;
 text-decoration: underline;
}

.cmnLink a:hover {
 color: #ff2f2f;
 text-decoration: underline;
}