@charset "UTF-8";

/*reset and clear*/
body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form, div { margin: 0; padding: 0; border: none; text-align: left; list-style-type: none;}

textarea { font-size: 100%; }

.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { min-height: 1px;}

* html .clearfix { height: 1px; /*¥*//*/ height: auto; overflow: hidden;/**/}

/*---------------------------- html contents --------------------------------*/

/*html and contents*/
body { font-family:Arial, Helvetica, sans-serif; font-size: 80%; line-height: 150%; color: #333333;}

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


/*---------------------------- index contents --------------------------------*/


#wrap { width: 900px; margin:0 auto;}
#contents { width: 900px; background: url(../images/cont_back.gif) repeat-y left 10px; margin:10px 0;}
#menu { width: 900px; padding-top:10px;}
#foot{ width: 900px; padding:5px; border-top: 2px solid #999999; margin-bottom:20px; clear:both}


/*---------------------------- 2nd contents --------------------------------*/

#head{ height:74px; background:url(../images/head_back.jpg) no-repeat;}
	#head img{ padding:10px 15px;}

#title h1{ border-top:5px solid #e6e6e4; padding-top:7px;}

/*left navi*/
#left { padding: 0px; float: left; width: 210px;}
#left ul{ list-style-type:none; margin:0; padding:5px 0 5px 20px;}
	#left ul li{ background:url(../images/arrow.gif) no-repeat left 4px; padding-left:14px; margin-bottom:5px; line-height:1.4em;}
		#left ul li.current{ font-weight:bold;}
#left h2{ padding:10px 0 5px 10px;}

.left_cont{ padding:20px 5px; text-align:center;}


/*---------------------------- 2nd main contents --------------------------------*/

#right { float: left; width: 630px; margin: 0; padding:10px 0 20px 50px;}
	#right p{ overflow:hidden; padding-bottom:15px; zoom:1;}


/*コンテンツ部通常見出し*/
#right h2{ margin-bottom:5px;}
#right h3{ font-size:120%; color: #7e703d; margin-bottom: 10px; padding:10px 0 5px 4px; background: url(../images/h2_back.gif) no-repeat left bottom; clear:both}
.fukidashi_line{ background:url(../images/pro_fukidashi_r.gif) no-repeat left top; width:177px; height:42px; float:right; margin-top:-15px;}
	.fukidashi_line p{ font-size:110%; color:#FFFFFF; padding:7px 0 0 0; font-weight:bold; text-align:center;}

#right h4{ font-size:110%; color: #7e703d; background: url(../images/h3_back.gif) no-repeat left 3px; padding-left:16px; margin:10px 0 5px;}

/*通常リスト*/
#right ul{}
	#right ul li{ background: url(../images/arrow.gif) no-repeat left center; padding-left:12px; margin-bottom:7px; line-height:1.4em;}

/*定義リスト適応写真*/
#right dl{ float:left; padding-bottom:10px;}
	#right dt{ margin-right:10px;}
	#right dd{ font-size:80%; padding-top:1px; line-height:1.2em;}

#right dl.dl_right{ float:right; padding-left:10px}

/*テーブル*/
#right table{ margin:0; border:none;}
	#right table th{ text-align:left; font-weight:normal; padding:3px 10px 3px 0}
	#right table td{ text-align:left; font-weight:normal; padding:3px}

/*その他クラス*/
.big{ font-size:110%; font-weight:bold;}

.f_left{ float:left; padding-right:5px;}
.f_right{ float:right; padding-left:5px;}

.caption{ font-size:80%; padding-top:3px; line-height:1.2em;}

.clear{ clear:both;}


/*---------------------------- 私たちが作りました --------------------------------*/

/*インデックス*/
.made_cont{ width:626px; height:233px; margin:10px 0; font-size:14px; line-height:1.6em; padding:0; position:relative}
.made_cont a{ width:626px; height:233px; cursor:pointer; left:0; top:0; position:absolute; color:#333333; text-decoration:none;}
.made_cont a:hover{ background:#FFFFFF; opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=50);}
.no1{ background:url(../contents/images/made1.jpg) no-repeat;}
	.no1 p{ padding:90px 255px 30px 20px;}
.no2{ background:url(../contents/images/made2.jpg) no-repeat;}
	.no2 p{ padding:90px 20px 30px 255px;}
.no3{ background:url(../contents/images/made3.jpg) no-repeat;}
	.no3 p{ padding:90px 255px 30px 20px;}
.no4{ background:url(../contents/images/made4.jpg) no-repeat;}
	.no4 p{ padding:90px 20px 30px 255px;}

/*生産者紹介見出し*/
#lead{}
	#lead .fukidashi{ background:url(../images/pro_fukidashi.gif) no-repeat left top; width:177px; height:42px; float:left;}
		#lead .fukidashi p{ font-size:110%; color:#FFFFFF; padding:7px 0 0 15px; font-weight:bold}
	#lead .name{ float:left; height:42px;}
		#lead .name p{ padding:7px 0 0 15px; font-weight:bold; font-size:110%;}
	#right #lead h2{ font-size:160%; color:#000000; padding:3px 0 10px 0; clear:both; /*background:url(../images/2nd_lead_back.gif) no-repeat left top;*/ line-height:1.5em}

/*工場紹介　見学コラム*/
#kengaku{ background:url(../contents/images/kengaku_head.jpg) no-repeat left top; padding-top:146px; margin:10px 0;}
	#kengaku_inner{ background:url(../contents/images/kengaku_back.jpg) no-repeat left bottom; padding:5px 10px;}
		#kengaku_inner p{ padding:0 10px 10px 240px;}

/*製造ライン　こだわりコラム*/
#kodawari{ background:url(../contents/images/kodawari_head.jpg) no-repeat left top; padding-top:10px; margin:0 0 10px 0;}
	#kodawari_inner{ background:url(../contents/images/kodawari_back.jpg) no-repeat left bottom; padding:5px 10px;}
		#kodawari_inner p{ padding:0 10px 10px 10px;}
		#kodawari_inner img{ padding:0 10px;}
		#kodawari_inner h4{ background:none; padding-left:0;}

/*生産者リスト*/
/*div#prof_list_float{ margin-right:-30px; overflow:hidden; zoom:1;}
* html div#prof_list_float { /* for IE6 *//*margin-right:-60px;}*/
	.float3{ width:180px; float: left;}
		.float3 ul{ padding-bottom:15px;}
		.float3 ul li{ background: url(../images/arrow.gif) no-repeat left center; padding-left:12px; margin-bottom:7px; line-height:1.4em;}
		.float3 ul li img{ vertical-align:middle;}


.pro_list{ line-height:16px; height:16px; float:left; font-weight:bold;}


.pro_icon{ margin-left:3px; margin-bottom:0px; padding:0px; height:16px; float:left;}

/*---------------------------- 私たちが作りました --------------------------------*/

#contents_pr { width: 900px; margin:10px 0;}

#process{ padding:0 20px 20px; text-align:center}  
.chart{
	width:649px;
	height:408px;
	padding: 20px;
	text-align: left;
	background-image: url(../contents/images/cha_back.gif);
	background-repeat: no-repeat;
	}