@charset "Shift-JIS";
/*----------------------------------------------------------------------------------------
　基本設定
----------------------------------------------------------------------------------------*/
*{
	margin:0px; padding:0px;
}
body{
	background:#F0F0F0;
 	color:#333333;
	text-align:center;
	font-size:10pt;
	line-height:12pt;
	font-weight:normal;
	text-decoration:none;
	word-break:break-all;
}
img{
	border:0px; vertical-align:top;
}
li{
	list-style-type:none;
}

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

/*----------------------------------------------------------------------------------------
　文字設定
----------------------------------------------------------------------------------------*/
.fontsize8_linehi12{
	font-size:8pt; line-height:12pt;
}
.fontsize10_linehi14{
	font-size:10pt; line-height:14pt;
}
.fontsize12_linehi18{
	font-size:12pt; line-height:18pt;
}

h1, h2, h3, h4, h5, h6{
	font-family:"ＭＳ Ｐゴシック", "Osaka";
	font-size:10pt;
	line-height:14pt;
	font-weight:normal;
}

.font_red{
	color:#FF0000;
}
.bold{
	font-weight:bold;
}

/*----------------------------------------------------------------------------------------
　全体
----------------------------------------------------------------------------------------*/
#outline{
	width:768px;
	margin:0 auto;
	background : url(outline.jpg) 0% 0% / auto auto repeat-y scroll padding-box border-box transparent;
	text-align:center;
	}

.both{
	clear:both;height:1px;
}
.both10{
	clear:both;height:10px;
}
.both20{
	clear:both;height:20px;
}


/*----------------------------------------------------------------------------------------
　header
----------------------------------------------------------------------------------------*/
#header_catch{
	width:760px;
	height:20px;
	margin:0 auto;
	background : url(header_catch_bg.jpg) left bottom / auto auto repeat-x scroll padding-box border-box transparent;
	text-align:left;
}
#header_catch h1{
	padding:0 10px;
	color:#FFFFFF;
	}
#header{
	 
	width:760px;
	height:auto;
	margin:0 auto 9px;
	background : url(header_bg.jpg) left bottom / auto auto no-repeat scroll padding-box border-box #ffffff;
	text-align:left;
}
#header_left{
	width:480px;
	margin:0 33px 0 15px;
	color:#333333;
	float:left;
	display:inline;
}
#rogo{
	padding:15px 0;
} 
#rogo_text{
	margin-top:30px;
	font-size:20pt;
}
#rogo_text a{
	text-decoration:none;
}
#header_right{
	width:220px;
	margin:15px 0 20px 0;
	color:#333333;
	float:left;
}
#header_text{
	text-align:right;
}
#header_btn{
	padding:5px 0 0 0;
	text-align:right;
	}

/*----------------------------------------------------------------------------------------
　ナビゲーション設定
----------------------------------------------------------------------------------------*/
#navigation{
	width:166px;
	margin:0 0 20px 4px;
	float:left;
	display:inline;
}
#navi{
	width:166px;
	font-size:0px;
	line-height:0px;
}

#navi_bottom{
	width:166px;
	height:20px;
	font-size:0px;
	line-height:0px;
}

#navi_btn{
	font-size:10pt;
	line-height:20px;
}
#navi a{
	padding:8px 0px 9px 24px;
	text-decoration:none;
	display:block;
}
#navi .navi_01{
	width:166px;
	background : url(navi_01.jpg) left top / auto auto no-repeat scroll padding-box border-box transparent;
	vertical-align:middle;
	margin-bottom:5px;	
}
#navi .navi_01 a{
	background : url(navi_01.jpg) left top / auto auto no-repeat scroll padding-box border-box transparent;
	text-decoration:none;
	color:#333333;	
}
#navi .navi_01 a:hover{
	background : url(navi_01_on.jpg) left top / auto auto no-repeat scroll padding-box border-box transparent;
	text-decoration:none;
	color:#7D0000;
}

