@charset "utf-8";

/*---------------------------------------------
01. *, body
---------------------------------------------*/
*      {
	margin: 0px;
	padding: 0px;
	font-size: small;
	text-transform: none;
	line-height: 18px;
}

body   {
	height:100%;
	color: #333333;
	font-family: "lr oSVbN", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	background-color: #E1E1E1;
	margin: 0 auto;
	font-size: medium;
}
hr     { display: none; }
img    { border: none; vertical-align: middle; }
sup, sub { font-size: 80%; background-color: #E1E1E1; }

a { overflow: hidden }
a:link            { color: #474786; text-decoration: underline; }
a:visited         { color: #555555; text-decoration: underline; }
a:hover, a:active { color: #474786; text-decoration: none; }
#wrap		{ width: 960px; height:100%; min-height:100%; background: url(../imgs/bg.jpg)  0 0 repeat; text-align: left; margin: 0 auto;}
/*---------------------------------------------
02. header
---------------------------------------------*/
#header         { width: 920px; height: 78px; margin: 0 0 0 20px; background: url(../imgs/header.jpg)  0 0 no-repeat; text-align: left;}
#headerLogo h1     { float: left; width: 255px; height: 45px; margin: 18px 0 0 26px; }
#search		{ float: right; width: 310px; margin: 25px 28px 0 0; text-align: right; font-size: 75%;}
#search input	{ margin: 2px 0 0 4px;}

/*---------------------------------------------
03. menu
---------------------------------------------*/
#menuArea{ clear: both; width: 920px; margin:  0 0 0 20px; height: 30px; background: url(../imgs/menu.jpg)  0 0; }
#menuArea ul{ padding: 0; margin: 0; list-style-type:none; }
#menuArea li{ float: left; padding: 0; margin: 0; text-indent:-9999px; }

#menuArea li a{ display: block; height: 30px; }

li.home a { width: 140px; background: url(../imgs/menu01.jpg)  0 0; }
li.home a:hover  { background: url(../imgs/menu01_on.jpg)  0 0; }
li.prod a { width: 130px; background: url(../imgs/menu02.jpg)  0 0; }
li.prod a:hover { background: url(../imgs/menu02_on.jpg)  0 0; }
li.print a { width: 130px; background: url(../imgs/menu03.jpg)  0 0; }
li.print a:hover  { background: url(../imgs/menu03_on.jpg)  0 0; }
li.dl a { width: 130px; background: url(../imgs/menu04.jpg)  0 0; }
li.dl a:hover  { background: url(../imgs/menu04_on.jpg)  0 0; }
li.com a { width: 130px; background: url(../imgs/menu05.jpg)  0 0; }
li.com a:hover  { background: url(../imgs/menu05_on.jpg)  0 0; }
li.con a { width: 130px; background: url(../imgs/menu06.jpg)  0 0; }
li.con a:hover  { background: url(../imgs/menu06_on.jpg)  0 0; }
li.qa a { width: 130px; background: url(../imgs/menu07.jpg)  0 0; }
li.qa a:hover  { background: url(../imgs/menu07_on.jpg)  0 0; }

/*---------------------------------------------
04. main
---------------------------------------------*/
#fla{ width: 920px; height:240px; margin:  0 0 0 20px; padding: 0; text-align: left; }
#content {
	width: 920px;
	margin: 0 0 0 20px;
	padding: 0;
	text-align: left;
}
.cl	{clear: both;}
#content2 { width: 880px; margin: 20px 0 20px 0; padding: 0; text-align: left; }

#category	{ width: 920px; height: 166px; margin: 0px ; padding: 0;  background: url(../imgs/menu_bg.jpg)  0 0; border-top: 1px solid #474786; border-bottom: 1px solid #474786;}

#cate-B	{ width: 920px; margin: 4px 0 0 0; height: 80px; }
#cate-B ul{ padding: 0; margin: 0; list-style-type:none; }
#cate-B li{ float: left; padding: 0; margin: 0; text-indent:-9999px; }

#cate-B li a{ display: block; height: 80px; }

li.laser a { width: 115px; background: url(../imgs/laser.jpg)  0 0; }
li.router a { width: 115px; background: url(../imgs/router.jpg)  0 0; }
li.lamy a { width: 115px; background: url(../imgs/lamy.jpg)  0 0; }
li.printer a { width: 115px; background: url(../imgs/printer.jpg)  0 0; }
li.solvent a { width: 115px; background: url(../imgs/solvent.jpg)  0 0; }
li.pop a { width: 115px; background: url(../imgs/pop.jpg)  0 0; }
li.cut a { width: 115px; background: url(../imgs/cut.jpg)  0 0; }
li.led a { width: 115px; background: url(../imgs/led.jpg)  0 0; }

#cate-S	{ width: 920px; margin: 11px 0 0 0;}
#cate-S ul{ padding: 0; margin: 0 0 0 12px; list-style-type:none; }
#cate-S li{ float: left; padding: 0; margin: 0 9px 9px 0; text-indent:-9999px; }

#cate-S li a{ display: block; height: 26px; }

li.s01 a { width: 172px; background: url(../imgs/smenu01.gif)  0 0; }
li.s02 a { width: 172px; background: url(../imgs/smenu02.gif)  0 0; }
li.s03 a { width: 172px; background: url(../imgs/smenu03_.gif)  0 0; }
li.s04 a { width: 172px; background: url(../imgs/smenu04.gif)  0 0; }
li.s05 a { width: 172px; background: url(../imgs/smenu05.gif)  0 0; }
li.s07 a { width: 172px; background: url(../imgs/smenu07.gif)  0 0; }
li.s08 a { width: 172px; background: url(../imgs/smenu08.gif)  0 0; }
li.s09 a { width: 172px; background: url(../imgs/smenu09.gif)  0 0; }
li.s10 a { width: 172px; background: url(../imgs/smenu10.gif)  0 0; }



#mainLeft {
	float: left;
	width: 187px;
	margin: 0px;
	padding: 0;
	text-align: left;
	height: auto;
	vertical-align: bottom;
}
#mainLeft h2 { width: 187px; height: 26px; padding: 0; margin: 0; background: url(../imgs/buy_t.jpg) no-repeat left top; text-indent:-9999px;}

.buy	{ width: 179px; margin: 4px 4px 4px 4px; padding: 0px;}
.buy img	{ float: left; margin: 0 4px 0 0; padding: 0px;}
.buy p	{ margin: 0px; padding: 0px; font-size: 65%; line-height: 120%;}
#apico	{
	clear: both;
	width: 180px;
	height: auto;
	padding: 0px;
	border-top: #9E9ECF 6px solid;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 10px;
	margin-left: 4px;
}
#apico img	{ margin: 10px 0 0 0;}

#mainCenter {
	float: left;
	width: 544px;
	height: auto;/*元の値1200px;*/
	margin: 0px;
	padding: 0;
	text-align: left;
	border-left: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	line-height: 18px;
}
#mainCenter h2 {
	width: 544px;
	height: 26px;
	padding: 0;
	margin: 0;
	background: url(../imgs/news_tt.jpg) no-repeat left top;
	text-indent:-9999px;
}
#mainCenter h2 a { display: block; width: 74px; height: 26px; margin: 0 0 0 460px; text-decolation: none;}

