body	{text-align:left;
	 margin:0px;
	 padding:0px;
	 background-color:#ffffff;
	background-image:url(images/page_back_2.jpg);
	background-position:left;
	background-repeat: repeat-y;
	}

a	{color:#0000ff}
a:hover	{color:#0000FF}


/* === ヘッダー部分のスタイル === */

.head	{background-color:#66cc33;
	 width:955px;
	 height:90px;
	 margin-left:11.5px;
}

.head td	{vertical-align:top;
	 padding-top:10px}

.head1	{width:150px;
	 text-align:center}

.head2	{padding-left:4px}

.head h1	{font-size:15px;
	 font-family:bold;
	 color:white;
	 margin-bottom:2px}
.head h2	{font-size:12px;
	 font-family:bold;
	 color:white;
	 margin-bottom:2px}

	 

/* === メニュー部分のスタイル === */

.menu	{width:955px;
	 background-color:gray;
	 font-size:12px;
	 color:white;
	 border-top:solid 1px red;
	 border-bottom:solid 1px red;
	 margin-left:11.5px;
}

.menu div	{padding-top:5px;
	 padding-bottom:4px}



.menu1 div	{float:left;
	 width:80px;
	 border-right:solid 1px white;
	 text-align:center}

.menu1 a	{color:white;
 	 text-decoration:none}
.menu1 a:hover	{color:#FFFF00}
.select{background-color:#FF0000}

.menu2	{text-align:right}
.menu2 a	{color:white;
 	 text-decoration:none}
.menu2 a:hover	{color:#FFFF00}
.menu2 div	{margin-right:10px;
          border-right:solid 1px white;
		  padding-right:5px}


/* === 小メニュー部分のスタイル === */

#s_menu{float:left;
   width:950px;
   margin-bottom:0px;
   }

.s_menu	{
   float: left;
   width:850px;
   
	 background:url(images/tab_a.jpg) repeat-x ;
	 font-size:12px;
	 margin-left:40px;
     margin-bottom:0px
	 }

.s_menu div	{padding-top:3px;

    margin-bottom:0px;

	}



.s_menu div	{float:left;
	 width:162px;
	 height:23px;
	 text-align:center}



div#select1 {color:black;
      font-style:oblique;
	  
	 width:162px;
	 height:23px;
	 	margin-top:0px
}

/* === 前文のスタイル === */
.middle {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	margin-left: 15px;
	margin-top: 3px;
	margin-bottom: 3px;
}
/*--- // カタログ案内(top only) // ---*/

div#cataloge{
    width:640px;
    height:130px;
	margin-top:0px;
	margin-bottom:5px;
	background-color:#FFFFFF;
	}
	
div#cataloge1{
   float:left;
   position:relative;
   width:320px;
   height:130px;
   padding:0px;
   }			

div#cataloge2{
   float:left;
   position:relative;
   width:320px;
   height:130px;
   padding:0px;
   }
   
/*--- // 技術情報(top only) // ---*/

div#technical{
    width:640px;
    height:280px;
	margin-top:0px;
	margin-bottom:5px;
	background-color:#FFFFFF;
	border:1px #32d4a9 solid;
	}
	
div#technical1{
   float:left;
   position:relative;
   width:310px;
   padding:0px;
   border-right:1px #32d4a9 solid;
   }			

div#technical2{
   float:left;
   position:relative;
   width:310px;
   padding:0px;
   }
   
div#technical ul {
  margin: 0;
  padding: 5px;
  float: left;
  width: 300px;
  list-style: none;
  color:#000000;
  background-color:#ffffff;
}
div#technical ul li {
  display: block;
  margin: 0;
  padding: 5px 3px 5px 20px;
  font-size: 14px;
  border-bottom: 1px dotted #006a86;
  background-image:url(images/check.jpg);
	background-position:left;
	background-repeat:no-repeat;
}      
   

div#right_tech ul {
  margin: 0;
  padding: 5px;
  width: 180px;
  list-style: none;
  color:#000000;
  background-color:#ffffff;
}
#right_technical{
  display: block;
  margin: 0;
  padding: 5px 3px 5px 20px;
  font-size: 12px;
  border-bottom: 1px dotted #006a86;
  background-image:url(images/check.jpg);
	background-position:left;
	background-repeat:no-repeat;
} 
/* === コンテンツ部分のスタイル === */

.table1 {width:640px;
	padding: 8px;
	vertical-align:top;
}

.ring {background-image:url(images/filec.jpg);
background-repeat:repeat-y;
width:95px;
}



.right_menu{width:170px;
     vertical-align:top;
	 font-size:12px;
	 }
#zentai{
float:left;
width:950px;
border-top:2px #00CC33 solid;
border-bottom:2px #00CC33 solid;
margin-left:11.5px;
margin-top:0px;
}

