@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 基本
　02. ローカルナビ（lnav）
　03. 食品施設の課題を解決
　04. 5つのキーワード
　05. 「安心・安全」への証
　06. ケーススタディ


******************************************************************************* */



/* ==

　01. 基本

=============================================================================== */
.section .main{ font-size:115%; }
.main div{
	min-height:1%;
	margin-bottom:20px;
	line-height:1.5;
	clear:both;
}
* html .main div{ height:1%; }
.main div div{ margin-bottom:0; clear:none; }

.section .main div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}


/* 2カラムベース
------------------------------------------------------------------------------- */
.main .column2 div,
.main .column2 dl{
	width:355px;
	min-height:1%;
	margin-bottom:10px;
	float:left;
}
.main .column2 div.lastChild,
.main .column2 dl.lastChild{ float:right; }


/* 参考資料
------------------------------------------------------------------------------- */
.main .reference dl{
	width:730px;
	min-height:1%;
	margin:0;
	padding:0;
	clear:both;
}
.main .reference dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.main .reference dt{ font-weight:bold; }
.main .reference dd{ margin-bottom:10px; }
.main .reference dd.lastChild{ margin-bottom:0; }

.main .reference dd ul{ margin:5px 0; }
.main .reference dd.lastChild ul{ margin-bottom:0; }
.main .reference dd li{
	margin:0 0 3px 0.5em;
	line-height:1.3;
	text-indent:-0.5em;
}


/* ==

　02. ローカルナビ（lnav）

=============================================================================== */
.lnav p.title a{ background-image:url(../images/lnav_title.gif); }
.lnav div.lnav01 p a{ background-image:url(../images/lnav_subt_cnt01.gif); }
.lnav div.lnav02 p a{ background-image:url(../images/lnav_subt_cnt02.gif); }
.lnav div.lnav03 p a{ background-image:url(../images/lnav_subt_cnt03.gif); }
.lnav div.lnav04 p a{ background-image:url(../images/lnav_subt_cnt04.gif); }


/* ==

　03. 食品施設の課題を解決

=============================================================================== */
.main .solution_list div{ background:url(../images/bk_cnt01.gif) no-repeat; }
.main .solution_list div.solution_l{ float:left; width:360px; }
.main .solution_list div.solution_r{ float:right; width:360px; }

.main .solution_list p{ margin:12px 0 0 12px; }
.main .solution_list ul{ margin:10px 12px 0 12px; }
.main .solution_list li img{ float:left;  }
.main .solution_list li a{
	background-image:url(/common/images/renew2009/arrow_02.gif) !important;
	background-repeat:no-repeat;
	background-position:left 8px !important;
	padding-left:8px !important;
	display:block;
	width:270px;
	float:right;
}

.main .solution_list li{ min-height:1%; clear:both; margin-bottom:12px; }
* .main .solution_list li{ height:1%; }
.main .solution_list li:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
#lightpop-details{ display:none !important; }
#lightpop-data-nav{ text-align:right; }

/* lightpop内 詳細
------------------------------------------------------------------------------- */
.detail .footer{ display:none; }

.detail .main{ width:750px; margin:20px auto 0; font-size:115%; }
.detail .main p.btn_back{ float:left; width:34px; padding-top:170px; }
.detail .main p.btn_next{ float:right; width:34px; padding-top:170px; }

.detail .main .cnt{ float:left; width:660px; margin:0 10px; clear:none; }

.detail .main .cnt p.pict{
	position:relative;
	left:6px;
	top:-48px;
}
.detail .main .cnt p.pict img{
	position:absolute;
}

.detail .main .cnt p.customer{ float:left; width:102px; }
.detail .main .cnt p.daiwa{ float:right; width:129px; }
.detail .main .cnt div.q_a{ float:left; width:427px; }
.detail .main .cnt p.q{
	background:url(../images/detail_q_customer.jpg) no-repeat;
	padding:20px 30px 20px 35px;
	color:#00356B;
}
.detail .main .cnt p.a,
.detail .main .cnt p.as,
.detail .main .cnt p.al{
	padding:15px 30px 15px 30px;
	color:#DE3A5B;
	margin-top:5px;
}
.detail .main .cnt p.a{ background:url(../images/detail_a_daiwa.jpg) no-repeat right top; }
.detail .main .cnt p.al{ background:url(../images/detail_al_daiwa.jpg) no-repeat right top; }
.detail .main .cnt p.as{ background:url(../images/detail_as_daiwa.jpg) no-repeat right top; padding:20px 30px; }

.detail .main .cnt .suggestion{
	margin-top:20px;
	border-bottom:1px dotted #ccc;
	padding-bottom:15px;
}
.detail .main .cnt .sl_l{ float:left; width:320px; }
.detail .main .cnt .sl_r{ float:right; width:320px; }

