html {
height: 100%;
}

/* ===== ベース ===== */


body {
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
background-color: #000000;
}
.clear { clear:both; }
img{border: none;}

strong{font-weight: lighter;}

h1{font-weight: lighter;font-size: 12px;color: #cccccc; margin-left: 180px;margin-top: -38px;line-height: 15px;}

table {margin-left: auto; margin-right :auto;}

/* ===== ヘッダー ===== */


.head{width: 100%; background-color: #000000; height:80px;border-top: 4px solid #cc0033;}
.logo{width: 893px; height: 100px;margin-left: auto;margin-right: auto;margin-top: 13px;}

html>body .head{ height:60px; height:75px;}
*:first-child+html  .head{margin-top: 0px;}

html>body .logo{padding-top: 0px;}
*:first-child+html .logo{padding-top: 0px;}

.hbs{width: 100%;height: 14px;background: url(img/hbs.gif);}


/* ===== TOP ===== */

.topi{

margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
width: 900px;
height: 240px;
background-image: url(img/topimage2.jpg);
position: center;
padding-top: 10px;
}

*:first-child+html .topi{margin-top: 8px;}


.topi2{
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
height: 35px;
background-image: url(img/topi2b.gif);
position: center;
}


.mainb{
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
background-image: url(img/tba.jpg);
margin-top: -5px;
}



.ml77{margin-top: 18px;margin-left: 270px;}
.ml77 img{-moz-opacity:0.7;opacity:0.7;filter: alpha(opacity=80);}
.ml77 a:hover img {-moz-opacity:1.0;opacity:1.0;filter: alpha(opacity=100);}

html>body .ml77{margin-top: 5px;}
*:first-child+html .ml77{margin-top: 14px;}

.ml22{margin-top: -55px;margin-left: 570px;}
.ml22 img{-moz-opacity:0.7;opacity:0.7;filter: alpha(opacity=80);}
.ml22 a:hover img {-moz-opacity:1.0;opacity:1.0;filter: alpha(opacity=100);}

.ml11{margin-top: 216px;margin-left: 270px;}
.ml11 img{-moz-opacity:0.6;opacity:0.6;filter: alpha(opacity=65);}
.ml11 a:hover img {-moz-opacity:1.0;opacity:1.0;filter: alpha(opacity=100);}



.main{
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
height: 100%;
}

.ad{width: 893px; margin-left: auto;margin-right: auto;margin-top: 0px;}

.taiou {
font-size: 15px;
font-weight: 900px;
color: red;
margin-bottom: -15px;
margin-left: 12px;
padding-top: 8px;
}

.moura {
font-size: 23px;
font-weight: 900px;
color: red;
margin-bottom: -4px;
margin-left: 12px;
padding-bottom: 20px;
}

.gs {
font-size: 15px;
font-weight: 900px;
margin-top: -10px;
margin-left: 12px;
padding-bottom: 11px;
}

.h4 {
background-image: url(img/taiouback2.jpg);
background-repeat: no-repeat;
}




.mainf{width: 900px; background-color: #ffffff;color: #333333; 
margin-left: auto;margin-right: auto;height: 100%;font-size: 12px;line-height: 18px;}


.mleft{float: left; width: 580px; height: 100%; margin-top: 10px;}
.mright{float: right; width: 280px; height:100%; margin-top: 10px;}


.tmi{line-height: 20px;margin-bottom: 10px;}




.foot1{width: 100%;background-image: url(img/foots.gif);height: 12px;}

.foot2b{width: 100%; background-color: #cccccc;color: #ffffff;margin-left: 10px;
margin-left: auto;margin-right: auto;}

.foot2{width: 860px; background-color: #cccccc;color: #333333;margin-left: 10px;
margin-left: auto;margin-right: auto;font-size: 12px;line-height: 18px;padding: 5px;text-align: center;}


.foot2 a {text-decoration: none;}
.foot2 a:link {color:#000000;}
.foot2 a:visited {color: #000000;}
.foot2 a:hover {color: #cc0033;text-decoration: underline;}
.foot2 a:active {color: #cc0033;}

.foot{width: 860px; background-color: #000000;color: #ffffff;margin-left: 10px;text-align: center;
margin-left: auto;margin-right: auto;height: 100%;font-size: 12px;line-height: 18px;padding: 20px 20px 40px 20px;}

.foot a {text-decoration: none;}
.foot a:link {color:#ffffff;}
.foot a:visited {color: #ffffff;}
.foot a:hover {color: #cc0033;text-decoration: underline;}
.foot a:active {color: #cc0033;}




.fu{background-image: url(img/fu.jpg);width: 495px; height: 245px;}
.futext{border: 1px solid #c8c8c8; padding: 3px 0px 0px 15px; width: 480px; background-image: url(img/futextb.jpg);height: 21px;margin-top: 7px; font-size: 14px;}

.bana{margin-bottom: 6px;}
.bana2{margin-bottom: 16px;}
.bana3{margin-bottom: 5px;margin-top: 20px;}

#digi {
	width:501px;
	height:130px;
	padding:0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 6px;
}

#digi ul{
	width:501px;
	height:130px;
	margin:0;
	padding:0;
	list-style:none;
}
#digi li{
	margin:0;
	padding:0;
	text-indent:-9999px;
	float:left;
	border-right: 1px solid #d5d5d5;
	border-top:  1px solid #d5d5d5;
	border-bottom:  1px solid #d5d5d5;
}
#digi li a {
	display:block;
	height:131px;
	text-decoration:none;

}
/*----------------------------------------*/
#digi01{
	width:124px;
	background:url(img/sc77.jpg) 0px 0px;
	border-left: 1px solid #d5d5d5;
}

#digi01 a:hover {
	width:124px;
	background:url(img/sc77b.jpg) 0px 0px;
}

#digi02{
	width:124px;
	background:url(img/sc02.jpg) 0px 0px;
}

#digi02 a:hover {
	width:124px;
	background:url(img/sc02b.jpg) 0px 0px;
}

#digi03{
	width:124px;
	background:url(img/sc11.jpg) 0px 0px;
}

#digi03 a:hover {
	width:124px;
	background:url(img/sc11b.jpg) 0px 0px;
}

#digi04{
	width:124px;
	background:url(img/sc22.jpg) 0px 0px;
}