#footer{
float:left;
width:950px;
}
.news{
	width: 170px;
	height:auto;
	font-size:12px;
	padding: 2px;
	border:1px solid #32d4a9;
}


.main h2	{background-color:#006600;
	 font-size:14px;
	 color:white;
	 padding:5px 6px 5px}
.main h2 a	{color:#FFFF00;
}
.main h2 a:hover	{color:white}	 
	 
	 
.main p	{font-size:12px;
	 line-height:24px;
	 color:#000000;
	 margin-top:0px}
.main h3 {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	border-bottom:1px #32d4a9 solid;
	border-left:20px #32d4a9 solid;
	padding-left:5px;
}
.mainh3 {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.check_bun {
	font-size: 14px;
	font-weight: bold;
	color:#000000;
	border-bottom:1px #cc0000 dotted;
	background-image:url(images/check.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:40px;
}
.solution_bun {
    clear:both;
	font-size: 14px;
	font-weight: bold;
	color:#000000;
	border-bottom:1px #cc0000 dotted;
	background-image:url(images/blue_arrow.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:40px;
	padding-top:5px;
	padding-bottom:5px;
}

.tech_bun{
	font-size: 14px;
	font-weight:bold;
	color:#000000;
	border-bottom:1px #32d4a9 solid;
	border-left:20px #32d4a9 solid;
	padding-left:5px;
}

.renrakusaki {padding-left:30px }


A{text-decoration:none;}
A:hover{position:relative ;top:1px ;left:1px ;}
.style1 {
	font-size: 12px;
	color: #000000;
}
.style3 {
	color: #666666;
	font-size: 12px;
}
.style4 {
	color: #FF0000;
	font-weight: bold;
}

.menu3	{width:620px}

.menu3 div	{float:left;
	 width:100px;
	 border-right:solid 1px white;
	 text-align:center}

.menu3 a	{color:white;
 	 text-decoration:none}
.menu3 a:hover	{color:#0066ff}




#list{
	width: 600px;
	height:100px;
	margin-left:20px;
	padding: 0px;
	background-color: #ffffff;
	border-top: 7px solid #66cc33;
	border-right: 1px solid #66cc33;
	border-left: 1px solid #66cc33;
	border-bottom: 1px solid #66cc33;
	overflow:auto;
}

#new_product{
	width: 600px;
	height:250px;
	margin-left:20px;
	padding: 0px;
	background-color: #ffffff;
	border-top: 7px solid #66cc33;
	border-right: 1px solid #66cc33;
	border-left: 1px solid #66cc33;
	border-bottom: 1px solid #66cc33;
	overflow:auto;
}

.n_product{

	float:left;
	padding: 10px 0px 0px 10px;
	border-bottom:#98C5F3 2px dotted;
	overflow: hidden;
}

.n_product_img{
	clear: both;
	float: left;
	width: 164px;
	margin: 10px 8px 0px 0px;
	padding: 2px;
	border: 1px solid Silver;
	background: White;
	height: auto;
}

.n_product_text{
	float: left;
	width: 350px;
	margin: 10px 8px 0px 0px;
	padding: 2px;
	height: auto;
	font-size:14px;
}

.n_product_title {
	border-bottom:#98C5F3 2px solid;
	width:350px;
	font-size:18px;
	text-align: left;
}


/* === コンテンツ紹介　=== */


div#naiyou {
	border-color:#cccccc;
	border-width:1px;
	border-style:solid;
	width:610px;
	background:#FFFFFF
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: left;
	margin-bottom: 1em;
	height: auto;
}

#naiyou {
    overflow: hidden;
}

naiyou:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #naiyou{
    height: 1em;
    overflow: visible;
}
/**/



.n_title {
    clear: both;
	border-bottom:#98C5F3 2px solid;
	width:500px;
	font-size:14px;
	text-align: left;
}

.s_naiyou{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 100%;
	overflow: hidden;
}

.n_item1{
	clear: both;
	float: left;
	width: 280px;
	margin-top:10px;
	height: auto;
}

.n_item2{
    float: right;
	width: 280px;
	margin-top:10px;
}

.n_item-img{
    width:120px;
    float:left;
	margin: 10px 8px 0px 0px;
	padding: 2px;
	border: 1px solid Silver;
	background: White;
}

.n_item-img2{
    width:120px;
    float:left;
	margin: 10px 8px 0px 0px;
	padding: 2px;
	border: 1px solid Silver;
	background: White;
}

.n_item-img3{

    float:left;
	margin: 10px 8px 0px 50px;
	padding: 2px;
	
}

.n_item-img4{
    width:145px;
    float:left;
	margin: 10px 8px 0px 0px;
	padding: 2px;
	border: 1px solid Silver;
	background: White;
}