/*----------------------------------------------------------------------------------------
　ナビゲーション（フリーページ部分）
----------------------------------------------------------------------------------------*/
.freepage{
	width:166px;
	margin:0;
	font-size:10pt;
}
.freepage_bottom{
	width:166px;
	height:20px;
	font-size:0px;
	line-height:0px;
	}
.freepage_in_text h3{
	padding:7px 5px 6px 27px;
	line-height:16px;
	font-weight:bold;
	background : url(free_midashi.jpg) center bottom / auto auto no-repeat scroll padding-box border-box transparent;
}
.freepage_in_text p,.freepage_in_img p{
	padding:5px 3px 10px 7px;
	background : url(freepage_bg.jpg) left top / auto auto repeat-y scroll padding-box border-box transparent;
}
.freepage_in_img h3{
	text-align:center;
}
.freepage_in_img{
	padding:0 0 5px 0;
}
.freepage_in_text h3 a:link,.freepage_in_text h3 a:visited,.freepage_in_text h3 a:hover,.freepage_in_text h3 a:active,
.banner_in_text a:link,.banner_in_text a:visited,.banner_in_text a:hover,.banner_in_text a:active{
	color:#7D0000; text-decoration:underline;
}	
.freepage_in{
	width:166px;
}
.freepage_in_top{
	height:3px; background : url(free_in_top.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}
.freepage_in_bottom{
	height:7px; background : url(free_in_bottom.jpg) 0% 0% / auto auto repeat scroll padding-box border-box transparent; margin-bottom:5px;
} 

/*----------------------------------------------------------------------------------------
　ナビゲーション（会社写真・会社情報部分）
----------------------------------------------------------------------------------------*/
#naviinfo{
	width:166px;
	margin:0 0 7px 0;
	background : url(naviinfo_bg.jpg) left top / auto auto repeat-y scroll padding-box border-box transparent;
}
#naviinfo_top{
	height:5px;
	background : url(naviinfo_top.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;	
}
#naviinfo_img{
	margin:10px 0 5px 0;
	text-align:center;
}
#naviinfo_text{
	padding:5px 10px;
	font-size: 8pt;
}
#naviinfo_bottom{
	height:5px;
	background : url(naviinfo_bottom.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;		
}	

/*----------------------------------------------------------------------------------------
　ナビゲーション（ISO・HACCP）
----------------------------------------------------------------------------------------*/
.iso_outline{
	width:166px;
	margin:0 0 7px 0;
	background : url(naviinfo_bg.jpg) left top / auto auto repeat-y scroll padding-box border-box transparent;
}
.iso img{
	margin:10px 0 5px 0;
}
.iso_text{
	padding:5px 10px 5px 10px;
}
.iso{
	text-align:center;
}
.iso_syosai{
	margin-bottom:5px;
	text-align:center;
}
.iso_top{
	height:5px;
	background : url(naviinfo_top.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;	
}
.iso_bottom{
	height:5px;
	background : url(naviinfo_bottom.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;	
}	

/*----------------------------------------------------------------------------------------
　ナビゲーション（QRコード）
----------------------------------------------------------------------------------------*/
#qr{
	width:166px;
	margin:0 0 7px 0;
	background : url(naviinfo_bg.jpg) left top / auto auto repeat-y scroll padding-box border-box transparent;
}
#qr h4{
	padding:5px;
	text-align:center;
	vertical-align:bottom;
	font-weight:bold;
	}
div#qr_img{
	margin:10px 0 5px 0;
	text-align:center;
}
div#qr_text{
	padding:5px 5px 5px 10px;
	font-size: 8pt;
}
#qr_top{
	height:5px;
	background : url(naviinfo_top.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	}
#qr_bottom{
	height:5px;
	background : url(naviinfo_bottom.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	}	

/*----------------------------------------------------------------------------------------
　ナビゲーション（バナースペース部分）
----------------------------------------------------------------------------------------*/
#banner{
	width:166px;
	margin:15px auto 0 0;
}
.banner_in{
	width:166px; margin-bottom:10px;
} 
.banner_in_img{
	margin:0px; text-align:center;
}
.banner_in_text{
	padding:0px 5px 5px 10px; font-size:8pt;
}

