@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	font-family: "メイリオ", Meiryo, "小塚ゴシック Pro L", "Kozuka Gothic Pro L" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	color: #000;
	font-size: 13px;
	text-align: center;
}

h1 , h2 , h3 , h4 , h5 , h6 { font-weight: normal; }

ul , ol { list-style: none; }

table { border-collapse:  collapse; }

th { text-align: left; }

a { color: #000; }

a:hover { color: #a90012; }

a img { border: none; }

a:hover img { opacity: 0.7; }

address { font-style: normal; }

.section { margin: 0 0 35px 0; }

p.normal { margin: 0 0 1em 0; }


/* --------------------------------------------------
	clearfix
-------------------------------------------------- */
.clearfix:after {
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}

.clearfix { display: inline-block; }

/* exlude MacIE5 \*/  
* html .clearfix { height: 1%; }

.clearfix {
	display: block;
	clear: both;
}


/* --------------------------------------------------
	header
-------------------------------------------------- */
header { height: 49px; }

#header {
	margin: 0 auto 0 auto;
	width: 1130px;
	text-align: left;
}

#header h1 { padding: 10px 0 0 0; }

/* 英語リンク */
#header {
	position:relative;
}
#header #head-menu {
	position:absolute;
	right:0;
	top:15px;
}

#header #head-menu a {
	fonnt-size: 15px;
}

/* SNS */
#header #links_sns{
	position:absolute;
	right:146px;
	top: 9px;
}
#header #links_sns ul li {
	display: inline-block;
	margin: 0 3px;
}
#header #links_sns ul li a {
	display: inline-block;
	width: 32px;
	height: 32px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 110%;
	background-color: #aaa;
	border-radius: 16px;
}
#header #links_sns ul li a:hover {
	background-color: #999;
}
#header #links_sns ul li a.sns-f {background-image : url('../images/sns/sns_logo_f.svg');}
#header #links_sns ul li a.sns-t {background-image : url('../images/sns/sns_logo_t.svg');}
#header #links_sns ul li a.sns-s {background-image : url('../images/sns/sns_logo_s.png');}
#header #links_sns ul li a.sns-i {background-image : url('../images/sns/sns_logo_i.svg');}
#header #links_sns ul li a.sns-y {background-image : url('../images/sns/sns_logo_y.svg');}
#header #links_sns ul li a.sns-l {background-image : url('../images/sns/sns_logo_l.svg');}


/* --------------------------------------------------
	gnav
-------------------------------------------------- */
#gnav {
	background: #b2000e;
	margin: 0 0 14px 0;
}

#gnav ul {
	background: #fff;
	margin: 0 auto 0 auto;
	width: 1130px;
}

#gnav ul li {
	width: 188px;
	height: 88px;
	float: left;
}

/*
#gnav ul li a:hover img { opacity: 0.7; }
*/
#gnav ul li:hover>a>img { opacity: 0.7; }


/* megamenu */
#gnav ul {
	position:relative;
}
#gnav ul li .megamenu-child {
	position:absolute;
	width:1090px; /*1130px; */
	/*height:150px; */
	top:88px;
	left:0;
	padding:20px 40px;
	z-index:1000;
	/*display:none;*/
	visibility: hidden;
	color:#FFF;
}
#gnav ul li .megamenu-child .megamenu-child-top {
	height:26px;
}
#gnav ul li .megamenu-child1 .megamenu-child-top {
	background: url(../images/gnav1_child_top.png) left bottom no-repeat;
}
#gnav ul li .megamenu-child2 .megamenu-child-top {
	background: url(../images/gnav2_child_top.png) left bottom no-repeat;
}
#gnav ul li .megamenu-child4 .megamenu-child-top {
	background: url(../images/gnav4_child_top.png) left center no-repeat;
}
#gnav ul li .megamenu-child5 .megamenu-child-top {
	background: url(../images/gnav5_child_top.png) left center no-repeat;
}
#gnav ul li .megamenu-child .megamenu-child-body {
	background: url(../images/gnav_child_body.png) left center repeat-y;
}
#gnav ul li .megamenu-child1 .megamenu-child-body ,
#gnav ul li .megamenu-child2 .megamenu-child-body {
	background: url(../images/gnav1_child_body.png) left center repeat-y;
	padding-top: 20px;
}

#gnav ul li .megamenu-child .megamenu-child-btm {
	background: url(../images/gnav_child_btm.png) left center no-repeat;
	height:7px;
}
#gnav ul li .megamenu-child1 .megamenu-child-btm ,
#gnav ul li .megamenu-child2 .megamenu-child-btm {
	background: url(../images/gnav1_child_btm.png) left center repeat-y;
}

#gnav ul li .megamenu-child .megamenu-child-body a {
	font-size: 12px;
	text-decoration: none;
	display: inline-block;
	color:#b2000e;
}
#gnav ul li .megamenu-child .megamenu-child-body a:hover ,
#gnav ul li .megamenu-child .megamenu-child-body a:hover p {
	text-decoration:underline;
}
#gnav .megamenu-child-link {
	background:none;
	width:1090px;
	padding:17px 23px 5px;
	width:668px;
}
#gnav .megamenu-child-link li {
	display:inline-block;
	width:90px;
	height:auto;
	padding:5px 38px;
	text-align:left;
}
#gnav ul li .megamenu-child .megamenu-child-body .megamenu-child-link-btm {
	text-align: right;
	padding:0 20px 20px 66px;
	clear: both;
}
#gnav ul li .megamenu-child .megamenu-child-body .megamenu-child-link-btm a {
	background: url(../images/icon_gnav.gif) left center no-repeat;
	padding-left:18px;
}
#gnav .megamenu-child-link.megamenu-child-enjoy li ,
#gnav .megamenu-child-link.megamenu-child-company li {
	height:100px;
	padding:5px 35px 10px;
}
#gnav .megamenu-child-link.megamenu-child-enjoy li img ,
#gnav .megamenu-child-link.megamenu-child-company li img {
	width:90px;
	height:65px;
}

/* 商品情報・レシピ・企業情報 */
#gnav .megamenu-child-link.megamenu-child-productstype {
	width:402px;
	margin: 20px 0 0 0;
	padding:0 0 0 24px;
	border-right: solid 1px #88010b;
	float:left;
}
#gnav .megamenu-child-link.megamenu-child-productstype li {
	width:200px;
	padding:0 0 4px;
}
#gnav .megamenu-child-link.megamenu-child-productstype li img {
	float:left;
}
#gnav .megamenu-child-link.megamenu-child-productstype li p {
	padding:40px 0 0 10px;
	float:left;
	width:80px;
}

#gnav .megamenu-child-right {
	width:160px;
	float:left;
	padding: 0;
	margin: 20px 0 0;
}
#gnav .megamenu-child-right li {
	text-align:center;
	padding:20px 0 30px;
	margin: 0 auto;
	display: block;
	width: 100%;
}
#gnav .megamenu-child-right li a p {
	padding-bottom:10px;
}
#gnav .megamenu-child-link.megamenu-child-recipetype {
	width:364px;
	margin: 20px 0 0 0;
	padding:0;
	float:left;
}
#gnav .megamenu-child-link.megamenu-child-company {
	width: 480px;
	margin: 20px 0 0 0;
	padding:0;
	float:left;
}


