@charset "UTF-8";
/* CSS Document */

/* パンくず */
#pan {
	padding:10px 0 60px 0;
	width:980px;
	margin:0 auto;
}

#pan h1 {
	float:left;
}

#pan p {
	float:right;
	position:relative;
}

#pan p img {
	margin-top:4px;
	position:absolute; top:-4px; left:-24px;
}


/* 中身 */
#rightcontents {
	width: 690px;
	float: right;
	line-height:24px;
}

.stit {
	padding-bottom: 10px;
	border-bottom: 1px solid #ed7700;
	margin-bottom:25px;
	margin-top:60px;
}


/* インデックス */

#productlist {
	margin-top: 20px;
}

#productlist li {
	margin-top: 10px;
}

#other {
	margin-top: 30px;
	text-align: center;
}



/* ポン酢 */
#pon01 {
	background:url(../images/pon_bg.jpg) center top no-repeat #ffffff;
	padding:494px 35px 0 30px;	
}

#pon01 h1 {
	padding-left:5px;
}

#pon01 p {
	padding:20px 0 40px 0;
}

#pon02 {
	background:url(../images/pon_bg02.png) center top no-repeat;
	margin-top:40px;
}

#pon02 h1 {
	padding:125px 0px 38px 118px;	
}

#pon02 figure {
	background: #fff;
	padding:0 30px 40px 30px;
}

#pon03 {
	background:url(../images/pon_bg03.png) center top no-repeat;
	margin-top:40px;
}

#pon03 h1 {
	padding:67px 0px 44px 225px;	
}

#pon03 section {
	background: #fff;
	padding:40px 30px;
}

#pon03 div {
	width:355px;
	padding:0;
}

#pon03 section h1 {
	padding:35px 0 20px 30px;
}

#pon03 section p {
	padding-left:30px;
	width:310px;
	font-size: 1.3em;
	line-height: 2.4em;
}

.pon_line {
	padding:0px 30px;
	background: #fff;
}

.btn_buy {
	text-align: center;
	padding-top:60px;
}

.btn_buy2 {
	margin: 0; padding: 0;
}

.btn_buy a:hover {
	opacity: .8;
}

.btn_buy2 a:hover {
	opacity: .8;
}

/* 百年乃蔵 */
#kura01 {
	background:url(../images/kura_bg.jpg) center top no-repeat #ffffff;
	padding:494px 35px 0 30px;	
}

#kura01 h1 {
	padding:20px 0 0 10px;
}

#kura01 p {
	padding:20px 0 40px 0;
}

#kura02 {
	background:url(../images/kura_bg02.png) center top no-repeat;
	margin-top:40px;
}

#kura02 h1 {
	padding:125px 0px 38px 104px;	
}

#kura02 figure {
	background: #fff;
	padding:0 30px 40px 30px;
}

#kura03 {
	background:url(../images/kura_bg03.png) center top no-repeat;
	text-align: center;
	margin-top:40px;
}

#kura03 h1 {
	padding:100px 0px 5px 0px;	
}

#kura03 figure {
	padding:0 30px 40px 30px;
}

#kura04 {
	background:url(../images/kura_bg04.png) center top no-repeat;
	text-align: center;
	margin-top:40px;
	font-size:13px;
	line-height: 26px;
}

#kura04 h1 {
	padding:65px 0px 45px 0px;	
}

#kura04 h2 {
	padding:30px 0px 10px 0px;	
}

#kura04 div {
	background: #fff;
	padding:0 30px 40px 30px;
}

#kura04 figure {
	padding:15px 30px 20px 30px;
}

#kura04 figcaption span {
	font-size:16px;
	line-height: 22px;
	font-weight: bold;
	display: block;
	padding-bottom:30px;
}

#kura04 p {
	text-align: left;
}

#kura05 {
	margin-top:60px;
}

#kura05 li {
	float:left;
	width: 345px;
	font-size:13px;
	padding:30px 0;
	border-bottom: 1px solid #ccc;
}

#kura05 p{
	padding:50px 0 0 20px;
}

#kura05 span {
	font-size:17px;
	line-height:26px;
	font-weight:bold;
}

/* あまくちしょうゆ*/
#ama01 {
	background:url(../images/ama_bg.jpg) center top no-repeat #ffffff;
	padding:494px 35px 0 30px;	
}

#ama01 h1 {
	padding-left:10px;
}

#ama01 p {
	padding:20px 0 40px 0;
}

#ama02 {
	background:url(../images/ama_bg02.png) center top no-repeat;
	margin-top:40px;
}

#ama02 h1 {
	padding:125px 0px 38px 148px;	
}

#ama02 figure {
	background: #fff;
	padding:0 30px 40px 30px;
}

#ama03 {
	background:url(../images/ama_bg03.png) center top no-repeat;
	margin-top:40px;
}

#ama03 h1 {
	padding:77px 0px 34px 205px;	
}

#ama03 section {
	padding:0px 30px 40px 30px;
	width:285px;
	text-align: center;
}

#ama03 section h1 {
	padding:10px 0px;	
}

#ama03 section p {
	font-size: 1.3em;
	line-height: 2.4em;
	text-align: left;	
}

