/*  ウェブ通販サイト総合レイアウトコントロール */

*{ padding:0; margin:0;}
hr{ display:none;} 

/*a { color:#336699;}
a:visited { color:#663333;}
a:hover { color:#FF9966;} */

body		{ font-family:"ＭＳ Ｐゴシック","Osaka",sans-serif; text-align:center; color:#333333;} /*フォント指定*/
.cb			{ clear:both; height:1px; font-size:1px;} /*回り込み解除*/
.disnone	{ display:none} /*表示内容打消し*/

div#header	{ background: url(http://www.volks.co.jp/jp/store/bg_contmain.gif) 0 0 no-repeat; width:900px; height:195px; } /*ヘッダー域指定*/

ul,dl		{ list-style: none;}
th,td		{ vertical-align:top;}
 
p			{ font-size:76%;}
h2			{ font-size:76%}
h3			{ font-size:76%}

/*ページ表題*/
#tt_rogo	{
			position: absolute; top: 32px; left: 16px;
			width:419px; height:49px; z-index:100;
			background:url(tt_title.gif) 0 0 no-repeat;
			text-indent: -999em;
			overflow: hidden;
			}
#tt_rogo a	{ width:419px; height:49px; display: block; text-indent: -999em;}

/*field要素配置*/
div#wrapper			{ width:900px; position:relative; text-align:left; margin:0 auto; padding-bottom:30px;} /*ページ幅指定*/
div#contmain		{ padding-top:197px; padding-right: 14px; background:url(bg_contmain.gif) left top no-repeat;} /* ※但し個別でbgの切り替えあり */
div#rcontents h2	{ clear:both;}

div#rcontents div.bnArea p{ text-align: center; padding:3px 0; }

