@charset "Shift_JIS";

body {
	font-family : 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Verdana','ＭＳ Ｐゴシック','MS PGothic',san-serif;
	font-size: 14px;
	line-height: 130%;
	color: #333;
	background-color: #fff;
}
body.renew {
	width: 538px;
}

a,
a:link,
a:visited {
	color: #7f4908;
}
a:hover,
a:active {
	color: #ff6e0c;
}

#wrapper {
	position: relative;
}
body.layout-one-column #wrapper {
	width: 586px;
}
body.renew #wrapper {
	width: 538px;
}
#header {
	margin: 0;
	padding: 0;
	width: 780px;
	height: 340px;
	color: #fff;
/*	background-color: #5f360c;*/
}
body.layout-one-column #header {
	margin: 0;
	padding: 0;
	width: 586px;
	height: auto;
	color: #fff;
/*	background-color: #5f360c;*/
}
#header .header-combi {
	margin: 0;
	border-top: 8px solid #5f360c;
	border-bottom: 4px solid #5f360c;
	padding: 0;
	width: 780px;
	height: 115px;
	position: relative;
}
#header .header-combi #header-title {
	margin: 0;
	padding: 0;
	width: 780px;
	height: 115px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#header .header-combi #header-buttons {
	margin: 0;
	padding: 0;
	width: 780px;
	height: 24px;
	position: absolute;
	top: 91px;
	right: 0px;
	text-align: right;
}
#header .header-combi #header-buttons img {
	margin: 0px 9px 0px 0px;
	padding: 0;
	border: none;
}
body.layout-one-column #header #header-title {
	margin: 0;
	border-top: 8px solid #5f360c;
	border-bottom: 4px solid #5f360c;
	padding: 0;
	width: 584px;
	height: 115px;
	overflow: hidden;
}

#body-wrapper {
	margin: 0;
	padding: 0;
	background-image: url(../common_images/menubg-body.gif);
	background-position: left top;
	background-repeat: repeat-y;
}
#body-wrapper-inner {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 780px;
/*	background-image: url(../common_images/menubg-footer.gif);
	background-position: left bottom;
	background-repeat: no-repeat;*/
}

#left-box {
	margin: 0;
	padding: 0;
	width: 198px;
	float: left;
}

#left-box-inner {
	margin: 0;
	padding: 0px 0px 72px 0px;
}

#left-menu ul.side-menu {
	margin: 12px 14px 12px 0px;
	padding: 0;
	list-style: none;
}

#left-menu ul.side-menu li {
	margin: 0px 0px 6px 0px;
	padding: 0;
	list-style: none;
}
#left-goiken {
	margin: 30px 12px 20px 0px;
	text-align: center;
}

#contents {
	margin: 0;
	padding: 0;
	width: 582px;
	float: left;
}
body.layout-one-column #contents {
	margin: 0;
	padding: 0px 0px 0px 4px;
	background-image: url(../common_images/one-column-body.gif);
	background-position: left top;
	background-repeat: repeat-y;
	width: 582px;
	float: none;
}

#contents-inner {
	margin: 0;
	padding: 0px 0px 0px 0px;
}

.content-padding {
	margin: 15px 12px 15px 12px;
	padding: 0;
}

#renew {
	margin: 0px 0px 0px 18px;
	padding: 0;
	width: 540px;
	height: 80px
}

.content {
/*	margin-top: 12px;*/
	padding-top: 12px;
}

.subtitle {
	margin: 0;
	padding: 0;
	width: 582px;
	height: 26px;
	background: url(../common_images/h3bg.gif);
	overflow: hidden;
}

.subsubtitle {
	margin: 0;
	padding: 3px 24px 2px 24px;
	width: 210px;
	background-color: #666;
	color: #fff;
	font-family : 'HiraMinPro-W3','ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝','MS PMincho','平成明朝',Courier,serif;
	font-size: 16px;
	font-weight: normal;
}

.bn_l {
	margin: 0;
	padding: 0px;
	text-align: center;
}

#story-box .subsubtitle {
	background-color: #7fa217;
	color: #fff;
}
#menu-box .subsubtitle {
	background-color: #7f3608;
	color: #fff;
}

#footer {
	clear: both;
	border-top: 6px solid #5f360c;
	color: #7f4908;
	background-color: #dbf07d;
	text-align: center;
}
body.layout-one-column #footer {
	width: 586px;
}

#footer p.navi {
	margin: 10px auto 0px auto;
	padding: 0;
}
#footer p.navi a,
#footer p.navi a:link,
#footer p.navi a:visited {
	color: #7f4908;
}
#footer p.navi a:hover,
#footer p.navi a:active {
	color: #ff6e0c;
}

#footer p.copyright {
	margin: 0px 10px 3px auto;
	padding: 0;
	font-size: 60%;
	text-align: right;
}

