@charset 'utf-8';


/* ----- メイン -------------------------------------- */

* {
 font-weight: normal;
 font-style: normal;
 font-family: Verdana, Chicago, 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;
}


body {
 color: white;
 margin: 0px;
 text-align: center;
 scrollbar-3dlight-color: #412b1a;
 scrollbar-arrow-color: #FF6600;
 scrollbar-base-color: #412b1a;
 scrollbar-darkshadow-color: #412b1a;
 scrollbar-face-color: #412b1a;
 scrollbar-highlight-color: #412b1a;
 scrollbar-shadow-color: #412b1a;
 scrollbar-track-color: #3d4e22;
 background-color: #3d4e22;
}


body, th, td {
 line-height: 100%;
}


p {
 color: white;
}


a {
 text-decoration: none;
}


a:link {
 color: white;
}


a:visited {
 color: white;
}


a:hover {
 color: black;
 text-decoration: none;
}


a:active {
 text-decoration: none;
}

a img {
 border: 0px;
}


span.orange {
 color: #f86416;
}





/* ----- 基本構造 -------------------------------------- */

div#container {
 margin: 0px auto 0px auto;
 padding: 0px 0px 10px 0px;
 width: 800px;
}





/* ----- ヘッダー -------------------------------------- */


div#header {
 clear: both;
 float: none;
 width: 800px;
 height: 180px;
 border-bottom: 1px dotted black;
 margin: 0px auto 30px auto;
 padding: 0px;
}


div#header2 {
 position: relative;
 top: 0px;
 right: 0px;
 width: 800px;
}


div#header2 .title {
 position: absolute;
 top: 5px;
 right: 0px;
}


div#header2 .brand {
 position: absolute;
 top: 15px;
 left: 0px;
 width: 500px;
}

div#header2 h1 {
 font-size: 13px;
 color: black;
 line-height: 110%;
 text-align: left;
}


div#header2 p.brand {
 font-size: 13px;
 color: black;
 line-height: 110%;
 text-align: left;
}




/* ----- メイン -------------------------------------- */


div#main {
 clear: both;
 float: none;
 width: 800px;
 margin: 0px;
 padding: 0px;
}





/* ----- メニュー -------------------------------------- */


div#menu {
 float: left;
 width: 180px;
 margin: 0px;
 padding: 0px;
}


div#menu ul.menu {
 list-style: none;
 width: 180px;
 margin: 0px;
 padding: 0px;
 height: 25px;
 font-size: 12px;
}


div#menu li.menu {
 list-style: none;
 width: 180px;
 background-color: #4e3623;
 margin: 0px;
 padding: 0px;
 text-align: left;
 line-height: 25px;
 border-bottom: 4px solid #3d4e22;
}


div#menu li.con {
 list-style: none;
 width: 180px;
 background-color: #4e2a23;
 margin: 0px;
 padding: 0px;
 text-align: center;
 line-height: 25px;
 border-bottom: 4px solid #3d4e22;
}


div#menu a.menu {
 display: block;
 width: 180px;
}


div#menu a.menu:hover {
 background-color: #7ebd15;
 width: 180px;
}





/* ----- コンテンツ -------------------------------------- */

div#contents {
 float: right;
 width: 580px;
 margin: 0px 0px 40px 0px;
 padding: 0px;
}





/* ----- ニュース -------------------------------------- */

div#news {
 width: 580px;
 margin: 0px;
 padding: 0px;
}


div#news h2#news2 {
 border-left: 4px solid #ff6600;
 background-color: #412b1a;
 font-weight: bold;
 text-align: left;
 font-size: 15px;
 margin: 30px 0px 0px 0px;
 padding: 7px 0px 7px 5px;
 border-bottom: 1px dotted black;
}


div#news ul.news {
 list-style: none;
 background-color: #412b1a;
 margin: 0px;
 padding: 0px;
}


div#news li.news {
 list-style: none;
 margin: 0px;
 font-size: 12px;
 padding: 3px 0px 3px 20px;
 border-bottom: 1px dotted black;
 text-align: left;
}


div#news a.news {
 text-decoration: underline;
}






/* ----- ショップ -------------------------------------- */

div#shop {
 width: 580px;
 margin: 0px;
 padding: 0px;
}


div#shop a.sho {
 display: block;
 color: white;
 font-size: 12px;
}


div#shop a.sho:hover {
 background-color: black;
}


