@charset "UTF-8";

/* :::::::::::::::::::::::::::::::::::::::::::::

	name:			products.css;
	created:		2008-09-12;
	last-modified:	2011-11-08;

::::::::::::::::::::::::::::::::::::::::::::: */


/* css start ------------ */


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	共通
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#contentsArea {
	position: relative;
	padding: 0;
	background: url(none);
}

div#contentsArea div.img1 {
	z-index: 1;
	position: absolute;
	top: 7px;
	left: 110px;
}

div#contentsArea div.img2 {
	position: absolute;
	top: 1155px;
	left: 612px;
}

div#contentsArea div.img3 {
	position: absolute;
	top: 399px;
	left: 631px;
}



/* ------------------------------------------------
	タブ
------------------------------------------------ */

ul#tab {
	position: relative;
	z-index: 2;
	padding: 7px 0 0 179px;
	background: #F2EBDC url(../images/tab_bg.gif) no-repeat left bottom;
}
body#productsIndexPage ul#tab {
	background-image: url(../images/tab_bg_index.gif);
}

ul#tab li {
	float: left;
	width: 231px;
}

ul#tab li a {
	outline: none;
}

ul#tab li img {
	display: block;
}




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

/*
body#productsIndexPage h1 {
	padding: 55px 0 35px 125px;
	background: url(../images/index_tit_bg.gif) no-repeat left bottom;
}
*/

body#productsIndexPage div#main {
	padding-top: 50px;
}


/* ------------------------------------------------
	ラインアップ
------------------------------------------------ */

body#productsIndexPage div#lineupArea {
	padding: 0 0 16px;
	border-bottom: 10px solid #ece6da;
	background: url(../images/index_lineup_bg.gif) repeat-y;
}

body#productsIndexPage div#lineupArea h2 {
	margin: 0 10px;
	padding: 23px 0 10px 130px;
	border-bottom: 3px solid #F5F2EC;
	background: url(../images/index_tit_bg.gif) no-repeat;
}

body#productsIndexPage div#lineupArea h3.tit1 { padding: 22px 0 20px 118px;}
body#productsIndexPage div#lineupArea h3.tit2 { padding: 41px 0 15px 190px;}

body#productsIndexPage div#lineupArea div.setWrap {
	margin: 0 0 0 20px;
	background: url(../images/index_lineup_wrap_bg.gif) repeat-y;
}

body#productsIndexPage div#lineupArea div.setWrap.wrap1 {
	width: 450px;
	margin-left: 95px;
	padding: 10px 0 2px;
}

body#productsIndexPage div#lineupArea div.setWrap.wrap2 {
	margin-top: 25px;
	padding: 10px 0 4px;
}

body#productsIndexPage div#lineupArea div.setWrap.wrap3 {
	width: 450px;
	margin-top: 23px;
	margin-left: 95px;
	padding: 10px 0 4px;
}

body#productsIndexPage div#lineupArea div.setWrap.wrap4 {
/*	width: 450px;*/
	margin-top: 24px;
	margin-left: 10px;
/*	margin-left: 85px;*/
	padding: 10px 0 2px;
}

body#productsIndexPage div#lineupArea div.setWrap.wrap5 {
	width: 450px;
	margin-top: 26px;
	margin-left: 85px;
	padding: 10px 0 2px;
}

body#productsIndexPage div#lineupArea div.setWrap.wrap6 {
	width: 450px;
	margin-left: 85px;
	padding: 10px 0 2px;
}

body#productsIndexPage div#lineupArea div.setWrap.wrap7 {
	width: 450px;
	margin-top: 25px;
	margin-left: 85px;
	padding: 10px 0 4px;
}


body#productsIndexPage div#lineupArea div.setWrap div.set {
	float: left;
	width: 150px;
}
body#productsIndexPage div#lineupArea div.set22 {
	float: none;
	padding: 33px 0 10px 261px;
	background: url(../images/index_img_02.gif) no-repeat 95px 66px;
}