#ama03 div {
	background: #fff;
	padding-top:40px;
}


/* ごていしゅ */
#gote_head {
	width: 690px;
	height: 850px;
	background: url(../images/goteisyu_bg01.jpg) no-repeat;
	position: relative;
}

#gote_head .tex1,
#gote_head .tex2 {
	position: absolute;
}

#gote_head .tex1 {
	top: 495px;
	left: 30px;
}

#gote_head .tex2 {
	top: 610px;
	left: 16px;
}

.wrap {
	margin-top: 30px;
}

.wrap h1 img {
	vertical-align: bottom;
}

.con {
	padding: 0 30px 30px 30px;
	background: #FFF;
}

.plist {
	position: relative;
	top: -10px;
}

.plist li {
	width: 300px;
	display: table-cell;
	vertical-align: top;
}

.plist li:first-child {
	padding-right: 30px;
}

.plist figure {
	width: 100%;
	height: 192px;
	margin-bottom: 15px;
	text-align: center;
}

.plist li:last-child figure {
	height: 167px;
	padding-top: 25px;
}

.plist h2 {
	margin-bottom: 5px;
	font-size: 1.9rem;
	font-weight: bold;
}

.plist h2:after {
	margin-left: 10px;
	position: relative;
	top: 3px;
}

.plist li:first-child h2:after {
	content: url(../images/icn_gote01.gif);
}

.plist li:last-child h2:after {
	content: url(../images/icn_gote01.gif);
}

.plist p {
	font-size: 1.2rem;
	line-height: 20px;
	text-align: justify;
}

.plist div {
	margin-top: 20px;
	text-align: center;
}

.imglist {
	padding-top: 20px;
}

.imglist li {
	width: 310px;
	display: table-cell;
}

.imglist li:first-child {
	padding-right: 10px;
}

.cause li {
	background: url(../images/goteisyu_line.png) no-repeat center bottom;
}

.cause li:last-child {
	background: none;
}

.cause section {
	width: 340px;
	height: 350px;
	display: table-cell;
	vertical-align: middle;
}

.cause li:first-child section {
	padding-left: 290px;
	background: url(../images/goteisyu_bg02.jpg) no-repeat left center;
}

.cause li:nth-child(2) section {
	padding-right: 290px;
	background: url(../images/goteisyu_bg03.jpg) no-repeat left center;
}

.cause li:last-child section {
	padding-left: 290px;
	background: url(../images/goteisyu_bg04.jpg) no-repeat left center;
}

.cause h1 {
	margin-bottom: 10px;
}

.cause p {
	font-size: 1.3rem;
	line-height: 22px;
	text-align: justify;
}


/* 簡単便利シリーズ */
.handybox {
	width: 690px;
	margin-top: 30px;
	position: relative;
}

#handy1 {
	height: 652px;
	background: url(../images/img_handy01.png) no-repeat;
}

#handy2 {
	height: 828px;
	background: url(../images/img_handy02.png) no-repeat;
}

#handy3 {
	height: 592px;
	background: url(../images/img_handy03.png) no-repeat;
}

#handy4 {
	height: 562px;
	background: url(../images/img_handy04.png) no-repeat;
}

#handy5 {
	height: 562px;
	background: url(../images/img_handy05.png) no-repeat;
}

#handy6 {
	height: 562px;
	background: url(../images/img_handy06.png) no-repeat;
}

.handybox a {
	position: absolute;
}

#handy1 a,
#handy2 a {
	top: 340px;
	left: 30px;
}

#handy3 a {
	top: 315px;
	left: 200px;
}

#handy4 a,
#handy5 a,
#handy6 a {
	top: 280px;
	left: 200px;
}

.k_mbox,.k_mbox_tomato {
	background: url(../images/k_backimg.png) top no-repeat;
	width: 690px;
	padding-top: 82px;
	margin-top: 30px;

}

.k_mbox_tomato {
	background: url(../images/k_backimg_tomato.png) top no-repeat;
}

.k_mboxin {
	padding-left: 30px; padding-right: 30px; padding-bottom: 30px;
	font-size: 14px;
}

.k_mboxin span {
	color: #634322;
	font-weight: bold;
}

.k_mboxin table td {
	vertical-align: top;
}









/* 商品紹介メニュー */
#product {
	margin-bottom: 10px;
}

#product h1 a:hover {
	opacity: .8;
}

#product h1 img {
	vertical-align: bottom;
}

#product nav {
	padding: 15px;
	background: #FFF;
	font-size: 1.2em;
}

#product nav li {
	margin-bottom: 20px;
}

#product nav li:last-child {
	margin: 0;
}

#product nav a {
	padding-left: 10px;
	position: relative;
	text-decoration: none;
}

#product nav a:before {
	content: url(../../common/images/icn_arrow_r_org.png);
	margin-top: -9px;
	position: absolute;
	top: 50%;
	left: 0;
}

#product nav a:hover {
	text-decoration: underline;
}

#product nav a:hover:before {
	left: 3px;
}


/* style */
.right {
	float:right;
}

.left {
	float:left;
}

.cl {
	clear: both;
}