@charset "utf-8";

/*------------------------------------------------------------------------------
Theme Name: ZEN_funfinds
Theme URI: http://www.zennet.co.jp/
Description: ZENオリジナルテーマ FunFinds
Version: 1.0
Author: ZEN
Author URI: http://www.zennet.co.jp/
------------------------------------------------------------------------------*/

/* リセット
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display: block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
	/* リンクの点線を消す */
	overflow:　hidden;
	outline:　none;
}

ins {
    background-color: #ccc;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ccc;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

li {
	 list-style: none;
	 letter-spacing: 0; /* 拡大時も文字位置固定 */
}

/* 基本スタイル
-------------------------------------------------------------- */
html{ height: 100%; }

body {
	background-color: #ffffff;
	color: #666666;
	font-family: "メイリオ",Meiryo,"HG丸ｺﾞｼｯｸM-PRO","ＤＦＧ中丸ゴシック体",Arial,Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	height: 100%;
}

/*------　リンクカラー　------*/

a:link{
	color: #4B858C;
	text-decoration: none;
}

a:visited{
	color: #4B858C;
	text-decoration: none;
}

a:hover{
	color: #4BA6B9;
	text-decoration: underline;
}

a:active{
	color: #7FA6B9;
	text-decoration: underline;
}

/* レイアウト
-------------------------------------------------------------- */

#wrapper {
	width: 100%;
	position: relative;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
	text-align:center;
	background: url(images/bg_head.gif) repeat-x top;
	padding: 0;
	margin: 0;
}

#inner {
	text-align: left;
	padding: 0 10px 280px 10px; /* bottomはフッターの高さと同じ */
	margin: 0 auto;
}

#header {
	height: 130px;
	max-width: 940px;
	position: relative;
	text-align: left;
	padding: 0;
	margin: 0 auto;
}

#contents {
	max-width: 940px;
	margin: 0 auto;
}

#contents_inner {
	clear:both;
	width: 100%;
	float: left;
	margin-right: -240px;
}

#main {
	width: 100%;
	float: right;
	margin-left: -280px
}

#main_inner {
	position: relative;
	padding: 0;
	margin-left: 280px;
}

#side {
	width: 240px;
	float: left;
	padding: 0;
	margin: 0;
}

#footer {
	height: 230px;
	width: 100%;
	position:absolute;
	bottom:0;
	text-align: center;
}

/*------　header　------*/

#logo {
	display: block;
	position: absolute;
	left: 0px;
	top: 30px;
}

#link_menu {
	clear: both;
	width: 100%;
	max-width: 940px;
	padding: 0;
	margin: 10px auto;
}

#link_menu li {
	float: right;
	width: 36px;
	padding: 0;
	margin-right: 10px;
}

/*------　side　------*/

/*------　contents　------*/

/*------　main　------*/

/*------　footer　------*/

#footer .foot_inner{
	max-width: 940px;
	margin: 0 auto;
}

#footer .foot_color {
	width: 100%;
	background: #E15A00 url(images/logo_s.gif) no-repeat center center;
	height: 200px;
	padding: 10px 0 0 0;
	margin: 0;
}

#footer address {
	clear: both;
	position: absolute;
	width: 100%;
	bottom: 0;
	color: #FF8737;
	font-style: normal;
	font-size: 13px;
	line-height: 1.4em;
	text-align: center;
}

#footer a { color:#FF8737; }

#footer a:hover { color:#FFC65B; text-decoration:none; }

/* ナビゲーション
-------------------------------------------------------------- */

/*------　primary navigation　------*/
.menu-primary-container {
	overflow: hidden;
	clear: both;
	width:100%;
	max-width: 940px;
	padding: 0;
	margin: 0 auto;
}

.menu-primary-container ul {
	overflow: hidden;
	height: 100%;
	padding: 0;
	margin-right: -10px;
}

.menu-primary-container li {
	float: right;
	width: 120px;
	height: 30px;
	padding: 0;
	margin-right: 10px;
}

