/* CSS Document */

 .catalogueFormTable {   
  width:566px;
  border:2px solid #FF9A66;
  padding:0px;
  margin-bottom:20px;
  background-color:FFF8DC;
  }
  
  col#FormnameC{
  width:162px;
  background-color:#FFEBCE;
  }
  
    .catalogueFormTable td{   
  border-right:1px solid #FF9A66;
  border-bottom:1px solid #FF9A66; 
  padding:3px 10px 3px 10px ;
  font-size:12px;
  vertical-align:top;
  }
  
  .mb81{
margin-bottom:81px;
  }
  
  
  .SearchTitle{
  width:458px;
  background-image:url(../../contents/img/tab_bottom_title_bg.gif);
  background-repeat:repeat-y;
  margin:0px;
  padding:10px 10px 7px 17px;
  }
  
   .SearchTitle h1{   
padding: 5px 0 5px 25px;    
width: auto;
font-size:14px;
font-family:Helvetica,Geneva, Arial,sans-serif;
font-weight:bold;
background: url(../../contents/img/orange_arrow.gif);
background-repeat:no-repeat;
}

  .SearchTitle .subtitle{
  font-size:11px;
  }
  
.SolutionTable01{
width:453px;
 }
 
col#solutionLeft{
width:227px;
}

.productName{
text-align:left;
vertical-align:top;
padding-top:3px;
margin:0px;
}

.productNameTop{
text-align:left;
vertical-align:top;
padding:0px;
margin:0px;
line-height:1.2em;
}

.pl10{
padding-left:10px;
}  

.pr10{
padding-right:10px;
}

.ecomark{
padding-right:12px;
float:right;
}

.EcoTxt{
width:493px;
float:left;
margin-bottom:10px;
}

  
  
  /*title*/

/*orange maru top and bottom border mb10px*/  
#contentsLeftMenu .title01{
margin-bottom:10px;
width: auto;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding: 5px 0 5px 5px; 
}

#contentsLeftMenu .title01 h2{ 
padding-left:14px;       
font-size:14px;
font-family:Helvetica,Geneva, Arial,sans-serif;
font-weight:bold;
background-image:url(../img/orange-circle.gif);
background-repeat:no-repeat;
background-position:center left;
}

/*orange maru 14pxbold title*/


/*11px helvetica*/
 .title11b{
	padding:0px;
	font-size:11px;
	font-family:Helvetica,Geneva, Arial,sans-serif;
	font-weight:bold;
	margin: 0px;
} 

/*orange small¨*/
/*shikaku 11px*/

.arrowRmini{
width:auto;
padding-left:12px;
background-image:url(../img/mini-square-arrow.gif);
background-repeat:no-repeat;
background-position:center left;
white-space:nowrap;
}

.arrowRmini02{
width:auto;
padding-left:12px;
background-image:url(../img/mini-square-arrow02.gif);
background-repeat:no-repeat;
background-position:left top;
}

.arrowRmini_fr{
width:auto;
padding-left:12px;
background-image:url(../img/mini-square-arrow.gif);
background-repeat:no-repeat;
background-position:center left;
float:right;
white-space:nowrap;
}


.soltioncatch{
font-size:12px;
line-height:1.2em;
}



/*W maru*/

 /*bold*/
 .circleProTitle{
	margin:0px;
	padding:0 0 0 12px;
	background-image:url(../img/orange-circle02.gif);
	background-repeat:no-repeat;
	background-position:left  top;
	font-weight:bold;
	font-size: 100%;
}

 /*bold 17px*/
 .circleProTitle02{
 margin:0px;
 padding:0 0 0 12px;
 background-image:url(../img/orange-circle03.gif); 
 background-repeat:no-repeat;
 background-position:top left;
 font-size:17px;
 line-height:1.2em;
}

 .circleProTitleSmall{
 margin:0px;
 padding:0 0 0 12px;
font-size:x-small;
}

