@charset "UTF-8";
/* CSS Document */
*{
   margin:0px;
   padding:0px;
   }
.yeast-header{
	background:url(/contents/motto/images/contents/yeast-image.jpg) no-repeat right 20px;
	border-bottom: 1px dotted #333;
	padding-bottom: 30px;
	margin-bottom: 30px;
	}
.natural-yeast-header{
	background:url(/contents/motto/images/contents/natural-yeast-image.jpg) no-repeat right 20px;
	border-bottom: 1px dotted #333;
	padding-bottom: 30px;
	margin-bottom: 30px;
	}
.natural-yeast-made-header{
    background:url(/contents/motto/images/contents/natural-yeast-made-image.jpg) no-repeat right 20px;
	border-bottom: 1px dotted #333;
	padding-bottom: 30px;
	margin-bottom: 30px;
	}	
.hb-report-header{	
    background:url(/contents/motto/images/contents/3hb-image.jpg) no-repeat right 30px;
	border-bottom: 1px dotted #333;
	padding-bottom: 30px;
	margin-bottom: 30px;
	}	
.cata-header{
	background:url(../images/contents/cata-image1.jpg) no-repeat right 16px;
	border-bottom: 1px dotted #333;
	padding-bottom: 30px;
	margin-bottom: 30px;
	margin-top: 10px;
	height:193px;
	}		
.header-area-info{
    width:390px;
	}
.yeast-title{
	background:url(/contents/motto/images/contents/about-yeast.gif) no-repeat;
	text-indent:-9999px;
	height:38px;
	border-bottom:1px solid #333333;
	 }
.natural-yeast-title{
	background:url(/contents/motto/images/contents/about-natural-yeast.gif) no-repeat;
	text-indent:-9999px;
	height:33px;
	border-bottom:1px solid #333333;
	 }	 
.natural-yeast-made-title{
	background:url(/contents/motto/images/contents/about-natural-yeast-made.gif) no-repeat;
	text-indent:-9999px;
	height:38px;
	border-bottom:1px solid #333333;
	 }	 
.hb-report-title{
	background:url(/contents/motto/images/contents/3hb-title.gif) no-repeat;
	text-indent:-9999px;
	height:47px;
	border-bottom:1px solid #333333;
	 }	
.cata-title{
    background:url(../images/contents/cata-title.gif) no-repeat;
	text-indent:-9999px;
	height:36px;
	border-bottom:1px solid #333333;
	 }		  	 
p{
	font-size:12px;
	margin:15px 0px 0px 0px;
	padding:0px;
	line-height:1.8;
	}
.yeast-QA{
	background:url(/contents/motto/images/contents/yeast-question.gif) no-repeat;
	width:675px;
	/*height:32px;*/
    }
.natural-yeast-QA{
    background:url(/contents/motto/images/contents/natural-yeast-question.gif) no-repeat;
	width:675px;
	/*height:32px;*/
    }	
.q-and-a-inner{	
    margin-top:30px;
	}
.q-and-a-box{
	width:540px;
	margin-bottom:30px;
	 }	 
.q-and-a-box-inner{
	margin:0px;
	padding:15px 25px 15px 25px;
	border: 1px #333 solid;
	 } 
.q-and-a-box-inner h4{
	font-size:14px;
	color:#000;
	margin-bottom: 0px;
	padding-bottom: 0px;
	display:inline;
	 }
.q-and-a-red{
    font-weight:bold;
	color:#c03;
	}	 
.box-p{
	margin-top:10px;
	padding-top:0px;
	}	
.q-and-a-bottom{
	width:540px;
	background:url(/contents/motto/images/contents/box-bottom.gif) no-repeat center bottom;
	height: 6px;
	margin:0px;
	padding:0px;
	 }
.contents-introduce{
	border-bottom:1px solid #333333;
	margin-bottom: 10px;
	width: 540px;
	 }	 
.contents-introduce-inner{
    line-height:2em;
    font-size:11px;
	
	  }	 
/*----------------------*/
/*natural-yeast-made*/
/*----------------------*/
#natural-y-made-middlebox{
   margin:0px;
   padding:0px;
   }    
#natural-y-made-left{
   width:350px;
   float:left;
   font-size:12px;
   line-height:1.8;
   }
#natural-y-made-right{
   width:284px;
   float:right;
   background:url(/contents/motto/images/contents/natural-yeast-made-box-bottom.gif) no-repeat bottom;
   font-size:11px;
   }   
#natural-y-made-right-in{
	margin:0px;
	padding:24px;
	border-right:1px solid #333;
	border-left:1px solid #333;
	line-height: 1.8;
   } 
