body {behavior:url("/shop/csshover3.htc");}
body, textarea { font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }
input, select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }

body#ja {
	text-align: center;
	background-color: #333333;
	background-image: url(/image/bg_grad.png);
	background-position: center;
	background-repeat: repeat-y;
}
div#wrap {
	width: 1000px;
	background-color: #ffffff;
	margin: 0 auto;
	text-align: left;
}
div#wrapen {
	width: 860px;
	background-color: #ffffff;
	margin: 0 auto;
	text-align: left;
}

.text {
	font-size:9px;
	line-height:11px;
	color:#666666;
}

.textW {
	font-size:9px;
	line-height:11px;
	color:#FFFFFF;
}

.text2 {
	font-size:10px;
	line-height:12px;
	color:#666666;
}
.tt2 {
	font-size:10px;
	line-height:12px;
}

.text2Bb {
	font-size:10px;
	line-height:12px;
	color:#666666;
	font-weight:bold;
}

.text2H16 {
	font-size:10px;
	line-height:14px;
	color:#666666;
}

.text2W {
	font-size:10px;
	line-height:12px;
	color:#FFFFFF;
}
.text2WH16 {
	font-size:10px;
	line-height:14px;
	color:#FFFFFF;
}
.text2R {
	font-size:10px;
	line-height:12px;
	color:#CC0000;
}

.text2B {
	font-size:10px;
	line-height:12px;
	color:#336699;
}

.text2D {
	font-size:10px;
	line-height:12px;
	color:#FF9900;
}

.text3 {
	font-size:14px;
	line-height:16px;
	color:#666666;
	font-weight:bold;
}

.text4 {
	font-size:18px;
	line-height:18px;
	color:#666666;
	font-weight:bold;
}

.date_glay {
	font-size:12px;
	line-height:17px;
	background-image: url(../image/date_back.gif);
	background-repeat: no-repeat;
	color:#FFFFFF;
}

.date_white {
	font-size:12px;
	line-height:17px;
	background-image: url(../image/date_back2.gif);
	background-repeat: no-repeat;
	color:#FFFFFF;
}

.border {
	border:solid 1px #CC0000;
	padding:5px;
}

/*_______________________________________
[ Default ] link color
_______________________________________*/
a { outline: none; }

A:link {
	text-decoration:none;
	color:#CC0000;
}

A:visited {
	text-decoration:none;
	color:#CC0000;
}

A:hover {
	text-decoration:underline;
	color:#336699;
}

A:active {
	text-decoration:none;
	color:#CC0000;
}

/*_______________________________________
[ support用 ] link color
_______________________________________*/

A:link.sup {
	text-decoration:none;
	color:#666666;
}

A:visited.sup {
	text-decoration:none;
	color:#666666;
}

A:hover.sup {
	text-decoration:underline;
	color:#CC0000;
}

A:active.sup {
	text-decoration:none;
	color:#666666;
}

/*_______________________________________
[ white ] link color
_______________________________________*/

A:link.white {
	text-decoration:none;
	color:#FFFFFF;
}

A:visited.white {
	text-decoration:none;
	color:#FFFFFF;
}

A:hover.white {
	text-decoration:underline;
	color:#FFFFFF;
}

A:active.white {
	text-decoration:none;
	color:#FFFFFF;
}

/*_______________________________________
[ daidai ] link color
_______________________________________*/

A:link.daidai {
	font-size:10px;
	line-height:12px;
	text-decoration:none;
	color:#FF9900;
}

A:visited.daidai {
	font-size:10px;
	line-height:12px;
	text-decoration:none;
	color:#FF9900;
}

A:hover.daidai {
	font-size:10px;
	line-height:12px;
	text-decoration:underline;
	color:#FF9900;
}

A:active.daidai {
	font-size:10px;
	line-height:12px;
	text-decoration:none;
	color:#FF9900;
}

/*_______________________________________
[ gray ] link color
_______________________________________*/

A:link.gray {
	text-decoration:none;
	color:#333333;
}

A:visited.gray {
	text-decoration:none;
	color:#333333;
}

A:hover.gray {
	text-decoration:underline;
	color:#CC0000;
}

A:active.gray {
	text-decoration:none;
	color:#333333;
}

a:link.gray img {
	border: solid 1px #333333;
}

a:visited.gray img {
	border: solid 1px #333333;
}

a:hover.gray img {
	border: solid 1px #cc0000;
}

