@charset "UTF-8";

/* -------- 初期化 -------- */

/* FirefoxやOperaでスクロールバーを強制表示する */
/*html{ height:100%; margin-bottom:1px; }*/
/* ユニバーサルセレクタでリセットしない */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0; }
/* テーブル関連の初期化 */
table{ border-collapse:collapse; border:none; border-spacing:0; }
caption{ text-align:left; }
th{ vertical-align:top; font-weight:normal; text-align:left; }
td{ vertical-align:top; }
/* フォーム関連の初期化 */
fieldset{ border:0; }
input{ _margin:-1px 0; }
/* テキスト関連の初期化 */
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
sup,sub{ vertical-align:baseline; position:relative; }
sup{ top:-4px }
sub{ top:4px }
/* リンク関連の初期化 */
a { border:none; }
/* イメージ関連の初期化 */
img{ border:none; vertical-align:bottom; }

/* -------- fontsize -------- */

.fsSS{ font-size:63%; /font-size:59%; line-height: 150%; /line-height: 140%; }
head~/* */body .fsSS{ font-size:57%; line-height: 150%; }
html:not(:target) .fsSS{ font-size:63%; /font-size:59%; line-height: 150%; /line-height: 140%; }

.fsS{ font-size:63%; /font-size:59%; line-height: 170%; /line-height: 180%; }
head~/* */body .fsS{ font-size:57%; line-height: 170%; }
html:not(:target) .fsS{ font-size:63%; /font-size:59%; line-height: 170%; /line-height: 180%; }

.fsSfwB{ font-size:63%; line-height: 170%; font-weight: bold; }
.fsM{ font-size:75%; line-height: 170%; }
.fsMfwB{ font-size:75%; line-height: 170%; font-weight: bold; }
.fsL{ font-size:88%; line-height: 170%; }
.fsLfwB{ font-size:88%; line-height: 170%; font-weight: bold; }
.fsXL{ font-size:100%; line-height: 170%; }
.fsXXL{ font-size:113%; line-height: 170%; }
.fsEX{}

.fwB{ font-weight: bold; }