.menu-primary-container a {
	display: block;
	width: 120px;
	height: 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.menu-item-57 > a { background: url(images/contact_1.gif) no-repeat left bottom; }
.menu-item-57 > a:hover { background: url(images/contact_2.gif) no-repeat left bottom; }
.menu-item-57.current-menu-item > a,
.menu-item-57.current-page-parent > a{ background: url(images/contact_2.gif) no-repeat left bottom; }

.menu-item-56 > a { background: url(images/sitemap_1.gif) no-repeat left bottom; }
.menu-item-56 > a:hover { background: url(images/sitemap_2.gif) no-repeat left bottom; }
.menu-item-56.current-menu-item > a,
.menu-item-56.current-page-parent > a{ background: url(images/sitemap_2.gif) no-repeat left bottom; }

/*------　global navigation (Main Menu)　------*/

.menu-global-container {
	clear: both;
	height: 80px;
	max-width: 940px;
	padding: 0;
	margin: 0 auto 20px;
}

ul#global_nav,
div.menu ul{
	text-align: left;
	}
	ul#global_nav li,
	div.menu ul li{
		float: left;
		position: relative;
		width: 16%;
		margin: 0 0.8% 0 0;
		}
	ul#global_nav > li:first-child,
	div.menu ul > li:first-child {
			overflow: hidden;
		}

	ul#global_nav > li:last-child,
	div.menu ul > li:last-child {
			margin:0 0 0 0;
		}

		ul#global_nav li > a,
		div.menu ul li > a {
			display: block;
			color: #e15a00;
			line-height: 80px;
			text-align: center;
			text-decoration: none;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			border:1px #cccccc solid;
			}
			ul#global_nav li:hover > a,
			div.menu ul li:hover > a{
				color: #ca2700;
				}
			ul#global_nav > li.current_page_item > a,
			ul#global_nav > li.current_page_ancestor > a,
			ul#global_nav > li.current-menu-item > a,
			ul#global_nav > li.current-post-ancestor > a,
			ul#global_nav > li.current-category-ancestor > a,
			div.menu ul > li.current_page_item a,
			div.menu ul > li.current_page_ancestor > a,
			div.menu ul > li.current-menu-item > a,
			div.menu ul > li.current-post-ancestor > a,
			div.menu ul > li.current-category-ancestor > a{
				color: #666666;
				}

	/*** Children Menu ***/
	ul#global_nav ul,
	div.menu ul ul{
		display: none;
		position: absolute;
		top: 80px;
		left: 0px;
        font-size: 12px;
		float: left;
		z-index: 99999;
		background-color: #FFFFFF;
		border: 1px solid #cccccc;
		}
		ul#global_nav ul li,
		div.menu ul ul li {
			width: 100%;
			margin: 0;
			}
			ul#global_nav ul li ul,
			div.menu ul ul li ul {
				left: 100%;
				top: -1px;
				}
				ul#global_nav ul li a,
				div.menu ul ul li a {
					line-height: 30px;
					width: 250px;
					border: none;
					text-align: left;
					height: 30px;
                    padding: 0 10px;
					text-indent: 0;
					}
					ul#global_nav ul li:hover > a,
					div.menu ul ul li:hover{
						color: #ca2700;
						background-color: #FFE1A4;
						}
	ul#global_nav li:hover > ul,
	div.menu ul li:hover > ul {
		display: block;
		}

.menu-item-49 > a { background: #FFFFFF url(images/home_1.gif) no-repeat center center; }
.menu-item-49 > a:hover { background: #FF4500 url(images/home_2.gif) no-repeat center center; }
.menu-item-49.current-menu-item > a,
.menu-item-49.current-menu-parent > a,
.menu-item-49.current-menu-ancestor > a{ background: #FFFFFF url(images/home_3.gif) no-repeat center center; }

.menu-item-51 > a { background: #FFFFFF url(images/product_1.gif) no-repeat center center; }
.menu-item-51 > a:hover { background: #FF4500 url(images/product_2.gif) no-repeat center center; }
.menu-item-51.current-menu-item > a,
.menu-item-51.current-menu-parent > a,
.menu-item-51.current-menu-ancestor > a{ background: #FFFFFF url(images/product_3.gif) no-repeat center center; }

.menu-item-52 > a { background: #FFFFFF url(images/recipe_1.gif) no-repeat center center; }
.menu-item-52 > a:hover { background: #FF4500 url(images/recipe_2.gif) no-repeat center center; }
.menu-item-52.current-menu-item > a,
.menu-item-52.current-menu-parent > a,
.menu-item-52.current-menu-ancestor > a{ background: #FFFFFF url(images/recipe_3.gif) no-repeat center center; }

.menu-item-53 > a { background: #FFFFFF url(images/shop_1.gif) no-repeat center center; }
.menu-item-53 > a:hover { background: #FF4500 url(images/shop_2.gif) no-repeat center center; }
.menu-item-53.current-menu-item > a,
.menu-item-53.current-menu-parent > a,
.menu-item-53.current-menu-ancestor > a{ background: #FFFFFF url(images/shop_3.gif) no-repeat center center; }

.menu-item-54 > a { background: #FFFFFF url(images/company_1.gif) no-repeat center center; }
.menu-item-54 > a:hover { background: #FF4500 url(images/company_2.gif) no-repeat center center; }
.menu-item-54.current-menu-item > a,
.menu-item-54.current-menu-parent > a,
.menu-item-54.current-menu-ancestor > a{ background: #FFFFFF url(images/company_3.gif) no-repeat center center; }

.menu-item-55 > a { background: #FFFFFF url(images/shopping_1.gif) no-repeat center center; }
.menu-item-55 > a:hover { background: #FF4500 url(images/shopping_2.gif) no-repeat center center; }
.menu-item-55.current-menu-item > a,
.menu-item-55.current-menu-parent > a,
.menu-item-55.current-menu-ancestor > a{ background: #FFFFFF url(images/shopping_3.gif) no-repeat center center; }

#toggle{
 display: none;
}


/*------　secondary navigation　------*/

.menu-secondary-container {
	clear: both;
	overflow: hidden;
	width:100%;
	max-width: 940px;
	padding: 0;
	margin: 0 auto;
}

.menu-secondary-container ul {
	overflow: hidden;
	height: 100%;
	padding: 0;
	margin-right: -10px;
}

.menu-secondary-container li {
	float: left;
	padding: 0;
	margin-right: 10px;
}

.menu-secondary-container a {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.menu-item-59 a { background: #E15A00 url(images/support_1.gif) no-repeat right bottom; width:200px; height:30px; }
.menu-item-59 a:hover { background: #E15A00 url(images/support_2.gif); }

.menu-item-58 a { background: #E15A00 url(images/customer_1.gif) no-repeat right bottom; width:130px; height:30px; }
.menu-item-58 a:hover { background: #E15A00 url(images/customer_2.gif); }

/*------　foot navigation　------*/

.menu-foot-container {
	text-align:center;
}

#foot_nav li {
	display: inline;
	list-style-type:none;
	margin-right: 3px;
	padding-left: 7px;
	font-size: 12px;
}

#foot_nav li+li {
	border-left:1px solid #CA2700;
}

#foot_nav li a{
	color: #FFC65B;
	text-decoration: none;
	padding: 0 12px 0 10px;
	margin: 0;
}

#foot_nav li a:hover{
	color: #FF8737;
	text-decoration: none;
}

/*------　page side navigation　------*/

#side_menu {
	padding: 0;
	margin-bottom: 10px;
}

#side_menu ul#side_nav li{
	list-style-type: none;
}

#side_menu ul#side_nav li.page_item > a{
	display:block;
	background: #FFFFFF url(images/sub_1.gif) no-repeat top left;
	line-height: 1.2em;
	text-align: left;
	color: #e15a00;
	font-size: 12px;
	padding: 14px 7px 14px 20px;
	margin:0;
}

#side_menu ul#side_nav li.page_item > a:hover{
	background: #FFE1A4 url(images/sub_2.gif) no-repeat top left;
	color: #ca2700;
	text-decoration: none;
}

#side_menu ul#side_nav li.current_page_item > a{
	background: #FFFFFF url(images/sub_3.gif) no-repeat top left;
	color: #999999;
}

#side_menu ul#side_nav li.page_item_has_children > a{
	display: block;
	width: 240px;
	height: 80px;
	line-height: 80px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#side_menu ul#side_nav li.page-item-45 > a { background: url(images/sauce_s_1.gif) no-repeat; }
#side_menu ul#side_nav li.page-item-45 > a:hover { background: url(images/sauce_s_2.gif) no-repeat; }

#side_menu ul#side_nav li.page-item-15 > a { background: url(images/accessory_s_1.gif) no-repeat; }
#side_menu ul#side_nav li.page-item-15 > a:hover { background: url(images/accessory_s_2.gif) no-repeat; }

div#recipe_link a {
	display: block;
	width: 240px;
	height: 80px;
	line-height: 80px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
div#recipe_link a { background: url(images/recipe_s_1.gif) no-repeat; }
div#recipe_link a:hover { background: url(images/recipe_s_2.gif) no-repeat; }

/*------　パンくずリスト　------*/

ul.breadcrumbs {
	list-style: none;
	font-size: 12px;
	padding: 0;
	margin: 0;
}

ul.breadcrumbs li {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
}

/*------　ページトップへ戻る　------*/

.pagetop {
	clear: both;
	height: 50px;
	padding: 20px 0;
}

.pagetop div {
	float: right;
	width: 100px;
	height: 50px;
	overflow: hidden;
	margin: 0;
}

.pagetop a {
	background: #FFFFFF url(images/pagetop_1.gif) no-repeat;
	width: 100px;
	height: 50px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.pagetop a:hover { background: #FFFFFF url(images/pagetop_2.gif) no-repeat; }

/* リンク（ブログロール）
-------------------------------------------------------------- */

.linkbanner {
	text-align: center;
	margin: 0;
}

.linkbanner li {
	list-style: none;
	margin: 0 0 10px 0;
}

/* ウィジェット widget
-------------------------------------------------------------- */

/* 場所：ヘッダー */
#Widget_1 {
	position: absolute;
	top: 60px;
	right: 120px;
	width: 30%;
	height: 50px;
	padding: 0;
	margin: 0;
}

/* 場所：サイド */
#Widget_2 {
	clear: both;
	padding: 0;
	margin: 0 0 20px 0;
}

#Widget_3 {
	clear: both;
	padding: 0;
	margin: 0 0 20px 0;
}

/* 場所：フッター */
#Widget_4 {
	clear: both;
	position: absolute;
	width: 100%;
	bottom: 20px;
	color: #FF8737;
	line-height: 1.2em;
	text-align: center;
}

/*----- カレンダー（ウィジェット用）-----*/

#wp-calendar {
	width: 90%;
	margin-bottom: 20px;
	font-size: small;
	text-align: center;
	width: 90%;
	/*border: thin double #999999;*/
}

#wp-calendar a {
	color: #369;
	font-weight: bold;
}

#wp-calendar a:hover {
	color: #F90;
	border: none;
}

#wp-calendar td, #wp-calendar th {
	width: 13%;
}

#wp-calendar caption {
	padding: 6px 8px;
	font-weight: bold;
	color: #036;
}

#wp-calendar #prev {
	text-align: left;
	padding-top: 3px;
	padding-left: 3px
}

#wp-calendar #next {
	text-align: right;
	padding-top: 3px;
	padding-right: 3px
}

/* 見出し
-------------------------------------------------------------- */

h1#pagetitle {
	color: #CCCCCC;	overflow: hidden;
	text-align:left;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

h2.catetitle {
	clear: both;
	height: 160px;
	font-size: 1.3em;
	line-height: 40px;
	text-align: center;
	font-weight: normal;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding: 0;
	margin: 10px 0 10px 0;
}

.page-id-11 h2.catetitle { background: #FFE1A4 url(images/t_img_product.jpg) no-repeat center center; }
.page-id-45 h2.catetitle,
.parent-pageid-45 h2.catetitle { background: #FFE1A4 url(images/t_img_sauce.jpg) no-repeat center center; }
.page-id-15 h2.catetitle,
.parent-pageid-15 h2.catetitle { background: #FFE1A4 url(images/t_img_accessory.jpg) no-repeat center center; }
.page-id-17 h2.catetitle,
.parent-pageid-17 h2.catetitle { background: #FFE1A4 url(images/t_img_recipe.jpg) no-repeat center center; }
.page-id-19 h2.catetitle { background: #FFE1A4 url(images/t_img_shop.jpg) no-repeat center center; }
.page-id-21 h2.catetitle { background: #FFE1A4 url(images/t_img_company.jpg) no-repeat center center; }
.page-id-23 h2.catetitle { background: #FFE1A4 url(images/t_img_contact.jpg) no-repeat center center; }
.page-id-26 h2.catetitle { background: #FFE1A4 url(images/t_img_sitemap.jpg) no-repeat center center; }
.page-id-28 h2.catetitle { background: #FFE1A4 url(images/t_img_support.jpg) no-repeat center center; }
.page-id-30 h2.catetitle { background: #FFE1A4 url(images/t_img_costomer.jpg) no-repeat center center; }

h2.posttitle,
h3.pagetitle {
	clear: both;
	background: #FFFFFF url(images/sub_t.gif) repeat-x left bottom;
	font-size: 1.2em;
	line-height: 1.8em;
	text-align: left;
	font-weight: normal;
	border: solid 1px #cccccc;
	padding: 10px 20px;
	margin: 0 0 20px 0;
}

h3.subtitle {
	clear: both;
	font-size: 1.2em;
	line-height: 30px;
	font-weight: normal;
	background: #FFFFFF url(images/arrow_1.gif) no-repeat left 0.6em;
	border-bottom: solid 1px #cccccc;
	padding: 0 0 0 15px;
	margin-bottom: 5px;
}

.post h3.subtitle { /* 投稿内 */
	clear: both;
	color: #FFFFFF;
	line-height: 2em;
	font-size: 1.2em;
	font-weight: normal;
	background-color: #FF4500;
	background-image: none;
	border: none;
	padding: 0 0 0 15px;
	margin: 0 0 10px 0;
}

.post > h1,
.post > h2,
.post > h3 { /* 投稿内 */
	clear: both;
	font-size: 1.3em;
	line-height: 2em;
	font-weight: normal;
	padding: 0;
	margin-bottom: 5px;
}

h4.commenttitle { /* コメントのタイトル */
	clear: both;
	font-size: 1.2em;
	line-height: 30px;
	font-weight: normal;
	background: #FFFFFF url(images/arrow_1.gif) no-repeat left 0.6em;
	border-bottom: solid 1px #cccccc;
	padding: 0 0 0 15px;
	margin-bottom: 5px;
}

.post > h4 { /* 投稿内 */
	clear: both;
	font-size: 1.2em;
	line-height: 2em;
	font-weight: normal;
	padding: 0;
	margin-bottom: 5px;
}

.post h4.subsubtitle { /* 投稿内 */
	clear: both;
	color: #E45A00;
	line-height: 2em;
	font-size: 1.2em;
	font-weight: normal;
	background: #FFFFFF url(images/point_1.gif) no-repeat left 0.6em;
	padding: 0 0 0 15px;
	margin: 0 0 10px 0;
}

.post > h5,h6 { /* 投稿内 */
	clear: both;
	color: #E45A00;
	font-size: 1em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

/* 投稿関連 post
-------------------------------------------------------------- */

div.section {
	padding: 10px;
}

div.post {
	display: block;
	clear: both;
	padding: 0;
	margin: 0 10px 50px 10px;
	overflow: hidden;
}

.post .postdate {
	clear: both;
	color: #666666;
	font-size: 12px;
	text-align: right;
}

.post .postinfo {
	clear: both;
	font-size: 0.8em;
	line-height: 1.3em;
	color: #999999;
	text-align: right;
	padding: 1em 0;
}

.post p { clear: both; }

.post p,
.post div { margin-bottom: 1em; }

.post p a {	text-decoration: underline;	}


.post ul li { list-style-position: inside; list-style-type: disc;}
.post ol li { list-style-position: inside; list-style-type: decimal; }
.post li li { margin-left: 2em; }

.post blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}

/* img */

img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}

/*-----　画像の配置　-----*/

.wp-caption { /*　位置指定した画像の枠　*/
	text-align: center;
}

.alignnone {
	margin: 0 0 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

.aligncenter {
	display: block;
	margin: 0px auto 10px;
}

.wp-caption-text { /*　投稿内画像下のキャプション　*/
	color: #666;
	margin: 0;
}

/*----- アイキャッチ画像 -----*/

.wp-post-image {
	margin: 0 0 1em 0;
}

/*-----　ログインしているときのコメント投稿　-----*/
.comment_login {
	margin: 1em 0;
}

/*-----　コメント　-----*/
.comment {
	padding: 1em;
	margin: 0 20px 40px 10px;
}

.comment p { margin: 1em 0 0 0; }

.commentmeta { font-size: 0.8em; }

dl.commentform { margin: 1em 0 1em 1em; }

dl.commentform dt { font-weight: bold; }

dl.commentform dd { margin-bottom: 1em; }

.submitbtn {
	width: 120px;
	height: 30px;
	margin: 10px 0 10px 4em;
}

.commentform input[type="text"],
.commentform textarea {
	border: 1px solid #CCCCCC;
	padding: 5px;
	width: 80%;
	background-color: #FBFBF3;
}

.commentform input[type="text"]:focus,
.commentform textarea:focus {
	background-color: #ffffff
}

/*-----　続きを読む　-----*/

.more-link {
	font-size: 0.8em;
}

/*-----　ページ送り　-----*/

div.pager {
    margin: 1.5em 0;
    font-size: 12px;
    text-align: center;
	white-space: nowrap;
}
.pager a,
.wp-pagenavi a:link {
    padding: 0.5em 1em;
    margin: 0.25em;
    text-decoration: none;
	color: #666666;
    border: 1px solid #CCCCCC;
}
.pager a:visited {
    border: 1px solid #CCCCCC;
}
.pager a:hover {
	background-color: #FF4500;
	color: #FFFFFF;
	text-decoration: none;
    border: 1px solid #CCCCCC;
}
.pager a:active {
	text-decoration: none;
	border: 1px solid #666666;
}
.pager span.current, .pager span.extend {
    padding: 0.5em 1em;
    margin: 0.25em;
    border: 1px solid #CCCCCC;
	background-color: #DDDDDD;
	color: #FFFFFF;
}
.pager span.pages, {
    padding: 0.5em 1em;
    margin: 0.25em;
	border: none;
}
.pager span.current {
    font-weight: normal;
}

/* よく使う要素
-------------------------------------------------------------- */

/*----- 文字サイズ -----*/

.text-ss { font-size: 0.7em; line-height: 1em; }
.text-s { font-size: 0.8em; line-height: 1em; }
.text-m { font-size: 1.2em; line-height: 1.5em; }
.text-l { font-size: 1.8em; line-height: 2em; }
.text-ll { font-size: 2em; line-height: 2.2em; }

/*----- 文字色 -----*/

.red { color: #EE66AA; }
.gray { color: #999999; }
.orange { color: #FF6600; }
.blue { color: #0066FF; }
.darkred { color: #660000; }

/*----- 強調文字 -----*/

strong { font-weight: bold; }
em { font-style: italic; }

/*----- ボールド -----*/

.bolder { font-weight: bold; }
.boldno { font-weight: normal; }

/*----- 字下げ -----*/

.indent_1 { text-indent: 1em; }

/*----- テキスト位置 -----*/

.text-center { text-align: center !important;}
.text-left { text-align: left !important;}
.text-right { text-align: right !important;}
.text-top { vertical-align: top !important;}
.text-middle { vertical-align: middle !important; }
.text-bottom { vertical-align: bottom !important;}

/* ドット付き文字 */

div.text_dot {
	background: url(images/point_1.gif) no-repeat left 0.4em;
	padding: 0 0 0 15px;
	margin: 0;
}

/* 矢印付きリンク */

a.text_arrow {
	background: url(images/arrow_1.gif) no-repeat left 0.4em;
	padding: 0 0 0 15px;
	margin: 0;
}

a.text_arrow:hover { background: url(images/arrow_2.gif) no-repeat left 0.4em; }

/*----- カラム -----*/

.float_l{
	width: 48%;
	float: left;
}

.float_r{
	width: 48%;
	float: right;
}

/*----- ロールオーバー時画像透明度変更 -----*/

.highlight a:hover *{
	filter: alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
}

/*----- CLEARFIX（float解除） -----*/
.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}

/*----- 隠し罫線 -----*/

hr.hidden  {
	clear: both;
	border: none;
	height: 0;
	width: auto;
	visibility: hidden;
	display: block;
	padding: 0;
	margin: 0;
}

/* 回り込み解除 */
div.clear{
	clear:both;
}

/*----- リストスタイル -----*/

/* ドット無しリスト */

ul.list_none {
	list-style-position: outside;
}

ul.list_none li {
	list-style-type: none;
	background: none;
	padding: 0;
	margin: 0;
}

/* ドット付きリスト */

ul.list_dot {
	list-style-position: outside;
}

ul.list_dot li {
	list-style-type: none;
	background: url(images/point_1.gif) no-repeat left 0.4em;
	padding: 0 0 0 15px;
	margin: 0;
}

/* ドット付きdlリスト */

dl.dlist_dot {
	list-style-position: outside;
}

dl.dlist_dot dt {
	list-style-type: none;
	background: url(images/dot.gif) no-repeat left 0.4em;
	padding: 0 0 0 15px;
	margin: 0;
}

dl.dlist_dot dd {
	list-style-type: none;
	padding: 0 0 0 15px;
	margin: 0 0 1em 0;
}

/* 1カラムリスト */

ul.list_column_1 {
	width: 100%;
	list-style-type: none !important;
	padding: 0;
	margin: 0 0 0 0;
}

ul.list_column_1 li {
	list-style-type: none;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0 0 10px 0;
}

/* 2カラムリスト */

ul.list_column_2 {
	width: 100%;
	list-style-type: none !important;
	padding: 0;
	margin: 0;
}

ul.list_column_2 li {
	list-style-type: none;
	float: left;
	width: 48%;
	padding: 0;
	margin: 0 0 10px 0;
}

ul.list_column_2 li:nth-child(2n+0){
	margin: 0 0 10px 4%;
}

/* 3カラムリスト */

ul.list_column_3 {
	width: 100%;
	list-style-type: none !important;
	padding: 0;
	margin: 0;
}

ul.list_column_3 li {
	list-style-type: none !important;
	float: left;
	width: 32%;
	padding: 0;
	margin: 0 0 10px 0;
}

.list_column_3 li:nth-child(3n-1){
	margin: 0 2% 10px 2%;
}

/*----- テーブルスタイル -----*/

/* テーブル枠あり */

table.table_border {
	clear: both;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px;
	empty-cells:show;
	border-top: #CCCCCC solid 1px;
	border-left: #CCCCCC solid 1px;
}

table.table_border th {
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	font-weight: normal;
	background: #E5E3C3;
	border-top: #FFFFFF solid 1px;
	border-left: #FFFFFF solid 1px;
	border-right: #CCCCCC solid 1px;/**/
	border-bottom: #CCCCCC solid 1px;
	padding: 0.5em 1em;
}

table.table_border td {
	vertical-align: top;
	background-color: #FBFBF3;
	border-right: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px;
	padding: 0.5em 1em;
}
/* tableのセルに交互に色をつける */
table.table_border tr.odd th {
	background-color: #E2D6BE;
}

table.table_border tr.odd td {
	background-color: #F3F0E7;
}


/* テーブル枠なし */
table.table_noborder {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells:show;
}

table.table_noborder th {
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	font-weight: normal;
	white-space: nowrap;
	padding: 0 1em 0 0;
	margin: 0;
}

table.table_noborder td {
	text-align: left;
	vertical-align: top;
	padding: 0 1em;
	margin: 0;
}

/* セルの大きさ */
.cell_s { width: 100px; }
.cell_m { width: 200px; }
.cell_l { width: 300px; }


/*----- フォーム -----*/

/* 注釈 */

.notes {
	color: #ca2700;
	font-size:0.9em;
}

/* ラベル */

label {
	background: url(images/point_1.gif) no-repeat left 5px;
	padding: 0 0 0 15px;
}

/* 入力エラー contact form 7 */
.screen-reader-response { /* エラー内容確認 */
	padding: 20px;
}

.screen-reader-response a { /* エラー内容確認 */
	color: #e15a00 !important;
}

.wpcf7-not-valid-tip { /* 入力不備 */
	color: #e15a00 !important;
	font-size: 0.8em;
	display: block;
}

.wpcf7-validation-errors { /* エラー */
	background-color: #e15a00;
	color: #ffffff;
	border: none !important;
	padding: 0 10px;
}

.wpcf7-mail-sent-ok { /* 送信完了 */
	background-color: #e15a00;
	color: #ffffff;
	border: none !important;
	padding: 0 10px;
}

/* 入力エリア contact form 7 */

input.wpcf7-text,
input.wpcf7-captchar  {
	background-color: #FBFBF3;
	border: 1px solid #999999;
}

input.wpcf7-text:hover,
input.wpcf7-captchar:hover {
	background-color: #ffffff;
	border: 1px solid #999999;
}

textarea.wpcf7-textarea {
	background-color: #FBFBF3;
	border: 1px solid #999999;
	scrollbar-base-color: #cccccc;
	scrollbar-face-color: #cccccc;
	scrollbar-track-color: #eeeeee;
	scrollbar-arrow-color: #666666;
	scrollbar-highlight-color: #eeeeee;
	scrollbar-shadow-color: #999999;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-darkshadow-color: 999999;
}

textarea.wpcf7-textarea:hover {
	background-color: #ffffff;
}

/* ボタン */

.wpcf7-submit {
	padding: 5px 50px;
}

/* ページごとの設定
-------------------------------------------------------------- */

/*-------　ホーム　------*/

/* メイン画像 */

div#main_img {
	padding: 10px 0 0 0;
}

/* ホーム ボタン */

#home_sauce {
	width: 49%;
	float: left;
	background: url(images/niji_b.jpg) no-repeat right top;
	border: 1px solid #cccccc;
	margin: 0 0 20px 0;
}

#home_accessory {
	width: 49%;
	float: right;
	background: url(images/colorful_b.jpg) no-repeat right top;
	border: 1px solid #cccccc;
	margin: 0 0 20px 0;
}

#home_recipe {
	width: 49%;
	float: right;
	border: 1px solid #cccccc;
	margin: 0 0 20px 0;
}

h2.home_button {
	float: left;
	width: 100px;
	height: 130px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

h2.home_button a {
	display: block;
	width: 100px;
	height: 130px;
}

#home_sauce .home_button a { background: url(images/sauce_b_1.gif) no-repeat; }
#home_sauce .home_button a:hover { background: url(images/sauce_b_2.gif) no-repeat; }

#home_accessory .home_button a { background: url(images/recipe_b_1.gif) no-repeat; }
#home_accessory .home_button a:hover { background: url(images/recipe_b_2.gif) no-repeat; }

#home_recipe .home_button a { background: url(images/recipe_b_1.gif) no-repeat; }
#home_recipe .home_button a:hover { background: url(images/recipe_b_2.gif) no-repeat; }

#home_sauce_photo,
#home_accessory_photo {
	clear: both;
	text-align: center;
	padding: 10px;
	margin: 0;
}

#home_recipe_photo {
	text-align: center;
	padding: 10px;
	margin: 0;
}

#home_recipe_inner {
	width: 100%;
	padding: 0;
	margin: 0;
}

#home_sauce_photo li,
#home_accessory_photo li,
#home_recipe_photo li {
	display: inline;
	width: 130px;
	margin: 0 5px 0 5px;
}

#home_sauce_photo li a img,
#home_accessory_photo li a img,
#home_recipe_photo li a img {
	padding: 0 0 5px 0;
}

#home_sauce p,
#home_accessory p,
#home_recipe p {
	clear: both;
	font-size: 0.8em;
	text-align: center;
	margin: 10px 20px;
}

/* リード */

/* #lead {
	clear: both;
	padding: 30px 0 0 0;
} */

/* TOPICS */

h2#topics_title {
	clear: both;
	height: 58px;
	font-size: 1.2em;
	line-height: 58px;
	text-align: left;
	border: solid 1px #cccccc;
	padding: 0;
	margin: 0;
}

h2#topics_title a {
	display: block;
	background: #FFFFFF url(images/t_topics_1.gif) repeat-y left bottom;
	color: #666666;
	font-weight: normal;
	padding: 0 0 0 20px;
	margin: 0;
}

h2#topics_title a:hover {
	background: #FFFFFF url(images/t_topics_2.gif) repeat-y left bottom;
	color: #ffffff;
	text-decoration: none;
}

#topics {
	background: #ffffff url(images/bg_section.gif) repeat-x bottom;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 0 20px;
	margin: 0;
}

#topics dl dt {
	font-size: 14px;
}

#topics dl dt {
	clear: left;
	float: left;
	width: 140px;
	padding: 15px 0 0 0;
}

#topics dl dd {
	border-top: solid 1px #CCCCCC;
	padding: 15px 0 15px 150px;
	margin: 0;
}

#topics dl dt:first-child + dd {
	border-top: none;
}

/* Facebook */

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{ width: 100%!important; }

/*-------　取扱商品　------*/

.product_enter_list ul.list_column_1 img {
	width: 100%;
	max-width: 600px;
	height: auto;
}

/*-------　クッキングソース　------*/

.niji_bg {
	background: url(images/niji_img.jpg) no-repeat top right;
	padding: 30px;
}

.sauce_list ul li dl {
	border: 1px solid #cccccc;
	padding: 10px;
	margin: 0;
}

.sauce_list ul li dl dt {
	text-align: center;
	padding: 0;
	margin: 0 5px 10px 5px;
}

.sauce_list ul li dl dd {
	text-align: center;
	padding: 0;
	margin: 0 5px 10px 5px;
}

/*-------　各ソース商品ページ　------*/

h4.catchcopy {
	text-align: center;
	color: #FF4500;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

div.item_logo {
	text-align: center;
	padding: 0;
	margin: 1em 0;
}

h3.item_name {
	text-align: center;
	font-size: 1.4em;
	line-height: 1.8em;
	padding: 0;
	margin: 0;
}

h4.item_subname {
	text-align: center;
	font-weight: normal;
	font-size: 0.8em;
	line-height: 1.5em;
	margin: 0 0 2em 0;
}

div.price {
	text-align: right;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.5em;
	margin: 2em 0;
}

div.price span {
	color: #ff0000;
	font-size: 1.2em;
}

div.information dl dt {
	clear: both;
	width: 120px;
	float: left;
}

div.information dl dd {
	text-align: left;
	padding: 0 5px 10px 5px;
	margin-left: 130px;
}

/*-------　アクセサリー　------*/

.accessory_enter_list ul.list_column_2 img {
	width: 100%;
	max-width: 280px;
	height: auto;
}

.accessory_list ul.list_column_3 div {
	text-align: center;
	margin: 0;
}

.accessory_list ul.list_column_3 div span {
	display: block;
	text-align: left;
	font-size: 0.8em;
	line-height: 1.4em;
	padding: 0;
	margin: 10px 10px 0 10px;
}


.accessory_list ul.list_column_3 div img {
	width: 100%;
	max-width: 180px;
	height: auto;
}

/*　イニシャルプラス　*/

.initial_list ul.list_column_3 div {
	text-align: center;
	border: solid 1px #cccccc;
	padding: 10px 5px;
	margin: 0;
}

.initial_list ul.list_column_3 div span {
	display: block;
	font-size: 1.5em;
	line-height: 1.2em;
	padding: 0;
	margin: 10px 0 0 0;
}


.initial_list ul.list_column_3 div img {
	width: 100%;
	max-width: 180px;
	height: auto;
}

/*-------　COLORFUL　------*/

.colorful_list ul.list_column_3 div {
	text-align: center;
	margin: 0;
}

.colorful_list ul.list_column_3 div span {
	display: block;
	font-weight: bold;
	padding: 0;
	margin: 10px 0 0 0;
}

.colorful_list ul.list_column_3 div img {
	width: 100%;
	max-width: 180px;
	height: auto;
}

/*-------　ギャラリー　------*/

.gallery_list ul.list_column_3 div {
	text-align: center;
	margin: 0;
}

.gallery_list ul.list_column_3 div img {
	width: 100%;
	max-width: 180px;
	height: auto;
	border-radius: 180px;
	-webkit-border-radius: 180px;
	-moz-border-radius: 180px;
}

.gallery_list ul.list_column_3 div img:hover {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

/*-------　クッキング　------*/

div.sauce_icon ul.list_column_3 li {
	font-size: 0.8em;
	white-space: nowrap;
}

div.sauce_icon ul.list_column_3 li img {
	vertical-align: middle;
}

.recipe_list ul.list_column_1 dl {
	padding: 10px;
	margin: 0;
	border-radius: 10px;
	background-image: url('images/background.svg'); /* IE9 */
	background-image: -moz-linear-gradient(top, #F3F0E7 0%, #FFFFFF 100%); /* Older Firefox */
	background-image: -o-linear-gradient(top, #F3F0E7 0%, #FFFFFF 100%); /* Opera */
	background-image: -webkit-linear-gradient(top, #F3F0E7 0%, #FFFFFF 100%); /* Chrome, Safari */
	background-image: linear-gradient(to bottom, #F3F0E7 0%, #FFFFFF 100%); /* Firefox, IE10 */
}

.recipe_list ul.list_column_1 dl dt {
	clear: both;
	width: 150px;
	float: left;
}

.recipe_list ul.list_column_1 dl dd {
	text-align: left;
	padding: 0 5px 10px 5px;
	margin-left: 160px;
}

.recipe_list ul.list_column_1 dl dd span {
	display: block;
	background: url(images/point_1.gif) no-repeat left 0.4em;
	text-align: left;
	font-size: 1.2em;
	padding: 0 0 0 15px;
	margin: 5px 0;
}

.recipe_list ul.list_column_2 div {
	text-align: center;
}

.recipe_list ul.list_column_3 dl {
	height: 300px;
	padding: 10px;
	margin: 0;
	border-radius: 10px;
	background-image: url('images/background.svg'); /* IE9 */
	background-image: -moz-linear-gradient(top, #F3F0E7 0%, #FFFFFF 100%); /* Older Firefox */
	background-image: -o-linear-gradient(top, #F3F0E7 0%, #FFFFFF 100%); /* Opera */
	background-image: -webkit-linear-gradient(top, #F3F0E7 0%, #FFFFFF 100%); /* Chrome, Safari */
	background-image: linear-gradient(to bottom, #F3F0E7 0%, #FFFFFF 100%); /* Firefox, IE10 */
}

.recipe_list ul.list_column_3 li dl dt {
	text-align: center;
	padding: 0;
	margin: 0 0 10px 0;
}

.recipe_list ul.list_column_3 dl dd {
	text-align: center;
	padding: 0;
	margin: 0 0 10px 0;
}

/*-------　各レシピ　------*/

.recipe_img {
	text-align: center;
}

ol.process {
	counter-reset: number;
	list-style: none;
	margin: 0;
	padding: 0;
}

ol.process li{
	list-style-position: outside;
	margin-bottom: 1em;
}

ol.process li:before{
	counter-increment: number;
	content: counter(number);
}

ol.process li:before {
	float: left;
	background: #FF4500;
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	color: #ffffff;
	text-align: center;
	line-height: 1.5;
	margin: 0 10px 0 0;
}

/*-------　お問合せ　------*/

.contact_dl {
	width: 100%;
}

.contact_dl dt {
	clear: both;
	float: left;
	width: 200px;
	margin-bottom: 1em;
}

.contact_dl dd {
	margin-left: 220px;
	margin-bottom: 2em;
}

div#wpcf7-f124-p23-o1 input#name { width: 30%; }
div#wpcf7-f124-p23-o1 input#email,
div#wpcf7-f124-p23-o1 input#email-2 { width: 50%; }
div#wpcf7-f124-p23-o1 input#subject { width: 95%; }
div#wpcf7-f124-p23-o1 textarea#message { width: 95%; }
div#wpcf7-f124-p23-o1 input#captcha { width: 20%; }


/*-------　サイトマップ　------*/

div#sitemap .subheader{
	line-height: 2em;
	font-size: 1.2em;
	color: #E15A00;
	margin: 0 0 10px 0;
}

div#sitemap li {
	 list-style: none;
	 list-style-position: inside;
}

div#sitemap li a {
	background: #ffffff url(images/arrow_1.gif) no-repeat left 5px;
	padding: 0 0 0 15px;
}

div#sitemap li a:hover {
	background: #ffffff url(images/arrow_2.gif) no-repeat left 5px;
}

div#sitemap li li {
	margin-left : 10%;
}