@charset "utf-8";

/*----- インポート -----*/
@import url("common.css");
@import url("second.css");


/* ====================================================================================================
　取組：共通レイアウト
==================================================================================================== */






/* ====================================================================================================
　取組：レイアウト
==================================================================================================== */

#apprach{}
#apprach dl{
	margin-bottom: 35px;
}
#apprach dt{
	margin-bottom: 18px;
}
#apprach dd{
	padding-left: 220px;
}
#apprach dd a{
	padding-left: 16px;
	background: url(../../img/icons/icn_arrow.gif) no-repeat left center;
}
#apprach dd a:hover{
	color: #B48B6B;
	background: url(../../img/icons/icn_arrow_on.gif) no-repeat left center;
}
#apprach dl.app-cols1 dd{
	/* min-height hack for IE6 */
	min-height: 166px;
	height: auto!important;
	height: 166px;
	background: url(../../img/apprach/img_app1.jpg) no-repeat;
}
#apprach dl.app-cols2 dd{
	/* min-height hack for IE6 */
	min-height: 151px;
	height: auto!important;
	height: 151px;
	background: url(../../img/apprach/img_app2.jpg) no-repeat;
}
#apprach dl.app-cols3 dd{
	/* min-height hack for IE6 */
	min-height: 146px;
	height: auto!important;
	height: 146px;
	background: url(../../img/apprach/img_app3.jpg) no-repeat;
}



/* ====================================================================================================
　おいしさの追求
==================================================================================================== */


/*生クリームのこだわり
------------------------------------------------*/
#cream{}
#cream h3,
#cream h4{
	margin-bottom: 20px;
}
#cream div.clearfix{}
#cream img.f-left{
	float: left;
	margin: 0 20px 10px 0;
}
#cream p{
	margin-bottom: 1em;
}
#cream img.f-right{
	float: right;
	margin: 0 0 10px 20px;
}


/*当社のシェフたち
------------------------------------------------*/
#chef{}
#chef p{
	margin-bottom: 2em;
}
#chef p.chef_img1{
	padding-left: 190px;
	background: url(../../img/apprach/img_chef1.jpg) no-repeat;
	
	min-height: 135px;
	height: auto!important;
	height: 135px;
}
#chef p.chef_img2{
	padding-right: 190px;
	background: url(../../img/apprach/img_chef2.jpg) no-repeat right top;
	
	min-height: 135px;
	height: auto!important;
	height: 135px;
}
 


/*キックオフ
------------------------------------------------*/
#kick{}
#kick p.kick-cols1{
	padding-left: 160px;
	margin-bottom: 20px;
	background: url(../../img/apprach/img_kick1.jpg) no-repeat;
	
	min-height: 105px;
	height: auto!important;
	height: 105px;
}
#kick p.kick-cols2{
	padding-right: 160px;
	background: url(../../img/apprach/img_kick2.jpg) no-repeat right top;
	
	min-height: 105px;
	height: auto!important;
	height: 105px;
}



/* ====================================================================================================
　安心・安全
==================================================================================================== */


/*ISO22000
------------------------------------------------*/
#iso22000{}
#iso22000 h3{
	margin-bottom: 10px;
}
#iso22000 p{
	margin-bottom: 18px;
}


/* isoの写真 */
#iso22000 div.iso-outline{
	padding-left: 195px;
	margin-bottom: 20px;
	background: url(../../img/apprach/img_iso22000.jpg) no-repeat;
	
	min-height: 400px;
	height: auto!important;
	height: 400px;
}
/* 食品安全マネジメントへの変更版20090422 */
#iso22000 div.iso-outline2{
	padding-left: 215px;
	margin-bottom: 20px;
	background: url(../../img/apprach/hms.jpg) no-repeat;
	
	min-height: 400px;
	height: auto!important;
	height: 400px;
}

/*注釈*/
#iso22000 dl.quotes{
	color: #888;
	font-size: 10px;
	margin-bottom: 1em;
}
#iso22000 dl.quotes dt{
	margin-left: 20px;
}
#iso22000 dl.quotes dd{
	margin-left: 30px;
}