div#shop h2#sho {
 border-left: 4px solid #ff6600;
 background-color: #412b1a;
 font-weight: bold;
 text-align: left;
 font-size: 15px;
 line-height: 110%;
 margin: 30px 0px 20px 0px;
 padding: 3px 0px 3px 5px;
}

div#shop span.cau {
 font-weight: normal;
 font-size: 12px;
 margin: 0px;
 padding: 0px 0px 0px 5px;
}


div#shop .shop {
 float: left;
 margin: 0px 0px 20px 0px;
}


div#shop .shop2 {
 float: left;
 margin: 0px 0px 20px 35px;
}


div#shop h3#sho {
 background: url("img/bk_shop_01.gif");
 text-align: center;
 font-weight: bold;
 font-size: 12px;
 width: 170px;
 margin: 0px;
 padding: 10px 0px 0px 0px;
}


div#shop dl {
 width: 170px;
 margin: 0px;
 padding: 0px;
 background-color: #412b1a;
}


div#shop dt.mono {
 margin: 0px;
 padding: 20px 0px 0px 0px;
 background-color: #412b1a;
 font-size: 11px;
}


div#shop dd.mono {
 margin: 0px;
 padding: 0px 0px 20px 0px;
 font-size: 11px;
 background-color: #412b1a;
}


div#shop dd.syousai {
 margin: 0px;
 padding: 0px;
 font-size: 12px;
 line-height: 140%;
 background-color: #412b1a;
 border-top: 1px dotted black;
 border-bottom: 1px dotted black;
}


div#shop dt.price {
 margin: 0px;
 padding: 10px 0px 0px 0px;
 font-size: 11px;
 background-color: #412b1a;
}


div#shop dd.price {
 margin: 0px;
 padding: 0px;
 font-size: 11px;
 height: 23px;
 background: url("img/bk_shop_02.gif");
}



/* ----- 商品 -------------------------------------- */


div#goods {
 width: 580px;
 margin: 0px;
 padding: 0px;
 background-color: #412b1a;
}


div#goods a.go {
 color: black;
 font-size: 10px;
}


div#goods a.go:hover {
 color: white;
}


div#goods h2#goods2 {
 font-weight: bold;
 font-size: 15px;
 border-bottom: 1px dotted black;
 padding: 5px 5px 5px 5px;
 margin: 0px;
 background: url("img/bk_goods_01.gif");
 color: white;
}


div#goods table.syo {
 padding: 0px;
 margin: 0px;
 background-color: #412b1a;
 width: 580px;
}


div#goods tr.syo {
 padding: 0px;
 margin: 0px;
}


div#goods td.img {
 padding: 20px 0px 20px 0px;
 margin: 0px;
 width: 290px;
 text-align: center;
}


div#goods td.setu {
 padding: 20px 20px 20px 20px;
 margin: 0px;
 width: 290px;
 font-size: 11px;
 line-height: 140%;
}



/* サイズ紹介 */
div#goods .size {
 width: 580px;
 background-color: #412b1a;
 margin: 0px;
 padding: 15px 0px 20px 0px;
 text-align: center;
}


div#goods table.size {
 border-collapse: collapse; 
 width: 350px;
 padding: 0px;
 margin: 0px 0px 15px 0px;
 border: 1px solid black;
}


div#goods tr.size {
 padding: 0px;
 margin: 0px;
}


div#goods td.size {
 padding: 2px 0px 2px 0px;
 margin: 0px;
 font-size: 11px;
 color: black;
 background-color: #614027;
 border: 1px solid black;
}



/* 商品注文 */
div#goods .s_form {
 padding: 0px;
 margin: 0px 20px 0px 0px;
 font-size: 11px;
 text-align: right;
}


div#goods input.goods {
 padding: 0px;
 margin: 20px 0px 0px 0px;
 font-size: 11px;
 background-color: #412b1a;
 border: 1px solid black;
 color: white;
}


div#goods p.sz {
 padding: 0px;
 margin: 10px 0px 0px 0px;
 font-size: 11px;
 text-align: right;
}



/* 商品フッター */
div#goods .gofo {
 width: 580px;
 height: 40px;
 background: url("img/bk_goods_02.gif");
 margin: 0px;
 padding: 0px;
 text-align: left;
}


div#goods ul.gf {
 border-top: 1px dotted black;
 margin: 0px;
 padding: 0px;
 text-align: left;
 list-style: none;
}


div#goods li.gf {
 margin: 0px;
 padding: 5px 0px 0px 15px;
 float: left;
 color: black;
 list-style: none;
}