#material{
	font-size:12px;
	margin: 0;
	padding: 0;
	}   
#material span{
	font-size:14px;
	font-weight:bold;
	margin-left: -8px;
	}  
ul{
    margin:0px 0px 0px 18px;
	padding:0px;
	}
li{
     margin:0px;
	 padding:0px;
	 }	
#left-small{
	font-size:11px;
	margin-top: 15px;
	}	
.stretch{
    border:1px solid #333; 
	float:left;	
	width:90px;
	margin:0px 14px 0px 0px;
	padding:0px;
	} 	 
      
/* process */

#step-wrapper{
    margin-top:20px;
	}

.process-steps{
	 width:675px;
	 margin:25px 0px 10px 0px;
	 padding:0px 0px 0px 0px;
	 }
	
.process-text{
	 width:310px;
	 margin:0px;
	 padding:0px;
	 float:left;
	 border-top:1px #333333 solid;
	 }
	
.process-text ol{
	 margin:0px 0px 10px 0px;
	 padding:10px 0px 0px 23px;
	 background: url(/contents/motto/images/contents/step1.gif) no-repeat center 10px;
	 line-height:1.8;
	 }
.process-text ol li{
   
	 }	 
	
#step2{
	background: url(/contents/motto/images/contents/step2.gif) no-repeat center 10px;
	height: 105px;
	 }	
#step3{
     background: url(/contents/motto/images/contents/step3.gif) no-repeat center 10px;	
	 }	
#step4{
	background: url(/contents/motto/images/contents/step4.gif) no-repeat center 10px;
	height: 105px;
	 }	
#step5{
     background: url(/contents/motto/images/contents/step5.gif) no-repeat center 10px;	
	 }	
#step6{
	background: url(/contents/motto/images/contents/step6.gif) no-repeat center 10px;
	height: 105px;
	 }			
#step7{
     background: url(/contents/motto/images/contents/step7.gif) no-repeat center 10px;	
	 }				 		
	
.process-images{
     width:360px;
	 margin:0px;
	 padding:0px;
	 float:right;
	 }	
	 
.process-images img{
      margin:0px 0px 0px 17px;
	  padding:0px;
	  }	 
		
.process-border{
      border-bottom: 1px dotted #333;
	  margin-bottom:20px;
	  padding-bottom:15px;
	  }
h5{
	font-size:13px;
	border-left:5px solid #000;
	padding: 0px 0px 0px 8px;
	margin-bottom: 3px;
	}
	
/*----------------------*/
/*hb-report*/
/*----------------------*/	  
.box1 {
	width:200px;
	float:left;
	border-right:solid #999999 1px;
	padding-left:0px;
	padding-right:14px;
	font-size:11px;

}
.box2 {
	width:200px;
	float:left;
	border-right:solid #999999 1px;
	padding-left:20px;
	padding-right:14px;
    font-size:11px;
}
.box3 {
	width:200px;
	float:left;
	padding-left:20px;
	padding-right:0px;
	font-size:11px;
}
.box1 ul {
	margin:0px 0px 0px 15px;
	padding:0px;
}
.box2 ul {
	margin:0px 0px 0px 15px;
	padding:0px;
}
.box3 ul {
	margin:0px 0px 0px 15px;
	padding:0px;	
}
.box1 p {
	margin:10px 0px 0px 0px;
}
.box2 p {
	margin:10px 0px 0px 0px;
}
.box3 p {
	margin:10px 0px 0px 0px;
}
.kakko {
	font-size:13px;
	color: #000;
	
}
.hbimage {
	float:left;
	}

.hbname {
	width:100px;
	float:left;
}
.hbname-bt a{
       text-indent:-9999px;
	   width:92px;
	  height:18px;
	  display:block;
	  }
.hbname-bt{
      background:url(/contents/motto/images/contents/bt-shousai.gif)	no-repeat;
	  width:92px;
	  height:18px;
	  margin-top:45px;
	  }
.hbname-bt a:hover{
      background:url(/contents/motto/images/contents/bt-shousai.gif)	no-repeat 0px -18px;
	  width:92px;
	  height:18px;
	 
	  }	  
.hbname-text {
	clear:both;
	color:#cc0033;
	font-size: 13px;
}
/*----------------------*/
/*bread-catalogue*/
/*----------------------*/	    

bread-catalogue-header{
    background:url(/contents/motto/images/contents/pan-cata-image.jpg) no-repeat right 20px;
	border-bottom: 1px dotted #333;
	padding-bottom: 30px;
	margin-bottom: 30px;
	}