/*----------------------------------------------------------------------------------------
　メインコンテンツ設定
----------------------------------------------------------------------------------------*/
#page_body{
	width:760px;
	margin:0 auto;
	text-align:left;
}
#contents{
	width:590px;
	float:right;
}
#main_visual{
	width:588px;
	height:222px;
	margin:0 0 15px 2px;
	background : url(main_visual.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}
#main_text{
	padding:165px 30px 0 30px;
	color:#FFFFFF;
	text-align:left;
	font-size:12pt;
	line-height:16pt;
	font-weight:bold;
	margin-bottom:0px;
	vertical-align:bottom;
}
#page_visual{
	width:588px;
	margin:0 0 10px 2px;
}
.contents_01{
	width:560px; margin:0 0 20px 15px;
}

/*----------------------------------------------------------------------------------------
　フリーページ
----------------------------------------------------------------------------------------*/
.con_midashi01{
	margin-bottom:10px;
	padding:6px 0px 11px 27px;
	background : url(con_midashi.jpg) left top / auto auto no-repeat scroll padding-box border-box transparent;
	color:#434343;
	font-size:11pt;
	line-height:15pt;
	font-weight:bold;	
}
.con_midashi02{
	padding:6px 0px 11px 17px;
	background : url(con_midashi02.jpg) left top / auto auto no-repeat scroll padding-box border-box transparent;
	color:#595757;
	font-size:11pt;
	line-height:15pt;
	font-weight:bold;
	margin-bottom:12px;
}

/*-回り込まないテキスト(画像中)-*/
.free_con_text01{
	width:328px; float:right;
}
.free_con_photo02{
	width:220px;
	background : url(free_con_photo_bg.gif) 0% 0% / auto auto repeat-y scroll padding-box border-box transparent;
	float:left;
	text-align:center;
}
/*画像しか表示されないときに使用*/
.free_con_photo03{
	width:220px;
	background : url(free_con_photo_bg.gif) 0% 0% / auto auto repeat-y scroll padding-box border-box transparent;
	text-align:center;
	margin-left:168px;
}


/*-3連画像*/
.con_photo_08{
	width:177px;
	margin:0 13px 0 0;
	display:inline;
	float:left;
}
.con_photo_09{
	width:177px;
	display:inline;	
	float:left;
}
.con_photo10{
	width:177px;
	margin:auto;
}




.free_con_photo_top{
	background : url(free_con_photo_top.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	width:220px;
	height:3px;
	}
.free_con_photo_bottom{
	background : url(free_con_photo_bottom.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	width:220px;	
	height:3px;
	}	




.free_con_photo02 img,.free_con_photo03 img{
	border:1px solid #E9E9E9;
}
.con_photo_08 img,.con_photo_09 img,.con_photo_10 img{
	border:1px solid #E9E9E9;
}




.con_text_02{
	width:560px;
}
.con_photo_caption{
	padding:5px;font-size:8pt; text-align:center;background-color:#FFFFFF;
}
.con_syosai{
	clear:both; text-align:right;
}
.con_pagetop{
	clear:both; text-align:right; margin-bottom:20px;
}



/*----------------------------------------------------------------------------------------
 メール新聞+URL送信
----------------------------------------------------------------------------------------*/
#form{
	 width:560px;
	 background : url(form_bg.jpg) 0% 0% / auto auto repeat-y scroll padding-box border-box transparent;
	 margin:0 auto;
}
#form_top{
	   height:10px;background : url(form_top_bg.jpg) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}
#form_bottom{
	height:10px;background : url(form_bottom.jpg) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}
#mail_top{
	   height:34px;background : url(mail.jpg) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}
#mobile_top{
	height:35px;background : url(mobile.jpg) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}