#digi04 a:hover {
	width:124px;
	background:url(img/sc22b.jpg) 0px 0px;
}

#digi05{
	width:124px;
	background:url(img/sc_wbt1.jpg) 0px 0px;
	border-left: 1px solid #d5d5d5;
}

#digi05 a:hover {
	width:124px;
	background:url(img/sc_wbt1b.jpg) 0px 0px;
}

#digi06{
	width:124px;
	background:url(img/sc_evt1.jpg) 0px 0px;
}

#digi06 a:hover {
	width:124px;
	background:url(img/sc_evt1.jpg) 0px 0px;
}









/* ===== グローバルメニュー ===== */

#globalNavi li.btop a{background: url(image/b_top.gif);display: block; width: 180px;height: 40px;}
#globalNavi li.btop a:hover{background: url(image/top.gif);}

#globalNavi li.bpro a{background: url(image/b_product.gif);display: block; width: 180px;height: 40px;}
#globalNavi li.bpro a:hover{background: url(image/product.gif);}

#globalNavi li.nowp{background-image: url(image/product.gif);display: block; width: 180px;height: 40px;}

#globalNavi li.bdown a{background: url(image/b_download.gif);display: block; width: 180px;height: 40px;}
#globalNavi li.bdown a:hover{background: url(image/download.gif);}

#globalNavi li.bquery a{background: url(image/b_query.gif);display: block; width: 180px;height: 40px;}
#globalNavi li.bquery a:hover{background: url(image/query.gif);}