#mainCenter ul { width: 524px; margin:10px; padding: 0px; list-style-type: none;}
#mainCenter li { margin: 0 0 4px 0; padding: 0; font-size: 80%; }
.date{ font-weight: bold; margin: 0 4px 0 0;}

#mainCenter h3 { width: 544px; height: 26px; padding: 0; margin: 0; background: url(../imgs/recomm_t.jpg) no-repeat left top; text-indent:-9999px; border-top:#cccccc 1px solid;}
#recomm	{ width: 524px; height: auto; margin: 10px; padding: 0px; }

#mainRight {
	float: right;
	width: 187px;
	margin: 0px;
	padding: 0;
	text-align: left;
	height: auto;
	vertical-align: bottom;
}

#youbonnews {
	float: right;
	width: 180px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 10px;
	margin-left: 4px;
	border-top: #9E9ECF 6px solid;
	padding: 0;
	text-align: left;
	height: auto;
	vertical-align: bottom;
}
#youbonnews img	{ margin: 10px 0 0 0;}

#catalogue {
	float: right;
	width: 180px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 10px;
	margin-left: 4px;
	border-top: #9E9ECF 6px solid;
	padding: 0;
	text-align: left;
	height: auto;
	vertical-align: bottom;
}
#catalogue img	{ margin: 10px 0 0 0;}

#mainRight h2 { width: 187px; height: 26px; padding: 0; margin: 0; background: url(../imgs/exhi_t.jpg) no-repeat left top; text-indent:-9999px;}
.ex	{
	width: 167px;
	margin: 10px;
	font-size: small;
}
.ex2{ width: 167px; margin: 10px; font-size: 80%;}

.ex2 a:link{ color: #4b0082; text-decoration: underline;}
.ex2 a:visited{ color:#4b0082; text-decoration: underline;}
.ex2 a:hover, a:active{ color:#4b0082; text-decoration: none;}

#pr	{
	width: 180px;
	padding: 0px;
	border-top: #9E9ECF 6px solid;
	height: auto;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 10px;
	margin-left: 4px;
	vertical-align: bottom;
	text-align: left;
}
#pr img	{ margin: 10px 0 0 0;}

/*---------------------------------------------
05. footer
---------------------------------------------*/
#footer         {
	clear: both;
	width: 920px;
	height: 96px;
	background: url(../imgs/foot_bg.jpg)  0 0 repeat;
	border-top: 1px solid #cccccc;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer ul { margin: 20px 0 20px 195px; list-style-type: none; text-align: center;}
#footer li { float: left; margin: 0 2px; padding: 0px; font-size: 65%; }

#copyright { width: 276px; height: 14px; padding: 0; margin: 20px 0 0 322px; background: url(../imgs/copy.gif) no-repeat 0 0; text-indent:-9999px;}

/*-----------------------------------------------
06.[{ﾇ隍€
------------------------------------------------*/
#newyoubon{width:920px;margin:10px 0 0 30px;text-align: left;}
.newy{width:900px;font-size:80%;}
.outlet{
	font-size:small;
	text-align: left;
}
table .s1{cellpadding:0;cellspacing:0;border:0;}
tr .s1{margin:0;padding:0;}
td .s1{width:*;}
td .s2{width:*;}
.font1{
	font-size:80%;
	line-height:150%;
	margin:0 0 10px 10px;
}
.outsub{font-size:70%;}
.outsub2{font-size:65%;color:#CC3300;}



/* 新着情報を一時的にボックスの非表示・クラスhidden */
/*
.hidden{
display:none; 
}
/*