.detail .main .cnt .link{
	background:url(/common/images/renew2009/arrow_02.gif) no-repeat left 8px;
	padding-left:8px;
	margin-top:10px;
}

/* 「食の安全・安心」提案
------------------------------------------------------------------------------- */
.main .sgt_r p.img{ float:right; width:202px; }
.main .sgt_r p.txt{ float:left; width:512px; }

.main .sgt_l p.img{ float:left; width:202px; }
.main .sgt_l p.txt{ float:right; width:512px; }



/* ==

　04. 5つのキーワード

=============================================================================== */
/* さまざまなニーズ
------------------------------------------------------------------------------- */
.main .kywd_01{ margin-bottom:0px; }

.kywd_01 .column2 p.img{ width:95px; float:left; }
.kywd_01 .column2 ul{
	width:250px;
	float:right;
}
.kywd_01 .column2 li{
	margin:0 0 5px 0.5em;
	line-height:1.4;
	text-indent:-0.5em;
}

/* 5つのキーワード
------------------------------------------------------------------------------- */
.kywd_02 p{ margin-bottom:10px; }
.kywd_02 .kywd_l,.kywd_02 .kywd_r{ margin-top:10px; }
.kywd_02 .kywd_l{ float:left; width:355px; }
.kywd_02 .kywd_r{ float:right; width:355px; }