#globalNavi li.bcorp a{background: url(image/b_corp.gif);display: block; width: 180px;height: 40px;}
#globalNavi li.bcorp a:hover{background: url(image/corp.gif);}

#globalNavi, #globalNavi ul {
	margin:0;
	padding:0;
	list-style-type:none;

	
}
#globalNavi li	{
	float:left;
	position:relative;
}

#globalNavi ul {
	width: 175px;
	position: absolute;
	top: 40px;
	display: none;
}


#globalNavi ul li.first a{
	background: #BFC0C0 url(image/bg_navi.gif) no-repeat;
	height: 12px;
	width: 153px;
	padding: 17px 0px 10px 27px;
}
#globalNavi ul li.first a:hover	{
	background: #000 url(image/bg_navib.gif) no-repeat;
}



#globalNavi ul li.seco a{
	background: #BFC0C0 url(image/icon.gif) no-repeat;
	height: 12px;
	width: 153px;
	padding: 10px 0px 10px 27px;
}
#globalNavi ul li.seco a:hover	{
	background: #000 url(image/iconb.gif) no-repeat;
	
}


#globalNavi ul li a{

	height: 40px;
	display: block;
	background: #BFC0C0 url(image/icon.gif) no-repeat;
	border-bottom: 1px dotted #909090;
	color: #fff;
	text-decoration: none;
	-moz-opacity:0.8;
opacity:0.8;
filter: alpha(opacity=80);
font-weight: bold;
font-size: 12px;
}

#globalNavi ul li a:hover{
	background: #000 url(image/iconb.gif) no-repeat;
	color: #fff;
	-moz-opacity:1.0;
    opacity:1.0;
    filter: alpha(opacity=100);
}

#globalNavi ul li ul {
   width: 180px;
   position: absolute;
   top: 0px;
   left: 180px;
}

#globalNavi ul li.seco2 a{
	background: #BFC0C0 url(image/icon.gif) no-repeat;
	height: 12px;
	width: 153px;
	margin-top: 7px;
	padding: 10px 0px 10px 27px;
}
#globalNavi ul li.seco2 a:hover	{
	background: #000 url(image/iconb.gif) no-repeat;
	
}



.menub{width: 100%;background-image: url(image/menub.gif);}


.mb{width: 100%; height: 23px; background-image: url(img/mb.gif);}

.menu {
width: 900px;
letter-spacing: 0px;
margin-left:widthn1/2;
margin-left: auto;
margin-right: auto;
height: 40px;
color: #000000;
}




.sup
{
padding: 1px;
background: #ffffff;
width: 580px;
color: #006; 
margin-left: 0px;
font-size: 14px;
}

.sup li
{
list-style: none;
border-bottom: 1px #004080 dotted;
text-align: left;
font-size: 14px;
}

.sup li a
{
display: block;
text-decoration: none;
background-image: url(img/supb.gif);
height: 20px;
padding: 5px 0px 7px 25px;
font-size: 14px;
}