/* 発送料 */
div#goods p.setu {
 font-size: 11px;
 color: white;
 text-align: left;
 padding: 0px 0px 0px 15px;
 line-height: 140%;
}

div#goods table.dhl {
 border-collapse: collapse; 
 width: 450px;
 padding: 0px;
 margin: 0px 0px 20px 0px;
 border: 1px solid black;
}


div#goods tr.dhl {
 padding: 0px;
 margin: 0px;
}


div#goods td.dhl {
 padding: 4px 0px 4px 5px;
 margin: 0px;
 font-size: 12px;
 color: black;
 background-color: #614027;
 border: 1px solid black;
}


div#goods td.dhl2 {
 padding: 4px 2px 4px 0px;
 margin: 0px;
 text-align: right;
 font-size: 12px;
 color: black;
 background-color: #614027;
 border: 1px solid black;
}



/* 注文ガイド */
div#goods .guide {
 width: 580px;
 background-color: #412b1a;
 margin: 0px;
 padding: 0px 0px 20px 0px;
}


div#goods h3#guide2 {
 font-weight: bold;
 font-size: 14px;
 text-align: left;
 border-left: 4px solid #7ebd15;
 padding: 5px 5px 5px 10px;
 margin: 30px 0px 0px 20px;
 line-height: 120%;
 color: #7ebd15;
}


div#goods p.guide {
 text-align: left;
 padding: 5px 10px 5px 70px;
 margin: 0px;
 line-height: 140%;
 font-size: 12px;
 color: white;
}


div#goods p.q {
 text-align: left;
 padding: 5px 10px 0px 70px;
 margin: 0px;
 line-height: 140%;
 font-size: 12px;
 color: white;
}


div#goods p.a {
 text-align: left;
 padding: 0px 10px 20px 97px;
 margin: 0px;
 line-height: 140%;
 font-size: 12px;
 color: white;
}



/* 特定商取引 */
div#goods .law {
 width: 580px;
 background-color: #412b1a;
 margin: 0px;
 padding: 0px 0px 20px 0px;
}


div#goods table.law {
 border-collapse: collapse; 
 width: 450px;
 padding: 0px;
 margin: 20px 0px 20px 0px;
 border: 1px solid black;
}


div#goods tr.law {
 padding: 0px;
 margin: 0px;
}


div#goods td.law {
 padding: 4px 0px 4px 5px;
 margin: 0px;
 font-size: 12px;
 color: black;
 background-color: #614027;
 border: 1px solid black;
 line-height: 120%;
}




/* ----- フレンズ、コラム、ブログ -------------------------------------- */

/* フレンズ、コラム、ブログのメイン */
div#fcb {
 width: 580px;
 margin: 0px;
 padding: 0px;
}


div#fcb h2#fcb2 {
 border-left: 4px solid #ff6600;
 background-color: #412b1a;
 font-weight: bold;
 text-align: left;
 font-size: 15px;
 margin: 30px 0px 20px 0px;
 padding: 3px 0px 3px 5px;
}


div#fcb p.head {
 background-color: #412b1a;
 font-size: 11px;
 line-height: 180%;
 margin: 0px;
 padding: 10px 15px 20px 15px;
 text-align: left;
}


div#fcb .koukoku {
 background-color: #412b1a;
 text-align: right;
 padding: 10px 10px 10px 0px;
}


div#fcb p.foot {
 background: url("img/bk_friend_02.gif");
 background-repeat: no-repeat;
 border-top: 1px dotted black;
 font-size: 11px;
 margin: 0px;
 padding: 0px 5px 5px 0px;
 text-align: right;
}


div#fcb a.f {
 color: black;
}


div#fcb a.f:hover {
 color: white;
}


/* フレンズ */
div#fcb ul.f {
 list-style: none;
 background-color: #412b1a;
 margin: 0px;
 padding: 0px 0px 20px 0px;
 line-height: 120%;
}


div#fcb li.basyo1 {
 list-style: none;
 font-size: 11px;
 font-weight: bold;
 margin: 0px;
 padding: 10px 0px 0px 15px;
 text-align: left;
}


div#fcb li.basyo2 {
 list-style: none;
 font-size: 11px;
 margin: 0px;
 padding: 3px 0px 0px 55px;
 text-align: left;
}