/* ==

　05. 「安心・安全」への証

=============================================================================== */
.main .sfty_01 table{ width:100%; background-color:#d9d9d9; }
.main .sfty_01 th{
	width:360px;
	padding:3px 10px;
	background-color:#f7f7ef;
	font-weight:normal;
	text-align:left;
}
.main .sfty_01 td{
	width:156px;
	padding:3px 10px;
	background-color:#fff;
	text-align:center;
}

/* HACCP手法支援法
------------------------------------------------------------------------------- */
.main .reference dl.haccp dt{ width:70px; }
.main .reference dl.haccp dd{ margin-top:-22px; padding-left:70px; }

.main .reference p{ margin-bottom:10px; }


/* 主な出来事
------------------------------------------------------------------------------- */
.main .reference .pastevents{ width:100%; }
.main .reference .pastevents td{
	padding:5px;
	line-height:1.3;
}
.main .reference .pastevents td.txt_year{ width:60px; white-space:nowrap; }
.main .reference .pastevents td.txt_month{ width:40px; padding:5px 40px 5px 0; text-align:right; white-space:nowrap; }

.main .reference .pastevents tr.odd td{ background-color:#f7f7ef; }

/* ==

　06. ケーススタディ

=============================================================================== */
.main .casestudy{ margin-bottom:12px; padding-bottom:12px; border-bottom:1px dotted #999; }
.main .cs_lastChild{ border:none; }
.main .casestudy p.img{ float:left; width:202px; }
.main .casestudy div.txt{ float:right; width:512px; }
.main .casestudy div.txt p{ margin-bottom:8px; }
.main .casestudy p a{
	background:url(/common/images/renew2009/arrow_02.gif) no-repeat left 6px;
	padding-left:8px;
}

.main .category{ margin-bottom:15px; }
.main .category li{ float:left; margin-right:5px; }

.list_cnts li{
	width:352px;
	padding:4px;
	background-color:#f3f3f3;
	line-height:1.3;
}
.list_cnts li a{
	width:154px;
	min-height:112px;
	padding:10px 10px 10px 185px;
	background-color:#fff;
	background-position:left top;
	background-repeat:no-repeat;
	border:1px solid #d9d9d9;
	color:#333;
	display:block;
	text-decoration:none;
	font-size:86%;
}
.list_cnts li img{ margin-bottom:8px; }
.list_cnts li a:link, .list_cnts li a:visited{ border:1px solid #dadada; color:#333; text-decoration:none; }
.list_cnts li a:hover, .list_cnts li a:active{ border:1px solid #ff6600; color:#333; }

.list_cnts li.csList01{ float:right; }
.list_cnts li.csList02{ float:left; }
.list_cnts li.csList01 a{ background:url(../images/list_case_img01.jpg) no-repeat 10px 10px #fff; }
.list_cnts li.csList02 a{ background:url(../images/list_case_img02.jpg) no-repeat 10px 10px #fff; }

.main .case_l{ float:left; width:370px; }
.main .case_l p{ margin-bottom:5px; }
.main .case_l table{ font-size:86%; width:100%; margin-top:15px; }
.main .case_l th,
.main .case_l td{ padding:2px 10px;	border-bottom:1px dotted #ccc; }
.main .case_l th{
	background:#eee;
	font-weight:normal;
	width:30%;
	color:#333;
}
.main .case_r{ float:right; width:340px; }

.main .explan .img{ float:right; margin-left:1em; }
.main .explan .imgL{ float:left; margin-right:1em; }
.main .explan p{ margin-bottom:1em; }
.main .explan p.notes{ font-size:86%; }

.main .comment{ background:#F0F7DF; margin-top:30px; padding:20px 25px 10px 0; }
.main .comment p.img{ float:left; width:190px; text-align:center; }
.main .comment .txt{ float:right; width:500px; }
.main .comment .txt p{ margin-bottom:8px; }

.main .cs02{ background:#F0F7DF; margin-top:30px; padding:20px; }
.main .cs02 p.img{ float:right; width:238px; }
.main .cs02 .txt{ float:left; width:430px; }
.main .cs02 .txt dt{ font-weight:bold; }



/* ==

　ケーススタディ

=============================================================================== */
/*
.main .case{
	margin-bottom:20px;
	/*padding-bottom:10px;
	background:url(/common/images/renew2009/line_dotted02.gif) left bottom repeat-x;*/
/*
	position:relative;
}
.main .case h4{ padding-bottom:0; border-bottom:none; }

.main .case p.list a{ width:70px; background-image:url(../images/li_list_details.gif); right:5px; }


.main .case p.img{ width:185px; float:left; }
.main .case div.txt{ width:525px; float:right; }
.main .case div.txt p{
	margin-bottom:5px;
	font-size:120%;
	font-weight:bold;
}
.main .case div.txt p a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 5px no-repeat;
}
.main .case div.txt table{ width:100%; background-color:#d9d9d9; }
.main .case div.txt th{
	width:100px;
	padding:1px 10px;
	background-color:#F7F7EF;
	border:1px solid #fff;
	font-weight:normal;
	text-align:left;
}
.main .case div.txt td{
	padding:1px 10px;
	background-color:#fff;
}

/* 設計のポイント
------------------------------------------------------------------------------- */
.main .case_point p.img{ width:180px; float:right; }
.main .case_point p.txt{ width:530px; float:left; }
.main .case_point p.layout{ clear:both; }


/* ==

　食の安全と自己責任

=============================================================================== */
.main .rspns_01 p{ margin-bottom:10px; }
.main .rspns_01 ul{
	margin:0 0 10px;
	padding:5px 10px;
	background-color:#f2f0e6;
	border:1px solid #e2ddc7;
}
.main .rspns_01 li{
	/*
	margin:0 0 3px 0.5em;
	line-height:1.3;
	text-indent:-0.5em;
	*/
	margin-right:55px;
	white-space:nowrap;
	float:left;
}
.main .rspns_01 .column3 li{ margin-right:95px; }
.main .rspns_01 li.lastChild,
.main .rspns_01 .column3 li.lastChild{ margin-right:0; }

.main dl.rspns_02_2 dd li{
	width:220px;
	margin:0 0 5px;
	padding:0 10px 0 0;
	text-indent:0;
	white-space:nowrap;
	float:left;
}


/* ==

　07. 事例紹介

=============================================================================== */
/* タブ */
.main .tabTop{ margin:0; }
.section .tabTop{ height:36px; background-image:url(/business/images/bk_tabTop.gif); }
.section .tabBtm{ height:36px; background-image:url(/business/images/bk_tabBtm.gif); }
.main .tabTop li a, .main .tabBtm li a{ width:240px; height:31px; }

/* コンテンツ */
/* .main div{ margin-bottom:0; } */
.main .contents{
	width:728px;
	min-height:1%;
	margin-bottom:0;
	padding-top:20px;
	background:none;
	border-left:1px solid #b2b4b6;
	border-right:1px solid #b2b4b6;
	clear:both;
}
.main .contents div{
	width:707px;
	min-height:1%;
	margin:0 auto 20px;
	/*background-color:#f0f0f0;*/
	line-height:1.5;
	clear:both;
}
.main .contents div div{ margin-bottom:0; clear:none; }
.section .main .contents h3{
	margin-bottom:10px;
	padding-bottom:3px;
	background:none;
	border-bottom:1px solid #ccc;
}

/*
.main .contents div p.img{ width:260px; float:right; }
.main .contents div div.txt{ width:430px; float:left; }

/* 写真2枚
.main .contents div p.img02{ width:530px; float:right; }
.main .contents div div.txt02{ width:160px; float:left; }
*/

.main .contents div p.img{ width:265px; float:right; }
.main .contents div div.txt{ width:421px; float:left; }

.main .contents div div.txt p a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
	text-indent:0;
}

.main .contents div div.txt table{ width:100%; margin-bottom:20px; background-color:#d9d9d9; }
.main .contents div div.txt th{
	width:75px;
	padding:2px 10px;
	background-color:#f7f7f0;
	border:1px solid #fff;
	font-weight:normal;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
}
.main .contents div div.txt td{
	padding:2px 10px;
	background-color:#fff;
	line-height:1.5;
	vertical-align:top;
}

/* 写真2枚 */
.main .contents div p.img02{ width:500px; float:right; }
.main .contents div div.txt02{ width:186px; float:left; }

.main .contents div div.txt02 p a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
	text-indent:0;
}

.main .contents div div.txt02 table{ width:100%; margin-bottom:20px; background-color:#d9d9d9; }
.main .contents div div.txt02 th{
	width:55px;
	padding:2px 10px;
	background-color:#f7f7f0;
	border:1px solid #fff;
	font-weight:normal;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
}
.main .contents div div.txt02 td{
	padding:2px 10px;
	background-color:#fff;
	line-height:1.5;
	vertical-align:top;
}

/*
.main .contents div div.txt li,
.main .contents div div.txt02 li{
	margin:0 0 5px 1em;
	line-height:1.3;
	text-indent:-1em;
}
*/

/* .main .contents div div.txt p{ margin-top:3px; } */
.main .contents div div.txt p a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
	text-indent:0;
}


/* タブ
------------------------------------------------------------------------------- */
/* 上 */
.main .tabTop li.tab_caseLg a{ background-image:url(../images/tabTop_caseLg.gif); left:4px; }
.main .tabTop li.tab_caseFd a{ background-image:url(../images/tabTop_caseFd.gif); left:245px; }
/* 上－アクティブ */
.main .tabTop ul.tabCaseLg li.tab_caseLg a{ background-image:url(../images/tabTop_caseLg_on.gif); }
.main .tabTop ul.tabCaseFd li.tab_caseFd a{ background-image:url(../images/tabTop_caseFd_on.gif); }

/* 下 */
.main .tabBtm li.tab_caseLg a{ background-image:url(../images/tabBtm_caseLg.gif); left:4px; }
.main .tabBtm li.tab_caseFd a{ background-image:url(../images/tabBtm_caseFd.gif); left:245px; }

/* 下－アクティブ */
.main .tabBtm ul.tabCaseLg li.tab_caseLg a{ background-image:url(../images/tabBtm_caseLg_on.gif); }
.main .tabBtm ul.tabCaseFd li.tab_caseFd a{ background-image:url(../images/tabBtm_caseFd_on.gif); }



/* ==

　08. サポート体制

=============================================================================== */
/* トータルサポートネットワーク
------------------------------------------------------------------------------- */
/* 顧問団 */
.main .ttl_01{
	position:relative;
}
.main .ttl_01 p.list a{ width:168px; background-image:url(../images/li_list_advisoryGroup.gif); }

.main .ttl_01 dl{
	width:355px;
	margin:5px 0 10px;
	float:left;
}
.main .ttl_01 dt{
	margin-bottom:5px;
	border-bottom:1px solid #999;
}
.main .ttl_01 dd li{
	margin:0 0 5px 1em;
	text-indent:-1em;
}

/* パートナーコーディネートシステム */
.main .ttl_pcs p.img{ width:180px; margin:10px 0; float:left; }
.main .ttl_pcs div.txt{ width:530px; margin-bottom:20px; float:right; }
.main .ttl_pcs div.txt p a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
}


/* 食品衛生研究会のご紹介
------------------------------------------------------------------------------- */
.main .advgrp_01 ol{
	margin-left:auto;
	padding-left:1em;
}
.main .advgrp_01 ol li{
	margin:0 0 5px 1.5em;
	padding:0;
	list-style-type:decimal;
}


.main .advgrp_02 table{ width:100%; background-color:#d9d9d9; }
.main .advgrp_02 th{
	padding:2px 10px;
	background-color:#f7f7ef;
	border:1px solid #fff;
}
.main .advgrp_02 td{
	padding:5px 10px;
	background-color:#fff;
}
.main .advgrp_02 td.name{
	width:120px;
	background-color:#f7f7ef;
	border:1px solid #fff;
	text-align:center;
}




/* ==

　09. 高度化認定

=============================================================================== */
.main .haccp_01 table{
	width:100%;
	margin-bottom:20px;
	background-color:#d9d9d9;
}
.main .haccp_01 th{
	width:150px;
	padding:5px 10px;
	background-color:#f7f7ef;
	border:1px solid #fff;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}
.main .haccp_01 td{
	padding:5px 10px;
	background-color:#fff;
}

.main .haccp_01 p strong{ font-size:120%; line-height:2.0; }

.main .haccp_related dt{ margin-bottom:5px; }
.main .haccp_related li a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
}
.main .haccp_related li a.blank{
	padding-left:17px;
	background:url(/common/images/renew2009/arrow_blank.gif) left 2px no-repeat;
}