@charset "Shift_JIS"


/*============全体の基本設定============*/
body{
padding:0;margin:0;
background-color:#fff;
}

h1,h2,h3,h4,h5{
	margin:0;padding:0;
}
h2,h3,h4,h5{
	font-size:1.0em;
}
/*============フォントサイズの統一設定============*/
/*============Yahoo! User Interface Library(YUI)============*/

body {
    font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
}
table {
    font-size:inherit;
    font:100%;
}
div#menu ul#nav{
    font-size:14px;
}
/*============全体の位置設定============*/


/*更新履歴、ヤフ、セール、トピックスなど上段大枠*/
#continer01 #upperbox{
width:800px;
position:relative;
margin:18px 0 0 0;
}
/*更新履歴とヤフーの設定*/
#continer01 #upperbox #new,#continer01 #upperbox #auc{
	width:185px;
	height:182px;
	margin:0px 0;
	padding:0px;
	border:1px solid #999;
}


#continer01 #upperbox #new dl,#continer01 #upperbox #auc dl{
	width:181px;
	height:160px;
	overflow:auto;
}
#continer01 #upperbox dl{
	font-size:100%;
	line-height:1.3em;
	padding:0 2px;
}
#continer01 #upperbox dt{
	font-size:100%;
	color:#999;
	font-weight:bold;
	line-height:1.5em;
	padding:5px 0 2px 5px;
}
#continer01 #upperbox dd{
	padding:0 0 10px 5px;
}
/*メニュー下H2の表示*/
#continer01 H2{
text-indent:-9999px;}
#continer01 .syoukai{
text-indent:-9999px;}

/*更新履歴の配置*/
#continer01 #upperbox #new{position:absolute;top:10px;left:0px;}
#new h4{margin:0;background-color:#E4C66C;color:#FFF;padding:3px;height:16px;font-size:93%;line-height:16px;}
#auc p,#new p{padding:5px 2px;}
/*新規：ヤフー店案内バナーの配置*/
#continer01 #upperbox #yahoo-store{position:absolute;top:199px;left:0px;}
/*セール*/
#continer01 #upperbox #sale{
	width:410px;
	height:240px;
	margin:auto 0px;padding:0;
	position:relative;top:5px;left:200px;
}
#continer01 #upperbox #sale h3{text-align:center;margin:0;padding:0;}

/*---------右上トピックス---------*/
#continer01 #upperbox #topic{
width:180px;
height:240px;
margin:0px;
position:absolute;top:10px;left:620px;
}
#topic h4{text-indent:0px;}
#topic ul a{
display:block;
width:180px;
height:41px;
border:1px solid #999;
text-indent:-9999px;
background-image:url(../img/topic_menu1.png);
background-repeat:no-repeat;
position:absolute;top:0px;left:0px;
}
#topic1 {position:absolute;top:0px;left:0px;}
#topic2 {position:absolute;top:40px;left:0px;}
#topic3 {position:absolute;top:80px;left:0px;}
#topic4 {position:absolute;top:121px;left:0px;}
#topic5 {position:absolute;top:160px;left:0px;}
#topic6 {position:absolute;top:200px;left:0px;}

#topic1 a:link{background-position:0px 0px;}
#topic2 a:link{background-position:0px -40px;}
#topic3 a:link{background-position:0px -80px;}
#topic4 a:link{background-position:0px -120px;}
#topic5 a:link{background-position:0px -160px;}
#topic6 a:link{background-position:0px -200px;}

#topic1 a:visited{background-position:0px 0px;}
#topic2 a:visited{background-position:0px -40px;}
#topic3 a:visited{background-position:0px -80px;}
#topic4 a:visited{background-position:0px -120px;}
#topic5 a:visited{background-position:0px -160px;}
#topic6 a:visited{background-position:0px -200px;}

#topic1 a:hover{background-position:-180px 0px;}
#topic2 a:hover{background-position:-180px -40px;}
#topic3 a:hover{background-position:-180px -80px;}
#topic4 a:hover{background-position:-180px -120px;}
#topic5 a:hover{background-position:-180px -160px;}
#topic6 a:hover{background-position:-180px -200px;}

#topic1 a:active{background-position:-180px 0px;}
#topic2 a:active{background-position:-180px -40px;}
#topic3 a:active{background-position:-180px -80px;}
#topic4 a:active{background-position:-180px -120px;}
#topic5 a:active{background-position:-180px -160px;}
#topic6 a:active{background-position:-180px -200px;}