#gnav ul li .megamenu-child.megamenu-child1 ,
#gnav ul li .megamenu-child.megamenu-child2 {
	width:814px;
	margin:0 0 0 32px;
}
/*#gnav ul li .megamenu-child.megamenu-child1 .megamenu-child-body .megamenu-child-link-btm,
#gnav ul li .megamenu-child.megamenu-child2 .megamenu-child-body .megamenu-child-link-btm{
	padding-right :20px;
}*/
#gnav ul li .megamenu-child-banner-wrap {
	position:relative;
	float:left;
	margin: 20px 0 0;
	padding: 0 0 0 30px;
	border-left: solid 1px #88010b;
}
#gnav ul li .megamenu-child-banner-wrap:after  {
	position:absolute;
	top: -27px;
	left: 30px;
	text-align: center;
	color: #b2000e;
}
#gnav ul li .megamenu-child.megamenu-child1 .megamenu-child-banner-wrap:after  {
	width: 170px;
	content: "ブランド・コラボサイト";
}
#gnav ul li .megamenu-child.megamenu-child2 .megamenu-child-banner-wrap:after  {
	width: 360px;
	content: "スペシャルレシピページ";
}
#gnav ul li .megamenu-child.megamenu-child1 .megamenu-child-banner-wrap ul ,
#gnav ul li .megamenu-child.megamenu-child5 .megamenu-child-banner-wrap ul {
	width:170px;
}
#gnav ul li .megamenu-child.megamenu-child2 .megamenu-child-banner-wrap ul {
	width:360px;
}
#gnav ul li .megamenu-child.megamenu-child1 .megamenu-child-banner-wrap ul li ,
#gnav ul li .megamenu-child.megamenu-child5 .megamenu-child-banner-wrap ul li {
	float:none;
	width:100%;
	height: auto;
	margin-bottom: 16px;
}
#gnav ul li .megamenu-child.megamenu-child2 .megamenu-child-banner-wrap ul li {
	float:left;
	width:170px;
	height: auto;
	margin-bottom: 16px;
}
#gnav ul li .megamenu-child.megamenu-child2 .megamenu-child-banner-wrap ul li:nth-child(even) {
	margin-left: 20px;
}
#gnav ul li .megamenu-child-banner-wrap ul li a{
	display: block;
	width:100%;
}
#gnav ul li .megamenu-child-banner-wrap ul li a img{
	display: block;
	width:100%;
	height: auto;
}


/* --------------------------------------------------
	plist
-------------------------------------------------- */
#plist ol {
	margin: 0 auto 14px auto;
	width: 1130px;
}

#plist ol li {
	background: url(../images/bg_plist.png) right center no-repeat;
	margin: 0 11px 0 0;
	padding: 0 18px 0 0;
	font-size: 11px;
	letter-spacing: -1px;
	float: left;
}

#plist ol li:last-child {
	background: none;
	margin: 0;
	padding: 0;
}


/* --------------------------------------------------
	contents
-------------------------------------------------- */
#contents {
	margin: 0 auto 62px auto;
	width: 1130px;
	text-align: left;
}


/* 塩こうじサイト
------------------------------ */
.box_type_main { margin: 0 0 35px 0; }

.box_type_main h1 {
	margin-right: 9px;
	width: 67px;
	float: left;
}

.box_type_main h2 {
	margin: 0 0 10px 0;
	font-size: 18px;
}

.box_type_main .inline_box1 {
	width: 1054px;
	float: left;
}

.box_type_main .inline_box2 {
	width: 484px;
	float: left;
}

.list_mark1 li , .list_mark1 dt {
	background: url(../images/icon09.png) left 6px no-repeat;
}

.list_mark2 li , .list_mark2 dt {
	background: url(../images/icon10.png) left top no-repeat;
}


/* 今話題の塩こうじ */
#shiokoji_focus {}

#shiokoji_focus .box1 {
	margin-right: 13px; 
	/*width: 398px;*/
	width: 170px;
	float: left;
}

#shiokoji_focus .box2 {
	margin-right: 13px; 
	/*width: 322px;*/
	width: 501px;
	float: left;
}

#shiokoji_focus .box2 h2 { margin: 0 0 8px 0; }

#shiokoji_focus .box2 li {
	background: url(../images/icon11.png) left center no-repeat;
	margin: 0 0 8px 0;
	/*padding: 0 0 0 25px;*/
	padding: 0 0 0 17px;
}

#shiokoji_focus .box3 {
	width: 308px;
	float: left;
}

/* 塩こうじのちから、オススメ */
#shiokoji_effects .list_mark1 li ,
#shiokoji_pickup .list_mark1 li {
	padding: 0 0 0 46px;
	height: 45px;
	line-height: 45px;
}

#shiokoji_effects .list_mark1 li span ,
#shiokoji_pickup .list_mark1 li span {
	margin-right: 1em;
	font-size: 18px;
	color: #b2000e;
	display: inline-block;
}

/* 塩こうじのちから */
#shiokoji_howto .box1 {
	width: 731px;
	float: left;
}

#shiokoji_howto .box2 {
	width: 299px;
	float: right;
}

#shiokoji_howto .box2 li { margin: 0 0 14px 0; }

#shiokoji_howto .box2 li img { vertical-align: bottom; }

#shiokoji_howto table { width: 100%; }

#shiokoji_howto table td { padding: 0 0 14px 0; }

#shiokoji_howto table td dl { font-size: 18px; }

#shiokoji_howto table td dt { color: #b2000e; }

/* ポイント */
#shiokoji_point table { width: 100%; }

#shiokoji_point table td {
	padding: 0 0 20px 0;
	vertical-align: top;
}

#shiokoji_point table td dt {
	margin: 0 0 14px 0;
	padding: 10px 0 0 0;
	color: #b2000e;
	font-size: 18px;
}

#shiokoji_point table td dd { font-size: 15px; }


/* よくある質問 */
#shiokoji_faq .list_mark2 dt {
	padding: 0 0 0 46px;
	height: 32px;
	line-height: 32px;
	font-size: 18px;
	color: #b2000e;
}


#shiokoji_faq .list_mark2 dd {
	margin: 0 0 7px 0;
	padding: 0 0 0 46px;
}


/* みそ教室
------------------------------ */
/* みそ */
#miso_about {
	background: url(../images/bg_miso.jpg) right 20px bottom no-repeat;
	min-height: 156px;
}

#miso_about p {
	margin: 0 0 14px 0;
	font-size: 18px;
}

#miso_about a {
	margin: 0 30px 0 0;
	display: inline-block;
}

/* おみそのチカラ */
#effects {
	width: 560px;
	font-size: 15px;
	float: left;
}

#effects .list_mark1 li {
	padding: 10px 0 10px 46px;
}

/* 塩分量について */
#salt {
	width: 560px;
	font-size: 15px;
	float: right;
}

/* 活用方法 */
#miso_howto {
	font-size: 15px;
	position: relative;
}

#miso_howto #reci_list { width: 710px; }

#miso_howto #reci_list ul { margin: 0 0 14px 0; }

#miso_howto #reci_list li {
	margin: 0 4px 0 0;
	width: 234px;
	float: left;
}

#miso_howto #reci_list li:last-child { margin: 0; }

#miso_howto #cookpad {
	position: absolute;
	top: 0;
	right: 0;
}

#miso_howto #more_recipe {
	margin: 0 0 12px 0;
	text-align: right;
}

#miso_howto #more_recipe a {
	background: url(../images/btn_miso_off.png) left bottom no-repeat;
	width: 313px;
	height: 36px;
	display: inline-block;
}

#miso_howto #more_recipe a:hover {
	background: url(../images/btn_miso_on.png) left bottom no-repeat;
}

#miso_howto #more_recipe span { display: none; }

