#header {
	background-repeat: no-repeat;
	background-position: center center;
	height: 130px;
	width: 820px;
	margin: auto;
	background-image: url(../img/header-logo.gif);
}
body {
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Osaka-mono, monospace;
	font-size: 12px;
}
#header h1 {
	font-size: 10px;
	font-weight: normal;
	color: #666;
}
#header ul .navigation li {
	float: right;
	list-style-type: none;
}
#header ul .navigation {
	margin-top: 70px;
	padding-bottom: 10px;
}
.font-size-01 {
	font-size: 10px;
	text-align: right;
	padding-right:5px;
}
.font-color-01 {
	font-size: 10px;
	color: #06F;
	text-align: right;
	padding-right:5px;
}
.navi {
	text-align: left;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
}
#main-contents {
	background-color:#FFFFFF;
	float:left;
	width:500px;
	padding-bottom:20px;
	text-align:left;
	border:solid 0px black;
	margin-left: 60px;
	 
	 }

h2 {
	font-size: 10px;
	font-weight: normal;
	color: #636563;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	color: #C00;
	margin-top: 35px;
	margin-right: 0px;
	margin-bottom: 35px;
	margin-left: 5px;
}

#main-contents .p1 {
	font-size: 24px;
	font-weight: bold;
	color: #0033cc;
	margin-left: 120px;
	margin-top: 10px;
}

#main-contents .p2 {
	font-size: 18px;
	line-height:22px;
	font-weight: bold;
	color: #ff0000;
	margin-left: 120px;
	margin-top: 10px;
}

#main-contents .p3 {
	margin-left: 120px;
	margin-top: 10px;
	width: 240px;
	line-height:16px;
}


#main-contents .p4 {
	margin-left: 120px;
	margin-top: 5px;
	width: 240px;
	line-height:16px;
}


#main-contents .next {
	margin-top: 78px;
	text-align: right;
	margin-right: 30px;
}#top-navigation {
	width: 820px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#contents2 {
	clear: both;
	width: 820px;
	margin: auto;
	overflow: auto;
	padding-bottom: 1.4em;
	height: 100%;
}
#top-contents {
	clear: both;
	width: 820px;
	overflow: auto;
	padding-bottom: 1.4em;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
}
#contents2 .menu {
	width: 170px;
	margin: 0px;
	float: left;

}
#content1 {
	width:500px;
	height:100%;
	margin-bottom: 10px;
	float:left;
	/* === 商品index３列パターン === */

}
#renewboxs0   {
   width:500px;
   height:450px;
   margin-top:10px;
   clear:both;
   background-image:url(../brand/ec/ecimages/index_imgnew02_S.jpg);
   background-repeat:no-repeat;
   }

#renewboxs1   {
   width:500px;
   height:100%;
   margin-top:10px;
   float:left;
   }
   
#renewboxs2   {
   width:500px;
   margin-top:10px;
   clear:both;
   }

.renewtitlesupli  {
   width:490px;
   color:#FFFFFF;
   background-color:#FF0000;
   font-size:16px;
   font-family:impact, Helvetica, sans-serif;
   text-align:left;
   letter-spacing:4px;
   padding-left:10px;
   padding-top:2px;
   padding-bottom:2px;
   float:left;
   margin-bottom:10px;
   }
   
.renewtitlehydro  {
   width:490px;
   color:#FFFFFF;
   background-color:#CC6600;
   font-size:16px;
   font-family:impact, Helvetica, sans-serif;
   text-align:left;
   letter-spacing:4px;
   padding-left:10px;
   padding-top:2px;
   padding-bottom:2px;
   float:left;
   margin-top:10px;
   margin-bottom:10px;
   }

.renewtitlebc  {
   width:490px;
   color:#FFFFFF;
   background-color:#6666FF;
   font-size:16px;
   font-family:impact, Helvetica, sans-serif;
   text-align:left;
   letter-spacing:4px;
   padding-left:10px;
   padding-top:2px;
   padding-bottom:2px;
   float:left;
   margin-top:10px;
   margin-bottom:10px;
   } 
   
   
#renewboxsuplil   {
	width:142px;
	height:220px;
	border:1px solid #FF0000;
	padding:5px;
	margin-right:12px;
	float:left;
	background-image:url(../ec/img/renew_bg_supli.jpg);
	background-repeat:no-repeat;
   }
   
#suplimatomebox  {
   width:490px;
   margin-top:10px;
   margin-bottom:10px;
   border:0px solid #FF0000;
   
   }
   
.suplimatomeboxl {
   float:left;
   width:245px; 
   }

.suplimatomeboxr {
   float:left;
   width:240px; 
   } 
   
.suplimatomeboxtitle {
   font-size:14px;
   font-weight:bold;
   width:243px; 
   height:100%;
   color:#FFFFFF;
   background-color:#FF0000;
   padding-top:3px;
   padding-right:5px;
   padding-bottom:3px;
   padding-left:5px;
   border:1px solid #FF0000;
   } 
   
