/*
Template: twentysixteen
Theme Name: renewal Food Safety-0327
Version: 1.0
*/

@charset "UTF-8";

/* all
---------------------------------------------------- */
*{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
        line-height:150%;
}

img {
 border:none;
}

ul,dl,ol,li{
 list-style-type:none;
}

.clear{
	clear:both;
	height:0px;
	border:0px;
	font-size: 1px;
	line-height:0;
	visibility:hidden;
}

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

.clearfix { display:inline-table; }

/*Mac OS版IEには適用しない \*/
* html .clearfix { height:1%; }
*+html .clearfix { height:1%; }
.clearfix { display:block; }
/**/

html{
	height:100%;
}
body{
	color: #000;
	font-size: 12px;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", "Meiryo","ＭＳ Ｐゴシック";
	height: 100%;
	line-height: 160%;
}


/* link
--------------------------------------*/
a:link {
	color: #000000;
	text-decoration: none;
	outline-style: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
	outline-style: none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
	outline-style: none;
}
a:active {
	color: #000000;
	text-decoration: underline;
	outline-style: none;
}
a img {
	border-style: none;
}


.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}

.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}
.mr60{margin-right: 60px;}

.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}

.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}



/* wrap
--------------------------------------*/
#wrap{
	min-height: 100%;
	_height: 100%; /* for IE6 */
}


/* header
--------------------------------------*/
#header_wrap{
	margin: 0 0 10px 0;
}
#header{
	width: 1080px;
	margin: 0 auto;
}
#header_sub{
	margin: 14px 0 0 0;
	float: right;
}
#header_sub ul li{
	margin: 0 10px 0 0;
	display: inline-block;
	list-style: none;
}
#header_sub ul li:first-child{
	background: url(/images/arrow_02.gif) 4px 6px no-repeat;
	margin: 4px 2px;
	padding: 0 0 4px 16px;
	text-decoration: none;
}
#header_sub ul li:not(:first-child){
	background: #e474ae;
}
#header_sub ul li:not(:first-child) a{
	display: block;
	padding: 4px 8px;
	color: #fff;
}

#header_main{
	margin: 0 0 10px 0;
}

#header_left{
	float: left;
	display: inline-block;
	margin: 0 38px 0 0;
}
#header_center{
	float: left;
	display: inline-block;
	margin: 20px 40px 0 0;
}
#header_right{
	width: 175px;
	float: right;
	border: 1px solid #000;
	padding: 8px 6px;
	margin: 10px 15px 0 0;
}

#header_right #user_icon,
#header_right #user_profile{
	display: inline-block;
	vertical-align: middle;
}
#header_right #user_icon{
	width: 63px;
	margin: 0 14px 0 0;
}
#header_right #user_profile{
	color: #000;
}

/* g_nav
--------------------------------------*/
#gnavi_wrap{
	width: 100%;
	height: 34px;
	margin: 0 auto 30px auto;
	background: url(/images/bg_header.gif) 0 0 repeat-x;
}

#gnavi_box{
	width: 1080px;
	margin: 0 auto;
	background: url(/images/bg_header_menu.gif) 0 0 repeat-x;
}

#gnavi_right{
/*
	width: 210px;
	padding: 6px 12px;
*/
	float: right;
}
#gnavi_right,
#gnavi_right a{
	color: #fff;;
}

#user_name{
	float:left;
}
#user_logout{
	float:right;
}


#gnavi_left{
	float: left;
	width: 800px;
}
#gnavi {
	margin: 0 0;
	z-index: 100;
}


#drop { position: relative; z-index: 30; }
#drop li ul{
  display: none;
}
#drop li:hover ul{
  display: block;
}
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 800px;
  margin: 0 auto 30px auto;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 0;
  background: #dc71ab;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}

/*
.dropmenu li a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
*/

.dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0 0 0 0;
  padding: 2px 0 0 0;
}
.dropmenu li ul li{
  width: 300px;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #EBAAD1;
  background: #eeaacd;
  text-align: left;
	color: #333;
/*
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
*/
}
.dropmenu li:hover > a{
  background: #dc71ab;
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	color: #fff;
}
.dropmenu li a:hover{
  background: #dc71ab;
}