/*li*/
  .solutionOrangearrow{
  width:auto;
  padding:0px;
  margin:0px;
  }
  
  .solutionOrangearrow li{
  margin:0 10px 0 0 ;
  float:left;
  white-space:nowrap;
  padding-left: 12px;
  background: url(../img/mini-orange-arrow.gif) no-repeat 0px ;
  list-style: none;
  }

 .solutionOrangearrow a{
  color:#333333;
  }

.solutionOrangearrow a:hover{
  color:#333333;
  background-color:#FFCC99;
  }
  
   .solutionOrangearrow a:visited{
  color:#333333;
  }
  
  
  
/*--hosonaka CSS--*/

/*--corporeate index--*/

.borderSubTitle {   
	border-top: 1px solid #CCC;      
	border-bottom: 1px solid #CCC;    
	padding: 3px 10px 3px 10px;
	margin: 0px 0px 10px 0px;
	font-size: 14px;
	font-weight: bold;
	}

.listBox1 {
margin:0px 0 10px 10px;
float:left;
width:261px;
}

.listOrange {
margin:0px;
padding:0 0 0 0px;
}

.listOrange li {
	padding: 0 0 0 12px;
    background: url(../img/orange_maru.gif) no-repeat 0px ;
    list-style: none;
	margin:0px;
}


.listOrange03 {
margin:0px;
padding:0 0 0 0px;
}

.listOrange03 li {
    padding: 0 0 0 12px;
    background: url(../img/orange_maru.gif) no-repeat left 3px ;
    list-style: none;
	margin:0px;
}


.listBox2 {
margin:0px 0 10px 10px;
width:260px;
float:left;
}

/*-- profile--*/

.GrayTable{
width:566px;
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
margin-bottom:30px;
}

col#GrayTname{
width:128px;
background:#EDEDED;
}

.GrayTable td{
padding:6px;
border-bottom:1px solid #CCCCCC;
vertical-align:top;
}

/*-- development--*/

.BorderBottom {
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px solid #CCC;
}

.text03{
 margin-right:10px;
 margin-left:10px;
 margin-bottom:25px;
 }
 
 #contentsLeftMenu .title04{
margin-bottom:6px;
width: auto;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding: 5px 0 5px 5px; 
}

#contentsLeftMenu .title04 h2{ 
padding-left:14px;       
font-size:14px;
font-family:Helvetica,Geneva,Arial,sans-serif;
font-weight:bold;
background-image:url(../img/orange-circle.gif);
background-repeat:no-repeat;
background-position:center left;
}

/*-- privacy--*/

#contentsLeftMenu .title05{
width: auto;
background-image:url(../img/orange_maru.gif);
background-repeat:no-repeat;
background-position:center left;
}

#contentsLeftMenu .title05 p{ 
padding-left:11px;
}


/*-- privacy--*/

.MapPadding img{
padding:0px;
margin:0px;
vertical-align:bottom;
}

/*-- eco--*/

.text09 li {
    width:auto;
    padding: 0 0 0 9px;
	margin: 0 0 0 11px;  
	float: right;  
	background-image:url(../img/orange_maru.gif);
	background-repeat:no-repeat;
	background-position:left center;
	}
	
.text03 .TitleBold{
font-size:13px;
font-weight:bold;
}

.text02 .TitleBold{
font-size:13px;
font-weight:bold;
}

.textRight{
float:right;
margin-bottom:20px;
}

.textRight p{
text-align:left;
}

.EcoFloatLeft{
padding-right:15px;
padding-bottom:30px;
float:left;
}

.ISOmark01{
width:242px;
margin:0px 35px 10px 0;
float:left;
}

.ISOmark02{
width:280px;
float:left;
}

.text04{
 margin-left:10px;
 margin-bottom:0px;
 }
 
.list01 li{
margin-left:20px;
list-style-position:outside;
}

.f_left01{
width:15px;
float:left;
}

.f_left02{
width:526px;
float:left;
}

.mb05 {
margin-bottom:5px;
}

.mb15 {
margin-bottom:15px;
}

/*--guide index--*/

.guideTable{
border: 0 none #000;
border-collapse: 0;
width:565px;
}

.guideTable td{
padding-top:5px;
vertical-align:top;
padding-left:10px;
}

.GuideTable01{
width:40px;
}