/*方針*/
#iso22000 div.kiyaku{
	padding: 10px 12px;
	margin-bottom: 40px;
	border: 1px solid #ddd;
}
#iso22000 div.kiyaku ol{
	margin: 0 0 60px 24px;
}
#iso22000 div.kiyaku li{
	margin-bottom: 20px;
	list-style-type: decimal;
}
#iso22000 div.kiyaku p{
	margin-bottom: 0;
	text-align: right;
}

/*食品マネジメントシステム方針　20090422追加*/
#iso22000 div.kiyaku2{
	padding: 10px 12px;
	margin-bottom:15px;
	border: 1px solid #ddd;
}
#iso22000 div.kiyaku2 ol{
	margin: 0 0 10px 24px;
}
#iso22000 div.kiyaku2 li{
	margin-bottom: 20px;
	list-style-type: decimal;
}
#iso22000 div.kiyaku2 p{
	margin-bottom: 0;
	text-align: right;
}


/*概要テーブル*/
#iso22000 table.data-tbl{
	margin-bottom: 35px;
	border: 1px solid #ddd;
}
#iso22000 table.data-tbl th,
#iso22000 table.data-tbl td{
	padding: 10px;
	font-weight: normal;
	vertical-align: top;
	border: 1px solid #ddd;
}
#iso22000 table.data-tbl th{
	width: 90px;
}
#iso22000 table.data-tbl td{}
#iso22000 table.data-tbl tr.odd th,
#iso22000 table.data-tbl tr.odd td{
	background-color: #fff;
}
#iso22000 table.data-tbl tr.even th,
#iso22000 table.data-tbl tr.even td{
	background-color: #f8f8f8;
}

/*取得の歩み*/
#iso22000 dl.history{
	
}
#iso22000 dl.history dt,
#iso22000 dl.history dd{
	margin-bottom: 20px;
}
#iso22000 dl.history dt{
	width: 80px;
	float: left;
}
#iso22000 dl.history dd{
	padding-left: 80px;
}




/*品質保証室の活動
------------------------------------------------*/
#activity{}
#activity div.act-cols{
	margin-bottom: 35px;
}
#activity h3{
	margin-bottom: 10px;
}
#activity p{
	margin-bottom: 10px;
}

#activity table.image{
	margin-top: 20px;
	width: 600px;
}
#activity table.image td{
	padding-left: 14px;
	padding-bottom: 14px;
}
#activity table.image td.first-child{
	padding-left: 0;
}




/*トレーサビリティシステム・レシピ管理システム
------------------------------------------------*/
#trace{}
#trace h3{
	margin: 30px 0 20px 0;
}
#trace p{}
#trace p.image{
	margin-bottom: 30px;
}

#trace table.image{
	margin-top: 20px;
	width: 600px;
}
#trace table.image td{
	padding-left: 14px;
	padding-bottom: 14px;
}
#trace table.image td.first-child{
	padding-left: 0;
}






/* ====================================================================================================
　環境・社会貢献
==================================================================================================== */

/*「地球とつながる」ISO14001
------------------------------------------------*/
#iso1401{
	
}

#iso1401 h3{
	line-height: 1em;
	padding-bottom: 20px;
}
#iso1401 p{
	padding-bottom: 1em;
}

#iso1401 div.iso1401-cols{
	margin-bottom: 30px;
	padding-bottom: 10px;
	background: url(../../img/apprach/iso1401_loop1.gif) repeat-y;
	border-bottom: 1px solid #ddd;
}
#iso1401 div.iso1401-cols p,
#iso1401 div.iso1401-cols ul,
#iso1401 div.iso1401-cols ol,
#iso1401 div.iso1401-cols dl,
#iso1401 div.iso1401-cols li{
	padding-left: 10px;
	padding-right: 10px;
}
#iso1401 div.iso1401-cols ol{
	margin-left: 24px;
}
#iso1401 div.iso1401-cols ol li{
	list-style-type: decimal;
	padding-bottom: 1em;
}