.dropmenu li ul li.limit a{
  padding: 13px 15px;
  border-top: 1px solid #95d0ee;
  background: #95d0ee;
  text-align: left;
  color: #333;
}
.dropmenu li.limit:hover > a{
  background: #77a8c5;
  filter:alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
  color: #fff;
}
.dropmenu li.limit a:hover{
  background: #77a8c5;
}


.dropmenu li.main_menu,
.dropmenu li.main_menu_end{
	margin: 2px 0 0 0;
  padding: 6px 10px;
  border-right: 1px solid #D9FA37;
  cursor: pointer;
}
.dropmenu li.main_menu_end{
  border-right: none;
}


/* top_img
--------------------------------------*/
#top_img{
	width: 860px;
	margin: 0 auto;
	clear: both;
}


/* content
--------------------------------------*/
#content_wrap{
	width: 1080px;
	margin: 0 auto 40px auto;
}

#content p{
	margin: 0 0 15px;
}


#left_wrap{
	float: left;
	width: 200px;
	display: none;
}
#center_wrap{
	float: left;
	width: 860px;
	margin: 0 20px 0 0;
	font-size: 130%;
}
#center_wrap-top{
	float: left;
	width: 860px;
	margin: 0 20px 0 0;
	font-size: 130%;
}
#right_wrap{
	float: right;
	width: 200px;
}


/* center_wrap
--------------------------------------*/
.list_center{
	margin: 0 0 20px 0;
	padding: 10px 20px 10px 20px;
	border: 1px solid #000;
}
.list_center ul li,
.list_center ul li.end{
	background: url(/images/arrow_02.gif) 4px 6px no-repeat;
	margin: 4px 2px;
	padding: 0 0 4px 16px;
	color: #000000;
	text-decoration: none;
}
.list_center ul li.end{
	margin: 4px 2px 0 2px;
}


p.more{
	background: none;
	float: right;
	margin: 0;
	padding: 0;
}
p.more a{
	color: #e49bc1;
}

.left{
	float: left;
}
.right{
	float: right;
}


.hot_topics{
	width: 280px;
	min-height: 210px;
	float: left;
	margin: 10px 0;
}
.hot_topics:nth-child(2n+1){
	margin: 10px 5px;
}

.hot_topics img{
	max-width: 100%;
	margin: 0 0 8px 0;
}

.hot_topics_txt{
	color: #000;
}

.hot_topics_txt .left{
	width: 76px;
	float: left;
	font-size: 11px;
	padding: 2px 2px;
	margin: 0 10px 0 0;
	text-align: center;
	color: #000;
}
.hot_topics_txt .right{
	width: 190px;
	float: right;
}


.hot_topics_txt .category_01{background: #b0e0fb;}
.hot_topics_txt .category_02{background: #f8afd1;}
.hot_topics_txt .category_03{background: #cbc1ed;}
.hot_topics_txt .category_04{background: #fdf2bb;}
.hot_topics_txt .category_05{background: #cee29a;}


.pr{
	width: 34px;
	float: left;
	padding: 2px 2px 0 2px;
	margin: 0 10px 0 0;
	background: #d9fa37;
	text-align: center;
	font-size: 11px;
	color: #000;
}

.center_banner1 li {
	margin-bottom: 7px;
}

.center_banner1 li img {
	vertical-align: middle;
}

#center_wrap a {
	color: #ae007e;
}

#center_wrap h4{
	font-size: 1.2em;
}

#center_wrap h5{
	font-size: 1.5em;
}

#center_wrap h6{
	font-size: 1.17em;
}
/*
#center_wrap p{
	margin: 20px;
}
*/
#center_wrap>.list_title>p{
	margin-bottom: 4px;
}

#center_wrap h4#none{
	background: none;
	border: none;
	line-height: inherit;
	margin: 0 0 30px 0;
	padding: 0;
	width: auto;
}
#center_wrap h4#none:before{
	background: none;
}


.yarpp-related{
	margin: 0 0 50px 0!important;
}
.yarpp-related a {
	text-decoration: inherit!important;
	font-weight: inherit!important;
}

.yarpp-related a:hover {
	text-decoration: underline!important;
}