.suplimatomeboxtitleblue {
   font-size:14px;
   font-weight:bold;
   width:243px; 
   height:100%;
   color:#FFFFFF;
   background-color:#0099FF;
   padding-top:3px;
   padding-right:5px;
   padding-bottom:3px;
   padding-left:5px;
   border:1px solid #0099FF;
   } 
   

   
   
.suplimatomebox3090 {
   font-size:13px;
   line-height:15px;
   font-weight:normal;
   width:243px; 
   height:100%;
   padding-top:5px;
   padding-left:5px;
   padding-right:5px;
   padding-bottom:3px;
   border:1px solid #FF0000;
   margin-bottom:10px;
   }
   
.suplimatomebox3090blue {
   font-size:13px;
   line-height:15px;
   font-weight:normal;
   width:243px; 
   height:100%;
   padding-top:5px;
   padding-left:5px;
   padding-right:5px;
   padding-bottom:3px;
   border:1px solid #0099FF;
   margin-bottom:10px;
   }
   
   
 .supliteikicap90 {
   font-size:13px;
   line-height:18px;
   font-weight:normal;
   width:243px; 
   height:100%;
   color:#6699FF;
   padding-top:3px;
   padding-right:5px;
   padding-bottom:3px;
   padding-left:5px;
   border:1px dashed #6699FF;
   margin-bottom:10px;
   }    
   
 .supliteikiboxtitle90 {
   font-size:14px;
   line-height:18px;
   font-weight:bold;
   width:243px; 
   height:100%;
   color:#FFFFFF;
   background-color:#6699FF;
   padding-top:3px;
   padding-right:5px;
   padding-bottom:3px;
   padding-left:5px;
   border:1px solid #6699FF;
   }  
   
   
.supliteikibox90-1 {
   font-size:14px;
   line-height:16px;
   font-weight:bold;
   width:243px; 
   height:100%;
   padding-top:5px;
   padding-left:5px;
   padding-right:5px;
   padding-bottom:3px;
   border:1px solid #6699FF;
   margin-bottom:0px;
   }  
   
 .supliteikibox90 {
   font-size:14px;
   line-height:16px;
   font-weight:bold;
   width:243px; 
   height:100%;
   padding-top:5px;
   padding-left:5px;
   padding-right:5px;
   padding-bottom:3px;
   border:1px solid #6699FF;
   margin-bottom:10px;
   } 
  
  
.supliteikicap180 {
   font-size:13px;
   line-height:18px;
   font-weight:normal;
   width:243px; 
   height:100%;
   color:#66CC33;
   padding-top:3px;
   padding-right:5px;
   padding-bottom:3px;
   padding-left:5px;
   border:1px dashed #66CC33;
   margin-bottom:10px;
   margin-top:30px;
   } 
   
 
  .supliteikiboxtitle180 {
   font-size:14px;
   line-height:18px;
   font-weight:bold;
   width:243px; 
   height:100%;
   color:#FFFFFF;
   background-color:#66CC33;
   padding-top:3px;
   padding-right:5px;
   padding-bottom:3px;
   padding-left:5px;
   border:1px solid #66CC33;
   }  
   
   
.supliteikibox180-1 {
   font-size:14px;
   line-height:16px;
   font-weight:bold;
   width:243px; 
   height:100%;
   padding-top:5px;
   padding-left:5px;
   padding-right:5px;
   padding-bottom:3px;
   border:1px solid #66CC33;
   margin-bottom:0px;
   }  
   
 .supliteikibox180 {
   font-size:14px;
   line-height:16px;
   font-weight:bold;
   width:243px; 
   height:100%;
   padding-top:5px;
   padding-left:5px;
   padding-right:5px;
   padding-bottom:3px;
   border:1px solid #66CC33;
   margin-bottom:10px;
   } 
   
   
     
   
 #renewboxhydrol   {
	width:142px;
	height:200px;
	border:1px solid #CC6600;
	padding:5px;
	margin-right:12px;
	float:left;
	background-image:url(../ec/img/renew_bg_hydro.jpg);
	background-repeat:no-repeat;
   }
     

#renewboxhydrol2   {
	width:142px;
	height:200px;
	border:1px solid #CC6600;
	padding:5px;
	margin-right:12px;
	margin-top:10px;
	float:left;
	background-image:url(../ec/img/renew_bg_hydro.jpg);
	background-repeat:no-repeat;
   }

#renewboxhydrol3   {
	width:142px;
	height:200px;
	border:1px solid #CC6600;
	padding:5px;
	margin-right:12px;
	margin-top:10px;
	float:left;
	background-image:url(../ec/img/renew_bg_hydro.jpg);
	background-repeat:no-repeat;
   }
   
   