/*ランキング情報エリア★*/
div.rankArea		{ background:url(bg_rankarea.gif) 0 100% no-repeat;}
div.rankArea h2		{ padding-bottom:5px;}
div.rankArea ul		{ padding: 0 10px; font-size: 12px;}
div.rankArea li		{ padding: 5px 0 5px; text-indent:-1em; padding-left: 1em; border-bottom:1px dotted #CCC; line-height:140%;}

/*ctgMenu 表示制御★*/
#ctgMenu			{ margin-bottom:10px;}
#ctgMenu h2			{ padding-bottom:5px;}
#ctgMenu ul 		{ background:url(btn_ctMenu.gif) 0 0 no-repeat;}
#ctgMenu li a		{ height: 24px; width: 228px; display: block; overflow: hidden; text-indent: -999em;}
#ctgMenu li.m1 a	{ background: background:url(btn_ctMenu.gif) 0 0 no-repeat;}
#ctgMenu li.m2 a	{ background: background:url(btn_ctMenu.gif) 0 -24px no-repeat;}
#ctgMenu li.m3 a	{ background: background:url(btn_ctMenu.gif) 0 -48px no-repeat;}
#ctgMenu li.m4 a	{ background: background:url(btn_ctMenu.gif) 0 -72px no-repeat;}
#ctgMenu li.m5 a	{ background: background:url(btn_ctMenu.gif) 0 -96px no-repeat;}
#ctgMenu li.m6 a	{ background: background:url(btn_ctMenu.gif) 0 -120px no-repeat;}

/*New item 表示制御 -カテゴリTOP共通★-*/
#newItemarea									{ background:url(bg_newItem.gif) bottom left repeat-y; width:228px; padding-bottom:0;}
#newItemarea h2								{ padding-bottom:10px;}
#newItemarea dl								{ padding: 0 10px; font-size: 76%;}
#newItemarea dl dt						{ float:left; display: inline; margin-right:7px; padding: 2px; background: #EBEBE2; height:68px;}
#newItemarea dl dt a img			{ border: 1px solid #ffffff;}
#newItemarea dl dt a:hover img{ border: 1px solid #ff9999;}
#newItemarea dl dd						{ float:left; display: inline; width: 130px; padding-top:4px; line-height:1.4;}
#newItemarea p								{ clear:both; text-align: center; padding-bottom:5px; width:228px; font-size:1px; }
#newItemarea p img						{ margin-top:5px;}

/*help表示制御★*/
#helpArea 										{ position: absolute; top:196px; left:716px; width:177px; background:url(help/bg_helpArea.gif) 0 100% no-repeat; z-index: 300;}
#helpArea h2									{ background: url(help/stt_helptop.gif) 0 0 no-repeat; padding: 20px 14px 10px 14px; margin-bottom:7px; color:#FFFFFF;}
#helpArea h2 a								{ color:#FFFFFF;}
div#rcontents #helpArea p			{ padding: 2px 13px; text-align:left;}
#helpArea ul									{ padding: 5px 13px; line-height: 100%; font-size:76%;}
#helpArea li 									{ padding: 6px 0 0px 1em; background: url(help/images/bg_rmenu_sub.gif) 0 0 no-repeat; margin: 3px 0;}
#helpArea li a								{ text-decoration:none;}
#helpArea li:hover						{ background: url(help/images/bg_rmenu_sub.gif) 0 -32px no-repeat;}

/*ジャンルタブmenu -全頁で共通 ※但し個別でbgの切り替えあり★-*/
div#tabarea				{ width: 900px; position: absolute; top:88px; left:0; z-index:100; } /*タブ・ブランドロゴ表示を行うフィールド指定*/
ul#mainTabmenu 		{ margin-left:11px; background: url(maintabmenu.gif) 0 -32px no-repeat; width:816px; height: 32px;}
ul#mainTabmenu li	{ float: left; display: inline; height: 32px; text-indent: -99em}

ul#mainTabmenu li.m1 a{ background: url(maintabmenu.gif) 0 0 no-repeat; width: 73px; height: 32px; display:block; overflow:hidden;}
ul#mainTabmenu li.m2 a{ background: url(maintabmenu.gif) -73px 0 no-repeat; width: 174px; height: 32px; display:block; overflow:hidden;}
ul#mainTabmenu li.m3 a{ background: url(maintabmenu.gif) -247px 0 no-repeat; width: 109px; height: 32px; display:block; overflow:hidden;}
ul#mainTabmenu li.m4 a{ background: url(maintabmenu.gif) -356px 0 no-repeat; width: 85px; height: 32px; display:block; overflow:hidden;}
ul#mainTabmenu li.m5 a{ background: url(maintabmenu.gif) -441px 0 no-repeat; width: 110px; height: 32px; display:block; overflow:hidden;}
ul#mainTabmenu li.m6 a{ background: url(maintabmenu.gif) -551px 0 no-repeat; width: 113x; height: 32px; display:block; overflow:hidden;}
ul#mainTabmenu li.m7 a{ background: url(maintabmenu.gif) -664px 0 no-repeat; width: 152x; height: 32px; display:block; overflow:hidden;}

ul#mainTabmenu li.m1, ul#mainTabmenu li.m1 a:hover{ width: 73px; background: url(maintabmenu.gif) 0 -32px no-repeat;}
ul#mainTabmenu li.m2, ul#mainTabmenu li.m2 a:hover{ width: 174px; background: url(maintabmenu.gif) -73px -32px no-repeat;}
ul#mainTabmenu li.m3, ul#mainTabmenu li.m3 a:hover{ width: 109px; background: url(maintabmenu.gif) -247px -32px no-repeat;}
ul#mainTabmenu li.m4, ul#mainTabmenu li.m4 a:hover{ width: 85px; background: url(maintabmenu.gif) -356px -32px no-repeat;}
ul#mainTabmenu li.m5, ul#mainTabmenu li.m5 a:hover{ width: 110px; background: url(maintabmenu.gif) -441px -32px no-repeat;}
ul#mainTabmenu li.m6, ul#mainTabmenu li.m6 a:hover{ width: 113px; background: url(maintabmenu.gif) -551px -32px no-repeat;}
ul#mainTabmenu li.m7, ul#mainTabmenu li.m7 a:hover{ width: 152px; background: url(maintabmenu.gif) -664px -32px no-repeat;}

div#tabarea div		{ background:url(bg_tabareadiv.gif) 0 0 repeat-x; height:34px; width: 900px; padding-top:6px; font-weight: bold;}
div#tabarea .cb		{ height:5px; padding: 0; margin:0;}
div#tabarea div ul	{ margin-left:12px;}
div#tabarea div p	{ margin-left:12px;}

/*グローバルmenu -全頁で共通-*/
ul#globalMenu 			{ position: absolute; top:29px; left:493px; width:397px; height:51px; background: url(globalmenu.gif) left top no-repeat; z-index:110;}
ul#globalMenu li 		{ float: left; display: inline; height:51px; text-indent: -999em;}
ul#globalMenu li.m1,
ul#globalMenu li.m2,
ul#globalMenu li.m3 	{ width: 110px;}
ul#globalMenu li.m4 	{ width: 67px;}
ul#globalMenu li.m1 a 	{ background:url(globalmenu.gif) 0 0 no-repeat; width: 110px; display:block; height:51px; overflow:hidden;}
ul#globalMenu li.m2 a 	{ background:url(globalmenu.gif) -110px 0 no-repeat; width: 110px; display:block; height:51px; overflow:hidden;}
ul#globalMenu li.m3 a 	{ background:url(globalmenu.gif) -220px 0 no-repeat; width: 110px; display:block; height:51px; overflow:hidden;}
ul#globalMenu li.m4 a 	{ background:url(globalmenu.gif) -330px 0 no-repeat; width: 67px; display:block; height:51px; overflow:hidden;}

ul#globalMenu li span	{ display:none;}

/* category field  -indexのみ-*/
h2.stt_brand			{ margin: 12px 0 8px 0;}
div.cateField			{ width: 702px; padding: 5px 0 0 0; background:url(bg_cateField.gif) 5px 0 repeat-y;}

/* categorynai内要素  -indexのみ-*/
div.cateField div		{ width: 158px; float:left; display: inline; margin-left:14px; padding: 5px 0;}
div.cateField div h3	{ margin-top:5px; padding: 9px 0 14px 14px; background: url(index_img/bg_tbl_h3_dl.gif) 0 0 no-repeat; line-height: 100%; color:#FFFFFF;}
div.cateField div h3 a	{ color:#FFFFFF;}
div.cateField div ul	{ padding: 5px 0; font-size:76%; line-height: 100%;}
div.cateField div li	{ padding:0; padding-left: 1.2em; background: url(ic_arrow2.gif) 0 0 no-repeat; margin: 8px 0;}

/* category field  -indexのみ-*/
div.cateFields			{ width:234px; float:left; padding: 0 0 10px 0; margin-top: 23px;}
div.cateFields h2		{ margin:0 0 20px 0;}

div.cateFields h3		{ margin-top:10px; margin-left:8px;}
div.cateFields ul		{ padding: 0; font-size:76%; line-height: 100%;}
div.cateFields li		{ padding:0; padding-left: 1.2em; background: url(ic_arrow2.gif) 0 0 no-repeat; margin: 8px 0;}

#cateFgarea {} /*フィギュアcate Field*/
#cateFgarea h3	{ padding: 9px 0 14px 14px; background: url(index_img/bg_tbl_h3_fg.gif) 0 0 no-repeat; line-height: 100%; color:#FFFFFF;}
#cateFgarea ul	{ margin-left:12px;}

#cateRbarea {} /*ロボットcate Field*/
#cateRbarea h2 	{ padding-left:2px;}
#cateRbarea h3 	{ padding: 9px 0 14px 14px; background: url(index_img/bg_tbl_h3_rb.gif) 0 0 no-repeat; line-height: 100%; color:#FFFFFF;}
#cateRbarea ul 	{ margin-left:14px;}

#cateTlarea {} /*ツールcate Field*/
#cateTlarea h2 	{ padding-left:4px;}
#cateTlarea h3	{ padding: 9px 0 14px 14px; background: url(index_img/bg_tbl_h3_tl.gif) 0 0 no-repeat; line-height: 100%; color:#663300;}
#cateTlarea ul	{ margin-left:16px;}

div.cateField ul,
div.cateFields ul{ font-size:76%;}

/* footerのcss構成 -全頁で共通-*/

div#footer			{ margin:0 auto; margin-top:20px; width: 900px; background:url(bg_footer.gif);}
div#footer div		{ float:left; display:inline;  width:215px; border-left: solid #FAFBF7 1px; }

div#footer div#f_inq{  width:244px; border:none;} /*問い合わせ*/
div#f_pay{} /*支払い*/
div#f_deliver{} /*配送*/
div#f_cost{} /*料金*/

div#footer dl	{ padding: 1.2em 1em; }
div#footer dt	{ padding-bottom:5px; font-weight: bold; color:#333333; border-bottom:1px solid #cccccc; font-size:76%;}
div#footer dd	{ font-size:10px; padding-top:5px; line-height:140%; color:#444;}

ul#f_txtmenu 		{ clear:both; padding: 10px 0 0 120px;} 
ul#f_txtmenu li		{ float: left; display: inline; font-size:11px; padding: 0 0.5em;} /*グローバルメニューを横一列寄せ*/
#f_txtmenu a		{ color:#333333; text-decoration: none;}
#f_txtmenu a:hover	{ text-decoration:underline;}

#stt_copyright		{ clear:both; text-align:center; color:#666; padding-top:3px;} /*copyright*/

#pannavi			{ position: absolute; top:175px; left:14px; z-index: 200; font-size:12px; color:#666666;}
#pannavi a			{ color:#666666; text-decoration: none;}
#pannavi a:hover	{ text-decoration:underline;}
#pannavi a:visited	{ color: #666666;}
#pannavi span		{ color:#333333;}

#btn_hs				{ position:absolute; width:116px; height:22px; top:55px; left:320px; z-index:100;}