body#productsIndexPage div#lineupArea div.setWrap div.set p.tit,
body#productsIndexPage div#lineupArea div.setWrap div.set p.img {
	padding: 0 0 0 16px;
}
body#productsIndexPage div#lineupArea div.setWrap div.set4 p.img { padding-left: 17px;}
body#productsIndexPage div#lineupArea div.setWrap div.set5 p.img { padding-top: 15px;}
body#productsIndexPage div#lineupArea div.setWrap div.set7 p.img { padding-left: 19px;}
body#productsIndexPage div#lineupArea div.setWrap div.set10 p.img { padding-top: 15px;}
body#productsIndexPage div#lineupArea div.setWrap div.set11 p.img { padding-top: 15px;}
body#productsIndexPage div#lineupArea div.setWrap div.set15 p.img { padding-left: 19px;}
body#productsIndexPage div#lineupArea div.setWrap div.set17 p.img { padding-top: 5px; padding-left: 19px;}
body#productsIndexPage div#lineupArea div.setWrap div.set18 p.img { padding-top: 5px;}
body#productsIndexPage div#lineupArea div.setWrap div.set19 p.img { padding-top: 5px;}
body#productsIndexPage div#lineupArea div.setWrap div.set20 p.img { padding-top: 5px;}
body#productsIndexPage div#lineupArea div.set22 p.img { padding-top: 15px; width: 124px; margin-left: -6px; position: relative;}

body#productsIndexPage div#lineupArea div.setWrap div.set6 p.tit { padding-left: 19px;}

body#productsIndexPage div#lineupArea div.setWrap div.set p.btn {
	padding: 25px 0 0 17px;
}

body#productsIndexPage div#lineupArea div.setWrap div.set1 p.txt { padding-top: 12px; padding-left: 10px;}
body#productsIndexPage div#lineupArea div.setWrap div.set1 p.btn { padding-top: 16px; padding-left: 18px;}

body#productsIndexPage div#lineupArea div.setWrap div.set2 p.txt { padding-top: 24px; padding-left: 16px;}
body#productsIndexPage div#lineupArea div.setWrap div.set2 p.btn { padding-top: 28px; padding-left: 18px;}

body#productsIndexPage div#lineupArea div.setWrap div.set3 p.txt { padding-top: 18px; padding-left: 16px;}
body#productsIndexPage div#lineupArea div.setWrap div.set3 p.btn { padding-top: 20px;}

body#productsIndexPage div#lineupArea div.setWrap div.set4 p.txt { padding-top: 9px; padding-left: 17px;}
body#productsIndexPage div#lineupArea div.setWrap div.set4 p.btn { padding-top: 51px; padding-left: 18px;}

body#productsIndexPage div#lineupArea div.setWrap div.set8 { width: 202px; padding-left: 118px;}
body#productsIndexPage div#lineupArea div.setWrap div.set8 p.new { padding: 14px 0 0 78px;}
body#productsIndexPage div#lineupArea div.setWrap div.set8 p.img { padding: 19px 0 0 43px;}
body#productsIndexPage div#lineupArea div.setWrap div.set8 p.btn { padding: 11px 0 0 43px;}

body#productsIndexPage div#lineupArea div.setWrap div.set9 { width: 163px;}
body#productsIndexPage div#lineupArea div.setWrap div.set9 p.new { padding: 14px 0 0 59px;}
body#productsIndexPage div#lineupArea div.setWrap div.set9 p.img { padding: 14px 0 0 26px;}
body#productsIndexPage div#lineupArea div.setWrap div.set9 p.btn { padding: 7px 0 0 26px;}

body#productsIndexPage div#lineupArea div.setWrap div.set15 p.txt { padding: 3px 0 0 14px;}
body#productsIndexPage div#lineupArea div.setWrap div.set15 p.btn { padding-top: 7px;}

body#productsIndexPage div#lineupArea div.setWrap div.set16 p.txt { padding: 3px 0 0 16px;}
body#productsIndexPage div#lineupArea div.setWrap div.set16 p.btn { padding-top: 7px;}

body#productsIndexPage div#lineupArea div.setWrap div.set17 p.txt { padding: 9px 0 0 18px;}
body#productsIndexPage div#lineupArea div.setWrap div.set17 p.btn { padding-top: 11px;}