/*写真と案内文タイプ：各章内の段落*/
.setumei{
          border:none;
	font-size:100%;
		  width:600px;
		  }
.setumei h3{
         font-size:95%;
	text-align: left;
}
.setumei h4{
         font-size:95%;
	text-align: left;
}

.setumei-text{
	width: 450px;
	height:auto;
	padding:10px;
	text-align: top left;
	border-bottom:1px dotted #000000;
	
}




/* === 仕様表　=== */


.hyoudai{
border-color:#000000;
		  border:1px;
		  font-size:14px;
		  width:900;
		  margin-left:20px;
		  
		  }

.spec{
border-color:#000000;
		  border:1px;
		  font-size:14px;
		  width:630
		  }
		  
.koumoku  { background-color:#2d444f;
         color:#ffffff;
		 text-align:center
		 }	
		 	  
.text {background-color:#bbffaf;
      border:none;
border-bottom:solid 1px #33CCFF;
border-right:solid 1px #33ccff;
width:auto;

text-align:left;
font-size:14px
      }
.text2 {background-color:#FFFF99;
      border:none;
border-bottom:solid 1px #33CCFF;
border-right:solid 1px #33ccff;
width:auto;

text-align:left;
 font-size:14px
      }	
	  
	  
.text3 {background-color:#FFFF99;
      border:none;
border-bottom:solid 1px #33CCFF;
border-right:solid 1px #33ccff;
width:auto;

text-align:left;
vertical-align:text-top;

 font-size:14px
      }		  
	  
	  
	  
	  
	  
	    
.photo {color:#000000;
border:none;
border-bottom:solid 1px #33CCFF;
border-right:solid 1px #33ccff;
border-left:solid 1px #33ccff;
width:auto;
text-align:center
}

.photo2 {color:#000000;
border:none;
border-top:solid 1px #33CCFF;
border-bottom:solid 1px #33CCFF;
border-right:solid 1px #33ccff;
border-left:solid 1px #33ccff;
width:auto;
text-align:center
}

.photo3 {background:url(images/background.jpg);
background-repeat:no-repeat;
border:none;
width:315px;
text-align:center
}



caption {font-weight:bold;
color:#555555;
border-left:solid 10px red;
text-align:left;
padding:5px
}



/* === 仕様表　=== */

.sheet{
          border:none;
		  font-size:14px
		  }
		  
.koumoku  { background-color:#2d444f;
         color:#ffffff;
		 text-align:center
		 }	
		 	  
.date {background-color:#bbffaf;
      border:none;
border-bottom:solid 1px white;
border-right:solid 1px white;
width:auto;

text-align:right;
font-size:14px
      }
	  
.item {background-color:#00bb88;
color:#FFFFFF;
width:auto;
text-align:center
}

caption {font-weight:bold;
color:#555555;
border-left:solid 10px red;
text-align:left;
padding:5px
}
	

.spec{
border-color:#000000;
		  border:1px;
		  font-size:14px
		  }
		  
.koumoku  { background-color:#2d444f;
         color:#ffffff;
		 text-align:center
		 }	

.illast {background-color:#bbffaf;
      border:none;
border-bottom:solid 1px #33CCFF;
border-right:solid 1px #33ccff;
width:auto;

text-align:center;
 font-size:14px
      }
		 	  
.text {background-color:#FFFF99;
      border:none;
border-bottom:solid 1px #33CCFF;
border-right:solid 1px #33ccff;
width:auto;

text-align:left;
font-size:14px
      }
	  
.photo {color:#000000;
border:none;
border-bottom:solid 1px #33CCFF;
border-right:solid 1px #33ccff;
border-left:solid 1px #33ccff;
width:auto;
text-align:center
}

caption {font-weight:bold;
color:#555555;
border-left:solid 10px red;
text-align:left;
padding:5px
}

.price {
border-bottom:solid 1px #008e94;
border-right:solid 1px #008e94;
border-left:solid 1px #008e94;
width:auto;
padding-right:5px;
text-align:right;
font-size:130%;
font-weight:bold;
color:#FF0000
      }		  



/* === 製品導入案内　=== */
.product { height:130px;
width:300px;
}
.pname {font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.pcolor { width:7px;
height:100px;

}
.psyashin { background-color:#FFFF99;
width:126px;

}
.pcomment {width:160px;
font-size: 12px;
color: #000000;
background-color:#FFFF99
}
.pcomment2 {width:286px;
font-size: 12px;
color: #000000;
background-color:#FFFF99
}
.yohaku { background-color: #cecece;
font-size:12px
}
.mokuzi {font-size: 12px;
	color: #333333;
	background-color:#f5f5f5
}
.comment {font-size: 12px;
color: #000000
}