/* ==== はじめに == TOP ==== */
#PG_TOP #body-wrapper-inner {
	background-image: url(../common_images/menubg-footer-pumpkin.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#PG_TOP #left-box-inner {
	margin: 0;
	padding: 0px 0px 100px 0px;
}

#PG_TOP #ingredient-list-box {
	width: 260px;
	height: 120px;
	overflow-x:hidden;
	/*overflow-y:scroll;*/
}
*html #PG_TOP #ingredient-list-box {
	overflow: hidden;
	height: 120px;
}
#PG_TOP ul.ingredient-list {
	margin: 0;
	padding: 0px 0px 0px 30px;
}
#PG_TOP #ingredient-link-box {
	height: 0px;
	position: relative;
	bottom: 120px;
	text-align: right;
}
/**html #PG_TOP #ingredient-link-box {
	margin-bottom: -120px;
}*/

.closeup-photo {
	display: block;
	float: right;
}
.closeup-photo img {
	margin: 0px 8px 15px 20px;
}
.closeup-body {
	margin: 0px 0px 8px 8px;
}

/* ==== こだわり == kodawari ==== */
#PG_KODAWARI #body-wrapper-inner {
	background-image: url(../common_images/menubg-footer-onion.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#PG_KODAWARI #left-box-inner {
	margin: 0;
	padding: 0px 0px 100px 0px;
}
#PG_KODAWARI #about {
	margin: 20px 20px 15px 20px;
	padding: 0;
}

#PG_KODAWARI #taiken {
	margin: 15px 0px 15px 0px;
	text-align: left;
}
#PG_KODAWARI #taiken img {
	display: block;
	margin: 0 auto 0 0;
}

#PG_KODAWARI #articles {
	background-image: url(../persistence/images/articles-bg.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#PG_KODAWARI #ingredient-left {
	width: 278px;
	height:300px;
	float:left;
}
#PG_KODAWARI #ingredient-right {
	width: 280px;
	height:300px;
	float:left;
}
#PG_KODAWARI #ingredient-note {
	clear: both;
}
#PG_KODAWARI #ingredient-link-box {
	margin: 15px auto 0px auto;
	text-align: center;
}

/* ==== 今月の注目素材 == sozai ==== */
#PG_SOZAI #body-wrapper-inner {
	background-image: url(../common_images/menubg-footer-carrot.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#PG_SOZAI #left-box-inner {
	margin: 0;
	padding: 0px 0px 120px 0px;
}
#PG_SOZAI .ingredient-box {
	margin: 20px 20px 20px 20px;
	padding: 0;
}
#PG_SOZAI .ingredient-name {
	margin: 0;
	padding: 0;
	float: left;
	width: 380px;
	font-size: 16px;
	font-weight: bold;
}
#PG_SOZAI .ingredient-images {
	float: right;
	width: 140px;
	text-align: center;
}
#PG_SOZAI .ingredient-images img {
	display: block;
	margin: 0px auto 20px auto;
}
#PG_SOZAI .ingredient-message {
	float: left;
	width: 380px;
}
/**html #PG_SOZAI .ingredient-message {
	margin: 12px 0px 12px 0px;
}*/
#PG_SOZAI .ingredient-district {
	float: left;
	width: 380px;
}
/**html #PG_SOZAI .ingredient-district {
	margin: 20px 0px 12px 0px;
}*/
#PG_SOZAI .district-name {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
}

/* ==== 今月の献立 == menu ==== */
#PG_MENU #body-wrapper-inner {
	background-image: url(../common_images/menubg-footer-greenpepper.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#PG_MENU #left-box-inner {
	margin: 0;
	padding: 0px 0px 100px 0px;
}
#PG_MENU #menu-box {
	margin: 20px 0px 10px 0px;
	padding: 0;
}
#PG_MENU .menu-item-no {
	display: inline-block;
	margin: 0;
	padding: 0px 8px 0px 8px;
	width: 20px;
	text-align: right;
}
#PG_MENU .menu-item-description {
	margin: 0px 0px 0px 44px;
	padding: 0;
}
#PG_MENU .menu-item-description p {
	margin: 1px 0px 1px 0px;
	padding: 0;
}