body#productsIndexPage div#lineupArea div.setWrap div.set18 p.txt { padding: 9px 0 0 16px;}
body#productsIndexPage div#lineupArea div.setWrap div.set18 p.btn { padding-top: 11px;}

body#productsIndexPage div#lineupArea div.setWrap div.set19 p.txt { padding: 9px 0 0 18px;}
body#productsIndexPage div#lineupArea div.setWrap div.set19 p.btn { padding-top: 11px;}

body#productsIndexPage div#lineupArea div.setWrap div.set20 p.txt { padding: 9px 0 0 16px;}
body#productsIndexPage div#lineupArea div.setWrap div.set20 p.btn { padding-top: 11px;}

body#productsIndexPage div#lineupArea div.set22 p.txt { padding: 11px 0 0 0;}
body#productsIndexPage div#lineupArea div.set22 p.btn { padding-top: 10px; padding-left: 2px;}

body#productsIndexPage div#lineupArea div.setWrap div.set21 p.txt { padding: 3px 0 0 16px;}
body#productsIndexPage div#lineupArea div.setWrap div.set21 p.btn { padding-top: 5px; padding-left: 18px;}

body#productsIndexPage div#lineupArea div.setWrap div.set23 p.txt { padding: 3px 0 0 15px;}
body#productsIndexPage div#lineupArea div.setWrap div.set23 p.btn { padding-top: 5px; padding-left: 18px;}

body#productsIndexPage div#lineupArea div.setWrap div.set24 p.txt { padding: 3px 0 0 16px;}
body#productsIndexPage div#lineupArea div.setWrap div.set24 p.btn { padding-top: 12px;}

body#productsIndexPage div#lineupArea div.setWrap div.set27 p.txt { padding: 12px 0 0 16px;}
body#productsIndexPage div#lineupArea div.setWrap div.set27 p.btn { padding-top: 18px;}

body#productsIndexPage div#lineupArea div.setWrap div.set28 p.txt { padding: 7px 0 0 16px;}
body#productsIndexPage div#lineupArea div.setWrap div.set28 p.btn { padding-top: 12px;}

body#productsIndexPage div#lineupArea div.setWrap div.set29 p.txt { padding: 12px 0 0 16px;}
body#productsIndexPage div#lineupArea div.setWrap div.set29 p.btn { padding-top: 18px;}

body#productsIndexPage div#lineupArea div.setWrap div.set30 p.txt,
body#productsIndexPage div#lineupArea div.setWrap div.set31 p.txt,
body#productsIndexPage div#lineupArea div.setWrap div.set32 p.txt { padding: 8px 0 0 16px;}
body#productsIndexPage div#lineupArea div.setWrap div.set30 p.btn,
body#productsIndexPage div#lineupArea div.setWrap div.set31 p.btn,
body#productsIndexPage div#lineupArea div.setWrap div.set32 p.btn { padding-top: 11px; padding-left: 18px;}

body#productsIndexPage div#lineupArea div.setWrap div.set33 p.txt { padding: 21px 0 0 16px;}
body#productsIndexPage div#lineupArea div.setWrap div.set33 p.btn { padding-top: 18px; padding-left: 18px;}

body#productsIndexPage div#lineupArea div.setWrap div.set36 p.txt { padding: 21px 0 0 16px;}
body#productsIndexPage div#lineupArea div.setWrap div.set36 p.btn { padding-top: 18px; padding-left: 18px;}

body#productsIndexPage div#lineupArea div.setWrap div.set37 p.txt { padding: 0 0 0 16px;}
body#productsIndexPage div#lineupArea div.setWrap div.set37 p.btn { padding-top: 0; padding-left: 18px;}

body#productsIndexPage div#lineupArea div.setWrap div.set38 p.txt { padding: 0 0 0 16px;}
body#productsIndexPage div#lineupArea div.setWrap div.set38 p.btn { padding-top: 0; padding-left: 18px;}

body#productsIndexPage div#lineupArea div.dot {
	padding: 0 0 0 20px;
}