.yarpp-related h3 {
	background: initial;
	border-bottom: 1px solid #000;
	color: #333;
	font-weight: bold;
	margin: 0 0 10px 0!important;
	padding: 0 0 0px 10px!important;
}

.yarpp-thumbnails-horizontal{
	text-align: center;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail{
	width: 145px!important;
	height: 190px!important;
}

.yarpp-thumbnail>img, .yarpp-thumbnail-default{
	width: 135px!important;
	height: 135px!important;
}

.yarpp-thumbnail-default>img{
	min-width: 135px!important;
	min-height: 135px!important;
	width: 100%;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title{
	width: 131px!important;
}

.comments-area{
	margin: 60px 0;
}
.comment-list{
	margin-bottom: 50px;
}

.comment-notice{
	margin-bottom: 50px;
}

.comment-notice .comment-notice-content{
	font-size: .9em;
}

.comment-notice .comment-notice-content li{
	list-style-type: disc;
	margin: 10px 0 10px 1.8em;
}

.comment-body{
	border: 1px solid #999;
	border-radius: 7px;
	margin-bottom: 15px;
	overflow: hidden;
}

.comment-body .comment-author{
	background: #999;
	color: #fff;
	padding: 0px 5px;
}

.comment-body .comment-content{
	padding: 0 5px;
}

.comment-respond{
	border: 1px solid #999;
	border-radius: 7px;
	margin-bottom: 15px;
	overflow: hidden;
}

.comment-respond .comment-form-title{
	background: #999;
	color: #fff;
	padding: 0px 5px;
}

.comment-respond .comment-form{
	padding: 15px 15px 15px 0;
}

.comment-respond .comment-form .comment-form-author,
.comment-respond .comment-form .comment-form-comment{
	margin-bottom: 15px;
}

.comment-respond .comment-form .comment-form-label{
	display: inline-block;
	text-align: center;
	width: 15%;
}

.comment-respond .comment-form .comment-form-input{
	box-sizing: border-box;
	display: inline-block;
	padding-right: 15px;
	vertical-align: middle;
	width: 85%;
}

.comment-respond .comment-form .form-submit{
	text-align: right;
}

.comment-respond .comment-form .form-submit .submit{
	padding: 0 20px;
}

.wpcf7-textarea{
	width: 95%;
	height: 80px !important;
}
.wpcf7-submit{
	padding: 0 20px;
	margin-top: 10px;
}
.wpcf7-question {
	font-size: 1.1em;
	margin: 50px 0 10px;
}
/* left_wrap
--------------------------------------*/
#list_info ul li{
	background: url(/images/arrow_list_info.png) 4px 1px no-repeat;
	margin: 4px 0;
	text-decoration: none;
}
#list_info ul li.bg_01{background-color: #f79cce;}
#list_info ul li.bg_02{background-color: #95d0ee;}

#list_info ul li.bg_01.first{margin-top: 0px;}

#list_info ul li a{
	display: block;
	text-decoration: none;
	padding: 4px 0px 4px 32px;
}

#list_info ul li a:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.list_title{
	padding: 4px 0;
	margin: 0 0 0 0;;
	background: #555;
}
.list_title p{
	padding: 0 0 0 10px;
	margin: 4px 0 4px 0;
	color: #fff;
	text-align: left;
	border-bottom: 1px solid #d9fa37;
}

.list_left{
	border: 1px solid #000;
}

/*
.list_left ul li a{
	display: block;
}
*/

.list_left ul li,
.list_left ul li.end{
	background: url(/images/arrow_01.gif) 4px 6px no-repeat;
	margin: 4px 4px;
	padding: 0 0 4px 16px;
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dotted #999;
}
.list_left ul li.end{
	margin: 4px 2px 20px 4px;
}


/* right_wrap
--------------------------------------*/
.list_right{
	margin: 0 0 20px 0;
}
.list_right ul li,
.list_right ul li.end{
	background: url(/images/arrow_02.gif) 4px 6px no-repeat;
	margin: 4px 2px;
	padding: 0 0 4px 16px;
	color: #000000;
	text-decoration: none;
}
.list_right ul li.end{
	margin: 4px 2px 20px 2px;
}

.side_frame ul li{
	margin: 0 0 4px 0;
}