/* ==== 素材物語 == menu/sozai ==== */
#PG_MENU .month-title,
#PG_STORY .month-title {
	margin: 20px 20px 20px 20px;
	padding: 0;
	font-family : 'HiraMinPro-W3','ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝','MS PMincho','平成明朝',Courier,serif;
	font-size: 16px;
	font-weight: bold;
}
#PG_MENU .ingredient-name,
#PG_STORY .ingredient-name {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
}
#PG_MENU .cooking-box,
#PG_STORY .cooking-box {
	margin: 20px 0px 20px 0px;
}
#PG_MENU .cooking-title,
#PG_STORY .cooking-title {
	margin: 0;
	padding: 0;
	float: left;
	width: 380px;
	font-size: 12px;
	font-weight: bold;
}
#PG_MENU .cooking-images,
#PG_STORY .cooking-images {
	float: right;
	width: 140px;
	text-align: center;
}
#PG_MENU .cooking-images img,
#PG_STORY .cooking-images img {
	display: block;
	margin: 0px auto 20px auto;
}
#PG_MENU .cooking-message,
#PG_STORY .cooking-message {
	clear: left;
	float: left;
	width: 380px;
}

/* ==== 店舗一覧 == shop ==== */
#PG_SHOP #body-wrapper-inner {
	background-image: url(../common_images/menubg-footer-nappa.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#PG_SHOP #left-box-inner {
	margin: 0;
	padding: 0px 0px 100px 0px;
}

#PG_SHOP #area-navi,
#PG_SHOP .area-navi {
	margin: 20px auto 20px auto;
	text-align: center;
}
#PG_SHOP .area-box {
	margin: 20px 0px 20px 0px;
}
#PG_SHOP .shop {
	margin: 20px 20px 20px 20px;
	padding: 0;
}
#PG_SHOP .shop-name {
	margin: 2px 0;
	padding: 0;
	float: left;
	font-size: 16px;
	font-weight: bold;
}
#PG_SHOP .shop-map {
	margin: 0;
	padding: 0;
	float: right;
	text-align: right;
}
#PG_SHOP .shop-zip,
#PG_SHOP .shop-address {
	margin: 0;
	padding: 0;
	clear: both;
	float: left;
}
#PG_SHOP .shop-open-l {
	margin: 0;
	padding: 0;
	clear: both;
	float: left;
}
#PG_SHOP .shop-open-d {
	margin: 0;
	padding: 0;
	clear: both;
	float: left;
}
#PG_SHOP .shop-tel,
#PG_SHOP .shop-fax {
	margin: 0;
	padding: 0;
	clear: right;
	float: right;
	text-align: right;
}
#PG_SHOP .shop-url {
	margin: 0;
	padding: 0;
	clear: both;
}

/* ==== 地図 == map ==== */
/*body.layout-map {
	width: 480px;
}*/
#PG_MAP #wrapper {
	width: 440px;
}
#PG_MAP #header {
	margin: 0;
	padding: 0;
	width: 440px;
	height: auto;
	color: #fff;
	background-color: #7fa619;
}
#PG_MAP #header #header-title {
	margin: 0;
	padding: 10px;
	height: auto;
}
#PG_MAP #contents {
	margin: 0;
	padding: 0;
	border-right: 2px solid #bfb149;
	border-left: 2px solid #bfb149;
	width: 436px;
	color: #7f4908;
	background-color: #f7fcd5;
}
#PG_MAP .shop-name {
	margin: 0;
	padding: 0px 10px 10px 10px;
}
#PG_MAP .adr,
#PG_MAP .no-addr {
	margin: 0px auto 0px auto;
	border: 2px solid #7f4908;
	width: 400px;
}
#PG_MAP #footer {
	margin: 0;
	padding: 0;
	width: 440px;
	color: #7f4908;
	background-color: #dbf07d;
	text-align: center;
}
#PG_MAP form {
	margin: 0;
	padding: 0;
}
#PG_MAP #buttonBlock {
	margin: 0;
	padding: 10px;
}
#PG_MAP #close-button {
	float: left;
}
#PG_MAP #print-button {
	float: right;
}

/* ==== フランチャイズ募集 == FC ==== */
#PG_FC #body-wrapper-inner {
	background-image: url(../common_images/menubg-footer-potato.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#PG_FC #left-box-inner {
	margin: 0;
	padding: 0px 0px 120px 0px;
}
#PG_FC #fc-boshu-inner,
#PG_FC #bukken-boshu-inner {
	margin: 20px 0px 0px 0px;
}
#PG_FC .subsubtitle {
	margin: 0;
	padding: 3px 24px 2px 24px;
	width: 250px;
	background-color: #900;
	color: #fff;
}
#PG_FC .content-padding {
	margin: 15px 12px 30px 12px;
	padding: 0;
}
#PG_FC #concept-image {
	float: right;
}
#PG_FC #concept-image img {
	display: block;
	margin: 0px 12px 20px 20px;
}
#PG_FC .table-top-note {
	text-align: right;
	font-size: 12px;
	line-height: 120%;
}
#PG_FC .table-bottom-note {
	text-align: left;
	font-size: 12px;
	line-height: 120%;
}
#PG_FC table.fc-terms {
	width: 558px;
	border-collapse: collapse;
}
#PG_FC table.fc-terms td,
#PG_FC table.fc-terms th {
	border: 2px solid #996;
}
#PG_FC table.fc-terms td {
	padding: 5px;
	background-color: #ffc;
	color: #333;
	font-weight: normal;
}
#PG_FC table.fc-terms th {
	background-color: #808000;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
