@charset "utf-8";

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

　目次

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

　00. 
　01. HACCP対応食品工場 食品関連企業様の課題を解決
　02. 食品事業者様の課題
　03. 食品衛生トータルサポートネットワーク
　04. 注目のコンテンツ
　05. 施工実績
　06. サポート体制・用語集
　07. バナー
　99. 固定ヘッダー

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

/* ==

　00. 

=============================================================================== */
/* 
------------------------------------------------------------------------------- */
/*
#topicPath h1{
	margin:0;
	padding:1px 0 0;
	border-bottom:none;
	font-size:10px;
	font-weight:normal;
}
*/


.pageTit{
	background-color: #333;
}
.pageTit h1{
	width:950px;
	margin:0 auto;
	padding:10px 0;
	font-size:26px;
	color:#fff;
}
.pageTit h1 span{ font-size:18px; }




#main{ width:auto; padding-bottom:0; }
#main div:after{ content:''; display:block; clear:both; }

#main .inner{ width:950px; margin:0 auto; }


#main .inner h2{
	margin-bottom:20px;
	padding:0;
	background-color:transparent;
	font-size:267%;
	line-height:1.5;
	font-weight:normal;
	text-align:center;
}
#main .inner h2 span{ font-size:76%; display:block; }
#main .inner p.lead{
	margin:0 auto 40px;
	font-size:130%;
	color:#333;
	/*
	text-align:center;
	*/
}


/* スライダー
------------------------------------------------------------------------------- */
.nojsVisual {
	text-align: center;
}
#slideArea {
	width: 100%;
	min-width: 950px;
	position: relative;
	overflow: hidden;
	padding-bottom: 10px;
	background: url(../../images/rn/slider/ico_loader01.gif) no-repeat center 45%;
}
#slideArea #slideWrapper {
	position: relative;
	top: 0;
	left: 0;
}
#slideArea #slideWrapper .slideVisual {
	float: left;
	padding: 0 5px;
	display: none;
}
#slideArea #slideWrapper .slideVisual a {
	display: block;
}
#slideArea #slideWrapper .slideVisual img {
	width: 100%;
	height: auto;
}
#slideArea #slideController {
	line-height: 1;
	font-size: 12px;
}
#slideArea #arwNav li {
	position: absolute;
	top: 50%;
	width: 45px;
	height: 45px;
	margin-top: -56px;
}
#slideArea #arwNav .prevBtn {
	left: 50px;
}
#slideArea #arwNav .nextBtn {
	right: 50px;
}
#slideArea #thumbNav {
	margin-top: 10px;
	text-align: center;
	letter-spacing: -1em;
}
#slideArea #thumbNav li {
	display: inline-block;
	position: relative;
	margin: 0 3px;
	vertical-align: top;
	letter-spacing: normal;
}
*:first-child+html #slideArea #thumbNav li {
	display: inline;
	zoom: 1;
} /* ie7 */
* html #slideArea #thumbNav li {
	display: inline;
	zoom: 1;
} /* ie6 */
#slideArea #thumbNav .uiCurrent span {
	position: absolute;
	top: -4px;
	left: 0;
	width: 160px;
	height: 64px;
	background: url(../../images/rn/slider/bg_slider01.gif) left top no-repeat;
}
#slideArea img {
	-ms-interpolation-mode: bicubic;	
} /* ie7 */
.d_hover #slideArea #slideWrapper .slideVisual a img { -ms-filter: "alpha(opacity=100)"; }
.d_hover #slideArea #slideWrapper .slideVisual a:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
}
#slideArea div:after,
#slideArea ul:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html #slideArea div,
*:first-child+html #slideArea ul { zoom: 1; } /* ie7 */
* html #slideArea div,
* html #slideArea ul { zoom: 1; } /* ie6 */


/* ==

　01. HACCP対応食品工場の建設 食品関連企業様の課題を解決

=============================================================================== */
/* 
------------------------------------------------------------------------------- */
#main .solutionBlock{
	padding:55px 0;
	background-color:#dcefcd;
	background-image:url(../../images/rn/bg01.png), url(../../images/rn/bg02.jpg);
	background-position: left top, right bottom;
	background-repeat: no-repeat, no-repeat;
	border-top:1px solid #a4b0b7;
	position:relative;
}
#main .solutionBlock:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 60%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 60%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#08000000',GradientType=0);
}