.bgWhite { background-color: #ffffff; }

/* -------- link -------- */

a:link{ color:#ffffff; text-decoration:none; }
a:visited{ color:#ffffff; text-decoration:none; }
a:hover{ color:#cdcdcd; text-decoration:underline; }
a:active{ color:#cdcdcd; text-decoration:underline; }

a.maps:link{ font-size:9pt;color:#302203;line-height:100%;font-family:Garamond,Century,ＭＳゴシック; text-decoration:none; }
a.maps:visited{ font-size:9pt;color:#302203;line-height:100%;font-family:Garamond,Century,ＭＳゴシック; text-decoration:none; }
a.maps:hover{ font-size:9pt;color:#302203;line-height:100%;font-family:Garamond,Century,ＭＳゴシック; text-decoration:underline; }
a.maps:active{ font-size:9pt;color:#302203;line-height:100%;font-family:Garamond,Century,ＭＳゴシック; text-decoration:underline; }
/* -------- html -------- */
html{}

/* -------- body -------- */

body{ background-color:#302203; color:#ffffff; font-family: Helvetica, Arial, sans-serif; }

#newsarea {
	width:100px;
	height:100px;
	background-color:#ffffff;
}

/* -------- wrap -------- */

#wrap{ width:100%; margin:0px auto; clear:both; background-color:#302203; }

/* -------- background -------- */
#background{ height:190px; min-width:800px; }
#background div.left{ padding-top:28px; padding-left:35px; text-align:left; float:left; }
#background div.right{ padding-top:35px; padding-left:35px; text-align:left; float:right; }
#background h1{ padding-bottom:25px; }
#background h2{ margin-top: 80px;}
#background div.copyright{ margin-left: 20px;}

/* -------- menuMain -------- */
#menuMain{ margin:0; padding:0;}
#menuMain ul{ width:580px; list-style:none; font-size:1px; }
#menuMain ul li{ height:11px; padding-right:0px; padding-bottom:2px; float:left; }
#menuMain ul li.type1{ width:59px; }
#menuMain ul li.type2{ width:91px; }
#menuMain ul li.type3{ width:111px; }
#menuMain ul li.type4{ width:134px; }
#menuMain ul li.type5{ width:0px; }
#menuMain ul li.type6{ width:132px; }
#menuMain ul li.type7{ width:27px; }

/* -------- menuSub -------- */

#menuSub{ clear:both; padding-left: 282px; padding-top: 3px;}
#menuSub ul{ width:134px; margin:0 0 0 0px; padding-right:0px; list-style:none; float:left; font-size:1px; }
#menuSub ul.ex{ padding-top:14px; }
#menuSub ul li{ width:134px; height:15px; }


/* -------- menuSub2 -------- */
#menuSub2{ clear:both; padding-left: 394px; padding-top: 3px;}
#menuSub2 ul{ width:88px; margin:0px; padding-right:0px; list-style:none; float:left; font-size:1px; }
#menuSub2 ul li{ width:88px; height:16px; }
/*
#menuSub2{ margin:0 0 0 379px; padding:0;}
#menuSub2 ul{ width:170px; list-style:none; float:left; font-size:1px; }
#menuSub2 ul li{ height:7px; padding-right:14px; padding-bottom:6px; float:left; }
#menuSub2 ul li.type1{ width:66px; }
#menuSub2 ul li.type2{ width:21px; }
#menuSub2 ul li.type3{ width:88px; }
#menuSub2 ul li.type4{ width:21px; }
#menuSub2 ul li.type5{ width:55px; }
#menuSub2 ul li.type6{ width:55px; }
*/

/* -------- menuSub3 -------- */
#menuSub3{ clear:both; padding-left: 12px; padding-top: 0px;}
#menuSub3 ul{ width:88px; margin:0px; padding-right:0px; list-style:none; float:left; font-size:1px; }
#menuSub3 ul li{ width:88px; height:24px; }

/* -------- container -> inner -------- */

#container{ width:100%; position:relative; background-color:#302203; overflow:hidden; }
#main{ position:relative; overflow:hidden; }
#area{ background-image: url("../images/area_bg.gif"); background-repeat: repeat-x; }
#drag{ background-image: url("../images/drag_bg.gif"); background-repeat: repeat-x; }


#aboutus{ height: 600px; padding:0px 35px 0 35px; background-color:#302203; color:#ffffff; font-family: ヒラギノ明朝 Pro W3;}
/*#aboutus h2{ height:100px; }*/
#aboutus div.container1{ width:488px; padding-right:60px; float:left; }
#aboutus div.container1 p.photo{ margin-bottom:3px; }
#aboutus div.container2{ width:430px; padding-right:10px; float:left; }
#aboutus div.container3{ width:430px; margin-top: 45px; float:left; }

#collection{ min-width:800px; height:392px; padding-top:30px; background-color:#ffffff;}
/*#collection h2{ height:40px; }*/
#collection h3{ font-size:1px; }
#collection div.container1{ width:900px; margin:0 auto; }
#collection div.category1{ width:298px; padding-right:3px; float:left; }
#collection div.category1 p{ margin-bottom:5px; }
#collection div.category2{ width:298px; float:left; }
#collection div.category2 p{ margin-bottom:5px; }
.collection_container { position: relative; top: -16px; }

#gender{ min-width:800px; height:392px; padding-top:30px; background-color:#ffffff;}
#gender div.container{ width:586px; margin:0 auto;}
#gender div.container h2{ height:40px; }
#gender div.container h3{ height:13px; }
#gender div.container p.type1{ height:42px; }
#gender div.container p.type2{ height:130px; }
#gender div.container div.category1{ width:219px; float:left; }
#gender div.container div.category1 p.pic{ margin-bottom:10px }
#gender div.container div.category2{ width:148px; float:left; }
#gender div.container div.category2 p.pic{ margin-bottom:10px }

#rubbercoated{ padding:0px 0px 0px 35px; background-color: #ffffff; }
#rubbercoated div.container{ padding:0px 60px 0px 0px; float:left; }
#rubbercoated div.forlist{ padding-top: 10px;}
#rubbercoated div.container h2{ width:235px; height:155px; }
#rubbercoated div.container h3{ width:235px; height:70px; }
#rubbercoated div.container p.note{ width:170px; height:137px; padding-right:65px; overflow:auto; }
#rubbercoated div.container p.photo{ padding-bottom:20px; }
#rubbercoated div.container p.item{ text-align:center; color: #261e1c; }
#rubbercoated div.container p.listMaterial { width: 175px; height: 32px; text-align:center; color: #261e1c; }

#detail{ min-width:800px; height:402px; padding-top:0px; background-color:#ffffff; color: #261e1c; }
#detail div.container{ width:757px; margin:0 auto; }
#detail div.container div.inner1{ width:284px; float:left; }
#detail div.container div.inner2{ width:237px; padding-top:32px; padding-right:10px; float:left; }
#detail div.container div.inner2 h2{ height:66px; margin: 0px; padding: 0px; }
#detail div.container div.inner2 h3{ height:8px; font-size:1px; margin: 0px; padding: 0px 0px 0px 0px; }
#detail div.container div.inner2 h3.detailBottom { padding-bottom: 2px; }
#detail div.container div.inner2 p.dummy{ height:15px; font-size:1px; }
#detail div.container div.inner2 p.type1{ height:66px; }
#detail div.container div.inner2 p.type2{ height:48px; }
#detail div.container div.inner2 p.type3{ height:151px; }
#detail div.container div.inner2 p.type4{ height:80px; }
#detail div.container div.inner2 p.type4 img{ border:1px #999999 solid; margin-right:4px; cursor: pointer;}
#detail div.container div.inner3{ width:180px; padding-top:32px; float:left; }
#detail div.container div.inner3 h3{ height:8px; font-size:1px; margin: 0px; padding: 0px; }
#detail div.container div.inner3 h3.colorTop{ padding-top: 3px; }
#detail div.container div.inner3 p.type1{ height:66px; }
#detail div.container div.inner3 p.type2{ height:48px; }
#detail div.container div.inner3 p.type3{ height:151px; }
#detail div.container div.inner3 p.type4{ height:10px; }
#detail div.container div.inner3 p.type4 img.left{ float:left; }
#detail div.container div.inner3 p.type4 img.right{ float:right; }

#shoplist{ padding:20px; }
#shoplist h1{ padding-bottom:35px; font-size:88%; line-height: 140%; font-weight: bold; }
#shoplist h2{ padding-bottom:32px; }
#shoplist h3{ padding-bottom:15px; font-size:70%; line-height: 140%; font-weight: bold; }
#shoplist h4{ padding-bottom:15px; font-size:70%; line-height: 140%; font-weight: bold; }
#shoplist h5{ font-size:70%; line-height: 140%; font-weight: bold; }
#shoplist div{ font-size:70%; line-height: 140%; padding-bottom: 16px; }
/* #shoplist p{ padding-bottom:12px; font-size:63%; /font-size:59%; line-height: 170%; /line-height: 180%; } */

#craftsmanship{ height: 500px; padding:0px 35px 0px 0px; background-color: #302203; color: #ffffff;}
#craftsmanship h2{ height:80px; }
#craftsmanship div.container1{ width:500px; padding-right:60px; float:left; }
#craftsmanship div.container1 p.photo{ margin-bottom:3px;}
#craftsmanship div.container2{ width:390px; padding-right:60px; float:left; }
#craftsmanship div.container3{ width:390px; float:left; }

#aftercare{ padding:30px 35px 0 35px;}
#aftercare h2{ height:80px; }
#aftercare div.container{ width:1120px; }
#aftercare div.container div.container1{ width:654px; padding-right:80px; float:left; }
#aftercare div.container div.container1 ul{ margin-left:24px; list-style-type:decimal; }
#aftercare div.container div.container1 ul li{ padding-bottom:10px; }
#aftercare div.container div.container1 p{ padding-bottom:15px; }
#aftercare div.container div.container2{ width:380px; float:left; }
#aftercare div.container div.container2 p{ padding-bottom:15px; }
#aftercare div.container div.container2 p.note{ padding-left:15px; }

#storelocator{ padding:0px 35px 0 35px; }
#storelocator h2{ height:50px; }
#storelocator h3{ font-size: 15px; }
#storelocator h4{ padding-bottom:5px; }
#storelocator h5{ padding-bottom:0px; }
#storelocator div.container{}
#storelocator div.container div.box{ width:527px; float:left; }
#storelocator div.container div.box p{ padding-bottom:10px; }

#faq{ padding:0px 35px 0px 35px; }
#faq h2{ height:60px; }
#faq div.box{ width:550px; padding-left:0em; float:left; }
/*#faq div.box div.pack{ padding-bottom:35px; }*/
#faq div.box div.pack p.question{ /*text-indent:-1em;*/ }
#faq div.box div.pack p.answer{ /*text-indent:-1em;*/ }
#faq div.box div.pack{ padding-bottom:18px; }
#faq div.box2{ width:640px; padding-left:1em; float:left; }
/*#faq div.box2 div.pack{ padding-bottom:35px; }*/
#faq div.box2 div.pack p.question{ /*text-indent:-1em;*/ }
#faq div.box2 div.pack p.answer{ /*text-indent:-1em;*/ }
#faq div.box2 div.pack{ padding-bottom:18px; }

#footer_copyright { position: absolute; top: 800px; left: 35px; padding-bottom: 35px; /* padding-top: 40px; padding-left:35px; */ }
#collection_head { padding: 0px; margin: 0px; height: 8px; background-image: url('/images/label_collection.gif'); background-position: 35px 0px; background-repeat: no-repeat; }
#collection_title { padding: 11px 0px 0px 35px; margin: 0px; height: 33px; }