.sup li a:link { color: #333333; }
.sup li a:visited { color: #333333;}

.sup li a:hover{color: #0066cc;
background-image: url(img/supb2.gif);
}

*:first-child+html .sup li{margin-left: 0px;width: 580px;}
html>body .sup li{margin-left: 0px;width: 580px;}



.ans{width: 580px;padding-left: -40px;color: #333333;font-weight: bold;background-image: url(img/supb.gif);border-bottom: 1px #004080 dotted;height: 25px;padding: 7px 3px 0px 25px;font-size: 14px;}

.ansa{width: 580px;padding-left: -40px;background-image: url(img/supba.gif);padding: 5px 0px 7px 25px;color: #333333;margin-bottom: 20px;font-size: 14px;}
.ansa a:link {color : #0066cc;}
.ansa a:visited{color : #0066cc;}
.ansa a:hover  {color : #cc3300;}



*:first-child+html  .ans{}

/* ===== 製品一覧 ===== */

.ttc{padding-left: 35px;font-size: 11px; letter-spacing: 0px;line-height: 12px;}

.spc{font-size: 14px; line-height: 20px;}
.spc a {text-decoration: none; text-decoration: underline;}
.spc a:link {color:#0066cc; text-decoration: underline;}
.spc a:visited {color: #0066cc;}
.spc a:hover {color: #cc0033; text-decoration: underline;}
.spc a:active {color: #cc0033;}

.outm{width: 513px; border-bottom: 1px dotted #cccccc; padding: 5px 0px 5px 12px;
font-size: 16px; font-weight: bold;color: #006699;background-image: url(img/mm537.jpg);margin-bottom: 10px;}
.outm2{font-size: 14px; font-weight: bold;line-height: 21px;color: #333333;}

.soright{float: right;width: 380px;margin-right: 10px;line-height: 20px;}
.soleft{float: left; width: 160px;}

.price{color: #333333; margin: 5px 0px 5px 0px;}
.price b{font-weight: bold;color: #cc0033;font-size: 14px;}
.price a{color: #cc0033; text-decoration: none;}
.price a:link {color:#0066cc; text-decoration: none;}
.pprice a:visited {color: #0066cc; text-decoration: none;}
.price a:hover {color: #cc0033;text-decoration: underline;}
.price a:active {color: #0099cc;}

.pron{color:#cc0033;}

.mmb{width: 540px; height: 100%; background-image: url(img/mmb550.jpg);margin-left: -10px;padding: 0px 15px 0px 15px;}
.mmbu{width: 570px;background-image: url(img/mmbu550.jpg);margin-left: -10px;height: 15px;}
.mmbd{width: 570px;background-image: url(img/mmbd550.jpg);margin-left: -10px;height: 18px;margin-bottom: 8px;}


.banaf{font-size: 10px; margin-top: -8px;letter-spacing: 0px;}
.banaf a {text-decoration: none;}
.banaf a:link {color:#666666;}
.banaf a:visited {color: #666666;}
.banaf a:hover {color: #cc0033;}
.banaf a:active {color: #cc0033;}


.alpha a:hover img {
-moz-opacity:0.7;
opacity:0.7;
filter: alpha(opacity=70);
}

/* ===== コンテンツ ===== */

.panb{width: 100%;}

.pan{font-size: 12px;padding: 0px; width: 900px; background-color: #ffffff;margin-left: auto;margin-right: auto;margin-bottom: 5px;}
.pan a {text-decoration: none;}
.pan a:link {color:#0066cc;}
.pan a:visited {color: #0066cc;}
.pan a:hover {color: #cc0033;}
.pan a:active {color: #cc0033;}

h2{
  width: 565px;
  font-size : 18px;
  font-weight : bold;
  text-align : left;
  padding-top: 10px;
  padding-left: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-left: 4px solid #cc0033;
  border-right: 1px solid #cccccc;
  background-color: #eaeaea;
  height: 24px;
  margin-top: 0px;
}

h3,h4,h5,h6,h7,h8{
width: 565px;
  font-size : 18px;
  font-weight : bold;
  text-align : left;
  padding-top: 10px;
  padding-left: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-left: 4px solid #cc0033;
  border-right: 1px solid #cccccc;
  background-color: #eaeaea;
  height: 24px;
  margin-top: 20px;}


.bg_line{
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : gray;
  font-size : 12px;
  padding-top : 1mm;
  padding-bottom : 1mm;
  padding-right : 1mm;
  padding-left : 2mm;
}



.bg_line2{
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : gray;
  font-size : 12px;
  padding-top : 1mm;
  padding-bottom : 1mm;
  padding-right : 1mm;
  padding-left : 2mm;
  background-color: #f0f0f0;
}


.proleft{width: 250px;float: left;}
.proright{width: 330px;float: right;}

.text1{font-size: 12px; line-height: 22px;margin-bottom: 15px;margin-top: 5px;}




.sleft{width: 185px; float: left; margin-bottom: 10px;font-size: 14px;}
.
.sright{width: 390px; float: right; margin-bottom: 10px;font-size: 14px;}

.ste{width: 310px;padding-left: 10px;margin-left: 210px;}


/* =========================================プロダクト内メニュー ===== */

.pmm{border-bottom: 3px solid #cc0033;height: 32px;}

#pmenu{width: 580px;}

#pmenu ul{list-style: none;margin: 0;padding: 0;width: 580px;}

#pmenu li a{width: 160px;display: block;height: 32px;text-indent: -9999px;}



#p01{ background:url(img/pm_ga.gif) 0px 0px;float: left;margin-right: 5px;}
#p01 a:hover {background:url(img/pm_ga2.gif) 0px 0px;float: left;}
.p01now{background:url(img/pm_gan.gif);}

#p02{background:url(img/pm_sp.gif) 0px 0px;float: left;margin-right: 5px;}
#p02 a:hover {background:url(img/pm_sp2.gif) 0px 0px;float: left;}
.p02now{background:url(img/pm_spn.gif);}

#p03{background:url(img/pm_how.gif) 0px 0px;float: left;margin-right: 5px;}
#p03 a:hover {background:url(img/pm_how2.gif) 0px 0px;float: left;}
.p03now{background:url(img/pm_hown.gif);}



#pbmenu{width: 580px;height: 34px;}
#pbmenu ul{list-style: none;margin: 0;padding: 0;width: 580px;}
#pbmenu li a{width: 290px;display: block;height: 34px;text-indent: -9999px;}



#pb01{ background:url(img/pmb_pb1.gif) 0px 0px;float: left;}
#pb01 a:hover {background:url(img/pmb_pb2.gif) 0px 0px;float: left;}
.pb01now{background:url(img/pmb_pb2.gif);}

#pb02{background:url(img/pmb_pa1.gif) 0px 0px;float: right;}
#pb02 a:hover {background:url(img/pmb_pa2.gif) 0px 0px;float: left;}
.pb02now{background:url(img/pmb_pa2.gif);}



/* ============================================= ダウンロード ===== */

.domida{width: 520px; padding: 7px; border-left: 3px solid #cc0033; border-bottom: 1px dotted #cccccc;font-weight: bold;background-color: #f7f7f7;color: #333333;}

.pscima{float: left; width: 35px;padding: 2px;margin-left: 0px; border: 1px solid #999999;background-color: #ffffff;}
.pscbun{float: right; color: #666666; font-size: 11px; line-height: 14px; width: 510px;}
.pscp{font-size: 14px; font-weight: bold; margin-bottom: 4px; line-height: 16px; letter-spacing: 0px;}
.pscp a{text-decoration : none;  color : #cc0033;}
.pscp a:link   {color : #006699; text-decoration:none;}
.pscp a:visited{color:#006699; text-decoration:none;}
.pscp a:hover  {color : #cc0000; text-decoration : underline;}

.pscba{height: 100%; width: 570px; border-bottom: 1px dotted #999999;
padding: 10px 6px 5px 6px; background-image: url(img/bg_diagonal.gif);}

.pdf{width: 560px; height: 30px;border: 1px solid #cccccc; padding: 8px;margin-top: 20px;margin-bottom: 10px;}
.pdfleft{float: left; width: 60px; }
.pdfright{float: right;width: 450px;}


/* ============================================= このサイトについて===== */

.line2{
  width: 570px;
  font-size : 16px;
  font-weight : bold;
  text-align : left;
  padding-top: 10px;
  padding-left: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-left: 4px solid #cc0033;
  border-right: 1px solid #cccccc;
  background-color: #eaeaea;
  height: 24px;
  margin-top: 0px;
}