@charset "UTF-8";



/*
	--------------------------------
	更新日: 2012-12-25
	--------------------------------
*/



@import "global.css";


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/* --------------------------------
	body
-------------------------------- */
html {}
body {	background: #fbfaf2 url(../img/bg.gif) repeat-x center top;
}

@media only screen and (max-width: 768px) {
body {	background: #fbfaf2 none;
}
}

/* --------------------------------
	コンテナ
-------------------------------- */

.nopc {
	display:none;
}

.nosmp {
	display: block;
}

@media only screen and (max-width: 768px) {
.nopc {
	display:block;
}
.nosmp {
	display: none;
}
}
/* --------------------------------
	ヘッダ
-------------------------------- */
#header,
ul#globalnavi,
#mainVisual {
	background: none;
}

#mainVisual {
	height:270px;
	margin-top:20px;
}

#header {
	padding: 0 0 0 0;
	zoom: 1;
	margin:0 0 0 0;
	height:90px;
}

#headerInner { height:100px; width:960px; margin:0 auto; position:relative;}

@media only screen and (max-width: 768px) {
#header {
	padding: 0 0 0 0;
	zoom: 1;
	margin:0 0 0 0;
	height: auto;
}
#headerInner { height:auto; width:100%; margin:0 auto; position:relative;}
}

/* 1.Description
========================================== */
h1#description {
	position:absolute;
	right:0;
	top:0;
	zoom: 1;
	font-size:11px;
	z-index:5;
	display:block;
	background:url(../img/descri.gif) no-repeat center top;
	width:260px;
	height:24px;
	color:#ffffff;
	text-align:center;
}
@media only screen and (max-width: 768px) {
h1#description {
	position: relative;
	right:0;
	top:0;
	zoom: 1;
	font-size:11px;
	z-index:5;
	display:block;
	background:url(../img/descri.gif) no-repeat center top;
	width:100%;
	height:24px;
	color:#ffffff;
	text-align:center;
	margin:0;
	padding:0;
}
}

h1#description a { text-decoration:none; color:#ffffff; display:block; padding:5px;}
h1#description a:link { text-decoration:none; color:#ffffff;}
h1#description a:visited { text-decoration:none; color:#ffffff;}
h1#description a:active { text-decoration:none; color:#ffffff;}
h1#description a:hover { text-decoration:none; color:#ffffff;}
/* 2.Site Title
========================================== */
#header h2#siteTitle {
	padding:15px;
}
@media only screen and (max-width: 768px) {
#header h2#siteTitle {
	padding:15px 0 20px;
	text-align:center;
}
}
#header h2#siteTitle a {
}


/* 3.Header Navi
========================================== */
#header ul.headerNavi01 {
	position: absolute;
	top: 32px;
	right: 0;
	width: 210px;
	zoom: 1;
	z-index:240;
}
#header ul.headerNavi01:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

#header ul.headerNavi01 li {
	height:22px;
	float:left;
}

#header ul.headerNavi02 {
	position: absolute;
	top: 60px;
	right: 0;
	width: 326px;
	zoom: 1;
	z-index:240;
}
#header ul.headerNavi02:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

#header ul.headerNavi02 li {
	height:22px;
	float:left;
}

#header ul.headerNavi01 li.item01 {width:127px;}
#header ul.headerNavi01 li.item02 {width:82px;}
#header ul.headerNavi02 li.item01 {width:137px;}
#header ul.headerNavi02 li.item02 {width:97px;}
#header ul.headerNavi02 li.item03 {width:92px;}

#header ul#headerNavi li a {
	display: block;
	background: #FFF;
}

#header ul#headerNavi li a:hover {
	background-color: transparent;
}


ul#headerLink {
	zoom: 1;
	position:absolute;
	top:50px;
	right:260px;
}
ul#headerLink:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

ul#headerLink li {
	float: left;
	display: inline;
	height:15px;
}
ul#headerLink li.item01 {width: 73px;position:}
ul#headerLink li.item02 {width: 94px;position:}
ul#headerLink li.item03 {width: 120px;position:}
ul#headerLink li.item04 {width: 121px;position:}
ul#headerLink li.item05 {width: 87px;position:}
ul#headerLink li.item06 {width: 108px;position:}

ul#headerLink li a {
	display: block;
	background: #FFF;
}


ul#headerLink li a:hover img {filter: alpha(opacity=100);opacity:1;background: #fff;}

@media only screen and (max-width: 768px) {
header {
	width: 100%;
}

}
/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
#logo img { width:50%; margin:0 auto;}
}