#PG_FC .contact {
	margin: 20px 0px 20px 60px;
	line-height: 160%;
}
#PG_FC span.company {
	color: #7f4908;
	font-size: 18px;
	font-weight: bold;
}
#PG_FC span.in-charge {
	font-size: 16px;
}
#PG_FC .subbutton-2form {
	margin: 0px 0px 0px auto;
	text-align: right;
}

/* ==== 会社概要 == INFO ==== */
#PG_INFO #body-wrapper-inner {
	background-image: url(../common_images/menubg-footer-radish.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#PG_INFO #left-box-inner {
	margin: 0;
	padding: 0px 0px 100px 0px;
}
#PG_INFO .content-padding {
	margin: 15px 20px 15px 20px;
	padding: 0;
}
#PG_INFO #compliments {
	margin: 20px 0px 20px 0px;
}
#PG_INFO #compliments #president-photo {
	float: right;
}
#PG_INFO #compliments #president-photo img {
	display: block;
	margin: 0px 0px 0px 20px;
}
#PG_INFO #profile-inner {
	border-top: 1px solid #999;
	padding-top: 20px;
}
#PG_INFO table.comapny-profile {
	width: 542px;
	border-collapse: collapse;
}
#PG_INFO table.comapny-profile th,
#PG_INFO table.comapny-profile td {
	padding: 5px;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}
#PG_INFO table.comapny-profile th {
	border-right: 1px solid #f30;
}
#PG_INFO table.comapny-profile td {
	border-left: 1px solid #f30;
	padding-left: 15px;
}

/* ==== 過去記事ナビ == monthly-navi ==== */
.monthly-navi {
	margin: 12px;
	padding: 0px;
	height: 24px;
	position: relative;
}
.monthly-navi .monthly-navi-past {
	position: absolute;
	top: 0px;
	right: 0px;
}
.monthly-navi .monthly-navi-prev {
	position: absolute;
	top: 0px;
	left: 0px;
}
.monthly-navi .monthly-navi-next {
	position: absolute;
	top: 0px;
	right: 0px;
}

dl.compact {
	margin: 0px 0px 0px 20px;
}
dl.compact dt {
	clear: both;
	display: block;
	float: left;
	width: 60px;
}
dl.compact dd {
	display: block;
	margin-left: 70px;
}

/* ==== お問合せフォーム == form ==== */
#PG_FORM #contact-form {
	margin-left: 41px;
	margin-right: 41px;
}
#PG_FORM #contact-form h2 {
	margin: 10px auto 20px auto;
	font-size: 18px;
	text-align: center;
}
#PG_FORM div.mailform-top-note,
#PG_FORM div.mailform-bottom-note {
	margin: 5px 5px 5px 5px;
	font-size: 90%;
	line-height: 140%;
}
#PG_FORM div.required {
	color: #ff0000;
}
/* === これ以降は、mailform.css に記述
#PG_FORM table.form {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}
#PG_FORM table.form td{
	margin-top: 15px !important;
	padding-bottom: 3px !important;
	margin: 0 !important;
	vertical-align: top;
}
#PG_FORM table.form td.heads {
	width: 172px;
	color: #333333;
	background-color: #FFFFFF;
	text-align: left;
	border: 1px #BBB solid;
	padding: 5px;
}
#PG_FORM td.value {
	width: 100%;
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
}
#PG_FORM td.value2 {
	width: 308px;
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
	border: 1px #BBB solid;
	padding: 5px;
}
#PG_FORM td.title {
	background-color: #ffddff;
}
#PG_FORM .required {
	color: #ff0000;
	font-size: 90%;
}
#PG_FORM .comment {
	color: #000000;
	font-size: 90%;
}
#PG_FORM .null {
	color: #808080;
}
#PG_FORM .error {
	color: #ff0000;
}
#PG_FORM textarea.hide {
	display: none;
}
#PG_FORM input.full {
	width: 300px;
}
#PG_FORM input.mini {
	width: 100px;
}
#PG_FORM input.half {
	width: 150px;
}
#PG_FORM input.medi {
	width: 200px;
}
#PG_FORM input.imex {
	ime-mode: disabled;
}
#PG_FORM textarea {
	width: 300px;
}
#PG_FORM .form-buttons {
	margin: 15px auto 20px auto;
	text-align: center;
}
*/

/* append 2007.03.31 */
.office-map {
	margin: 0;
	padding: 0;
	float: right;
	text-align: right;
}