/* search_box
----------------------------------------------------------- */
#search_box{
	position: relative;
	top: 3px;
	right: 43px;
}
#search_txt{
	width: 138px;
	height: 15px;
	background: #fff;
	border: none;
	padding: 2px;
	color: #000;
	border: 3px solid #999;
}

#search_btn{
	position: absolute;
	top: 0;
	_top: 1px;
	left: 148px;
}
*:first-child + html #search_btn	{
	top: 1px;
}
input[type="image"]:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


/* pagetop
--------------------------------------*/
#pagetop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


#pagetop a{
	float: right;
	background: url(/images/arrow_to_top.png) 0 0 no-repeat;
	margin: 4px 2px;
	padding: 2px 0 4px 28px;
	color: #ae007e;
}


/* footer
--------------------------------------*/
#footer{
	height: 100px;
/*
	margin-top: -100px;
*/
	padding: 0 10px;
	color: #FFF;
	border-top: 2px solid #a4a1a1;
}

.footer-content{
width:100%;
padding:23px 0 25px;
}
.footer-content.primary{
padding:18px 0 27px;
border-top:4px solid #adadad;
background:#f7f7f7;
}
.footer-content.secondary{
padding:4px 0 2px;
border-bottom:1px solid #d1d1d1;
background:#ebebeb;
}
.footer-inner{
height:3em;
width:1080px;
margin:0 auto;
overflow:hidden;
position:relative;
}
.footer-inner .company-link{
width:680px;
float:left;
overflow:hidden;
}
.footer-inner .company-link li{
width:308px;
margin:0 20px 0 0;
padding:0 0 0 12px;
float:left;
}
.footer-inner .company-link li a{
color:#575757;
}
.footer-inner .company-info{
width:320px;
float:left;
}
.footer-inner .company-info p{
margin-bottom:0;
}
.footer-inner .company-info .about-link{
width:320px;
}
.footer-inner .company-info .about-link li{
width:308px;
padding:0 0 0 12px;
float:left;
}
.footer-inner .company-info .about-link li a{
color:#575757;
}
.footer-inner .info-utility{
width:480px;
margin:0 0 -1px -10px;
overflow:hidden;
float:left;
}
.footer-inner .info-utility li{
margin:0 10px 0 0;
padding:0 0 0 10px;
float:left;
}
.footer-inner .info-utility li a{
color:#575757;
}
.footer-inner .info-group{
float:left;
position:relative;
}
.footer-inner .info-group p{
margin:-13px 0 0;
position:absolute;
top:50%;
left:0;
}
.footer-inner .info-group ul{
margin:0 0 -5px 114px;
padding:0 0 0 24px;
border-left:3px solid #adadad;
}
.footer-inner .info-group ul li{
margin:0 !important;
margin:5px 0;
}
.footer-inner p.csr{
margin:-12px 0 0;
float:right;
position:absolute;
top:50%;
right:0;
}
.footer-inner small.copyright{
width:480px;
margin:1px 0 0;
font-size:100%;
font-family:Verdana;
text-align:right;
float:right;
}



/* pankuzu
--------------------------------------*/
#pankuzu{
	font-size:90%;
	margin: 0 auto 20px 0;
	padding:0;
}
#pankuzu ul li{
	float: left;
	margin: 0 0 0 10px;
}
#pankuzu ul li a{
	color: #e49bc1;
}



/*
--------------------------------------*/
/*
h1, #center_wrap h4{
*/
h1{
	width: 798px;
	padding: 16px 30px 16px 30px;
	margin: 0 0 10px 0;
	border: solid 1px #b7b7b7;
	line-height: 130%;
  background-color: #f9f8f8;
  background-image: url(/images/bar_title.gif);
  background-position: 16px 6px;
  background-repeat: no-repeat;
  font-size:120%;
}

#center_wrap h4{
	width: 798px;
	position:relative;
	padding: 16px 30px 16px 30px;
	margin: 0 0 10px 0;
	border: solid 1px #b7b7b7;
	line-height: 130%;
  background-color: #f9f8f8;
}
#center_wrap h4:before{
	position: absolute;
	content: "";
	background: #d6f928;
	top:15%;
	left:14px;
	width:4px;
	height:70%;
}