#iso1401 div.iso1401-cols dt,
#iso1401 div.iso1401-cols dd{
	margin-bottom: 2px;
}
#iso1401 div.iso1401-cols dt{
	width: 70px;
	float: left;
}
#iso1401 div.iso1401-cols dd{
	margin-left: 80px;
}



#iso1401 div.iso1401-cols p.t-right{
	text-align: right;
}

#about-iso1401{
	margin-bottom: 10px;
	padding-right: 140px;
	background: url(../../img/apprach/img_iso1401.jpg) no-repeat right top;
	
	min-height: 350px;
	height: auto!important;
	height: 350px;
}
#about-iso1401 div.iso1401-cols{
	background: url(../../img/apprach/iso1401_loop2.gif) repeat-y;
}
#about-iso1401 ul{}
#about-iso1401 li{}


#environmental{
	margin-bottom: 20px;
	padding-bottom: 10px;
	background: url(../../img/apprach/env_loop.gif) repeat-y;
	border-bottom: 1px solid #ddd;
}
#environmental h3{}
#environmental p,
#environmental ol{
	margin-left: 34px;
	margin-right: 10px;
}
#environmental li{
	list-style-type: decimal;
	margin-bottom: 0.5em;
}
#environmental .t-right{
	text-align:right;
	margin-bottom: 0;
}






/*太陽光発電システム・天然ガス
------------------------------------------------*/
#generation{}
#generation h3{
	margin-bottom: 10px;
}
#generation p{
	margin-bottom: 10px;
}

#generation div.return{
	padding-top: 170px;
	padding-left: 70px;
	margin: 20px 0 50px 0;
	background: url(../../img/apprach/img_sun1.jpg) no-repeat;
	background-position:70px 0px;
	/*
	min-height: 162px;
	height: auto!important;
	height: 162px;
	*/
}
#generation div.return table{
	width: 470px;
	border: 1px solid #ddd;
}
#generation div.return caption{
	padding-bottom: 6px;
	text-align: left;
}
#generation div.return th,
#generation div.return td{
	padding: 10px;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	border: 1px solid #ddd;
}
#generation div.return th{
	width: 120px;
}
#generation div.return tr.odd th,
#generation div.return tr.odd td{
	background: #fff;
}
#generation div.return tr.even th,
#generation div.return tr.even td{
	background: #f8f8f8;
}


#generation table.photo{}
#generation table.photo td.first-child{
	padding-right: 20px;
}








/*循環社会を目指して
------------------------------------------------*/
#society{}
#society div.soc-cols{
	margin-bottom: 40px;
}
#society div.soc-cols h3{
	margin-bottom: 10px;
}
#society div.soc-cols p{
	margin-bottom: 10px;
}
#society div.soc-cols p.graph{
	margin: 20px 0 0 0;
	text-align: center;
}





/*フォレスト基金
------------------------------------------------*/
#forest{}
#forest div.forst-cols{
	margin-bottom: 50px;
}
#forest div.forst-cols h3{
	margin-bottom: 10px;
}
#forest div.forst-cols p{
	margin-bottom: 10px;
}
#forest div.forst-cols img.icon{
	float: right;
	margin: 0 0 10px 10px;
}


#forest div.forst-cols dl.explain{
	color: #999;
	font-size: 10px;
}
#forest div.forst-cols dl.explain dt{}
#forest div.forst-cols dl.explain dd{
	margin-bottom: 1em;
}

#forest div.forst-cols ol{
	margin-left: 24px;
}
#forest div.forst-cols li{
	list-style-type: decimal;
	margin-bottom: 20px;
}












/* ====================================================================================================
　取組：サイドメニュー
==================================================================================================== */
#ct-left h4.cpt-apprach{}
#ct-left ul#sidemenu{
	margin: 20px 0 0 10px;
}
#ct-left ul#sidemenu li{}
#ct-left ul#sidemenu li a{
	display: block;
	height: 15px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#ct-left ul#sidemenu ul{
	margin: 0 0 24px 15px;
}
#ct-left ul#sidemenu ul li{
	margin: 0 0 12px 0;
}