#miso_howto #ttl_miso { border-top: solid 3px #b5000d; }

#miso_howto #miso1 {
	width: 703px;
	float: left;
}

#miso_howto #miso1 li { float: left; }

#miso_howto #miso1 a { display: block; }

#miso_howto #miso1 a span { display: none; }

#misonav1 a {
	background: url(../images/bnr_miso1_off.png) left bottom no-repeat;
	width: 354px;
	height: 83px;
}

#misonav1 a:hover { background: url(../images/bnr_miso1_on.png) left bottom no-repeat; }

#misonav2 a {
	background: url(../images/bnr_miso2_off.png) left bottom no-repeat;
	width: 349px;
	height: 83px;
}

#misonav2 a:hover { background: url(../images/bnr_miso2_on.png) left bottom no-repeat; }

#misonav3 a {
	background: url(../images/bnr_miso3_off.png) left bottom no-repeat;
	width: 354px;
	height: 82px;
}

#misonav3 a:hover { background: url(../images/bnr_miso3_on.png) left bottom no-repeat; }

#misonav4 a {
	background: url(../images/bnr_miso4_off.png) left bottom no-repeat;
	width: 349px;
	height: 82px;
}

#misonav4 a:hover { background: url(../images/bnr_miso4_on.png) left bottom no-repeat; }

#miso_howto #miso2 {
	width: 306px;
	float: right;
}



/* --------------------------------------------------
	main
-------------------------------------------------- */
#main {
	width: 836px;
	float: right;
	position: relative;
}


/* 商品情報
------------------------------ */
.item_list { margin: 0 0 30px 0; }

.item_list ul { margin: 0 0 10px 0; }

.item_list li {
	margin: 0 13px 13px 0;
	width: 270px;
	float: left;
}

.item_list li:nth-child(3n) { margin: 0 0 13px 0; }

.item_list li .item_box {
	padding: 13px 13px 13px 13px;
	min-height: 330px;
	border: solid 1px #e6e6e6;
}

.item_list li .item_box .item_pic {
	margin: 0 0 11px 0;
	width: 242px;
	min-height: 180px;
	text-align: center;
}

.item_list li .item_box .item_pic a:hover img { opacity: 0.7; }

.item_list li .item_box .icon_new {
	margin: 0 0 7px 0;
	height: 20px;
}

#item { margin: 0 0 20px 0; }

#item div {
	width: 418px;
	text-align: center;
	float: left;
}

#item ul {
	width: 400px;
	float: left;
}

#item ul li {
	background: url(../images/line01.png) left bottom no-repeat;
	margin: 0 0 20px 0;
	padding: 0 0 21px 0;
	font-size: 15px;
}

#item ul li dt { margin: 0 0 10px 0; }


/* 栄養成分 */
#component { text-align: center; }

#component dt , #component dd {
	margin: 0 auto 0 auto;
	width: 787px;
}

#component dt {
	margin-bottom: 10px;
	text-align: left;
}

#component dd table {
	width: 100%;
	font-size: 15px;
}

#component dd table th , #component dd table td {
	padding: 10px 10px 10px 10px;
	border: solid 1px #c8c8c8;
}

#component dd table th {
	background: #e6e6e6;
	font-weight: normal;
}

/* mod_csol */
#component dd table {
	margin-bottom: 40px;
}
#component dd table.last {
	margin-bottom: 0;
}
#component dd table th {
	width: 17%;
}


/* よくある質問 */
#qa_list { 
	padding: 0 20px 0 20px;
	font-size: 15px;
}

#qa_list li { margin: 0 0 17px 0; }


/* 関連商品 */
#reco_list { padding: 0 0 0 16px; }

#reco_list li {
	margin: 0 17px 0 0;
	width: 188px;
	text-align: center;
	float: left;
}

#reco_list li a:hover img { opacity: 0.7; }

#reco_list li img {
	margin: 0 0 10px 0;
	display: inline-block;
}

#reco_list li p { text-align: left; }


/*
	レシピ
------------------------------ */
#recipe_list { margin: 0 0 30px 0; }

#recipe_list ul {
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
}

#recipe_list ul li {
	margin: 0 8px 13px 0;
	width: 260px;
	float: left;
}

#recipe_list .recipe_box {
	padding: 0 0 0 0;
	min-height: 380px;
	text-align: center;
	border: solid 1px #e6e6e6;
}

#recipe_list ul li .recipe_box .recipe_pic {
	margin: 0 0 11px 0;
	width: 100%;
	min-height: 180px;
}

#recipe_list ul li .recipe_box .recipe_pic a:hover img { opacity: 0.7; }

#recipe_list ul li .recipe_box .recipe_new {
	margin: 0 0 7px 0;
	height: 20px;
	text-align: left;
}

#recipe_list ul li .recipe_box h3 {
	padding: 0 10px 0 10px;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
}

#recipe_list ul li .recipe_box dl {
	padding: 0 10px 0 10px;
	text-align: left;
}

#recipe_list ul li .recipe_box dl dt { margin: 0 0 4px 0; }

#recipe_list ul li .recipe_box dl dt span {
	padding: 0 10px 0 10px;
	height: 20px;
	line-height: 22px;
	color: #b2000e;
	font-weight: bold;
	border: solid 2px #b2000e;
	display: inline-block;
}


/* レシピ詳細 */
#recipe { margin: 0 0 30px 0; }


#recipe #recipe1 {
	width: 418px;
	text-align: center;
	float: left;
}

#recipe #recipe2 {
	width: 400px;
	float: left;
}

#recipe #recipe2 p {
	margin: 0 0 30px 0;
	font-size: 15px;
}

#recipe #recipe2 dt {
	background: url(../images/line01.png) left bottom no-repeat;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	color: #b2000e;
	font-size: 18px;
}

#recipe #recipe2 dd {
	background: url(../images/line01.png) left bottom no-repeat;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

#recipe #recipe2 dd table { width: 100%; }

#recipe #recipe2 dd table tr { border-bottom: dashed 1px #c8c8c8; }

#recipe #recipe2 dd table tr:last-child { border-bottom: none; }

#recipe #recipe2 dd table th , #recipe #recipe2 dd table td {
	padding: 7px 7px 7px 7px;
}

#recipe #recipe2 dd table th { font-weight: normal; }

#recipe3 {
	width: 410px;
	float: left;
}

#recipe3 ol { padding: 0 10px 0 10px; }

#recipe3 ol li {
	margin: 0 0 14px 0;
	padding: 1px 0 0 26px;
}

#recipe3 ol li.no1 { background: url(../images/icon_no1.png) left top no-repeat; }

#recipe3 ol li.no2 { background: url(../images/icon_no2.png) left top no-repeat; }

#recipe3 ol li.no3 { background: url(../images/icon_no3.png) left top no-repeat; }

#recipe3 ol li.no4 { background: url(../images/icon_no4.png) left top no-repeat; }

#recipe3 ol li.no5 { background: url(../images/icon_no5.png) left top no-repeat; }

#recipe3 ol li.no6 { background: url(../images/icon_no6.png) left top no-repeat; }

#recipe3 ol li.no7 { background: url(../images/icon_no7.png) left top no-repeat; }

#recipe3 ol li.no8 { background: url(../images/icon_no8.png) left top no-repeat; }

#recipe3 ol li.no9 { background: url(../images/icon_no9.png) left top no-repeat; }

#recipe3 ol li.no10 { background: url(../images/icon_no10.png) left top no-repeat; }

#recipe4 {
	width: 410px;
	float: right;
}