/* --------------------------------
	グロナビ
-------------------------------- */
div#globalNaviArea { width:100%; height:50px;z-index:200; background:url(../img/naviBg.gif) repeat-x;}
div#globalNaviAreaInner { width:960px; margin:0 auto; height:80px;}
div#globalNaviAreaSub { width:100%; height:50px;z-index:200;}
div#globalNaviAreaSubInner { width:960px; margin:0 auto; height:50px; background:url(../img/naviBg.gif) repeat-x;}
ul#globalNavi {
	z-index:120;
	zoom: 1;
	padding:0 0 0 0;
	width: 960px;
	height:50px;
}
ul#globalNavi:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

ul#globalNavi li {
	float: left;
	display: block;
	height:50px;
}
ul#globalNavi li.item01 {width: 137px;}
ul#globalNavi li.item02 {width: 137px;}
ul#globalNavi li.item03 {width: 137px;}
ul#globalNavi li.item04 {width: 137px;}
ul#globalNavi li.item05 {width: 137px;}
ul#globalNavi li.item06 {width: 137px;}
ul#globalNavi li.item07 {width: 137px;}
ul#globalNavi li.item08 {width: 137px;}

ul#globalNavi li a {
	display: block;
}


ul#globalNavi li a:hover img {filter: alpha(opacity=100);opacity:1;}

div#globalNaviAreaSub ul#globalNavi {height:50px; border-bottom: none;}


/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
nav#gnav { width:100%; margin:0 auto; height: auto;}
	.mainNav li {
		width: 25%;
	}
}

/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
	nav#gnav .mainNav {
		display: none;
		width:100%;
		margin:0 0 0;
	}
	nav#gnav .mainNav li {
		width: 100%;
		padding:20px 0 20px;
		margin:0 0 0;
		float:none;
		border-bottom: 1px solid #CCC08D;
	}
	nav#gnav .mainNav li:first-child {
		border-top: 1px solid #CCC08D;
	}
	#toggle {
		display: block;
		position: relative;
		width: 100%;
		background: #faf7f0;
	}
	#toggle a{
		display: block;
		position: relative;
		padding: 20px 0 20px;
		color:#000000;
		text-align: center;
		text-decoration: none;
	}
	#toggle:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background:#CCC08D;
	}
	#toggle a:before, #toggle a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 6px;
		background: #faf7f0;
	}
	#toggle a:before {
		margin-top:-8px;
	}
	#toggle a:after {
		margin-top: 4px;
	}
}
/* --------------------------------
	サイドナビ
-------------------------------- */
#navigation {
	float: right;
	display: block;
	width: 220px;
	margin-top:0;
}

#navigation {
	margin-bottom:50px;
}

@media only screen and (max-width: 768px) {
#navigation {
	float: none;
	display: block;
	width: 100%;
	margin-top:0;
}

#navigation {
	margin-bottom:50px;
}
}

/* 1.Localnavi
========================================== */
#sideItemArea { background:url(../img/sideItemBg.gif) no-repeat center bottom #eae9dd; padding-bottom:10px; margin-bottom:20px;}
.sideItemBox { margin:3px 10px 0; background:#fbfaf2;}
.sideItemBox h5 { margin:0 10px 0; padding:10px 0 0;}
.sideItemBox img.itemImg { margin:10px auto; display:block;}
.sideItemBox p.sideItemBtn { margin:0 10px 0; padding-bottom:5px; display:block;}

.sideContBox { background: url(../img/sideBoxBgMid.gif) repeat-y center top;}
.sideContBoxInner { background: url(../img/sideBoxBgBtm.gif) no-repeat center bottom; padding-bottom:10px; margin-bottom:20px;}
.sideNewsBox { margin:3px 10px 0; background:#ffffff;}
.sideNewsBox ul { padding:10px;}
.sideNewsBox li { font-size:85%; border-bottom:1px dotted #ddd; padding:5px 0;}
.sideNewsBox li a { color:#333333;}

.sideLink { padding:0 0 10px;}

@media only screen and (max-width: 768px) {
.sideLink { padding:0 0 10px; width:48%; float:left; margin:0 1%;}
.sideLink img { width:100%; height:auto;}
}

@media only screen and (max-width: 480px) {
.sideLink { padding:0 3% 10px; width:100%; margin:0 0;}
.sideLink img { width:100%; height:auto;}
}

/* --------------------------------
	メインラップ
-------------------------------- */
#topContents {
	display: block;
	margin:0;
	width: 960px;
	margin:10px auto 30px;
}

#contents {
	float: left;
	display: block;
	margin:0;
	width: 700px;
	margin-bottom:0;
	margin-top:0;
}

#mainWrap {
	margin: 0 auto;
	width:960px;
}

#subWrap {
	margin: 20px auto;
	width:960px;
}