.solutionBlock .colBlock{
	margin:0 -12.5px;
	position:relative;
	zoom:1;
	clear:both;
}
.solutionBlock .colBlock .col{
	width:300px;
	margin:0 12.5px 40px;
	padding: 0;
	background-color:#fff;
	border-top:3px solid #62a933;
	position:relative;
	float:left;
}
.solutionBlock .colBlock .col .tile{ padding:20px; }

.solutionBlock .colBlock .col .hdTxt{ padding-bottom:10px; zoom:1; clear:both; }
.solutionBlock .colBlock .col .hdTxt img{ margin-right:10px; vertical-align:middle; float:left; }
.solutionBlock .colBlock .col .hdTxt h3{ font-size:160%; line-height:36px; float:left; }

#main .solutionBlock .col p{ font-size:130%; }
#main .solutionBlock .col p em{ color:#62a933; }
#main .solutionBlock .col li{
	margin-top:7px;
	padding-left:14px;
	background: url(../../images/rn/ico_img02.gif) left 0.6em no-repeat;
}


#main .solutionBlock .linkBlock{
	width:100%;
	background-color:#f7fbf2;
	zoom:1;
	display:table;
	claer:both;
}
#main .solutionBlock .linkBlock dl{ padding:10px; border:1px solid #ccc; }
#main .solutionBlock .linkBlock dt,
#main .solutionBlock .linkBlock dd{ display: table-cell; }

#main .solutionBlock .linkBlock dt{
	width:160px;
	background-color:#ddd;
	font-size:150%;
	color:#555;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
#main .solutionBlock .linkBlock dd{ padding-left:40px; }
#main .solutionBlock .linkBlock li{ margin:7px 0; }





/* ==

　02. 食品事業者様の課題

=============================================================================== */
/* 
------------------------------------------------------------------------------- */
.issuesBlock{ padding:55px 0; }

#main .issuesBlock .inner p.lead{ margin-bottom:30px; text-align:center; }

.issuesBlock ul{ margin:0 -15px 40px; zoom:1; clear:both; }
.issuesBlock ul:after{ content:''; display:block; clear:both; }
.issuesBlock li{
	width:440px;
	margin:0 15px;
	padding:10px 0 10px 20px;
	background: url(../../images/rn/ico_img03.gif) left 1em no-repeat;
	border-bottom:1px dotted #62a933;
	float:left;
}

.issuesBlock div.txt{ position:relative; }
.issuesBlock div.txt p{
	font-size:180%;
	color:#238c00;
	text-align:center;
}
.issuesBlock div.txt:before{
	width:20px;
	height:89px;
	margin-top:-45px;
	content:"";
	background: url(../../images/rn/img_bracketsL.gif) left top no-repeat;
	position:absolute;
	top:50%;
	left:0;
}
.issuesBlock div.txt:after{
	width:20px;
	height:89px;
	margin-top:-45px;
	content:"";
	background: url(../../images/rn/img_bracketsR.gif) right top no-repeat;
	position:absolute;
	top:50%;
	right:0;
}




/* ==

　03. 食品衛生トータルサポートネットワーク

=============================================================================== */
/* 
------------------------------------------------------------------------------- */
#main .totalsupportBlock{
	padding:55px 0;
	background-color:#dcefcd;
	background-image:url(../../images/rn/bg01.png), url(../../images/rn/bg03.jpg);
	background-position: left top, right bottom;
	background-repeat: no-repeat, no-repeat;
	position:relative;
}


.totalsupportBlock .bg{
	padding:20px 2.5px 0;
	background-color:#fff;
	zoom:1;
	clear:both;
}
.totalsupportBlock .bg .col{
	width:280px;
	margin:0 17.5px 40px;
	float:left;
}