/*サイドメニュー各商品写真、営業カレンダーなど下段大枠*/
#continer01 #downbox{
width:800px;margin:10px 0px;
position:relative;
}
#continer01 #cal{
width:215px;
height:300px;
float:right;
text-align:center;
margin:25px 0 0 0;
}


/*----------お支払い、発送方法----------*/
#continer01 #footbox{
width:575px;
}


/*----------著作権表示とリンク箇所の設定---------- */
#index #footer{
position:relative;
width:100%;
text-align:center;
font-size:93%;
clear:both;
}
/*リンク箇所の設定 */
#index #footer #link{
text-align:left;
font-size:77%;

}




/*============左サイドメニューの設定=============*/

#downbox .bigmenu{
width:185px;
position:relative;top:0px;left:0px;
background-color:#F3EDD3;
border:1px solid #CFC496;
}
#downbox h3{
text-indent:-9999px;
height:10px;
}
#downbox .bigmenu dt{
font-size:100%;
padding:2px;
}
#downbox .bigmenu dd{
line-height:1.3;
}
#downbox dt.oomidashi{
background-color:#CFC496;
color:#665D38;
padding:2px 0 2px 15px;
font-size:116%;
font-weight:bolder;
background : #CFC496 url(../img/bigmenu-marker.gif) no-repeat left center ;
}

#downbox .smallmenu {
font-size:100%;
font-weight:bold;
padding-left:1em;
background-color:#F3EDD3;
}
.smallmenu a{color:#000;text-decoration:none;}
.smallmenu a:hover{color:#000;text-decoration:underline;}
.smallmenu a:active{color:#000;text-decoration:underline;}

#downbox .smallmenu dd li{
font-size:93%;
font-weight:normal;
padding-left:2em;
}
#downbox img a{
padding:0px;margin:0px;
border:0px;
}
#hutsukashime,#kazarikashime,#jewelkashime,#hutsuhatome,#hutsuailet,#gomuita,#sokobyou,#fastener,
#hutsufock,#kagifock,#heridomefock,#dkan,#tsukikan,#marukan,#nizyukan,#kakukan,#syoukan,#nasukan,#tekan,#kuchi,#hi,#ipponsen,#tsume,#sakidome,
#bis,#bainder,#sumigane,#matsuba,#keyfock,#keycase,#boalchean,#karabina,#handpress,#koma,#kashimebou,#hatomebou,#pnch_tool,#magfock,#sankaku,#renzara{
display:block;
width:110px;
height:170px;
margin:0;
padding:0;
font-size:85%;
font-weight:normal;
}
#hutsukashime img,#kazarikashime img,#jewelkashime img,#hutsuhatome img,#hutsuailet img,#sokobyou img,#fastener img,
#hutsufock img,#kagifock img,#heridomefock img,#dkan img,#tsukikan img,#marukan img,#nizyukan img,#kakukan img,#syoukan img,#nasukan img,#tekan img,#kuchi img,#hi img,#ipponsen img,#tsume img,#sakidome img,
#bis img,#bainder img,#sumigane img,#matsuba img,#keyfock img,#keycase img,#boalchean img,#karabina img,#handpress img,#koma img,#kashimebou img,#hatomebou img,#pnch_tool img,#magfock img,#sankaku img,#renzara img,#gomuita img{
padding:0;
margin:0 auto 3px auto;
display:block;
width:110px;
border:1px solid #ccc;
}

#downbox a:link,#downbox a:visited{text-decoration:none;color:#333;}
#downbox a:hover,#downbox a:active{text-decoration:none;}


/*============中央商品棚の設定=============*/
#hutsukashime{position:absolute;top:0px;left:200px;}
#kazarikashime{position:absolute;top:182px;left:200px;}
#jewelkashime{position:absolute;top:364px;left:200px;}
#tsume{position:absolute;top:546px;left:200px;}
#sakidome{position:absolute;top:728px;left:200px;}
#tekan{position:absolute;top:910px;left:200px;}
#kagifock{position:absolute;top:1092px;left:200px;}
#karabina{position:absolute;top:1274px;left:200px;}