#recipe4 li {
	width: 205px;
	text-align: center;
	float: left;
}

#recipe4 li img {
	margin: 0 0 10px 0;
	display: inline-block;
}

#recipe4 li p {
	padding:  0 10px 0 10px;
	text-align: left;
}

.to_rec_cate {
	text-align: center;
	clear: both;
}

.to_rec_cate a:hover img { opacity: 0.7; }


/*
	ニュースリリース
------------------------------ */
#news_list {}

#news_list ul { padding: 0 20px 0 20px; }

#news_list ul li { margin: 0 0 28px 0; }

#news_list ul li div , #news_list ul li p { float: left; }

#news_list ul li div {
	height: 18px;
	line-height: 18px;
}

#news_list ul li .date { width: 115px; }

#news_list ul li .icon { width: 87px; }

#news_list ul li p { width: 594px; }

/* ニュース詳細 */
#news_detail { padding: 0 12px 0 12px; }

#news_detail #news_date {
	margin: 0 0 23px 0;
	padding: 0 12px 0 12px;
}

#news_detail #news_date span {
	display: block;
	float: left;
}

#news_detail #news_date .date {
	margin: 0 20px 0 0;
	font-size: 15px;
}

#news_detail #news_date .icon img { vertical-align: middle; }

#news_detail h2 {
	background: url(../images/line02.png) left bottom no-repeat;
	margin: 0 0 20px 0;
	padding: 0 12px 12px 12px;
	font-size: 20px;
}

#news_detail #news_box {
	background: url(../images/line02.png) left bottom no-repeat;
	margin: 0 0 20px 0;
	padding: 0 12px 12px 12px;
}

#news_detail #news_box p { margin: 0 0 1em 0; }


/*
	お問い合わせ
------------------------------ */
#contact {}

#contact .section {
	padding: 0 20px 0 20px;
}

#contact .section table {
	margin: 0 0 20px 0;
	width: 100%;
}

#contact .section table th , #contact .section table td {
	padding: 12px 12px 12px 12px;
	font-weight: normal;
	vertical-align: middle;
	border: solid 1px #c8c8c8;
}

#contact .section table th { background: #e6e6e6; }

#contact .section table th .trl { float: left; }

#contact .section table th .trr {
	color: #a90012;
	font-size: 11px;
	float: right;
}

#contact .section table td textarea , #contact .section table td input , #contact .section table td select {
	vertical-align: middle;
}

#contact .section table td textarea {
	width: 100%;
	height: 140px;
}

#contact .section table td input[type="text"] { height: 20px; }

#caution { margin: 0 0 20px 0; }

#caution ul {
	width: 670px;
	font-size: 11px;
	float: left;
}

#caution ul li {
	padding: 0 0 0 1em;
	text-indent: -1em;
}

#caution ul li:before { content: "■"; }

#caution div {
	width: 68px;
	font-size: 11px;
	float: right;
}

#contact a:hover img { opacity: 0.7; }


/*
	よくあるご質問
------------------------------ */
#qa_main_list { padding: 0 20px 0 20px; }

#qa_main_list dt {
	background: url(../images/icon_qa.png) left center no-repeat;
	margin: 0 0 10px 0;
	padding: 0 0 0 30px;
	height: 20px;
	line-height: 20px;
	color: #b2000e;
	font-size: 15px;
}

#qa_main_list dd { margin: 0 0 50px 0; }


/*
	業務用商品 , ハナマルキの取り組み
------------------------------ */
#gyom {
	margin: 0 0 30px 0;
	padding: 0 20px 0 20px;
}

#gyom p {
	margin: 0 0 1em 0;
	font-size: 15px;
}

#gyom_list li {
	margin: 0 15px 15px 0;
	width: 410px;
	float: left;
}

#gyom_list li:nth-child(2n) { margin: 0 0 15px 0; }

#gyom_list .gyom_item {
	padding: 10px 10px 10px 10px;
	min-height: 120px;
	border: solid 1px #e6e6e6;
}

#gyom_list .gyom_item .pic {
	margin: 0 15px 0 0;
	width: 126px;
	text-align: center;
	float: left;
}

#gyom_list .gyom_item .pic a:hover img { opacity: 0.7; }

#gyom_list .gyom_item dl {
	width: 243px;
	float:left;
}

#gyom_list .gyom_item dt {
	margin: 0 0 10px 0;
	font-size: 15px;
}

#gyom_item_list ul li {
	margin: 0 13px 13px 0;
	width: 270px;
	float: left;
}

#gyom_item_list ul li:nth-child(3n) { margin: 0 0 13px 0; }

#gyom_item_list ul li .gyom_item {
	padding: 10px 0 10px 0;
	min-height: 360px;
	border: solid 1px #e6e6e6;
}

#gyom_item_list ul li .gyom_item div {
	margin: 0 0 10px 0;
	height: 250px;
	text-align: center;
}

#gyom_item_list ul li .gyom_item dl {
	padding: 0 10px 0 10px;
}

#gyom_item_list ul li .gyom_item dt { font-size: 15px; }


/*
	ハナマルキの取り組み
------------------------------ */
.torikumi_box {
	margin: 0 0 20px 0;
	padding: 0 20px 0 20px;
}

.torikumi_box table {
	width: 100%;
	font-size: 11px;
	text-align: center;
}

.torikumi_box table th , .torikumi_box table td {
	padding: 2px 5px 2px 5px;
	border: solid 1px #c8c8c8;
}

.torikumi_box table th {
	background: #e6e6e6;
	font-weight: normal;
}

.torikumi_box table th.bg_type01 {
	background: #969696;
	color: #fff;
}


/* 環境活動 */
.top_line_box {
	margin: 0 0 20px 0;
	padding: 20px 0 0 0;
	border-top: solid 1px #b2000e;
}

.top_line_box .dl_type01 dt {
	padding: 0 0 0 1em;
	text-indent: -1em;
	border: none;;
}

.txt_box1 {
	width: 556px;
	float: left;
}

.img_box1 {
	width: 220px;
	font-size: 11px;
	text-align: center;
	float: right;
}

.txt_box2 {
	width: 556px;
	float: right;
}

.img_box2 {
	width: 220px;
	font-size: 11px;
	text-align: center;
	float: left;
}

.txt_box3 {
	width: 306px;
	float: left;
}

.img_box3 {
	margin: 0 0 0 10px;
	width: 220px;
	font-size: 11px;
	text-align: center;
	float: right;
}



/* 安心・安全えのこだわり、おかあさんの詩コンクール */
.contest li {
	margin: 0 20px 20px 0;
	width: 388px;
	float: left;
}

.contest li:nth-child(2n) { margin: 0 0 13px 0; }

.contest li .outline  {
	padding: 10px 20px 10px 20px;
	border: solid 1px #e6e6e6;
}

.contest li .outline img {
	margin: 0 10px 0 0;
	width: 90px;
	float: left;
}

.contest li .outline dl { float: left; }

.contest li .outline dt {
	margin: 0 0 10px 0;
	padding: 0;
	color: #b2000e;
	font-size: 18px;
	border: none;
}

.contest li .outline2 {
	padding: 10px 10px 10px 10px;
	text-align: center;
	border: solid 1px #e6e6e6;
}

.contest li .outline3 {
	padding: 10px 0 10px 0;
	text-align: center;
	border: solid 1px #e6e6e6;
}

.contest li .outline dt:before { content: ""; }

.contest li .outline dd { margin: 0 0 10px 0; }