#main .totalsupportBlock h3{
	margin-bottom:20px;
	padding:1.5em 10px;
	background-color:#f7fbf2;
	border:2px solid #72b63f;
	font-size:130%;
	text-align:center;
	vertical-align:middle;
	position:relative;
}
#main .totalsupportBlock .row1 h3{ padding:2.35em 10px; }

#main .totalsupportBlock h3:after{
	width:20px;
	height:10px;
	content:"";
	background: url(../../images/rn/ico_arrow03.gif) left bottom no-repeat;
	margin-left:-10px;
	position:absolute;
	bottom:-12px;
	left:50%;
}




/* ==

　04. 注目のコンテンツ

=============================================================================== */
/* 
------------------------------------------------------------------------------- */
#main .recommendBlock{
	margin-bottom:30px;
	padding:55px 0 0;
	zoom:1;
	clear:both;
}
#main .recommendBlock .tit{ text-align:center; }
#main .recommendBlock h2{
	padding-left:50px;
	background:url(../../images/rn/ico_img01.png) left 0.2em no-repeat;
	display:inline-block;
	/display:inline;
}
#main .recommendBlock .lead{ text-align:center; }

.recommendBlock .colBlock{
	margin:0 -9px;
	zoom:1;
	clear:both;
}
.recommendBlock .colBlock .col{
	width:224px;
	margin:0 9px 30px;
	float:left;
}




/*
#main .recommendBlock .col span{ font-size:134%; display:block; }
*/
.recommendBlock .col h3{ margin-bottom:10px; font-size:140%; line-height:1.3; }
.recommendBlock .col h3 a{
	padding-left:12px;
	background:url(../../images/rn/ico_arrow02.png) left 0.4em no-repeat;
	font-weight:bold;
	text-decoration:underline;
	display:block;
}
.recommendBlock .col h3 a:hover{ text-decoration:none; }

#main .recommendBlock .col .type{
	margin-bottom:5px;
	padding-left:0;
	background:none;
	font-size:80%;
	line-height:1.4;
	color:#333;
	font-weight:normal;
	text-decoration:none;
	display:block;
}

.recommendBlock .col .img{ margin-bottom:10px; }
.recommendBlock .col a{ text-decoration:none; }






/* ==

　05. 施工実績

=============================================================================== */
/* 
------------------------------------------------------------------------------- */
#main .caseBlock{
	margin-bottom:60px;
	padding:65px 0 85px;
	/padding:65px 0 30px;
	background-color:#dcefcd;
	background-image:url(../../images/rn/bg01.png), url(../../images/rn/bg04.jpg);
	background-position: left top, right bottom;
	background-repeat: no-repeat, no-repeat;
	position:relative;
	zoom:1;
	clear:both;
}

#main .caseBlock .lead{ text-align:center; }


.caseBlock .col{
	width:300px;
	margin-left:20px;
	background-color:#fff;
	box-shadow:0px 0px 8px 1px #c4d5b6;
	-moz-box-shadow:0px 0px 8px 1px #c4d5b6;
	-webkit-box-shadow:0px 0px 8px 1px #c4d5b6;
	text-align:center;
	float:left;
}
.caseBlock .col:first-child{ margin-left:0; }


.caseBlock .col span{
	padding:25px 15px 25px 25px;
	background:url(../../images/rn/ico_arrow01.gif) left center no-repeat;
	font-size:28px;
	line-height:1.0;
	color:#333;
	display:inline-block;
}
.caseBlock .col span.img{
	padding:0;
	background:none;
	display:block;
}



.caseBlock .col a{
	text-decoration:none;
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	cursor:pointer;
	zoom:1;
	display:block;
}
.caseBlock .col a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}






/* ==

　06. サポート体制・用語集

=============================================================================== */
/* 
------------------------------------------------------------------------------- */
#main .supportBlock{
	padding-bottom:60px;
	zoom:1;
	clear:both;
}
#main .supportBlock h2{
	padding:10px 15px;
	background-color:#f4f4f4;
	border-left:6px solid #72b63f;
	font-size:134%;
	font-weight:bold;
	text-align:left;
}