a:active.gray img {
	border: solid 1px #333333;
}

/*_______________________________________
通販ページ用
_______________________________________*/

/*通販ページ用*/
/*東日本大震災お見舞いと影響のご挨拶文専用*/
.zshop	{font-size:12px; line-height:16px; color:#333333; margin:10px;}
.yshop	{font-size:12px; line-height:18px; color:#333333; text-align:center; margin: 8px auto; font-weight:bold; padding-bottom:8px; border-bottom: 1px solid #999999; -webkit-box-shadow: 0 1px 0 #fcfcfc; -moz-box-shadow: 0 1px 0 #fcfcfc; box-shadow: 0 1px 0 #fcfcfc;}
.xshop	{block:float; float: left; width:700px; background-color:#cccccc; margin-bottom:8px; text-shadow: 0 1px 1px #ffffff; border-radius: 10px;}
.www	{block:float; float: left; background-color:#f1f1f1; margin-bottom:8px; text-shadow: 0 1px 1px #ffffff; border-radius: 10px; padding: 10px;}
.vvv	{block:float; float: left; virtical-align: top; margin: 0px 10px 0px 0px;}
.uuu	{overflow:none; zoom: 1; font-size:12px; line-height:16px; color:#333333;}

/*通販ページ用*/
div.cate {block:float; float: left; width:700px; margin-bottom:5px;}
div.cate img:not(.newboard .stock .limited) {vertical-align : bottom;}
div.cate form {margin-top:0; margin-bottom:0; }
div.cate ul {margin: 0;padding: 0;}
.bb {font-weight: bold;}
hr.basic {height: 1px;border: none;border-top: 1px #666666 dotted;}

/*通販ページ用*/
/*吹き出しのCSSスプライト*/
.lineupsprite{background:url(/shop/s_top_img/lineup.jpg) no-repeat; display:block; text-indent:-1000%;}
#img1{ background-position: 0 0; width:700px; height:40px;}
#img2{ background-position: 0 -40px; width:700px; height:40px;}
#img3{ background-position: 0 -80px; width:700px; height:35px;}
#img4{ background-position: 0 -115px; width:700px; height:35px;}
#img5{ background-position: 0 -150px; width:700px; height:35px;}


/*通販ページ用*/
/*商品ラインナップ・表示用*/
ul.lineup {
width:708px;
margin-right: -8px;
overflow: hidden;
}
ul.lineup li {
float: left;
margin-right: 8px;
padding-bottom: 8px;
list-style: none outside none;
}


/*通販ページ用*/
/*商品ラインナップ内form使ってるボタンのホバー用・IEはどうしたらいいんだ*/
.mouseover {border:#dddddd 2px solid;}
.mouseover:hover {border:#cc0000 2px solid;}


/*通販ページ用*/
/*商品ラインナップ2列目以降のサムネ165x80用*/
.acc {
block:float;
position:relative;
z-index: 1;
}
.acc a img {
border:#DDDDDD 2px solid;
width:165px;
height: 80px;
}
.acc a:hover img {
color:#cc0000;
border:#cc0000 2px solid;
}
.acc a a:visited a:active {color:#999999;text-decoration:none;}
.acc a:hover{
color:#cc0000;
text-decoration:none;
}


/*通販ページ用*/
/*商品ラインナップ2〜3番目用*/
.fr4 {
block:float;
position:relative;
z-index: 1;
text-align:center;
}
.fr4 a img {
border:#cccccc 2px solid; 
margin-bottom:10px;
width:224px;
height: 80px;
}
.fr4 a:hover img {
border:#cc0000 2px solid; 
}
.fr4 a{
display: block;
color:#333333;
background-color:#cccccc;
text-decoration:none;
border-bottom: 12px solid #cccccc;
}
.fr4 a:visited{color:#333333;text-decoration:none;}
.fr4 a:hover{
color:#ffffff;
background-color:#cc0000;
text-decoration:none;
border-bottom: 12px solid #cc0000;
}
.fr4 a:active{color:#ffffff;text-decoration:none;}


/*通販ページ用*/
/*商品ラインナップ2〜3番目用、4列！*/
.fr4_b {
block:float;
position:relative;
z-index: 1;
text-align:center;
}
.fr4_b a img {
border:#cccccc 2px solid; 
margin-bottom:10px;
width:165px;
height: 80px;
}
.fr4_b a:hover img {
border:#cc0000 2px solid; 
}
.fr4_b a{
display: block;
color:#333333;
background-color:#cccccc;
text-decoration:none;
border-bottom: 12px solid #cccccc;
}
.fr4_b a:visited{color:#333333;text-decoration:none;}
.fr4_b a:hover{
color:#ffffff;
background-color:#cc0000;
text-decoration:none;
border-bottom: 12px solid #cc0000;
}
.fr4_b a:active{color:#ffffff;text-decoration:none;}


/*通販ページ用*/
/*商品ラインナップ左上フォーカス用・目立たせたい物専用！！！*/
.focus {
block:float;
position:relative;
z-index: 1;
text-align:center;
}
.focus a img {
border:#cc0000 2px solid; 
margin-bottom:10px;
width:224px;
height: 80px;
}
.focus a:hover img {
border:#333333 2px solid; 
}
.focus a{
display: block;
color:#ffffff;
background-color:#cc0000;
text-decoration:none;
border-bottom: 12px solid #cc0000;
}
.focus a:visited{color:#ffffff;text-decoration:none;}
.focus a:hover{
color:#ffffff;
background-color:#333333;
text-decoration:none;
border-bottom: 12px solid #333333;
}
.focus a:active{color:#ffffff;text-decoration:none;}


/*通販ページ用*/
/*商品ラインナップ左上フォーカス用・目立たせたい物専用！！！、4列！*/
.focus_b {
block:float;
position:relative;
z-index: 1;
text-align:center;
}
.focus_b a img {
border:#cc0000 2px solid; 
margin-bottom:10px;
width:165px;
height: 80px;
}
.focus_b a:hover img {
border:#333333 2px solid; 
}
.focus_b a{
display: block;
color:#ffffff;
background-color:#cc0000;
text-decoration:none;
border-bottom: 12px solid #cc0000;
}
.focus_b a:visited{color:#ffffff;text-decoration:none;}
.focus_b a:hover{
color:#ffffff;
background-color:#333333;
text-decoration:none;
border-bottom: 12px solid #333333;
}
.focus_b a:active{color:#ffffff;text-decoration:none;}


/*通販ページ用*/
/*右上寄せ「新基板」「通販限定」などのアイコン表示用*/
div.tab {
position: absolute;
top: 4px;
right: 4px;
z-index: 3;
width:45px;
text-align: right;
}


/*通販ページ用*/
/*左下寄せ透過PNG背景使用コメント用・1行しか書けません(´Д｀)*/
div.comment {
block:float;
position: absolute;
top: 66px;
left: 4px;
z-index: 4;
height:14px;
background: url(/shop/s_top_img/transparent40.png);
padding:0 3px;
}


/*通販ページ用*/
/*クリア*/
div.c {clear:left;}


/*通販ページ用*/
/*470x130バナー表示用*/
div.randam {block:float; float: left; width:470px;}
div.randam img {vertical-align : bottom;}
ul.banner li {
float: left;
margin-bottom: 10px;
list-style: none outside none;
}


/*通販ページ用*/
/*470x130バナーの右側・単品表示用*/
div.ranking{block:float; float: right; width:220px;}
div.ranking ul li{
display: block;
float: left;
margin-bottom: 5px;
width: 220px;
}
div.ranking ul li a {
display: block;
padding: 2px;
text-decoration: none;
border: 1px solid #f1f1f1;
overflow:hidden;
zoom:1;
}
div.ranking ul li a:hover {
text-decoration: none;
border: 1px solid #cccccc;
background-color:#f1f1f1;
}
div.ranking img.new {
display: block;
float: left;
margin-right: 5px;
border: 0;
width: 45px;
height:45px;
}
div.ranking ul li .title {
display: block;
font-weight: bold;
text-decoration: none;
}
div.ranking ul li .detail {
display: block;
margin-top: 2px;
}


/*通販ページ用*/
/*営業スケジュール以下左側*/
.hidari {
block: float;
float: left;
width:182px;
text-align:center;
}


/*通販ページ用*/
/*営業スケジュール以下右側*/
.migi {
block: float;
float: right;
width: 485px;
padding: 5px 10px;
background-color:#f1f1f1;
border-radius: 10px;
margin-bottom:5px;
}


/*通販ページ用*/
/*営業スケジュールカレンダー画像*/
.calendar {
border:1px solid #046b9a;
margin-bottom:5px;
width:180px;
}


/*通販ページ用*/
/*お問い合わせ欄の装飾*/
div.cate div.migi dl.shopinfolist dt {
clear: left;
float: left;
margin: 0 0 0.8em;
width: 7.5em;
border-left: solid 8px #666666;
padding-left: 5px;
color: #666666;
}
div.cate div.migi dl.shopinfolist dd {
margin-bottom: 0.8em;
margin-left: 7.5em;
}
div.cate div.migi dl.shopinfolist dd a {
display: block;
background-color: #ffffff;
border:1px solid #cc0000;
color: #cc0000;
padding: 10px;
text-align:center;
}
div.cate div.migi dl.shopinfolist dd a:hover {
background-color: #cc0000;
color: #ffffff;
text-decoration:none;
}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*トップページスライド部分用*/
#top_slide {margin:0; padding:0; width:1000px; height:450px; position:relative; z-index:1;}

.sliderbuttonL {float:left; width:25px; position:absolute; left:0px; top:210px; z-index:4;}
.sliderbuttonL img {cursor:pointer;}
.sliderbuttonL img:hover {background:#999;}
.sliderbuttonR {float:left; width:25px; position:absolute; right:0px; top:210px; z-index:5;}
.sliderbuttonR img {cursor:pointer;}
.sliderbuttonR img:hover {background:#999;}

#slideshow {float:left; width:1000px; height:450px; border:0; background:#333333; position:absolute; left:0px; top:0px; z-index:2;}
#slides {position:relative; width:1000px; height:450px; list-style:none; overflow:auto; margin:0; padding:0;}
#slides li {width:1000x; height:450px;}

#page {font-size:10px;}/*winと違う*/
#pagination {list-style: none; height:20px; position:absolute; right:10px; top:407px; z-index:3;}/*winと違う*/
#pagination li {float:left; cursor:pointer; padding:3px 5px; background:#666; border:1px solid #999; margin-left:4px; text-align:center; color:#222;}
#pagination li:hover {background:#333; border:1px solid #cccccc; color:#ccc;}
#pagination li.current {border:1px solid #ccc; background:#333; color:#ccc;}



/*メニュー製品情報のプルダウンメニュー用*/
/* メインメニュー */
#mainmenu {margin:0; padding:0; width:1000px; height:37px; background-color:#336699;}
#mainmenu ul {display:block; list-style-type:none; margin:0; padding:0; line-height:0; vertical-align:bottom;}
/* サブメニュー1段目 */
#mainmenu ul ul{display:none; position:absolute; top:100%; left:0; z-index:100;}
/* サブメニュー2段目以降 */
#mainmenu ul ul ul {top:0; left:100%;}
/* リスト */
#mainmenu li {float:left;}
#mainmenu li li {clear:both; line-height:16pt;}
#mainmenu li:hover {position:relative;}
#mainmenu li:hover > ul {display: block}

/* IE6用 */
* html #mainmenu li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column1'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

* html #mainmenu li li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column2'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

* html #mainmenu li li li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column3'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

#mainmenu .column1 {position:relative; z-index:1000;}
#mainmenu .column1 ul {display:block;}
#mainmenu .column1 * ul {display:none;}

#mainmenu .column2 {position:relative; z-index:1000;}
#mainmenu .column2 ul {display:block; clear:both; line-height:16pt;}
#mainmenu .column2 * ul {display:none;}

#mainmenu .column3 {position:relative; z-index:1000;}
#mainmenu .column3 ul {display:block; clear:both; line-height:16pt;}
#mainmenu .column3 * ul {display:none;}

/* デザイン */
*html #mainmenu ul li{line-height:0;}
*html #mainmenu a{display:block; line-height:normal;}
*html #mainmenu img{vertical-align: bottom;}
#mainmenu li {text-align:center; }
#mainmenu li li {text-align:left; background:#336699; padding:8px 8px; white-space: nowrap; width:180px; border-bottom:1px solid #6699cc;}
#mainmenu li li.last {text-align:left; background:#336699; padding:8px 8px; white-space: nowrap; width:180px; border-bottom:0;}
#mainmenu li li li {border-left:1px solid #6699cc;}
#mainmenu li li a{display: block; text-decoration:none; color:#fff;}
#mainmenu li li:hover {background:#6699cc; color:#fff; white-space: nowrap; width:180px;}
#mainmenu .column1, #mainmenu .column2, #mainmenu .column3 {color:#fff; background:#6699cc;}