.GuideTable02{
width:110px;
}

#contentsLeftMenu .title07{
margin-bottom:20px;
width: auto;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding: 5px 0 5px 5px; 
}

#contentsLeftMenu .title07 h2{
padding-left:14px;       
font-size:14px;
font-family:Helvetica,Geneva,Arial,sans-serif;
font-weight:bold;
background-image:url(../img/orange-circle.gif);
background-repeat:no-repeat;
background-position:center left;
} 
  
  
/* guide data */

td .listOrange02{
	background-image:url(../img/orange_maru.gif);
	background-repeat:no-repeat;
	background-position:left 12px;
	margin-left:2px;
	text-indent:11px;
	padding-bottom:10px;
	padding-right:10px;
}

/*guide shopping */

col#GrayTname02{
width:120px;
background:#EDEDED;
}

.GrayTable02{
width:566px;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
margin-bottom:30px;
}

.GrayTable02 td{
text-align:center;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
vertical-align:top;
white-space: nowrap;
}

.GrayTable03{
width:556px;
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
margin-bottom:10px;
margin-left:10px;
}

.GrayTable03 td{
padding:6px;
border-bottom:1px solid #CCCCCC;
vertical-align:top;
}

.GrayTable04{
width:556px;
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
margin-bottom:0px;
margin-left:10px;
}

.GrayTable04 td{
padding:6px;
border-bottom:1px solid #CCCCCC;
vertical-align:top;
}

.TblBtm_text{
text-align:right;
margin-bottom:10px;
}

/* guide search */
.searchLeft {
width:233px;
float:left;
}

.searchLeft p{
text-align:left;
}

.searchTopTable{
background-image:url(../../contents/guide/img/gu0-02_04img2_05.jpg);
width:566px;
}

.searchTopTable td{
width:168px;
vertical-align:top;
}

.searchTopTable .bd{
border-right: solid 1px #ffffff;
}


.searchTopTable02{
background-image:url(../../contents/guide/img/gu0-02_04img2_05.jpg);
width:566px;
border-top:1px solid #FFFFFF;
}

/*
.searchTable{
background-image:url(../../contents/guide/img/gu0-02_04img2_05.jpg);
width:566px;
}

.searchTable td{
width:186px;
vertical-align:top;
border-right: solid 1px #ffffff;
margin: 10px 10px 0px 10px;

}
*/

.glasspoint{
	background-image:url(../../contents/guide/img/mushimegane.gif);
	padding:0px 0px 5px 26px;
	white-space: nowrap;
	background-repeat:no-repeat;
	background-position:top left;
	margin-left:10px;
	margin-top: 10px;
}

.glasspoint h2{
font-size:14px;
font-family: Arial,Helvetica,Geneva,sans-serif;
color:#336799;
}

 .searchMl {
padding: 10px 10px 10px 10px;
 }
 
 /**/
 
 ol .compact{
 list-style-position:inside;
 }
 
 /*eyesearch*/
 .Glaycaption{
 width:435 px;
 padding:5px;
 margin:0px;
 background:#E1E1E1;
 font-size:1.2em
 }
 .spec-header{
font-size:1em;
font-weight:bold;
margin-bottom:0.2em;
 }
 dl .feature{
 margin:0px 0px 10px 0px;
 padding:0px;
 }
 
  .feature dt{
  font-weight:bold;
 }
 
  .feature dd{
 margin:0 0 5px 0;
 }
 
 .feature ul{
 list-style-type:none;
 margin:0px;
 }
 .feature li{
 margin:0px;
 padding:0 0 0 12px;
 background:url(../img/glay_maru.gif) no-repeat left top;
 }
  .spec{
 margin:0px 0px 10px 0px;
 padding:0px;
 }
 
  .spec dt{
  font-weight:bold;
 }
 
  .spec dd{
 margin:0px;
 }
 
 .spec ul{
 list-style-type:none;
 margin:0px;
 }
 .spec li{
 margin:0px;
 padding:0 0 0 12px;
 background:url(../img/glay_maru.gif) no-repeat left top;
 }
 
  .specificuse{
margin:0px 0px 10px 0px;
 padding:0px; 
 }
 
  .specificuse dt{
  font-weight:bold;
 }
 
  .specificuse dd{
 margin:0px;
 }
 
 .specificuse ul{
 list-style-type:none;
 margin:0px;
 }
 .specificuse li{
 margin:0px;
 padding:0 0 0 12px;
 background:url(../img/glay_maru.gif) no-repeat left top;
 }
 