#main .supportBlock .col1{
	width:465px;
	margin-right:20px;
	float:left;
}
#main .supportBlock .col2{
	width:465px;
	float:left;
}



#main .supportBlock span.img{ text-align:center; display:block; }

#main .supportBlock ul, #main .supportBlock p{ margin-top:10px; }
#main .supportBlock li a,
#main .supportBlock p a{
	padding-left:12px;
	background:url(../../images/rn/ico_arrow02.png) left 0.6em no-repeat;
	font-size:124%;
	font-weight:bold;
	display:block;
}

#main .wordsBlock ul{ margin-top:10px; }
#main .wordsBlock li{
	margin-right:1.25em;
	float:left;
}
#main .wordsBlock li a{
	padding-left:12px;
	background:url(../../images/rn/ico_arrow02.png) left 0.6em no-repeat;
	font-size:124%;
	font-weight:bold;
	display:block;
}



/* ==

　06. サポート体制・用語集

===============================================================================
#main .wordsBlock{
	padding-bottom:60px;
	zoom:1;
	clear:both;
}
#main .wordsBlock h2{
	padding:10px 15px;
	background-color:#f4f4f4;
	border-left:6px solid #72b63f;
	font-size:134%;
	font-weight:bold;
	text-align:left;
}

#main .wordsBlock span.img{ text-align:center; display:block; }



#main .wordsBlock .colImg{
	width:465px;
	float:left;
}
#main .wordsBlock .colTxt{
	width:465px;
	float:right;
}


#main .wordsBlock p{ margin-top:10px; }



 */



/* ==

　07. バナー

=============================================================================== */
/* 
------------------------------------------------------------------------------- */
#main .bnrBlock li{ margin-bottom:40px; }

#main .bnrBlock li a{
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	zoom:1;
	display:block;
}
#main .bnrBlock li a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}




/* ==

　99. 固定ヘッダー

=============================================================================== */
#fix-header {
	position:fixed;
	z-index:9999;
	width:100%;
	top:-65px;
	left:0;
	zoom:1;
}
* html #fix-header { /* IE6 */
	display: none;
}
.fix-head {
	background-image:url(/business/silver/images/rn01/fix-head.png);
	height:65px;
	width:100%;
	position:relative;
}
.fix-head.common { height:65px; }

#fix-header .content-wrapper{ width:950px; margin:0 auto; padding-top:15px; position:relative; clear:both; }

.fix-head .stickylinks li{ margin-right:11px; float:left; }

.fix-head div.back2{
	margin-right:16px;
	padding-right:11px;
	background:url(/business/silver/images/rn01/hdnav_vline.gif) right top no-repeat;
	float:left;
}
.fix-head .stickylinks{
	margin-right:10px;
	/*padding-right:8px;*/
	/*background:url(/business/silver/images/rn01/hdnav_vline.gif) right top no-repeat;*/
	float:left;
}
.fix-head.common .stickylinks{ background:none; }
.fix-head div.bnr{
	/*margin-right:20px;*/
	padding-right:11px;
	background:url(/business/silver/images/rn01/hdnav_vline.gif) right top no-repeat;
	float:left;
}
.fix-head div.back-top{
	position:absolute;
	top:15px;
	right:0;
}

/* その他の事業 */
.fix-head div.other{
	width:170px;
	background-color:#f4f4f4;
	position:absolute;
	top:45px;
	right:0;
	clear:both;
}
.fix-head div.other dt{
	height:15px;
	padding:5px;
	background:url(/business/silver/images/rn01/hdnav_arrow.gif) right top no-repeat;
	color:#333;
	cursor:pointer;
}
.fix-head div.other dd{ display:none; }
.fix-head div.other dd ul{ border-bottom:1px solid #bcbcbf; }
.fix-head div.other dd li{
	padding:7px;
	border-top:1px solid #bcbcbf;
}
.fix-head div.other dd li a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 5px no-repeat;
	display:block;
}
.fix-head div.other dd li a:link, .fix-head div.other dd li a:visited{ text-decoration:none; }
.fix-head div.other dd li a:hover, .fix-head div.other dd li a:active{ text-decoration:underline; }