/* 永谷園生姜部シリーズ ------------- */

body#productsIndexPage div#lineupArea div#shougabuArea {
	width: 620px;
	margin: 21px 0 0 10px;
	padding: 0 0 40px;
	border-top: 3px solid #f5f2ec;
}

body#productsIndexPage div#lineupArea div#shougabuArea p.tieupTit {
	padding: 26px 0 24px 173px;
}

body#productsIndexPage div#lineupArea div#shougabuArea div.set26 { padding: 35px 0 0 231px;}
body#productsIndexPage div#lineupArea div#shougabuArea div.set26 p.tit { padding: 0 0 0 20px;}
body#productsIndexPage div#lineupArea div#shougabuArea div.set26 p.img { padding: 13px 0 0 20px;}
body#productsIndexPage div#lineupArea div#shougabuArea div.set26 p.txt { padding: 16px 0 0;}
body#productsIndexPage div#lineupArea div#shougabuArea div.set26 p.btn { padding: 16px 0 0 22px;}


/* 企業コラボ・タイアップ商品 ------------- */

body#productsIndexPage div#lineupArea div#tieupArea {
	width: 620px;
	margin: 0 0 0 10px;
	padding: 0 0 24px;
	border-top: 3px solid #f5f2ec;
}

body#productsIndexPage div#lineupArea div#tieupArea p.tieupTit {
	padding: 26px 0 0 144px;
}

body#productsIndexPage div#lineupArea div#tieupArea div.pipArea {
	width: 570px;
	margin: 30px 0 0 25px;
	padding: 0 0 28px;
	background: #fbf8ec;
}

body#productsIndexPage div#lineupArea div#tieupArea div.pipArea p.pipTit {
	padding: 24px 0 15px 241px;
}

body#productsIndexPage div#lineupArea div#tieupArea div.pipArea div.wrap {
	padding: 0 0 0 67px;
	background: url(../images/index_tieup_pip_dot.gif) repeat-y 285px 0;
}

body#productsIndexPage div#lineupArea div#tieupArea div.pipArea div.set {
	float: left;
}
body#productsIndexPage div#lineupArea div#tieupArea div.pipArea div.set34 { margin-right: 79px;}
body#productsIndexPage div#lineupArea div#tieupArea div.pipArea div.set34 p.btn { padding: 0 0 0 17px;}
body#productsIndexPage div#lineupArea div#tieupArea div.pipArea div.set35 p.tit { padding: 0 0 0 42px;}
body#productsIndexPage div#lineupArea div#tieupArea div.pipArea div.set35 p.btn { padding: 0 0 0 59px;}

body#productsIndexPage div#lineupArea div#tieupArea div.kikakuArea {
	width: 467px;
	height: 176px;
	margin: 31px 0 0 65px;
	background: url(../images/index_tieup_kikaku_bg.gif) no-repeat;
}

body#productsIndexPage div#lineupArea div#tieupArea div.kikakuArea p.tit {
	padding: 30px 0 0 132px;
}

body#productsIndexPage div#lineupArea div#tieupArea div.kikakuArea p.lead {
	padding: 8px 0 0 102px;
}

body#productsIndexPage div#lineupArea div#tieupArea div.kikakuArea p.btn {
	padding: 12px 0 0 211px;
}

body#productsIndexPage div#lineupArea div#produceArea {
	width: 594px;
	margin: 0 0 0 10px;
	padding: 13px 0 0 26px;
	border-top: 3px solid #f5f2ec;
}

body#productsIndexPage div#lineupArea div#produceArea p.tit {
	padding: 0 0 0 19px;
}

body#productsIndexPage div#lineupArea div#produceArea div.wrap {
	width: 532px;
	padding: 19px 0 16px 17px;
}

body#productsIndexPage div#lineupArea div#produceArea div.wrap p.lead {
	float: left;
	width: 364px;
}

body#productsIndexPage div#lineupArea div#produceArea div.wrap p.btn {
	float: right;
	width: 155px;
}

body#productsIndexPage div#lineupArea div#produceArea p.lead_end {
	padding: 0 0 9px 49px;
}