.zoom {
	background: url(../images/icon_zoom.png) left center no-repeat;
	padding: 4px 0 4px 25px;
	display: inline-block;
}


/* 親子みそ作り教室 */
.miso_make_flow {
	background: url(../images/line02.png) left bottom repeat-x;
	padding: 0 0 22px 0;
}

.miso_make_flow dt {
	margin: 0 0 20px 0;
	padding: 10px 0 0 0;
	color: #b2000e;
	font-size: 20px;
	border-top: solid 1px #b2000e;
}

.miso_make_flow dt:before { content: "◆"; }

.miso_make_flow dd { margin: 0 0 20px 0; }

.miso_make_flow dd dt {
	margin: 0 0 10px 0;
	padding: 0;
	color: #000;
	font-size: 18px;
	border: none;
}

.miso_make_flow dd dt:before { content: ""; }

.torikumi_box .flt_l01 {
	margin: 0 10px 0 0;
	width: 90px;
	float: left;
}

.torikumi_box .flt_l02 { float: left; }

.torikumi_box .flt_l02 dt {
	background: url(../images/icon07.png) left center no-repeat;
	margin: 0 0 4px 0;
	padding: 0 0 0 20px;
	height: 18px;
	line-height: 18px;
	font-size: 15px;
}


/* スポーツ支援活動 */
.spo_pic {
	width: 220px;
	font-size: 9px;
	float: left;
}

.spo_text {
	width: 555px;
	float: right;
}


/*
	企業情報
------------------------------ */
.company { padding: 0 20px 0 20px; }

.company table {
	margin: 0 0 20px 0;
	width: 100%;
}

.company table th , .company table td {
	padding: 10px 20px 10px 20px;
	border: solid 1px #c8c8c8;
}

.company table th {
	background: #e6e6e6;
	font-weight: normal;
	vertical-align: top;
}

.company table th .year {
	width: 80%;
	display: block;
	float: left;
}

.company table th .month {
	width: 20%;
	display: block;
	float: right;
}

.company .profile + img { float: right; }

.company .profile dt {
	margin: 0 0 10px 0;
	color: #b2000e;
	font-size: 18px;
}

.company .profile dd { margin: 0 0 20px 0; }



/* --------------------------------------------------
	main_column
-------------------------------------------------- */
#main_column {
	margin: 0 auto 0 auto;
	width: 1029px;
	position: relative;
}


/*
	動画一覧
------------------------------ */
.mov_list { padding: 0 10px 0 10px; }

.mov_list li {
	margin: 0 24px 24px 0;
	width: 320px;
	float: left;
}

.mov_list li:nth-child(3n+1) { clear: left; }

.mov_list li:nth-child(3n) { margin: 0 0 24px 0; }

.mov_list li dt {
	margin: 0 0 10px 0;
	font-size: 15px;
}


/*
	サイトのご利用について
------------------------------ */
#about_list {
	padding: 0 20px 0 20px;
}

#about_list dt {
	margin: 0 0 20px 0;
	padding: 10px 0 0 0;
	color: #b2000e;
	font-size: 20px;
	border-top: solid 1px #b2000e;
}

#about_list dt:before { content: "◆"; }

#about_list dd { margin: 0 0 20px 0; }

#about_list dd dt {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 13px;
	border-top: none;
}

#about_list dd dt:before { content: ""; }

#about_list dd dd { margin: 0 0 20px 0; }

#about_list dd dd table { width: 100%; }

#about_list dd dd th , #about_list dd dd td { padding: 8px 0 8px 0; }

#about_list dd dd th {
	width: 180px;
}


/*
	個人情報保護方針
------------------------------ */
#privacy { padding: 0 20px 0 20px; }


/*
	サイトマップ
------------------------------ */
.site_map1 , .site_map2 { padding: 0 0 0 18px; }

.site_map1 li , .site_map2 li {
	margin: 0 18px  18px 0;
	width: 319px;
}

.site_map1 li { float: left; }

.site_map2 li { float: right; }

.site_map1 li dt , .site_map2 li dt {
	background: #b2000e url(../images/icon05.png) 10px center no-repeat;
	margin: 0 0 10px 0;
	padding: 0 0 0 37px;
	height: 32px;
	line-height: 32px;
}

.site_map1 li dt a , .site_map2 li dt a { color: #fff; }

.site_map1 li dd , .site_map2 li dd { padding: 0 10px 0 10px; }

.site_map1 li dd , .site_map2 li dd { padding: 0 10px 0 10px; }

.site_map1 li dd li , .site_map2 li dd li {
	margin-bottom: 8px;
	float: none;
}


/*
	おみそができるまで
------------------------------ */
/* .slideShow  */
.slideShow {
	margin: 0 auto;
	text-align: left;
	display: none;
}
 
/* .mainView  */
.slideShow .mainView {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.slideShow .mainView ul {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.slideShow .mainView ul li {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
.slideShow .mainView ul li img {
	width: 100%;
}

/* .thumbNail  */
.slideShow .thumbNail {
	width: 100%;
	overflow: hidden;
}

.slideShow .thumbNail ul {
	width: 110%;
}

.slideShow .thumbNail ul li {
	float: left;
	display: inline;
	overflow: hidden;
	cursor: pointer;
}

.slideShow .thumbNail ul li img {
	width: 100%;
}

.slideShow .thumbNail ul li.active {
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* sideNavi  */
.slideShow .mainView .btnPrev,
.slideShow .mainView .btnNext {
	top: 0;
	width: 5%;
	height: 100%;
	position: absolute;
	z-index: 100;
}

.slideShow .mainView .btnPrev {
	left: 0;
	background: #ccc url(../img/btnPrev.png) no-repeat center center;
}

.slideShow .mainView .btnNext {
	right: 0;
	background: #ccc url(../img/btnNext.png) no-repeat center center;
}

/* ClearFixElements */
.slideShow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.slideShow ul {
	display: inline-block;
	overflow: hidden;
}

.mainView a img { opacity: 1; }


/* --------------------------------------------------
	sub_nav1
-------------------------------------------------- */
#sub_nav1 {
	width: 723px;
	position: absolute;
	top: 74px;
	left: 114px;
}

#sub_nav1 ul li {
	margin: 0 0 4px 0;
	float: left;
}

#sub_nav1 ul li a {
	background: url(../images/bg_subnav.png) left center no-repeat;
	margin: 0 32px 0 0;
	padding: 0 0 0 14px;
	display: block;
}

#sub_nav2 ul li {
	margin: 0 0 4px 0;
	float: left;
}

#sub_nav2 ul li a {
	background: url(../images/bg_subnav.png) left center no-repeat;
	margin: 0 32px 0 0;
	padding: 0 0 0 14px;
	display: block;
}
/*　はみ出し修正　*/
#sub_nav1.liquid {
  position: relative;
  top:-55px;
  left: 114px;
  margin-bottom:-34px;
}
#sub_nav1.liquid a {
	text-decoration:underline;
}
#sub_nav1.liquid + div .ttl_type01 {
	position:relative;
}
#sub_nav1.liquid + div .ttl_type01 span {
	position:absolute;
	top:0;
	left:0px;
}
/* --------------------------------------------------
	pagetop , back
-------------------------------------------------- */
.pagetop { text-align: right; }

.pagetop a , .back a {
	background: url(../images/icon03.png) left center no-repeat;
	padding: 0 0 0 19px;
	color: #000;
	text-decoration: none;
	display: inline-block;
}

.pagetop a { background: url(../images/icon03.png) left center no-repeat; }

.back a { background: url(../images/icon04.png) left center no-repeat; }

