/* --// layout --// */

body {
	background-color: #FFFFFF;
	font-family:  Osaka, "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 12px;
	line-height: 20px;
	}

div#wrapper{
	width:800px;
	border:0px;	
	background-color: #FFFFFF;
    margin: 0px auto;
	padding: 0px;
	text-align: left;
	}
	
div#header{
	width:800px;
	margin: 0px; 
	padding:0px;
	background-color: #FFFFFF;
	border-bottom:1px solid #B2CCB2;
	height:78px;
	}
div#hleft{
	width:227px;
	margin: 0px; 
	padding:0px;
	float:left;
	}
div#hright{
	width:207px;
	margin: 60px 0px 0px 0px; 
	padding:0px;
	float:right;
	text-align: left;
	}
div#container{
	width:800px;
	padding:0px;
	}
div#side{
	margin:0px;
	width:170px;
	padding:24px 0px 20px 25px;
	float:left;
	text-align: left;
	}
div#rightcolumn{
	width:570px;
	padding:39px 0px 20px 0px;
	float:right;
	text-align: left;
	}

div#footer{
	width:775px;
	height:37px;
	padding:7px 0px 0px 25px;
	text-align: left;
	margin: 0 auto;
	background-color:#E0EBE0;
	}

div#main{
	width:570px;
	padding:0px 0px 0px 0px;
	text-align: left;
	}	

.mainleft{
	width:340px;
	padding:0px 0px 10px 0px;
	float:left;
	text-align: left;
	}
.mainright{
	width:210px;
	padding:0px 0px 10px 0px;
	float:right;
	text-align: left;
	}
.pleft{
	width:210px;
	padding:10px 0px 0px 0px;
	float:left;
	text-align: center;
	}
.pright{
	width:340px;
	padding:10px 0px 0px 0px;
	float:right;
	text-align: left;
	}
/* --// basic --// */

ul,li {
	list-style: none;
	padding: 0;
	margin: 0;
	}

img {
	border:0;
	}

.floatleft{
	float: left;
	padding:0px 5px 0px 0px;
}

.floatright{
	float: right;
	padding:0px 0px 10px 10px;
}
.alignleft{
	text-align: left;
}
.alignright{
	text-align: right;
}
.aligncenter{
	text-align: center;
}
.clearboth{
	clear: both;
	display: block;
}
.clearfloat { 
	clear:both;
    height:0;
    line-height: 0px;
}


/* --// image --// */
.sidetitle{ 
  padding: 25px 0px 0px 0px;
  } 
.banner{ 
  padding: 10px 0px 10px 0px;
  } 
  
 .bannerinfo{ 
  padding-top: 5px;
  } 

.photo{
	border:1px solid #CCCCCC;
	margin:0 0px 2px 0px;
	padding:4px;
	}
.photoyoko{
	border:1px solid #CCCCCC;
	margin:20px 0px 2px 0px;
	padding:4px;
	}
	
.photor{
	border:1px solid #CCCCCC;
	margin:0 0px 10px 10px;
	padding:4px;
	float: right;
	}
.floatconcept{
	float: left;
	padding:0px 40px 0px 0px;
}

/* --// font --// */
li.sidetext{
	font-size:10px;
	line-height: 20px;
	border-bottom:1px dashed #E0EBE0;
	color:#669966;
	}
li.sidetext a{
	color:#669966;
	text-decoration: none;
	}
li.sidetext a:hover{
	color:#999999;
	text-decoration: none;
	}

h1{ margin: 0px;
	padding: 0px;
	}
h2{ margin: 0px;
	padding: 0px 0px 10px 0px;
	}
h3 {
	width:546px;
	height:17px;
	margin: 40px 0px 12px 0px;
	padding: 5px 0px 0px 24px;
	color:	#669966;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	background-image: url(../images/h3bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
h3.h3top {
	margin: 0px 0px 12px 0px;
	}
h4 {
	width:100%;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 5px 0px;
	color:	#669966;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	border-bottom:3px solid #E0EBE0;
	}
	
.txt14green {
	font-size: 14px;
	line-height: 22px;
	color:	#669966;
	font-weight: bold;
	}
.txt14 {
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	}
.txt12info {
	font-size: 12px;
	line-height: 26px;
	}

.fontb {
	font-weight: bold;
}


.minigreen { 
	font-size: 10px;
	line-height: 15px;
	color:#669966;
	}
.minigreenb { 
	font-size: 10px;
	line-height: 18px;
	color:#669966;
	font-weight: bold;
	}
	
.mini { 
	font-size: 10px;
	line-height: 15px;
	}
.producttext{
	font-size: 10px;
	line-height: 15px;
	color:#669966;
	font-weight: bold;
	}
	
.dyetext{
	line-height: 44px;
	}
p.dyep{
	margin:0px;
	padding:0px;
	}	


/* --// link --// */

a:link { color:#FF6600; text-decoration: none;}
a:visited { color:#FF6600; text-decoration: none;}
a:hover { color:#FF6600; text-decoration: underline;}
a:active { color:#FF6600; text-decoration: underline;}

/*  headmenu */
#hright ul#headlist li {      
     float: left;   
    margin: 0px; 
	padding:0px;   
}  

#hright ul#headlist li a {   
    display: block;   
    text-decoration: none;   
    text-indent: -9999px;    
}   
#hright ul#headlist li.h01 a {   
    background: url(../images/h_01.gif) no-repeat left top; width: 99px; height: 18px; }
#hright ul#headlist li.h02 a {   
    background: url(../images/h_02.gif) no-repeat left top; width: 108px; height: 18px; }   
 
#hright ul#headlist li.h01 a:hover {   
    background-position: left bottom;}  