/* サイド：メイン */
#ct-left ul#sidemenu li#sn_pusuit a{ background-image: url(../../img/apprach/sn_pusuit.gif); }
#ct-left ul#sidemenu li#sn_safe a{ background-image: url(../../img/apprach/sn_safe.gif); }
#ct-left ul#sidemenu li#sn_env a{ background-image: url(../../img/apprach/sn_env.gif); }
#ct-left ul#sidemenu li#sn_pusuit a:hover{ background-image: url(../../img/apprach/sn_pusuit_on.gif); }
#ct-left ul#sidemenu li#sn_safe a:hover{ background-image: url(../../img/apprach/sn_safe_on.gif); }
#ct-left ul#sidemenu li#sn_env a:hover{ background-image: url(../../img/apprach/sn_env_on.gif); }

/* おいしさサブメニュー */
#ct-left ul#sidemenu li#sn_pusuit_1 a{ background-image: url(../../img/apprach/sn_pusuit_1.gif); }
#ct-left ul#sidemenu li#sn_pusuit_2 a{ background-image: url(../../img/apprach/sn_pusuit_2.gif); }
#ct-left ul#sidemenu li#sn_pusuit_3 a{ background-image: url(../../img/apprach/sn_pusuit_3.gif); }
#ct-left ul#sidemenu li#sn_pusuit_1 a:hover{ background-image: url(../../img/apprach/sn_pusuit_1_on.gif); }
#ct-left ul#sidemenu li#sn_pusuit_2 a:hover{ background-image: url(../../img/apprach/sn_pusuit_2_on.gif); }
#ct-left ul#sidemenu li#sn_pusuit_3 a:hover{ background-image: url(../../img/apprach/sn_pusuit_3_on.gif); }

/* 安全・安心サブメニュー */
#ct-left ul#sidemenu li#sn_safe_1 a{ background-image: url(../../img/apprach/sn_safe_1.gif); }
#ct-left ul#sidemenu li#sn_safe_2 a{ background-image: url(../../img/apprach/sn_safe_2.gif); }
#ct-left ul#sidemenu li#sn_safe_3 a{ background-image: url(../../img/apprach/sn_safe_3.gif); }
#ct-left ul#sidemenu li#sn_safe_4 a{ background-image: url(../../img/apprach/sn_safe_4.gif); }
#ct-left ul#sidemenu li#sn_safe_1 a:hover{ background-image: url(../../img/apprach/sn_safe_1_on.gif); }
#ct-left ul#sidemenu li#sn_safe_2 a:hover{ background-image: url(../../img/apprach/sn_safe_2_on.gif); }
#ct-left ul#sidemenu li#sn_safe_3 a:hover{ background-image: url(../../img/apprach/sn_safe_3_on.gif); }
#ct-left ul#sidemenu li#sn_safe_4 a:hover{ background-image: url(../../img/apprach/sn_safe_4_on.gif); }

/* 環境サブメニュー */
#ct-left ul#sidemenu li#sn_env_1 a{ background-image: url(../../img/apprach/sn_env_1.gif); }
#ct-left ul#sidemenu li#sn_env_2 a{ background-image: url(../../img/apprach/sn_env_2.gif); }
#ct-left ul#sidemenu li#sn_env_3 a{ background-image: url(../../img/apprach/sn_env_3.gif); }
#ct-left ul#sidemenu li#sn_env_4 a{ background-image: url(../../img/apprach/sn_env_4.gif); }
#ct-left ul#sidemenu li#sn_env_1 a:hover{ background-image: url(../../img/apprach/sn_env_1_on.gif); }
#ct-left ul#sidemenu li#sn_env_2 a:hover{ background-image: url(../../img/apprach/sn_env_2_on.gif); }
#ct-left ul#sidemenu li#sn_env_3 a:hover{ background-image: url(../../img/apprach/sn_env_3_on.gif); }
#ct-left ul#sidemenu li#sn_env_4 a:hover{ background-image: url(../../img/apprach/sn_env_4_on.gif); }

#ct-left ul#sidemenu li a:hover{
	background-color: transparent;
}