/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
#topContents {
	display: block;
	margin:0;
	width: 100%;
	margin:10px auto 30px;
}
#contents {
	float: none;
	display: block;
	margin:0;
	width: 100%;
	margin-bottom:0;
	margin-top:0;
}

#mainWrap {
	margin: 0 auto;
	width: 100%;
}

#subWrap {
	margin: 20px auto;
	width: 100%;
}

}

/* --------------------------------
	topラップ
-------------------------------- */
.centContBox { width:700px; background:url(../img/centBoxBgMid.gif) repeat-y center top; margin-bottom:20px;}
.centContBoxInner { width:700px; background:url(../img/centBoxBgBtm.gif) no-repeat center bottom; padding-bottom:10px;}

.newsArea { background:#ffffff; margin:0 10px 0; padding:10px 20px;}
.newsAreaInner { width:640px;}
.newsArea ul {}
.newsArea li { border-bottom:1px dotted #dddddd; padding:5px 0 3px;}

.itemArea { margin:10px 10px 0;}
.itemAreaInnerL { width:220px; float:left; background:#ffffff;}
.itemAreaInnerC { width:220px; float:left; margin:0 10px; background:#ffffff;}
.itemAreaInnerR { width:220px; float:left; background:#ffffff;}

.itemArea .itemAreaTopBox { padding:10px;}
.itemArea .itemAreaTopBox dl { font-size:85%;}
.itemArea .itemAreaTopBox dt { width:10em; float:left;}
.itemArea .itemAreaTopBox dd { padding:0 0 0 10em; text-align:right;}

.itemAreaBoxInfo { width:200px; padding:5px 0 10px;}
.itemAreaBoxInfo .itemAreaBoxDeatail { width:70px; float:left;}
.itemAreaBoxInfo .itemAreaBoxPrice01 { width:40px; float:left; margin:0 5px;}
.itemAreaBoxInfo .itemAreaBoxPrice02 { width:80px; float:left;}


.centContBox,
.centContBoxInner {
    overflow: hidden;
}

.centContBox:after,
.centContBoxInner:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .centContBox,
* html .centContBoxInner {
    height: 1em;
    overflow: visible;
}
/**/

@media only screen and (max-width: 768px) {
.centContBox { width:100%; background: none; margin-bottom:20px;}
.centContBoxInner { width:100%; background: none; padding-bottom:10px;}
.centContBoxInner h2 { width:100%;}
.centContBoxInner h2 img { width:100%; height:auto;}

.newsArea { background:#ffffff; margin:0 10px 0; padding:10px 20px;}
.newsAreaInner { width:100%;}
.newsArea ul {}
.newsArea li { border-bottom:1px dotted #dddddd; padding:5px 0 3px;font-size:75%;}

.itemArea { margin:10px 10px 0;}
.itemArea img { width:100%; height:auto;}
.itemAreaInnerL { width:48%; float:left; background:#ffffff;}
.itemAreaInnerC { width:48%; float:right; margin:0 0; background:#ffffff;}
.itemAreaInnerR { width:48%; float:left; background:#ffffff; margin:20px 0;}

.itemArea .itemAreaTopBox { padding:10px;}
.itemArea .itemAreaTopBox dl { font-size:85%;}
.itemArea .itemAreaTopBox dt { width:12em; float:left;}
.itemArea .itemAreaTopBox dd { padding:0 0 0 10em; text-align:right;}

.itemAreaBoxInfo { width:100%; padding:5px 0 10px;}
.itemAreaBoxInfo .itemAreaBoxDeatail { width:31.8%; float:left; margin-bottom:20px;}
.itemAreaBoxInfo .itemAreaBoxPrice01 { width:18.18%; float:left; margin:0 5px;margin-bottom:20px;}
.itemAreaBoxInfo .itemAreaBoxPrice02 { width:36.36%; float:left;margin-bottom:20px;}

.itemAreaBoxInfo {
    overflow: hidden;
}

.itemAreaBoxInfo:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .itemAreaBoxInfo {
    height: 1em;
    overflow: visible;
}
/**/


}
@media only screen and (max-width: 480px) {
.centContBoxInner h2 { width:auto;}
.centContBoxInner h2 img { width:auto; height:auto;}
.itemAreaInnerL { width:100%; float:none; background:#ffffff;}
.itemAreaInnerC { width:100%; float:none; margin:0 0; background:#ffffff;}
.itemAreaInnerR { width:100%; float:none; background:#ffffff;margin:0 0;}
}
/* --------------------------------
	コンテンツラップ
-------------------------------- */
#breadArea { width:100%; background:url(../img/breadBg.gif) repeat-x center top;}
#breadArea .breadInner { width:960px; margin:0 auto; padding:5px 0 3px; font-size:85%;}

.mainArea { background:#ffffff; margin:0 10px 0; padding:10px 20px;}
.mainAreaInner { width:640px; padding:10px 0;}
.mainAreaInner h3 { padding-bottom:20px;}
.mainAreaInner h3.greenCap { background:url(../img/bull_green.gif) no-repeat 3px 7px; text-indent:10px; color:#3f8a38; font-weight:bold; font-size:115%; margin-top:50px;}
.mainAreaInner h4.greenCap { background:url(../img/bull_green.gif) no-repeat 3px 7px; text-indent:10px; color:#3f8a38; font-weight:bold; font-size:115%; margin-top:10px; margin-bottom:10px;}
.mainAreaInner h3.pinkCap { background:url(../img/bull_pink.gif) no-repeat 3px 7px; text-indent:10px; color:#ff529b; font-weight:bold; font-size:115%; margin-top:50px;}
.mainAreaInner h4.pinkCap { background:url(../img/bull_pink.gif) no-repeat 3px 7px; text-indent:10px; color:#ff529b; font-weight:bold; font-size:115%; margin-top:10px; margin-bottom:10px;}
.mainAreaInner p { line-height:1.6em; margin-bottom:50px;}
.mainAreaInner h3.contCap { background:url(../img/bull_green.gif) no-repeat 3px 7px; text-indent:10px; color:#3f8a38; font-weight:bold; font-size:115%; margin-top:0; border-bottom:dotted 1px #999; padding-bottom:5px; margin-bottom:10px;}


#formTable .formTableL { float:left; width:350px; margin:20px 0;}
#formTable .formTableR { float:right; width:350px; margin:20px 0;}


.formArea {margin-top:20px;}
.formTxt { padding:10px;}
.formAreaInner { width:920px; margin:0 auto;}
#formTable { padding:0 0;}
#formTable dt { width:20em; float:left; font-size:100%; margin:10px 0; line-height:2em; clear:both;}
#formTable dd { padding:10px 0 10px 22em; font-size:100%; border-bottom:1px dotted #eee; line-height:2em;}

#formTable h6 { border-bottom:1px dotted #dddddd; line-height:1.6em; font-size:115%; color:#442705; font-weight:bold; padding:40px 0 10px;}
#formTable p { padding:10px 0; margin:0 0 0;}

.formId { width:620px; border:1px solid #eee; border-collapse:collapse;}
.formId th { padding:10px; text-align:center; border:1px solid #eee; border-collapse:collapse; background:#060; color:#ffffff;}
.formId td { padding:10px; text-align:center; border:1px solid #eee; border-collapse:collapse;}

.txtCout { font-size:73%;}

.guideNavi { border-bottom:3px solid #3f8a38; width:640px; height:120px; margin-bottom:20px;}
.guideNavi ul { margin-bottom:20px;}
.guideNavi li { width:320px; float:left; height:32px;}

.formBtnArea { width:400px; margin:20px 120px 0; height:100px;}
.formBtnArea li.formBtnAreaL { width:190px; float:left;}
.formBtnArea li.formBtnAreaR { width:190px; float:right;}
.formBtnArea02 { text-align:center; margin:20px 0 0; height:100px;}

.commentArea {}
.commentArea .commentAreaL { width:380px; float:left; margin-top:20px; margin-left:40px;}
.commentArea .commentAreaL p { margin-bottom:20px; color:#442705}
.commentArea .commentAreaR { width:130px; float:right; margin-right:40px;}
.commentArea h4 { clear: none; margin:0 0 0; font-size:160%; color:#442705;}
.commentArea p.comment { clear:both; padding: 20px 40px;}

.profArea { width:640px;}
.profAreaL { width:200px; float:left;}
.profAreaR { width:420px; float:right;}
.profAreaR h4.greenCap { border-bottom:1px dotted #ccc; margin:100px 0 0;}
.profAreaR h4.pinkCap { border-bottom:1px dotted #ccc; margin:100px 0 0;}
.profAreaR p { padding:10px 0 0; margin:0 0 0;}

.itemAreaBox { width:640px;}
.itemAreaBoxL { width:380px; float:left;}
.itemAreaBoxR { width:240px; float:right;}
.itemAreaBoxR h3 { padding:0 0 0 0; margin:0 0 0 0;}
.itemAreaBoxR p { padding:0 0 0 0; margin:0 0 0 0;}
.itemAreaBoxR p.sku { font-size:85%;}
.itemAreaBoxR p.itemCap { font-size:98%;}
.itemAreaBoxR p.price { font-size:85%; color:#F00; line-height:1.6em;}
.itemAreaBoxR p.price span.priceMain { font-size:140%; color:#C00; line-height:1.6em; font-weight:bold;}
.itemAreaBoxR p.itemCaution { font-size:78%; color:#F00; line-height:1.6em; padding-bottom:20px;}
.itemAreaBoxR ul { font-size:85%; padding:10px; line-height:1.6em;}


.intBox { padding:10px 40px;}
.intBox dl {}
.intBox dt { width:4em; float:left; margin:10px 0 20px;}
.intBox dd { padding:10px 0 20px 6em;}
.intBox .int { color:#442705;}
.intBox .guest { color:#3f8a38;}
.intBox .guest_pink { color:#dc1f7b;}

.faqNavi { border-bottom:3px solid #3f8a38; width:640px; height:120px; margin-bottom:20px;}
.faqNavi ul { margin-bottom:20px;}
.faqNavi li { width:320px; float:left; height:32px;}
.mainAreaInner h4.qCap { background:url(../img/qBtn.gif) no-repeat 3px 2px; padding-left:25px; color:#3f8a38; font-weight:bold; font-size:115%; margin:10px 20px;}
.mainAreaInner p.aCap { background:url(../img/aBtn.gif) no-repeat 3px 2px; padding-left:25px; font-size:115%; margin:10px 20px}

.companyBox dt { width:10em; float:left; font-size:100%; margin:10px 0; line-height:2em;}
.companyBox dd { padding:10px 0 10px 12em; font-size:100%; border-bottom:1px dotted #eee; line-height:2em;}

.commerceBox dt { width:15em; float:left; font-size:100%; margin:10px 0; line-height:2em;}
.commerceBox dd { padding:10px 0 10px 15em; font-size:100%; border-bottom:1px dotted #eee; line-height:2em;}

.supportArea { width:640px;}
.supportAreaL { width:330px; float:left;}
.supportAreaR { width:240px; float:right;}
.supportAreaL h4 { margin:50px 0 0;}
.mainArea .mainAreaInner .supportAreaL p { padding:10px 0 0; margin:0 0 0;}

h3.news { border-bottom:1px dotted #dddddd; line-height:1.6em; font-size:115%; color:#3f8a38; font-weight:bold; padding:20px 0 10px; margin-bottom:10px;}
p.date { font-size:75%; color:#C00; padding:0 0 10px; margin:0 0 0 0;}

ul.sitemap { padding:10px 20px;}
ul.sitemap li { padding:5px 0;}
ul.sitemap li.low { text-indent:20px;}

.aBox { position: relative;}
.aName { position:absolute; display:block; top: -80px;}

.formBtn { clear:both; padding:20px 0; text-align:center;}
.line { clear:both; padding:20px 0;}
p.top { text-align:right; margin:0 0 30px; clear:both;}
#socialBtn { padding-top:50px;}
#socialArea { padding:20px 0;}
#socialArea .socialL { width:340px; float:left; height:500px;}
#socialArea .socialR { width:340px; float:right; height:500px;}

.itemBox { width:640px;}
.itemBox dl { width:310px;}
.itemBox dl dt { width:90px; float:left;}
.itemBox dl dd { padding:0 0 0 100px;}
.itemBoxL { width:310px; float:left;}
.itemBoxR { width:310px; float:right;}

@media only screen and (max-width: 768px) {
#socialArea { padding:20px 0;}
#socialArea iframe { width:96% !important; margin:0 auto}
#socialArea .socialL { width:100%; float: none; height:auto; text-align:center;}
#socialArea .socialR { width:100%; float: none; height:auto;}
}
.ERR { color:#e52052;}
.error { color:#e52052;}

.formCheck {}
.formCheck th { border-bottom:dotted 1px #eee; width:20em; font-size:100%; padding:10px 0; line-height:2em;}
.formCheck td { border-bottom:dotted 1px #eee; font-size:100%; padding:10px 0; line-height:2em;}

.wtn_copyright { text-indent:-9999px;}

.coutionBox { border:1px solid #F06; padding:10px 10px; margin:20px 20px 20px 0;}
.coutionBox p { color: #F06; font-weight:bold;}

.recruitBox {}
.recruitBox h4 { font-weight:bold; font-size:110%; line-height:1.6em;}

.eventList { width:640px;}
.eventList dt { width:6em; float:left; padding:10px 0 8px;;}
.eventList dd { padding:10px 0 8px 10em; border-bottom:1px dotted #666;}

.memberList { width:640px;}
.memberList dt { padding:10px 0 2px; font-weight:bold;}
.memberList dd { padding:2px 0 15px 10px; }

.recipeBox { width:640px;}
.recipeBoxList { width:180px; float:left; margin:0 0 25px 25px;}
.recipeBoxList h3 { padding:5px 0; margin:0; font-size:100%; font-weight:bold; color:#3f8a38;}
.recipeBoxList .img { padding:0; margin:0;}
.recipeBoxList .recipeTxt { padding:0; margin:0;}

.recipePop h3 { padding:0; margin:0; font-size:110%; font-weight:bold; color:#3f8a38; border-bottom:1px dotted #3f8a38;}
.recipePop .img { padding:0; margin:10px 0;}
.recipePop .recipeMat { padding:10px; margin:0; background:#fbfaf2; }
.recipePop ul { padding:0; margin:0 0 0;}

.recipeBox {
    overflow: hidden;
}

.recipeBox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .recipeBox {
    height: 1em;
    overflow: visible;
}
/**/



/* --------------------------------

	ページャー
-------------------------------- */
/* ページャー */
.pager{
    margin-bottom: 20px;
    text-align:center}

a.page-numbers,
.pager .current{
    background-color: #edede3;
    border: solid 1px #aaaaaa;
    border-radius:5px;
    padding:5px 8px;
    margin:0 2px;}

.pager .current{
    background-color: #000000;
    border: solid 1px #000000;
    color: #ffffff;}

.pager a:hover{
    color: #ffffff;
    border: solid 1px #000000;
    background-color: #000000;}

/* --------------------------------
	パンくず
-------------------------------- */

div#bread { padding:21px 0 0 23px; }






/* --------------------------------
	アンカー
-------------------------------- */

article#content .rel { margin:11px 0 0 0; padding:2px 0 2px 13px; background:url(../img/arrow_02.gif) no-repeat 0 5px; }
article#content ul.rel { margin:0; padding:0; background:none; }
article#content ul.rel li { padding:2px 0 2px 13px; background:url(/common/img/arrow_02.gif) no-repeat 0 5px; }
article#content .blank a { padding:0 19px 0 0; background:url(../img/ancr_blank_01.gif) no-repeat top right; }
article#content .pdf a { padding:2px 19px 0 0; background:url(../img/ancr_pdf_01.gif) no-repeat top right; }



/* --------------------------------
	ページトップ
-------------------------------- */

article#content section#cnt_pagetop { clear:both; padding:18px 39px 0 39px; }
article#content section#cnt_pagetop p { text-align:right; }
article#content section#cnt_pagetop p a:hover img { filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; }



/* --------------------------------
	ページャ
-------------------------------- */

section#pager { clear:both; position:relative; margin:30px 0 0 0; font-size:75%; line-height:1.417; }
section#pager p.prev { position:absolute; left:0; top:0; }
section#pager p.prev a { padding:0 0 0 13px; background:url(../img/arrow_03.gif) no-repeat left 0.25em; }
section#pager table { margin:0 auto 0 auto; }
section#pager table td { padding:0 1px 0 2px; background:url(../img/dt_v_03.gif) repeat-y left top; }
section#pager table td.first { background:none; }
section#pager table td a,
section#pager table td span { display:block; padding:3px 8px 3px 8px; }
section#pager table td a:hover { background:#74b20d; color:#fff; }
section#pager table td span { color:#488902; font-weight:bold; }
section#pager p.next { position:absolute; right:0; top:0; }
section#pager p.next a { padding:0 13px 0 0; background:url(../img/arrow_02.gif) no-repeat right 0.25em; }




/* --------------------------------
	フッタ
-------------------------------- */
#footer {
	clear: both;
}

#footer {
	clear:both;
	border-top: 1px solid #eee;
	background:#666666;
	padding-bottom:20px;
}

#footer_area {
	background:#eae9dd;
	color:#666;
	position:relative;
	margin:0 auto;
}

#footer_areaInner {
	width:960px;
	margin:0 auto;
	height:60px;
}

#footerLinkInner {
	width:960px;
	margin:0 auto;
}

#ftInfo { clear:both; padding-top:20px;}
#ftInfoL { width:200px; float:left;}
#ftInfoR { width:400px; float:left;}
#ftInfoR address { font-size:85%;}

@media only screen and (max-width: 768px) {
#footer_areaInner {
	width:100%;
	margin:0 auto;
	height:60px;
}

#footerLinkInner {
	width:100%;
	margin:0 auto;
}
#footer_area #footerSpNavi {
	width:100%;
}
#footer_area #footerSpNavi li {
	width:100%;
	border-bottom:1px solid #eeeeee;
	margin:0 0 0;
}
#footer_area #footerSpNavi li a {
	display:block;
	width:100%;
	padding:10px 10px 10px;
	margin:0 0 0;
	text-decoration:none;
	font-size:81.3%;
}
#footer_area #footerSpNavi li a:hover {
	display:block;
	width:100%;
	margin:0 0 0;
	text-decoration:none;
	background:#C2B577;
}

}
/* 1.Footer Navi
========================================== */
#footer #footer_area ul#footerNavi {
	margin: 0 0 20px 0;
	padding-top:20px;
	zoom: 1;
	color:#ffffff;
}
#footer #footer_area ul#footerNavi:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

#footer #footer_area ul#footerNavi li {
	float: left;
	display: block;
	padding: 1px 0 0 0;
	line-height: 1.167;
	white-space: nowrap;
	margin-right:10px;
}

#footer #footer_area ul#footerNavi li.first {
	margin-left: 5px;
	padding-left: 0;
	border-left: none;
}

#footer #footer_area ul#footerNavi li a {
	color: #ffffff;
	text-decoration: none;
	font-size: 90%;
	line-height: 1.167;
}

#footer #footer_area ul#footerNavi li a:hover {
	text-decoration: none;
}



#footer ul#footerLink {
	margin: 0 0 20px 0;
	padding-top:20px;
	zoom: 1;
	color:#ffffff;
}
#footer ul#footerLink:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

#footer ul#footerLink li {
	float: left;
	display: block;
	padding: 1px 0 0 10px;
	line-height: 1.167;
	white-space: nowrap;
	margin-left:10px;
	border-left: 1px solid #ffffff;
}

#footer ul#footerLink li.first {
	margin-left: 5px;
	padding-left: 0;
	border-left: none;
}

#footer ul#footerLink li a {
	color: #ffffff;
	text-decoration: none;
	font-size: 75%;
	line-height: 1.167;
}

#footer ul#footerLink li a:hover {
	text-decoration: none;
}

@media only screen and (max-width: 768px) {
#footer ul#footerLink {
	margin: 0 0 0 0;
	padding-top:0;
	zoom: 1;
	color:#ffffff;
}
#footer ul#footerLink:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

#footer ul#footerLink li {
	float: none;
	display: block;
	padding: 0 0 0;
	line-height: 1.167;
	white-space: nowrap;
	margin-left:0;
	border-left: none;
	width:100%;
	border-bottom:1px solid #999999;
	margin:0 0 0;
}

#footer ul#footerLink li.first {
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}

#footer ul#footerLink li a {
	color: #ffffff;
	text-decoration: none;
	line-height: 1.167;
	display:block;
	width:100%;
	padding:10px 10px 10px;
	margin:0 0 0;
	text-decoration:none;
	font-size:81.3%;
}

#footer ul#footerLink li a:hover {
	text-decoration: none;
	display:block;
	width:100%;
	margin:0 0 0;
	text-decoration:none;
	background:#C2B577;
}


}
/* 2.Copyright
========================================== */

#footer #copyright {
	text-align:center;
	padding:100px 0 30px;
}


#pagetop {text-align:right; padding:50px 0 0; margin-bottom:70px; clear:both;}

#sideLinkArea { position:fixed; right:10px; bottom:10px; width:98px; height:210px; z-index:300;}
#sideLinkArea .sideLinkArea01 {width:98px;}
#sideLinkArea .sideLinkArea02 { padding-top:10px;width:98px;}

@media only screen and (max-width: 768px) {
#sideLinkArea { position:fixed; right:5px; bottom:5px; width:60px; height:60px; z-index:300;}
}
/* --------------------------------
	GET ADOBE READER
-------------------------------- */

#get_reader { margin:30px 0 0 0; padding:12px 2em 12px 2em; background:#f9f9f9; }
#get_reader .container { margin:0 auto 0 auto; width:97%; }
#get_reader .sub { padding:0 17px 0 0; width:158px; float:left; }
#get_reader .sub p { }
#get_reader .main { float:left; }
#get_reader .main p { padding:3px 0 0 0; }




.pageWrap div#trust-form.contact-form table th {
padding: 10px 0;
border-bottom: 1px dotted #eee;
text-align: left;
vertical-align: top;
font-weight: bold;
}
.pageWrap div#trust-form.contact-form table td {
padding: 10px 0;
border-bottom: 1px dotted #eee;
text-align: left;
vertical-align: middle;
}

.companyBox dt { width:10em; float:left; font-size:87.5%; line-height:1.357; margin:10px 0; line-height:2em;}
.companyBox dd { padding:10px 0 10px 12em; font-size:87.5%; line-height:1.357; border-bottom:1px dotted #eee; line-height:2em;}

ul.sitemap { padding:10px 20px;}
ul.sitemap li { padding:5px 0;  font-size:87.5%; line-height:1.357; }
ul.sitemap li.low { text-indent:20px;}


/* --------------------------------
	ブログ
-------------------------------- */




.columnList {}
.columnList ul { }
.columnList li { width:142px; float:left; margin-right:20px;margin-top:20px;}

.columnList {
    overflow: hidden;
}

.columnList:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .columnList {
    height: 1em;
    overflow: visible;
}
/**/

/* --------------------------------
	ギャラリー
-------------------------------- */
#galleria{height:660px}



/* --------------------------------
	イメージ
-------------------------------- */




/* --------------------------------
	スライダー
-------------------------------- */
#sliderArea { height:360px; margin-bottom:20px;}

#slider {
	background-color: #fff;
	width: 100%;
	height: 360px;
	overflow: hidden;
	margin-top: 0px;
	z-index: 100;
	position: absolute;
}

#slider #carousel{
	height: 360px;
	display: none;
}

#slider #carousel q{
	display:block;
}

#slider #carousel .panel {
	float: left;
}
#slider #prev, #slider #next {
	display: block;
	height: 360px;
	width: 100px;
	top: 0;
	position: absolute;
	z-index:500;
	cursor:pointer;
	background:url(../img/top/blank.gif);
	background-color: #fff;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

#slider #prev:hover {
	background-color: #fff;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	background-image: url(../img/top/arrow_l.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#slider #next:hover {
	background-color: #fff;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	background-image: url(../img/top/arrow_r.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#slider #prev {
	left: 0;
}
#slider #next {
	right: 0;
}


#recipes_scroll {
	background-color: #fff;
	width: 100%;
	height: 300px;
	z-index: 10;
	overflow: hidden;
	left: 0px;
	position: absolute;
	top: 145px;
}
#recipes_scroll #carousel_auto {
}
#recipes_scroll #carousel_auto div {
	text-align: center;
	width: 300px;
	height: 300px;
	float: left;
	position: relative;
}
#recipes_scroll #carousel_auto div img {
border: none;
}




#slider_lifestyle {
	position:relative;
	margin-bottom:20px;
}

#slider_lifestyle #pager {
	position:absolute;
	top:10px;
	right:10px;
	z-index: 1000;
}

#slider_lifestyle  #pager a {
display: block;
width: 14px;
height: 14px;
margin-right: 5px;
float:left;
background-image:url(../img/btn_slide_fade.png);
background-position:0px 0px;
cursor:pointer;

}

#slider_lifestyle  #pager a:hover {
background-position:0px -14px;

}

#slider_lifestyle  #pager a.selected {
background-position:0px -28px;
}

#slider_lifestyle #pager a span {
display: none;
}


#carousel_fade {
	height: 340px;
	width: 940px;
	overflow: hidden;
}
#carousel_fade img {
	display: block;
	float: left;

}

#slider_lifestyle {
	width: 940px;
}






#slider_triplethermo .innr {
	position:relative;
	margin-right: auto;
	margin-left: auto;
}

#slider_triplethermo .innr #pager {
	position:absolute;
	top:25px;
	right:0px;
	z-index: 1000;
}

#slider_triplethermo .innr  #pager a {
display: block;
width: 85px;
height: 85px;
margin-left: 10px;
float:left;
background-position:0px 0px;
cursor:pointer;
}

#slider_triplethermo .innr  #pager .itm0 {
	background:url(../img/about/btn_-triplethermo_step1.gif);

}


#slider_triplethermo .innr  #pager .itm1 {
	background:url(../img/about/btn_-triplethermo_step2.gif);

}


#slider_triplethermo .innr  #pager .itm2 {
	background:url(../img/about/btn_-triplethermo_step3.gif);

}

#slider_triplethermo .innr  #pager .itm3 {
	background:url(../img/about/btn_-triplethermo_step4.gif);

}

#slider_triplethermo .innr  #pager a:hover {
background-position:0px 0px;

}

#slider_triplethermo .innr  #pager a.selected {
background-position:0px -85px;
}

#slider_triplethermo .innr #pager a span {
display: none;
}

#slider_triplethermo .innr {
	width: 940px;
	overflow: hidden;
}

#slider_triplethermo {
	background-color: #000;
	width: 100%;
	height: 340px;
	z-index: 10;
	top: 240px;
	left: 0;
	position: absolute;
}