/* コラム */
div#fcb h3#column {
 margin: 0px;
 padding: 10px 0px 0px 15px;
 font-size: 12px;
 font-weight: bold;
 text-align: left;
 background-color: #412b1a;
 background: url("img/bk_friend_01.gif");
 background-repeat: no-repeat;
}


div#fcb ul.column {
 list-style: none;
 background-color: #412b1a;
 margin: 0px;
 padding: 0px 0px 20px 0px;
 line-height: 120%;
}


div#fcb li.coltitle {
 list-style: none;
 font-size: 11px;
 font-weight: bold;
 margin: 0px;
 padding: 10px 0px 0px 30px;
 text-align: left;
}


div#fcb li.column {
 list-style: none;
 font-size: 11px;
 margin: 0px;
 padding: 0px 0px 0px 30px;
 text-align: left;
}


/* ブログ */
div#fcb p.blog {
 text-align: right;
 margin: 0px;
 padding: 0px;
 line-height: 15pt;
}


div#fcb img.blog {
 padding: 0px;
 margin: 0px 0px 15px 0px;
}






/* ----- サブコンテンツ -------------------------------------- */


div#sub {
 width: 580px;
 padding: 0px;
 margin: 0px;
}


div#sub h2#sub2 {
 padding: 0px 0px 0px 5px;
 margin: 0px;
 font-weight: bold;
 font-size: 15px;
 color: white;
 line-height: 160%;
 border-left: 10px solid #4e2a23;
 border-bottom: 1px dotted black;
 text-align: left;
}


div#sub p.cau {
 padding: 0px;
 margin: 20px 0px 0px 30px;
 font-size: 12px;
 color: black;
 text-align: left;
 line-height: 140%;
}

/* メールフォーム */
div#sub .form {
 padding: 0px 0px 0px 100px;
 margin: 0px 0px 0px 0px;
 font-size: 12px;
 color: black;
}


div#sub table.form {
 padding: 0px;
 margin: 0px;
 width: 480px;
}


div#sub tr.form {
 padding: 0px;
 margin: 0px 0px 10px 0px;
}


div#sub td.f1 {
 padding: 0px 10px 0px 0px;
 margin: 0px;
 width: 230px;
 text-align: right;
}


div#sub td.f2 {
 padding: 0px;
 margin: 0px;
 width: 350px;
}


div#sub td.f3 {
 padding: 0px;
 margin: 0px;
 text-align: right;
}


div#sub input {
 border: 1px solid black;
 font-size: 12px;
 background-color: #3d4e22;
 color: white;
 padding: 1px 5px 0px 5px;
}


div#sub textarea {
 border: 1px solid black;
 font-size: 12px;
 background-color: #3d4e22;
 color: white;
 padding: 1px 5px 0px 5px;
}


/* サイトマップ */


div#sub ul.site {
 font-size: 12px;
 padding: 0px;
 margin: 20px 0px 0px 100px;
 list-style: none;
}


div#sub li.oya {
 font-size: 12px;
 line-height: 140%;
 padding: 0px 0px 0px 5px;
 margin: 0px 0px 0px 30px;
 border-left: 1px solid white;
 list-style: none;
 text-align: left;
 color: black;
}


div#sub li.ko {
 font-size: 12px;
 line-height: 140%;
 padding: 0px 0px 0px 5px;
 margin: 0px 0px 0px 60px;
 border-left: 1px solid white;
 list-style: none;
 text-align: left;
 color: black;
}




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


div#footer {
 clear: both;
 float: none;
 width: 800px;
 height: 53px;
 margin: 0px;
 padding: 0px;
 background: url("img/bk_footer.jpg");
}


div#footer2 {
 position: relative;
 top: 2px;
 left: 2px;
 width: 800px;
}


div#footer2 .copy {
 position: absolute;
 top: 2px;
 left: 2px;
 text-align: left;
 border-bottom: 1px dotted black;
 width: 790px;
}


div#footer2 .copy2 {
 position: absolute;
 top: 20px;
 right: 10px;
 text-align: right;
}


div#footer2 p.co {
 font-size: 11px;
 color: black;
 margin: 0px;
 padding: 0px;
 line-height: 120%;
}


div#footer2 ul.co {
 list-style: none;
 margin: 0px 0px 5px 0px;
 padding: 0px;
}


div#footer2 li.co {
 float: left;
 list-style: none;
 margin: 0px 10px 0px 5px;
 padding: 0px;
}


div#footer2 a.co {
 font-size: 11px;
 color: black;
}


div#footer2 a.co:hover {
 color: white;
}