/*Tech*/
.oneLineTBL{
width:566px;
} 

.oneLineTBL td{
padding:5px;
} 

col#mark{
width:46px;
}

col#mark_title{
width:180px;
}

col#mark_detail{
width:310px;
}
 
 /*resize*/
 
 .pb10{
 padding-bottom:10px;
 }
 
 .searchLeft {
text-align:left;
}

.searchLeft p{
margin-bottom:11px;
}

.mr5{
margin-right:5px;
}

.mb20{
margin-bottom:20px;
}

.mt10{
margin-top:10px;
}

.mr20{
margin-right:20px;
}

.BDR_r{
border-right:1px solid #CCCCCC;
}

.mr7{
margin-right:7px;
}

.mr8{
margin-right:8px;
}

.mt4{
margin-top:3px;
}

.ml5{
margin-left:5px;
}

.bold{
font-size:1.1em;
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
}


.fo_xs{
font-size:X-small;
}

.cartTitTBL{
padding:0px;
margin:0px;
}

.titleF h2
{font-size:1.2em;
font-weight:bold;
float:left;
}


/* cart */

.cartGR{
	width:462px;
	padding:10px;
	background-color:#EDEDED;
	text-align:center;
	margin-bottom:4px;
	clear: both;
}

/* NEWS */

.NewsTit01{
width:459px;
border-left:6px solid #FFCB66;
font-size:1.4em;
padding:15px 10px 0 10px;
font-weight:bold;
margin-bottom:20px;
}

/*NEWS exhibition*/
.exhibitionArea{
width:485px;
padding-bottom:20px;
border-bottom:1px dotted #CCCCCC;
margin-bottom:20px;
}

.exhibitionArea h4{
font-size:1.2em;
padding:0px;
}

.exhibitionArea .DateVenue{
border-left:3px solid #00CC33;
padding:0 0 0 5px;
margin:0 0 10px 0;
}

/*branch*/

.branchTxt{
width:462px;
float:left;
}


/*site map*/

.SiteMapArea{
padding:0 10px 0 10px;
margin-top:10px;
}

.SiteMapArea h4{
font-size:1.2em;
margin-bottom:2px;
}

.SiteMapArea .leftArea{
width:263px;
margin-top:10px;
margin-right:10px;
float:left;
}

.SiteMapArea .rightArea{
width:263px;
margin-top:10px;
margin-left:10px;
float:right;
}

.SiteMapArea .Block{
margin-bottom:25px;
clear:both;
}

.SiteMapArea .ul{
padding-left:10px;
}

.SiteMapArea li.middle{
list-style-type:none;
background:url(../img/sm_01.gif) no-repeat left 4px;
padding-left:15px;
}

.SiteMapArea li.last{
list-style-type:none;
background:url(../img/sm_02.gif) no-repeat left center;
padding-left:15px;
}

/*form*/

input.input-text {
 border:1px solid #999999;
 font-size: 100%;
 line-height: 1.4;
 padding: 2px 0;
 width: 355px;
}

input.input-text02 {
 border:1px solid #999999;
 font-size: 100%;
 line-height: 1.4;
 padding: 2px 0;
 width: 160px;
}


 .contactFormTable textarea {
 border:1px solid #999999;
 font-size: 100%;
 line-height: 1.4;
 width: 355px;
}

.contactFormTable02 textarea {
 border:1px solid #999999;
 font-size: 100%;
 line-height: 1.4;
 width: 355px;
}

 .GoTo_nofloat{
margin:0px;
padding:0 0 0 19px;
background-image:url(../../contents/img/orange_arrow_mini.gif);
background-repeat:no-repeat;
font-size:13px;
vertical-align: bottom;
}