html {
	font-size:8pt;/* ←ブラウザ環境設定に対する％ */
	font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3','メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
	/*line-height:1.7em;*/
}
 
body *{
	font-size:100%;/* ←HTML要素に対する％ */
	margin:0;
}
body{ padding:0px 0px 16px 0px;/*　←背景余白領域確保*/
	margin:0;background-color:white;
	/*background-image:url(GRID.png);
	background-position:-1px -1px;*/
}
a:link {text-decoration:none; color:#08C}
a:visited { color : #8AC}
a:hover { text-decoration:underline; color:#08C}
a:active {text-decoration:none}
a:active img {outline:0px solid #F60}
a img {border:0px none white}
 
img { -ms-interpolation-mode: bicubic; }
 
.hidden {display:none}
.hidden *{display:none}
.red {color:red}
.left {text-align:left}
.right {text-align:right}
 
/*--==== NEW Header menu ====--*/
div#fsheader { width:960px; height:60px; margin:15px auto 5px auto}
#fsheader #fslogo { width:149px; height:60px;background:url("../img/header-menu.png") no-repeat; float:left} #fslogo span{ display:none}
ul#fsmenumain{ background:url("../img/header-menu.png") top right no-repeat; width:810px;height:33px; float:right}
ul#fsmenusub{ background:url("../img/header-menu.png") -220px -33px no-repeat; width:740px;height:27px; float:right}
#fsheader ul span { display: none}
 
#fsmenu ul#fsmenumain li, #fsmenu ul#fsmenumain a { height:33px; display:block; margin:0}
#fsmenu ul li { float:left; list-style:none; display:inline}
 
ul#fsmenumain #fsmenu-01 {width: 90px}
ul#fsmenumain #fsmenu-02 {width: 90px}
ul#fsmenumain #fsmenu-03 {width: 90px}
ul#fsmenumain #fsmenu-04 {width: 90px}
ul#fsmenumain #fsmenu-05 {width: 90px}
ul#fsmenumain #fsmenu-06 {width: 90px}
ul#fsmenumain #fsmenu-07 {width: 90px}
ul#fsmenumain #fsmenu-08 {width: 90px}
ul#fsmenumain #fsmenu-09 {width: 90px}
 
ul#fsmenumain #fsmenu-01 a:hover {background:url("../img/header-menu.png") -150px -60px no-repeat}
ul#fsmenumain #fsmenu-02 a:hover {background:url("../img/header-menu.png") -240px -60px no-repeat}
ul#fsmenumain #fsmenu-03 a:hover {background:url("../img/header-menu.png") -330px -60px no-repeat}
ul#fsmenumain #fsmenu-04 a:hover {background:url("../img/header-menu.png") -421px -60px no-repeat}
ul#fsmenumain #fsmenu-05 a:hover {background:url("../img/header-menu.png") -510px -60px no-repeat}
ul#fsmenumain #fsmenu-06 a:hover {background:url("../img/header-menu.png") -601px -60px no-repeat}
ul#fsmenumain #fsmenu-07 a:hover {background:url("../img/header-menu.png") -691px -60px no-repeat}
ul#fsmenumain #fsmenu-08 a:hover {background:url("../img/header-menu.png") -781px -60px no-repeat}
ul#fsmenumain #fsmenu-09 a:hover {background:url("../img/header-menu.png") -871px -60px no-repeat}
 
#fsmenu ul#fsmenusub li, #fsmenu ul#fsmenusub a { height:27px; display:block; margin:0}
ul#fsmenusub #fsmenu-01 {width: 135px}
ul#fsmenusub #fsmenu-02 {width: 100px}
ul#fsmenusub #fsmenu-03 {width: 80px}
ul#fsmenusub #fsmenu-04 {width: 60px}
ul#fsmenusub #fsmenu-05 {width: 92px}
ul#fsmenusub #fsmenu-06 {width: 78px}
ul#fsmenusub #fsmenu-07 {width: 75px}
ul#fsmenusub #fsmenu-08 {width: 120px}
 
ul#fsmenusub #fsmenu-01 a:hover {background:url("../img/header-menu.png") -220px -93px no-repeat}
ul#fsmenusub #fsmenu-02 a:hover {background:url("../img/header-menu.png") -355px -93px no-repeat}
ul#fsmenusub #fsmenu-03 a:hover {background:url("../img/header-menu.png") -455px -93px no-repeat}
ul#fsmenusub #fsmenu-04 a:hover {background:url("../img/header-menu.png") -535px -93px no-repeat}
ul#fsmenusub #fsmenu-05 a:hover {background:url("../img/header-menu.png") -595px -93px no-repeat}
ul#fsmenusub #fsmenu-06 a:hover {background:url("../img/header-menu.png") -687px -93px no-repeat}
ul#fsmenusub #fsmenu-07 a:hover {background:url("../img/header-menu.png") -765px -93px no-repeat}
ul#fsmenusub #fsmenu-08 a:hover {background:url("../img/header-menu.png") -840px -93px no-repeat}

 
/*--==== ヘッダ ====--*/
.head{
	background-color:white;
	width:960px;
	height:28px;
	margin-left:auto;
	margin-right:auto;
	
}
 
.head h1{
}
.head1{
	vertical-align:bottom;
}
.head2{
	padding:0;
	text-align:right;
	vertical-align:middle;
	font-family:Arial,Helvetica;
	line-height:100%;
}
 
/*--==== サイドバーとコンテンツ全体を囲む領域 ====--*/
 
*:first-child+html .side_main{font-size:small} /*IE7 用*/
* html .side_main{font-size:small} /*IE6 用*/
.side_main{	width:960px; margin-left:auto; margin-right:auto;}
 
 
/*--==== 左サイドバー ====--*/
.side{
	width:149px;
	background:none;
	vertical-align:top;
	padding:0;margin:0;
	border-top: 1px solid #CCC;
	border-right: 0px none #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	
}
.side img{ padding:0px; margin:0px}
.side a:link	{ color:#333; text-decoration:none}
.side a:visited	{ color:#333; text-decoration:none}
.side a:hover	{ color:#333; text-decoration:none;}
.side a:active	{ color:#FFF; text-decoration:none;}
 
 
.side select{ width:149px}
.side #search_category_pulldown{ width:140px}
.side #search_name{ width:138px}
 
/*--==== twitter ====--*/
div#fstwitter { height: 600px; width: 142px;font-family: sans-serif; margin-bottom:20px; line-height:1.3em; margin:0 auto; overflow:hidden}
 
/*--==== 右 サイドバー====--*/
.sideR{	width:149px; background-color:#FFF; vertical-align:top; padding:0; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 0px none #CCC }
 
div#banner img { border-top:1px solid #CCC; margin-top:0px}
div#banner ul { margin:0; padding:0}
div#banner li { display:inline; list-style:none;margin:0;padding:0}
 
#sslseal span { display:block; width:149px; height:60px}
#sslseal img { background:#EEE; position:static; z-index:1}
#sslseal { width:149px; text-align:center; margin:5px auto; position:relative; z-index:10\9}
 
#sslseal .ssl_popup { display:none; visibility:hidden}
#sslseal a:hover .ssl_popup { width:150px; display:block; text-align:left; margin:6px; padding:5px; border:solid 2px #36C; background:#38C; font-size:7.2pt; color:#FFF; line-height:1.5em; position:absolute; bottom:0px; right:132px; bottom:5px\9; z-index:1000;visibility:visible; opacity:0.9; filter:alpha(opacity=90)}
 
 
 
 
/*───────────────────────
ランキング
───────────────────────*/
.rank-title{ width:149px; height:40px; background-image:url(../img/rank-title.gif); background-repeat:no-repeat; text-align:center; vertical-align:bottom; margin-top:2px}
div#ranking { width:149px; height:420px; display:block; margin:0;}
div#ranking ul{ padding:0px; margin:0px; width:149px; border-bottom:solid 1px #CCC}
/**/div#ranking ul{ *margin-top:-1em\9}
 
li#rank { width:140px; position:relative; left:0px; margin: 0px; padding:0px; list-style:none; border-bottom:none 1px #DDD; cursor:pointer;}
li#rank div.iepngfix/*, #rank a:link div.iepngfix*/{ display:block; width:140px; height:82px; position:relative;}
 
#rank_num01, #rank_num02, #rank_num03, #rank_num04, #rank_num05{ position:relative; top:0; left:0; *height:120px;}
 
*:first-child+html #rank_num01, *:first-child+html #rank_num02, *:first-child+html #rank_num03, *:first-child+html #rank_num04, *:first-child+html #rank_num05{ height:120px }/*IE7以下*/
* html #rank_num01, * html #rank_num02, * html #rank_num03, * html #rank_num04, * html #rank_num05{ height:120px;}/*IE6以下*/
 
div#rank_num01{/**/background:url(/store/img/rank_no.png) -15px 0px no-repeat; _behavior:url("js/iepngfix.htc") ; z-index:1}
div#rank_num02{/**/background:url(/store/img/rank_no.png) -15px -100px no-repeat; _behavior:url("js/iepngfix.htc") ;z-index:1}
div#rank_num03{/**/background:url(/store/img/rank_no.png) -15px -200px no-repeat; _behavior:url("js/iepngfix.htc") ;z-index:1}
div#rank_num04{/**/background:url(/store/img/rank_no.png) -15px -300px no-repeat; _behavior:url("js/iepngfix.htc") ;z-index:1}
div#rank_num05{/**/background:url(/store/img/rank_no.png) -15px -400px no-repeat; _behavior:url("js/iepngfix.htc"); z-index:1}
 
#ranking .rankthumb{width:75px; position:absolute; left:70px; float:right}
/*POP UP*/
#ranking a{color:#000; text-decoration:none; outline:none; display:block}
#ranking .innerbox {display:none; }
#ranking .innerbox h2{ font-size:9pt; font-weight:bold; padding-bottom:5px; margin-bottom:5px; padding-top:0.5em}
#ranking .innerbox .exp{ font-size:8pt; padding:0 8px; position:relative; z-index:2100; zoom:1;}
#ranking .innerbox .price {text-align:right; margin:4px;color:#F00;}
 
 
#ranking a:hover { z-index:2100; border:none; position:relative}
#ranking a:hover h2{ border-bottom:1px dashed #CCC;}
#ranking a:hover .innerbox {width:200px; height:auto; display:block; border:solid 1px #CCC; background-color:#FFF; position:absolute; top:2px; left:65px; z-index:2100;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; opacity:0.85; filter:alpha(opacity=85); cursor:pointer; /*IE6*/*width:280px; *left:65px}
#ranking a:hover .innerbox *{ display:block; width:186px; /*IE6*/*width:266px;}
 
 
 
 
 
/* --------------大きなリンク項目(支払い方法等)--------------- */
.SideLinkBox {padding:0; margin:0}
.SideLinkBox a.selected { background-color:#F90}
/* --------------カテゴリ--------------- */
.hidden *{display:none}
.category{
		width:100%;
		padding:0;
		/*border-bottom:solid 1px #CCC;*/
		background-color:#FFF;
}
	.category h2{
		margin:0;
		padding:0 0 0 8px;
		border-top:solid 1px #666;
		/*border-bottom:solid 1px #CCC;*/
		color:#FFF;
		background-color:#999;
	}
/* --------------大カテゴリ--------------- */
	ul.CatL{
		padding:0;
		margin:0;
		list-style-type:none;
	}
	ul.CatL li{
		font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3','メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
		border-bottom:solid 1px #CCC;}
	.category .CatL {border-top:solid 1px #CCC;}
	
	
	ul.CatL li.selected{
		font-weight: 900;
		color:#000;
		/*background-color:#FC0;*/
	}
	/*ul.CatL a{
		border:none;
		padding:0 0 0 9px;
		width:140px;
	}	ul.CatL a:hover{background-color:#F90}*/
 
/* --------------小カテゴリ---------------
	ul.CatS{
		padding:0;
		margin:0;
		list-style-type:none;
	}
	ul.CatS li{
		font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3','メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
	}
	ul.CatS li.selected{
		color:#000;
		background-color:#CCC;
	}
	ul.CatS a{
		padding:0 0 0 22px;
		width:127px;
		color:#000;
		text-decoration:none;
		border:none;
	}
 */
 
/*--==== コンテンツ ====--*/
.contents_area{
	width:658px; width:670px\9!important;
	padding:0px;
	vertical-align:top;
	background-color:white;
	border: 1px solid #CCC;
}
div.center{ width:600px; margin:0 auto}
.hide { display:none}
 
.subcategory {width:600px; height:22px; line-height:22px; background:url(/img/bar.jpg) repeat-x; padding:0; margin:5px auto 0px auto; text-align:left; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px}
.subcategory a:link,.subcategory a:visited { color:#CCC; text-shadow:#333 -1px -1px ;margin:0 0.4em 0 0.8em;}
.subcategory span {font-size:9pt; margin:0 0 1em 0.8em; font-weight:nomal; color:#FFF; text-shadow:#333 -1px -1px}
 
div.content { width:600px; margin:0 auto}
 
.pickup { margin:1em auto}
 
 
.banner { padding:2px 1px 1px 1px;}
.banner img { margin-bottom:0px; border:1px #CCC solid; }
.price{ font-weight:bold}
/*━━━━━━━━━━━━━━━━━━*/
.basetext{
	color:#000;
}
.BtnFooter{
	margin:12px 0;
	border:1px solid silver;
	padding:4px 0;;
	text-align:center;
	background-color:gainsboro;
}
.SpryHiddenRegion {
   visibility: hidden; display:none
}
 
 
.ProductsClass_1 dt,{ display:inline}
ul.ProductsClass_1{ display:block; width:600px;}
ul.ProductsClass_1 li{ display:inline}
 table.productclass { width:600px}
.ClassSelect { float:left; clear:both; width:600px}
ul.ProductsClass_0{ display:block; width:400px; float:left}/*規格が無いときはリストをブロック表示*/