.form_text{
	padding:5px 10px 5px 10px;
}
.form_radio{
	padding:0px 10px 0px 10px;
	float:right
;
}
.form_right{
	margin:0 10px 0 0;
	text-align:right;
}
.form_textfield{
	margin:0 0 10px 0;
	padding:0px 10px 0px 10px;
	float:right;
}
.input_01{
	width:180px;
}
.input_02{
	width:40px;
	height:20px;
	background : url(btn_input.gif) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
	border: none;
	color:#FFFFFF;
	font-weight:bold;
	text-indent:-999em;
}

/*----------------------------------------------------------------------------------------
　新着情報
----------------------------------------------------------------------------------------*/
div.index_new p{
	padding:0 10px 5px 10px;
	}

/*----------------------------------------------------------------------------------------
　コンテンツ・概略
----------------------------------------------------------------------------------------*/
#gairyaku{
	margin:0 17px 0 0;
	padding:0px;
	float:left;
	display:inline;
}


.gairyaku_bg{
	width:320px;
	background : url(gairyaku_bg.gif) left center / auto auto repeat-y scroll padding-box border-box transparent;	
	}
.gairyaku_text{
	width:320px;
	}
	
.gairyaku_text li{
	float:left;
}
.gairyaku_li01{
	width:80px;
	padding:3px 3px 3px 10px;
}

.gairyaku_li02{
	width:210px;
	padding:3px;
}
.gairyaku_line{
	clear:both;
}
.gairyaku_top{
	height:5px;
	background : url(gairyaku_top.gif) left center / auto auto repeat-y scroll padding-box border-box transparent;
	}
.gairyaku_bottom{
	height:5px;
	background : url(gairyaku_bottom.gif) left center / auto auto no-repeat scroll padding-box border-box transparent;
	}			

/*----------------------------------------------------------------------------------------
　footer
----------------------------------------------------------------------------------------*/
#footer{
	width:760px;
	margin:auto;
	background:#F2F2F2;	
}
#footer_link{
	padding:10px 0;
	width:760px;
	}
#footer_link_in a:link{
	   color:#7D0000; text-decoration:underline;
}
#footer_link_in a:visited{
	color:#7D0000; text-decoration:underline;
}
#footer_link_in a:hover{
	  color:#FF7D7D; text-decoration:underline;
}
#footer_link_in a:active{
	color:#FF7D7D; text-decoration:underline;
}	
#footer_link_in{
	width:470px;
	padding-left:15px;
	margin-right:13px;
	text-align:left;
	float:left;
}
#footer_link_in li{
	padding-right:6px;
	display:inline;
} 
#footer_btn{
	padding:0;
	text-align:right;
}

#footer_right{
 	width:250px;
	float:left;
	} 	
#footer_text{
	width:240px;
	padding:0 10px 5px 0;
	text-align:right;
	color:#333333;	
}
#footer_copyright{
	width:760px;
	padding:3px 0px;
	background : url(footer_copyright.gif) left top / auto auto repeat-x scroll padding-box border-box transparent;
	color:#FFFFFF;
	line-height:18pt;
}
#footer_copyright_in{
	width:470px;
	padding-left:10px;
	text-align:left;
	float:left;
}
#footer_pp_sm{
	width:224px;
	padding-right:10px;	
	text-align:right;
	float:right;	
}

#footer_pp_sm a:link{
	   color:#FFFFFF; text-decoration:underline;
}
#footer_pp_sm a:visited{
	color:#FFFFFF; text-decoration:underline;
}
#footer_pp_sm a:hover{
	  color:#FFFFFF; text-decoration:underline;
}
#footer_pp_sm a:active{
	color:#FFFFFF; text-decoration:underline;
}

/*----------------------------------------------------------------------------------------
　ContentsClear
----------------------------------------------------------------------------------------*/
.clearfix::after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

* html .clearfix{
	height:1%;
}

/*\*//*/
.clearfix{
	display: inline-table;
}
/**/

/*----------------------------------------------------------------------------------------
　print
----------------------------------------------------------------------------------------*/
@media print{.contents_01{
	page-break-inside:avoid;
}}