h2, #center_wrap h5{
	background: url(/images/arrow_title_h2.gif) 8px 17px no-repeat;
	padding: 8px 0 8px 33px;
	margin: 0 0 20px 0;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
h3, #center_wrap h6{
	color: #fff;
	font-weight: bold;
	padding: 10px 0 10px 20px;
	margin: 0 0 10px 0;
	background: #e473ad;
}

table.ta01, #center_wrap table{
/*	width: 800px;*/
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border: 1px solid #ccc;
	margin: 0 0 10px 30px;
}
table.ta01 th, #center_wrap table th{
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #fdf0f5;
	text-align: center;
}
table.ta01 th.first{
/*	width: 340px;*/
}
table.ta01 th.second{
}
table.ta01 td, #center_wrap table td{
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}


h2.list_hn{
	font-weight: normal;
	font-size: 12px;
	background: url(/images/arrow_title_h2.gif) 8px 10px no-repeat;
	padding: 8px 0 0 30px;
	margin: 4px 0 0 0;
	border: none;
}

.kokunai_hn_box{
	margin: 0 0 20px 0;
	border-top: 1px dotted #ccc;
}
.kokunai_hn_box_end{
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
.kokunai_hn_box a{
	color: #000!important;
}
.kokunai_hn_box p{
	margin-top: 0px;
}


.sub_ul{
	color: #e49bc1;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 20px 0;
	padding: 0 0 4px 10px;
	border-bottom: 1px solid #333;

}

.list_archive ul li{
	margin: 0 0 20px 0;
}
.list_archive ul li{
	background: url(/images/arrow_03.gif) 4px 6px no-repeat;
	margin: 4px 2px 4px 30px;
	padding: 0 0 4px 16px;
	color: #000000;
	text-decoration: none;
}




.shokuhin_hn_box{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

h2.list_shokuhin_hn{
	background: url(/images/arrow_title_h2.gif) 8px 2px no-repeat;
	padding: 0 0 0 30px;
	margin: 10px 0 10px 0;
	border: none;
	float: left;
}

.to_list{
	width: 120px;
	float: right;
	background: #fbaed6;
	color: #fff;
	padding: 4px 0;
}
.to_list a{
	display: block;
	font-size: 16px;
	padding: 6px 0;
	color: #fff;
	text-align: center;
}

.wp-pagenavi{
	margin-top: 35px;
	text-align: center;
}

#center_wrap .sitemap>.cat-item>a {
	display: block;
	color: #e49bc1;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 20px 0;
	padding: 0 0 4px 10px;
	border-bottom: 1px solid #333;
}

.children li.cat-item {
	background: url(/images/arrow_03.gif) 4px 6px no-repeat;
	margin: 4px 2px 4px 30px;
	padding: 0 0 4px 16px;
	color: #000000;
	text-decoration: none;
}
/* center_wrap tabito+
--------------------------------------*/
#center_wrap .pink li{
    background: rgba(0, 0, 0, 0) url("/images/arrow_01.gif") no-repeat scroll 4px 6px;
    color: #000000;
    margin: 4px;
    padding: 0 0 4px 16px;
    text-decoration: none;
}
#center_wrap .green li{
    background: rgba(0, 0, 0, 0) url("/images/arrow_02.gif") no-repeat scroll 4px 6px;
    color: #000000;
    margin: 4px;
    padding: 0 0 4px 16px;
    text-decoration: none;
}

/* 写真　画面右 */

#center_wrap div.imagebox_right{
  float: right;
  padding: 0px 0px 5px 10px;
}

#center_wrap .imagebox_right span{
  display: block;
  color: #333333;
  text-align: left;
}

#center_wrap div.clear{
  clear: both;
  margin: 0 0 10px 0;
}

/* 写真　画面左 */

#center_wrap div.imagebox_left{
  float: left;
  padding: 0px 10px 5px 0px;
}

#center_wrap .imagebox_left span{
  display: block;

    color:#333333;
  text-align: left;
}

#center_wrap div.clear{
  clear: both;
  margin: 0 0 10px 0;
}

#center_wrap div.clear{
  clear: both;
  margin: 0 0 10px 0;
}

/* 文章右寄せ */
p.right{
	text-align:right;
}

/* hr装飾 */
hr.deco{
	border-top: 1px dotted #e474ae;
}