#hutsuhatome{position:absolute;top:0px;left:322px;}
#hutsuailet{position:absolute;top:182px;left:322px;}
#hutsufock{position:absolute;top:364px;left:322px;}
#magfock{position:absolute;top:546px;left:322px;}
#heridomefock{position:absolute;top:728px;left:322px;}
#kuchi{position:absolute;top:910px;left:322px;}
#hi{position:absolute;top:1092px;left:322px;}
#ipponsen{position:absolute;top:1274px;left:322px;}

#dkan{position:absolute;top:0px;left:444px;}
#tsukikan{position:absolute;top:182px;left:444px;}
#marukan{position:absolute;top:364px;left:444px;}
#nizyukan{position:absolute;top:546px;left:444px;}
#kakukan{position:absolute;top:728px;left:444px;}
#syoukan{position:absolute;top:910px;left:444px;}
#sankaku{position:absolute;top:1092px;left:444px;}
#nasukan{position:absolute;top:1274px;left:444px;}

#bis{position:absolute;top:0px;left:566px;}
#bainder{position:absolute;top:182px;left:566px;}
#sumigane{position:absolute;top:364px;left:566px;}
#matsuba{position:absolute;top:546px;left:566px;}
#keyfock{position:absolute;top:728px;left:566px;}
#keycase{position:absolute;top:910px;left:566px;}
#boalchean{position:absolute;top:1092px;left:566px;}
#sokobyou{position:absolute;top:1274px;left:566px;}

#handpress{position:absolute;top:0px;left:688px;}
#koma{position:absolute;top:182px;left:688px;}
#kashimebou{position:absolute;top:364px;left:688px;}
#hatomebou{position:absolute;top:546px;left:688px;}
#pnch_tool{position:absolute;top:728px;left:688px;}
#renzara{position:absolute;top:910px;left:688px;}
#gomuita{position:absolute;top:1092px;left:688px;}
#fastener{position:absolute;top:1274px;left:688px;}

/*============下段配送・支払い・営業日のご案内文字設定=============*/
/*----------営業日の案内----------*/

#continer01 #cal{
background : #fff url(../img/bg-eigyoubi.gif) no-repeat top center ;
text-align:center;
}
#continer01 #cal #calender{
width:215px;
padding:0;
margin:0;
background : transparent url(../img/cal-p_footer.gif) no-repeat bottom center ;

}
#continer01 #cal #calender table{
margin:5px auto 5px auto;
border-bottom:2px dotted #369;
}
#continer01 #cal #calender td{
padding:3px 0;
}

#continer01 #cal p{
text-align:left;
margin:0;
width:185px;
padding:5px 15px 25px 15px;
font-size:85%;color:#333;
line-height:1.4;
}

/*----------お支払い、発送方法----------*/
#continer01 #footbox h4{
margin:30px 0 2px 0;
padding:0 0 3px 0;
}
#continer01 #footbox p{
padding:5px 2px;
line-height:1.4;
}
#continer01 #footbox table{
border:1px solid #ccc;
margin:5px auto;
}
#continer01 #footbox th{
background-color:#ccc;
color:#369;
font-size:85%;
font-weight:normal;
padding:3px 5px;
}
#continer01 table .line{
border-bottom:2px dotted #ccc;
}
#continer01 table td{
font-size:90%;
padding:3px 5px;
}
#trade{
position:relative;
}
#trade .small{
padding:0;margin:0;
position:relative;left:155px;
}
#trade a{
font-weight:bold;
}

/*著作権表示とリンク箇所の設定 */
#index #footer{
position:relative;
text-align:center;
font-size:93%;
clear:both;
margin-top:50px;
}

/*リンク箇所の設定 */
#index #footer #link{
margin:0 auto;
text-align:center;
font-size:93%;
}
#index #footer #link h5{
background : transparent url(../img/bg-link.gif) no-repeat top center ;
width:800px;
margin:0px auto;
padding:8px 0 0 5px;
}
#index #footer #link ul{
width:800px;
margin:20px auto 0 auto;
clear:both;
overflow:hidden;
}
#index #footer #link li{
float:left;
background : transparent url(../img/fotter-list_marker.gif) no-repeat center left ;
padding:5px 10px 5px 11px;
line-height:1.2;
}


div#footer address,div#footer p{
background-color:#ddd;
clear:both;
text-align:center;
}
div#footer address{
padding:15px 0 0 0;
margin:20px 0 0 0;
}
div#footer p{
padding:0 0 15px 0;
}