#hright ul#headlist li.h02 a:hover {   
    background-position: left bottom;}  


/*  sidemenu */

#side ul#sidelist li a {   
    display: block;   
    text-decoration: none;   
    text-indent: -9999px;    
}   
#side ul#sidelist li.m01 a {   
    background: url(../images/m_01.jpg) no-repeat left top; width: 170px;  height: 48px; }
#side ul#sidelist li.m02 a {   
    background: url(../images/m_02.jpg) no-repeat left top;	width: 170px;  height: 45px; }   
#side ul#sidelist li.m03 a {   
    background: url(../images/m_03.jpg) no-repeat left top;	width: 170px;  height: 45px; }   
#side ul#sidelist li.m04 a {   
    background: url(../images/m_04.jpg) no-repeat left top;	width: 170px;  height: 45px; }   
#side ul#sidelist li.m05 a {   
    background: url(../images/m_05.jpg) no-repeat left top;	width: 170px;  height: 45px; }   
#side ul#sidelist li.m06 a {   
    background: url(../images/m_06.jpg) no-repeat left top;	width: 170px;  height: 45px; }   
#side ul#sidelist li.m07 a {   
    background: url(../images/m_07.jpg) no-repeat left top;	width: 170px;  height: 45px; } 
 
#side ul#sidelist li.m01 a:hover {   
	background-position: left bottom;}  
#side ul#sidelist li.m02 a:hover {   
    background-position: left bottom;}  
#side ul#sidelist li.m03 a:hover {   
    background-position: left bottom;}  
#side ul#sidelist li.m04 a:hover {   
    background-position: left bottom;}  
#side ul#sidelist li.m05 a:hover {   
    background-position: left bottom;}  
#side ul#sidelist li.m06 a:hover {   
    background-position: left bottom;} 
#side ul#sidelist li.m07 a:hover {   
    background-position: left bottom;} 





/* --// table --// */

	
table.table100 {
	width:100%;
	border-collapse: collapse;
	border: none;
	margin: 10px 0px 0px 0px;
}

table.table100clr {
	width:100%;
	border-collapse: collapse;
	border: none;
	margin: 0px 0px 0px 0px;
}

table.tableauto {
	width:auto;
	border-collapse: collapse;
	border: none;
	margin: 0px 0px 0px 0px;
}

table.tableautoc {
	width:auto;
	border-collapse: collapse;
	border: none;
	margin: 0px auto;
}

td.tdclearleft {
	padding: 0px 18px 10px 0px;
	border: 0px;
	text-align: left;
	vertical-align: top;
}
td.tdclearleft02 {
	padding: 0px 18px 0px 0px;
	border: 0px;
	text-align: left;
	vertical-align: top;
}

td.tdclearleft03 {
	padding: 0px 6px 6px 0px;
	border: 0px;
	text-align: left;
	vertical-align: top;
}
td.tdclear {
	padding: 0px;
	border: 0px;
	text-align: left;
	vertical-align: top;
}

td.tdproduct {
	padding: 0px 5px 20px 5px;
	border: 0px;
	font-size:10px;
	line-height:15px;
	text-align: center;
	vertical-align: top;
	width:140px;
}


td.tdclearm {
	padding: 0px;
	border: 0px;
	text-align: left;
}

td.tdleft {
	padding: 2px 10px 2px 5px;
	border: 3px solid #E0EBE0;
	text-align: left;
	background-color:#EDF3ED;
}

td.tdright {
	padding: 2px 5px 2px 5px;
	border: 3px solid #E0EBE0;
	text-align: left;
}

/* --// form --// */
.form1{
	font-size: 12px;
	color: #666666;
	width: 30px;
	border: 1px solid #E0EBE0;
	background-color: #FFFFFF;
		}
		
.form2{
	font-size: 12px;
	color: #666666;
	width: 120px;
	border: 1px solid #E0EBE0;
	background-color: #FFFFFF;
		}
		
.form3{
	font-size: 12px;
	color: #666666;
	width: 250px;
	border: 1px solid #E0EBE0;
	background-color: #FFFFFF;
		}
.form4{
	font-size: 12px;
	color: #666666;
	height: 120px;
	width: 300px;
	border: 1px solid #E0EBE0;
	background-color: #FFFFFF;

		}
.form5{
	font-size: 12px;
	color: #666666;
	background-color: #FFFFFF;

		}
		
/* --// リンクの点線を消す --// */		
a{
  overflow:hidden;
  outline:none;
}