.pagetop a:hover , .back a:hover { text-decoration: underline; }


/* --------------------------------------------------
	side
-------------------------------------------------- */
#side {
	width: 279px;
	float: left;
}

/* category */
#category { 
	margin: 0 0 7px 0; 
	width: 100%;
	display: block;
}



#category dt {
	width: 100%;
	margin: 0 0 1px 0;
	height: 48px;
	cursor: pointer;
	display: table;
	background: url(../images/btn_cate_parent_sec.png) left top no-repeat; }
}

#category dt:hover { 
	opacity: 0.7; 
}

#category dt.open { 
	background-image: url(../images/btn_cate_parent_sec_m.png); 
}
#category dt.cattop{ 
	background-image: url(../images/btn_cate_parent_top.png); 
}
#category dt.cattop.open{ 
	background-image: url(../images/btn_cate_parent_top_m.png); 
}


#category dt span { 
	color: #ffffff;
	vertical-align: middle;
	padding: 0 44px 0 10px;
	display: table-cell;
 }


/*/* みそ */*/
/*#category dt#c_miso { background: url(../images/btn_cate_miso_p.png) left top no-repeat; }*/
/*#category dt#c_miso.open { background: url(../images/btn_cate_miso_m.png) left top no-repeat; }*/
/**/
/*/* インスタント(袋入り) */*/
/*#category dt#c_inst1 { background: url(../images/btn_cate_inst1_p.png) left top no-repeat; }*/
/*#category dt#c_inst1.open { background: url(../images/btn_cate_inst1_m.png) left top no-repeat; }*/
/**/
/*/* インスタント(カップ) */*/
/*#category dt#c_inst2 { background: url(../images/btn_cate_inst2_p.png) left top no-repeat; }*/
/*#category dt#c_inst2.open { background: url(../images/btn_cate_inst2_m.png) left top no-repeat; }*/
/**/
/*/* 塩こうじ */*/
/*#category dt#c_shio { background: url(../images/btn_cate_shio_p.png) left top no-repeat; }*/
/*#category dt#c_shio.open { background: url(../images/btn_cate_shio_m.png) left top no-repeat; }*/
/**/
/*/* 業務用商品 */*/
/*#category dt#c_gyom { background: url(../images/btn_cate_gyom_p.png) left top no-repeat; }*/
/*#category dt#c_gyom.open { background: url(../images/btn_cate_gyom_m.png) left top no-repeat; }*/
/**/
/*#category dt#c_gyom2 { background: url(../images/btn_cate_gyom2_p.png) left top no-repeat; }*/
/*#category dt#c_gyom2.open { background: url(../images/btn_cate_gyom2_m.png) left top no-repeat; }*/
/**/
/*/* レシピカテゴリー */*/
/*#category dt#c_recipe { background: url(../images/btn_cate_rec1_p.png) left top no-repeat; }*/
/*#category dt#c_recipe.open { background: url(../images/btn_cate_rec1_m.png) left top no-repeat; }*/
/**/
/*/* レシピカテゴリー */*/
/*#category dt#c_news { background: url(../images/btn_cate_news_p.png) left top no-repeat; }*/
/*#category dt#c_news.open { background: url(../images/btn_cate_news_m.png) left top no-repeat; }*/
/**/
/*/* お問い合わせ */*/
/*#category dt#c_contact { background: url(../images/btn_cate_contact_p.png) left top no-repeat; }*/
/*#category dt#c_contact.open { background: url(../images/btn_cate_contact_m.png) left top no-repeat; }*/
/**/
/*/* 企業情報 */*/
/*#category dt#c_com { background: url(../images/btn_cate_com_p.png) left top no-repeat; }*/
/*#category dt#c_com.open { background: url(../images/btn_cate_com_m.png) left top no-repeat; }*/
/**/
/*/* 環境にやさしい商品づくり */*/
/*#category dt#c_kan { background: url(../images/btn_cate_kan_p.png) left top no-repeat; }*/
/*#category dt#c_kan.open { background: url(../images/btn_cate_kan_m.png) left top no-repeat; }*/
/**/
/*/* 安心・安全へのこだわり */*/
/*#category dt#c_saf { background: url(../images/btn_cate_saf_p.png) left top no-repeat; }*/
/*#category dt#c_saf.open { background: url(../images/btn_cate_saf_m.png) left top no-repeat; }*/
/**/
/*/* csr活動 */*/
/*#category dt#c_csr { background: url(../images/btn_cate_csr_p.png) left top no-repeat; }*/
/*#category dt#c_csr.open { background: url(../images/btn_cate_csr_m.png) left top no-repeat; }*/
/**/
/*/* 採用情報 */*/
/*#category dt#c_rect { background: url(../images/btn_cate_rect_p.png) left top no-repeat; }*/
/*#category dt#c_rect.open { background: url(../images/btn_cate_rect_m.png) left top no-repeat; }*/



#category dd { display: none; }


#category dd li {
	width: 100%;
	height: 48px;
	display: table;
	border-bottom: solid 1px #ffffff;
}
#category dd li a{
	width: 100%;
	margin: 0 0 1px 0;
	height: 48px;
	background: url(../images/btn_cate_child.png) left top no-repeat; 
	vertical-align: middle;
	padding: 0 44px 0 22px;
	display: table-cell;
	text-decoration: none;
}

#category dd li a:hover { 
	opacity: 0.7; 
}

/* banner */
#side #banner_list li {
	margin: 0 0 7px 0;
	height: 80px;
}

#side #banner_list li:last-child { margin: 0 0 12px 0; }

#side #banner_list li a:hover img { opacity: 0.7; }

/* sns */
#side #sns dt {
	margin: 0 0 8px 0;
	height: 26px;
}

#side #sns dd { 
	text-align: center;
	margin: 0 -3px;
}

#side #sns dd div {
	padding: 0 6px 0 6px;
	display: inline-block;
}

#side #sns dd div img { vertical-align: middle; }

#side #sns dd div a:hover img { opacity: 0.7; }


/* --------------------------------------------------
	footer
-------------------------------------------------- */
footer { background: #9FA0A0; }

footer , footer a { color: #fff; }

#footer {
	background: #9FA0A0;
	margin: 0 auto 0 auto;
	padding: 19px 0 19px 0;
	width: 1130px;
	text-align: left;
}

#footer nav ul.fnav {
	width: 25%;
	float: left;
}

#footer nav ul.fnav span a {
	background: url(../images/icon12.png) left center no-repeat;
	margin: 0 0 10px 0;
	padding: 0 0 0 27px;
	height: 17px;
	font-size: 13px;
	text-decoration: none;
	display: inline-block;
}

#footer nav ul.fnav ul { font-size: 12px; }

#footer nav ul.fnav ul li { margin: 0 0 4px 0; }

#footer nav ul.fnav ul li a {
	background: url(../images/icon13.png) left center no-repeat;
	margin: 0 0 0 26px;
	padding: 0 0 0 14px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
}

#footer nav ul.fnav span a:hover , #footer nav ul.fnav ul li a:hover { text-decoration: underline; }

#footer #copy {
	font-size: 10px;
	text-align: right;
}