/*
* html body#productsIndexPage div#lineupArea div.setWrap div.img2 {
	float: none;
	position: absolute;
	top: 619px;
	left: 553px;
}
*/
/*
body#productsIndexPage div#lineupArea div.setWrap div.img2 {
	position: relative;
	top: 59px;
	left: 143px;
}
* html body#productsIndexPage div#lineupArea div.setWrap div.img2 {
	top: 70px;
	left: 140px;
}
*/


/* ------------------------------------------------
	血めぐり研究会
------------------------------------------------ */

body#productsIndexPage div#meguriArea {
	width: 510px;
	padding: 14px 0 16px 130px;
	background-color: #ECE6DA;
}

body#productsIndexPage div#meguriArea p.img {
	float: left;
	width: 96px;
}

body#productsIndexPage div#meguriArea div.txtSet {
	float: right;
	width: 260px;
	padding: 23px 145px 0 0;
}

body#productsIndexPage div#meguriArea div.txtSet p.btn {
	padding: 8px 0 0;
}





/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	レポートページ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body#samplingPage h1 {
	padding: 55px 0 0 108px;
}

body#samplingPage div#leadArea {
	width: 667px;
	margin: 0 -19px 0 -8px;
	background: url(../images/sampling_lead_bg.jpg) no-repeat 0 39px;
}

body#samplingPage div#leadArea div.txtSet {
	float: left;
	width: 462px;
	padding: 18px 0 0 97px;
}

body#samplingPage div#leadArea p.img {
	float: right;
	width: 108px;
}

body#samplingPage div#leadArea div.txtSet p.txt {
	padding: 18px 0 0 29px;
}



/* ------------------------------------------------
	レポート
------------------------------------------------ */

body#samplingPage div.set {
	width: 640px;
	padding: 30px 0;
	border-bottom: 1px solid #E0D9CC;
	background: url(../images/sampling_comment_bg.gif) no-repeat 307px 52px;
}

body#samplingPage div.set div.dataArea {
	float: right;
	width: 293px;
}

body#samplingPage div.set div.commentArea {
	float: left;
	width: 307px;
	padding: 24px 0;
	background-color: #F6ECDA;
}

body#samplingPage div.set div.dataArea div.profile p.img {
	float: left;
	width: 51px;
}

body#samplingPage div.set div.dataArea div.profile p.name {
	padding: 5px 0 0 65px;
}

body#samplingPage div.set div.dataArea div.profile p.txt12 {
	padding: 3px 0 0 65px;
}

body#samplingPage div.set div.dataArea div.taisaku {
	margin: 15px 0 0;
	padding: 13px 0 0;
	background: url(../images/sampling_taisaku_dot.gif) repeat-x;
}

body#samplingPage div.set div.dataArea div.taisaku ul {
	list-style-type: disc;
	padding: 4px 0 0 16px;
	color: #706B5F;
}

body#samplingPage div.set div.dataArea div.taisaku ul li {
}

body#samplingPage div.set div.commentArea p.tit {
	text-align: center;
}

body#samplingPage div.set div.commentArea p.txt12 {
	padding: 12px 26px 0;
}

/* 顔写真なし */
body#samplingPage div.set3 div.dataArea div.profile p.name,
body#samplingPage div.set3 div.dataArea div.profile p.txt12 {
	padding-left: 0;
}

body#samplingPage div.set4 div.dataArea div.profile p.name,
body#samplingPage div.set4 div.dataArea div.profile p.txt12 {
	padding-left: 0;
}

body#samplingPage div.set5 div.dataArea div.profile p.name,
body#samplingPage div.set5 div.dataArea div.profile p.txt12 {
	padding-left: 0;
}



/* ------------------------------------------------
	協力企業
------------------------------------------------ */

body#samplingPage div.companyArea {
	padding: 20px 0 16px 11px;
	border-bottom: 1px solid #E0D9CC;
}

body#samplingPage div.companyArea ul {
	padding: 4px 0 0;
}

body#samplingPage div.companyArea ul li {
	line-height: 1.5em;
	float: left;
	margin-right: 1em;
}



/* css end ------------ */