#renewboxhydroclear   {
	width:142px;
	height:200px;
	border:1px solid #CC6600;
	padding:5px;
	margin-right:12px;
	clear:both;
	background-image:url(../ec/img/renew_bg_hydro.jpg);
	background-repeat:no-repeat;
   }
   
#renewboxbcl   {
	width:142px;
	height:210px;
	border:1px solid #6666FF;
	padding:5px;
	margin-right:12px;
	float:left;
	background-image:url(../ec/img/renew_bg_bc.jpg);
	background-repeat:no-repeat;
   }
   
#renewboxsuplic   {
	width:142px;
	height:220px;
	border:1px solid #FF0000;
	padding:5px;
	margin-right:12px;
	float:left;
	background-image:url(../ec/img/renew_bg_supli.jpg);
	background-repeat:no-repeat;
   }
   
#renewboxhydroc   {
	width:142px;
	height:200px;
	border:1px solid #CC6600;
	padding:5px;
	margin-right:12px;
	float:left;
	background-image:url(../ec/img/renew_bg_hydro.jpg);
	background-repeat:no-repeat;
   }
#renewboxbcc   {
	width:142px;
	height:210px;
	border:1px solid #6666FF;
	padding:5px;
	margin-right:12px;
	float:left;
	background-image:url(../ec/img/renew_bg_bc.jpg);
	background-repeat:no-repeat;
   }

#renewboxsuplir   {
	width:142px;
	height:220px;
	border:1px solid #FF0000;
	padding:5px;
	float:left;
	background-image:url(../ec/img/renew_bg_supli.jpg);
	background-repeat:no-repeat;
   }
   
#renewboxhydror   {
	width:142px;
	height:160px;
	border:1px solid #CC6600;
	padding:5px;
	float:left;
	background-image:url(../ec/img/renew_bg_hydro.jpg);
	background-repeat:no-repeat;
   }
 
#renewboxbcr   {
	width:142px;
	height:190px;
	border:1px solid #6666FF;
	padding:5px;
	float:left;
	background-image:url(../ec/img/renew_bg_bc.jpg);
	background-repeat:no-repeat;
   }
 
 
#renewboxhydrodummy   {
   width:142px;
   height:160px;
   border:0px solid #CC6600;
   padding:5px;
   float:left;
   }
 
#renewboxbcdummy   {
   width:142px;
   height:160px;
   border:0px solid #6666FF;
   padding:5px;
   float:left;
   }
 
#renewpict1  {
   margin-top:3px;
   }
    
.renewkuwake   {
   font-size:11px;
   margin:4px;
   }

.renewnamesupli   {
   font-size:12px;
   line-height:14px;
   font-weight:normal;
   color:#FF0000;
   margin-top:5px;
   }
   

.renewnamehydro   {
   font-size:12px;
   line-height:14px;
   font-weight:normal;
   color:#CC6600;
   margin-top:5px;
   }
   
.renewnamebc   {
   font-size:12px;
   line-height:14px;
   font-weight:normal;
   color:#6666FF;
   text-decoration:underline;
   margin-top:5px;
   }
   
.renewprice   {
   font-size:12px;
   margin:4px;
   }
   
.newbutton   {
   width:140px;
   margin:3px;
   }
   
.newikkatsu  {
   width:140px;
   font-size:11px;
   color:#FF0000;
      background-color:#FFFF66;
   }


.renewnamesupli a:link	{
     color:#FF0000;
     text-decoration:underline;
	 }
	 
.renewnamesupli a:visited	{
    color:#FF0000;
    text-decoration:underline;
	}

.renewnamesupli a:hover	{
     color:#FFCCCC;
	 text-decoration:underline;
	 }
	 
.renewnamesupli a:active  {
    color:#FFCCCC;
	text-decoration:underline;
	}



.renewnamehydro a:link	{
     color:#CC6600;
     text-decoration:underline;
	 }
	 
.renewnamehydro a:visited	{
    color:#CC6600;
    text-decoration:underline;
	}
 
.renewnamehydro a:hover	{
     color:#FFCC99;
	 text-decoration:underline;
	 }
	 
.renewnamehydro a:active  {
    color:#FFCC99;
	text-decoration:underline;
	}
	
	

.renewnamebc a:link	{
     color:#6666FF;
     text-decoration:underline;
	 }
	 
.renewnamebc a:visited	{
    color:#6666FF;
    text-decoration:underline;
	}
 
.renewnamebc a:hover	{
     color:#99CCFF;
	 text-decoration:underline;
	 }
	 
.renewnamebc a:active  {
    color:#99CCFF;
	text-decoration:underline;
	}
	

#footer {
float:left;
	width: 820px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#top-news {
	font-size:14px;
	font-weight: bold;
	color: #FFF;
	background-color: #F00;
	width: 580px;
	float: right;
	padding: 5px;
	text-align: left;
}