/* SNS */
#footer #links_sns{
	position:relative;
	float:left;
}
#footer #links_sns ul li {
	display: inline-block;
	margin: 0 3px;
}
#footer #links_sns ul li a {
	display: inline-block;
	width: 32px;
	height: 32px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	background-color: #000000;
	border-radius: 16px;
}
#footer #links_sns ul li a:hover {
	background-color: #4f4f4f;
}
#footer #links_sns ul li a.sns-f {background-image : url('../images/sns/sns_logo_f.svg');}
#footer #links_sns ul li a.sns-t {background-image : url('../images/sns/sns_logo_t.svg');}
#footer #links_sns ul li a.sns-s {background-image : url('../images/sns/sns_logo_s.png');}
#footer #links_sns ul li a.sns-i {background-image : url('../images/sns/sns_logo_i.svg');}
#footer #links_sns ul li a.sns-y {background-image : url('../images/sns/sns_logo_y.svg');}
#footer #links_sns ul li a.sns-l {background-image : url('../images/sns/sns_logo_l.svg');}


/* --------------------------------------------------
	共通
-------------------------------------------------- */
/*
	title
------------------------------ */
#ttl_main { margin: 0 0 20px 0; }

.ttl_type01 {
	margin: 0 0 14px 0;
	height: 40px;
	background: transparent url(../images/bg_ttl02.png) left center no-repeat;
}
.ttl_type01 span {
	display: inline-block;
	padding: 11px 0 0 36px;
	line-height: 1.0em;
}

.ttl_type02 { margin: 0 0 10px 0; }

.ttl_type02 span {
	padding: 0 20px 0 20px;
	height: 36px;
	line-height: 38px;
	color: #b2000e;
	font-size: 16px;
	font-weight: bold;
	border: solid 2px #b2000e;
	display: inline-block;
}

.ttl_type03 , .ttl_type04 , .ttl_type05 , .ttl_type06 , .ttl_type07 , .ttl_type08 , .ttl_type09 {
	margin: 0 0 14px 0;
	padding: 0 0 0 40px;
	height: 40px;
	line-height: 44px;
	font-size: 20px;
}

.ttl_type03 { background: url(../images/bg_ttl01.png) left top no-repeat; }

.ttl_type04 { background: url(../images/bg_ttl02.png) left top no-repeat; }

.ttl_type05 { background: url(../images/bg_ttl03.png) left top no-repeat; }

.ttl_type06 { background: url(../images/bg_ttl04.png) left top no-repeat; }

.ttl_type07 { background: url(../images/bg_ttl05.png) left top no-repeat; }

.ttl_type08 { background: url(../images/bg_ttl08.png) left top no-repeat; }

.ttl_type09 { background: url(../images/bg_ttl07.png) left top no-repeat; }

/* torikumi */
.ttl_torikumi {
	background: url(../images/line02.png) left bottom repeat-x;
	margin: 0 0 20px 0;
	padding: 0 0 10px 20px;
	font-size: 25px;
} 

.ttl_torikumi span {
	background: url(../images/bg_ttl06.png) left center no-repeat;
	padding: 0 0 0 40px;
	height: 30px;
	line-height: 30px;
	display: block;
}

/* ttl tel */
.ttl_tel {
	background: url(../images/ttl_tel.png) left top no-repeat;
	margin: 0 0 14px 0;
	padding: 0 0 0 48px;
	height: 40px;
	line-height: 44px;
	font-size: 20px;
}

/* ttl mail */
.ttl_mail {
	background: url(../images/ttl_mail.png) left top no-repeat;
	margin: 0 0 14px 0;
	padding: 0 0 0 48px;
	height: 40px;
	line-height: 44px;
	font-size: 20px;
}

/* ttl qa */
.ttl_qa {
	background: url(../images/ttl_qa1.png) left top no-repeat;
	margin: 0 0 14px 0;
	padding: 0 0 0 48px;
	height: 40px;
	line-height: 44px;
	font-size: 20px;
}

/* ttl icon */
.ttl_icon01 {
	background: url(../images/icon_ttl01.png) 11px center no-repeat;
	margin: 0 0 20px 0;
	padding: 0 0 0 45px;
	height: 46px;
	line-height: 45px;
	font-size: 24px;
	border-bottom: solid 1px #b2000e;
	position: relative;
}

.ttl_icon01 .print {
	position: absolute;
	top: 5px;
	right: 10px;
}

.ttl_icon02 {
	background: url(../images/icon_ttl02.png) 11px center no-repeat;
	margin: 0 0 20px 0;
	padding: 0 0 0 45px;
	height: 46px;
	line-height: 56px;
	font-size: 24px;
	border-bottom: solid 1px #b2000e;
	position: relative;
}

.ttl_icon02 .print {
	position: absolute;
	top: 5px;
	right: 10px;
}

.ttl_icon02 .print:hover img { opacity: 0.7; }


/* list
------------------------------ */
/* page_list */
.page_list {
	margin: 0 0 10px 0;
	text-align: center;
}

.page_list li {
	margin: 0 10px 0 10px;
	width: 24px;
	height: 24px;
	line-height: 26px;
	color: #b2000e;
	border: solid 1px #b2000e;
	display: inline-block;
}

.page_list li a {
	background: #b2000e;
	width: 24px;
	height: 24px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
}

.page_list li a:hover {
	background: #fff;
	color: #b2000e;
}

/* number_list */
.number_list {
	margin: 0 0 15px 24px;
	list-style: decimal;
}

.number_list li {
	margin: 0 0 15px 0;
}


/* list type */
.list_type01 {
	margin: 0 0 15px 12px;
	padding: 0 0 0 12px;
	list-style: disc;
}

.list_type01 li { margin-bottom: 8px; }


/* list type */
.dl_type01 dt {
	margin: 0 0 20px 0;
	padding: 10px 0 0 1em;
	text-indent: -1em;
	color: #b2000e;
	font-size: 20px;
	border-top: solid 1px #b2000e;
}

.dl_type01 dt:before { content: "◆"; }

.dl_type01 dd{ margin: 0 0 20px 0; }


.dl_type02 {
	margin: 0 0 20px 0;
	font-size: 15px;
}

/* inline_list */
.inline_list li {
	margin: 0 20px 0 0;
	display: inline-block;
}


/* table
------------------------------ */
.tbl_type01 { width: 100%; }

.tbl_type01 th , .tbl_type01 td {
	padding: 5px 5px 5px 5px!important;
	border: solid 1px #c8c8c8;
}

.tbl_type01 thead th {
	background: #e6e6e6;
	border-bottom: solid 2px #c8c8c8;
}

.tbl_type01 tbody th { background: #fafae6; }

.tbl_type02 {
	background: #f2f2f2;
	border: solid 5px #fafafa;
}

.tbl_type02 th , .tbl_type02 td {
	padding: 10px 10px 10px 10px!important;
	border: none!important;
}


/* text-align
------------------------------ */
.ta_l { text-align: left; }
.ta_c { text-align: center; }
.ta_r { text-align: right; }


/* font color
------------------------------ */
.fc_red { color: #b2000e; }


/* width
------------------------------ */
.w1 { width: 11%; }
.w2 { width: 12%; }
.w3 { width: 13%; }
.w4 { width: 14%; }
.w5 { width: 15%; }
.w6 { width: 16%; }
.w7 { width: 17%; }
.w8 { width: 18%; }
.w9 { width: 19%; }
.w10 { width: 10%; }
.w11 { width: 11%; }
.w12 { width: 12%; }
.w13 { width: 13%; }
.w14 { width: 14%; }
.w15 { width: 15%; }
.w16 { width: 16%; }
.w17 { width: 17%; }
.w18 { width: 18%; }
.w19 { width: 19%; }
.w20 { width: 20%; }
.w21 { width: 21%; }
.w22 { width: 22%; }
.w23 { width: 23%; }
.w24 { width: 24%; }
.w25 { width: 25%; }
.w26 { width: 26%; }
.w27 { width: 27%; }
.w28 { width: 28%; }
.w29 { width: 29%; }
.w30 { width: 30%; }
.w31 { width: 31%; }
.w32 { width: 32%; }
.w33 { width: 33%; }
.w34 { width: 34%; }
.w35 { width: 35%; }
.w36 { width: 36%; }
.w37 { width: 37%; }
.w38 { width: 38%; }
.w39 { width: 39%; }
.w40 { width: 40%; }
.w41 { width: 41%; }
.w42 { width: 42%; }
.w43 { width: 43%; }
.w44 { width: 44%; }
.w45 { width: 45%; }
.w46 { width: 46%; }
.w47 { width: 47%; }
.w48 { width: 48%; }
.w49 { width: 49%; }
.w50 { width: 50%; }
.w51 { width: 51%; }
.w52 { width: 52%; }
.w53 { width: 53%; }
.w54 { width: 54%; }
.w55 { width: 55%; }
.w56 { width: 56%; }
.w57 { width: 57%; }
.w58 { width: 58%; }
.w59 { width: 59%; }
.w60 { width: 60%; }
.w61 { width: 61%; }
.w62 { width: 62%; }
.w63 { width: 63%; }
.w64 { width: 64%; }
.w65 { width: 65%; }
.w66 { width: 66%; }
.w67 { width: 67%; }
.w68 { width: 68%; }
.w69 { width: 69%; }
.w70 { width: 70%; }
.w71 { width: 71%; }
.w72 { width: 72%; }
.w73 { width: 73%; }
.w74 { width: 74%; }
.w75 { width: 75%; }
.w76 { width: 76%; }
.w77 { width: 77%; }
.w78 { width: 78%; }
.w79 { width: 79%; }
.w80 { width: 80%; }
.w81 { width: 81%; }
.w82 { width: 82%; }
.w83 { width: 83%; }
.w84 { width: 84%; }
.w85 { width: 85%; }
.w86 { width: 86%; }
.w87 { width: 87%; }
.w88 { width: 88%; }
.w89 { width: 89%; }
.w90 { width: 90%; }
.w91 { width: 91%; }
.w92 { width: 92%; }
.w93 { width: 93%; }
.w94 { width: 94%; }
.w95 { width: 95%; }
.w96 { width: 96%; }
.w97 { width: 97%; }
.w98 { width: 98%; }
.w99 { width: 99%; }
.w100 { width: 100%; }

/*お問い合わせ　調整*/
#contact .section table td{
	position:relative;
	padding:18px
}

.wpcf7 .wpcf7-form td > span{
	position:relative;
}

.wpcf7 .wpcf7-form .wpcf7-not-valid-tip{
	position:absolute;
	top:24px;
	left:0;
	font-size:10px;
	color:#d33;
	width: 240%;
	display: block;
	line-height:1.0em;
}

.wpcf7 .wpcf7-form td#tbl_td01 > span{
	position:static;
	padding-bottom: 24px;
}
.wpcf7 .wpcf7-form td#tbl_td01 .wpcf7-not-valid-tip{
	top:162px;
	left:14px;
}

.wpcf7 .wpcf7-form td#tbl_td06 .your_zip_first .wpcf7-not-valid-tip{
	top: 42px;
	left: 36px;
	width: 90px;
} 
.wpcf7 .wpcf7-form td#tbl_td06 .your_zip_second .wpcf7-not-valid-tip{
	top: 42px;
	left: 130px;
	width: 90px;
}

.wpcf7 .wpcf7-form td#tbl_td07 {
	padding-bottom: 24px;
}
.wpcf7 .wpcf7-form td#tbl_td07 .wpcf7-tel {
	width: 78px;
}
.wpcf7 .wpcf7-form td#tbl_td01 > span{
	position:static;
}
.wpcf7 .wpcf7-form td#tbl_td07 .wpcf7-not-valid-tip{
	width: 100%;
}

.screen-reader-response{
	display:none;
}
.wpcf7-response-output,.wpcf7-display-none,.wpcf7-validation-errors{
	color:#d33;
	padding:5px;
}
.wpcf7-list-item-label{
	padding-right:10px;
}
.wpcf7c-conf{
	background:none;
	border:none;
}
.wpcf7c-conf{
	background-color: #eeeeee !important;
/*
	background:none!important;
	border:none!important;
	-moz-appearance: none!important;
*/
}

.wpcf7-form .elm-step3 {
	margin-right:16px;
	width: 201px;
	height: 36px;
	background: transparent url(../images/btn_contact03.png) left center no-repeat;
	text-indent: -1000px;
	border-style: none;
	cursor: pointer;
}

.wpcf7-form input[type="email"] , 
.wpcf7-form input[type="tel"] , 
.wpcf7-form select {
	 height: 20px;
}

#contact .section table td textarea , 
#contact .section table td input , 
#contact .section table td select {
	font-family: "メイリオ", Meiryo, "小塚ゴシック Pro L", "Kozuka Gothic Pro L" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* list wp-pagenavi
------------------------------ */
.page_list .wp-pagenavi span {
	margin: 0 10px 0 10px;
	width: 24px;
	height: 24px;
	line-height: 26px;
	color: #b2000e;
	border: solid 1px #b2000e;
	display: inline-block;
}
.page_list .wp-pagenavi span.extend {
	border: none;
	color: #000;
	margin: 0;
}

.page_list .wp-pagenavi a {
	margin: 0 10px 0 10px;
	background: #b2000e;
	width: 24px;
	height: 24px;
	line-height: 26px;
	color: #fff;
	border: solid 1px #b2000e;
	display: inline-block;
	text-decoration: none;
}

.page_list .wp-pagenavi a:hover {
	background: #fff;
	color: #b2000e;
}

/* cycloneslider
------------------------------ */
.cycloneslider {
	margin: 24px auto 2px !important;
	padding-left: 6px;
}

/* site_map
------------------------------ */
.site_map1 li dt , .site_map2 li dt {
	color: #fff
}


/* レシピカテゴリ再編成
------------------------------ */
#category dt span a.openandlink {
	color: #FFFFFF;
}
#category .openandlinkover {
    display: block;
    position: absolute;
    margin-top: -40px;
    width: 180px;
    height: 40px;
}
/*
#category_sub {
	margin-bottom:20px;
}*/
#category_sub ul li {
	width: 100%;
	/*height: 48px;*/
	display: table;
	border-bottom: solid 1px #ffffff;
	height: 40px;
    font-size: 11px;
}
#category_sub ul li a{
	width: 100%;
	margin: 0 0 1px 0;
	/*height: 48px;*/
	background: url(../images/btn_cate_child.png) left top no-repeat; 
	vertical-align: middle;
	padding: 0 44px 0 22px;
	display: table-cell;
	text-decoration: none;
    height: 40px;
    background-size: cover;
}
#category_sub ul li:first-child a {
	background-image:url(../images/btn_cate_link_head.png);

}
/*
#category_sub ul li:last-child a {
	background-image:url(../images/btn_cate_link_foot.png);

}*/

#category_sub ul li a:hover { 
	opacity: 0.7; 
}


/* amazonbana追加
------------------------------ */
div#amazonbana {
    text-align: right;
    margin-right: 15px;
	margin-bottom:-40px;
}

div#amazonbana span {
    display: inline-block;
    height: 60px;
    width: 340px;
    text-align: right;
    line-height: 60px;
}

/* タイ語ページ追加 */
#header #links_sns {
  right: 290px;
}
