@charset "utf-8";
/**
 * style.css
 */

/* index
--------------------------------------------------*/
/* content */
#content .pageTitle {
	margin-bottom: 45px;
}
#content .pageTitle:after {
	display: none;
}
#content .leadText {
	margin-top: 55px;
	margin-bottom: 55px;
	text-align: center;
}
#content .leadText:first-child {
	margin-top: 0;
}
#content .leadText .title {
	font-size: 40px;
	line-height: 1;
}
.menuArea02 .menu .infoArea {
	height: 190px;
}
.menuArea02 .menu .materials li span {
	height: 150px;
	background: url(../../common/imgs/space.gif) repeat left top;
}
.menuArea02 .menu#program01 .materials {
	width: 843px;
	padding-left: 3px;
}
.menuArea02 .menu#program01 .materials li.juiceA { width:75px; }
.menuArea02 .menu#program01 .materials li.juiceB { width:72px; }
.menuArea02 .menu#program01 .materials li.juiceC { width:71px; }
.menuArea02 .menu#program01 .materials li.juiceD { width:70px; }
.menuArea02 .menu#program01 .materials li.juiceE { width:68px; }
.menuArea02 .menu#program01 .materials li.juiceF { width:67px; }
.menuArea02 .menu#program01 .materials li.juiceG { width:68px; }
.menuArea02 .menu#program01 .materials li.juiceH { width:71px; }
.menuArea02 .menu#program01 .materials li.juiceI { width:69px; }
.menuArea02 .menu#program01 .materials li.juiceJ { width:70px; }
.menuArea02 .menu#program01 .materials li.juiceK { width:71px; }
.menuArea02 .menu#program01 .materials li.juiceL { width:71px; }
.menuArea02 .menu#program02 .materials {
	width: 654px;
}
.menuArea02 .menu#program02 .materials li.juiceA { width:75px; }
.menuArea02 .menu#program02 .materials li.juiceB { width:74px; }
.menuArea02 .menu#program02 .materials li.juiceC { width:73px; }
.menuArea02 .menu#program02 .materials li.juiceD { width:72px; }
.menuArea02 .menu#program02 .materials li.juiceE { width:70px; }
.menuArea02 .menu#program02 .materials li.juiceF { width:71px; }
.menuArea02 .menu#program02 .materials li.juiceG { width:73px; }
.menuArea02 .menu#program02 .materials li.juiceH { width:74px; }
.menuArea02 .menu#program02 .materials li.juiceI { width:72px; }
.menuArea02 .menu#program03 .materials {
	width: 434px;
	padding-left: 7px;
}
.menuArea02 .menu#program03 .materials li.juiceA { width:71px; }
.menuArea02 .menu#program03 .materials li.juiceB { width:71px; }
.menuArea02 .menu#program03 .materials li.juiceC { width:73px; }
.menuArea02 .menu#program03 .materials li.juiceD { width:73px; }
.menuArea02 .menu#program03 .materials li.juiceE { width:72px; }
.menuArea02 .menu#program03 .materials li.juiceF { width:74px; }
.menuArea02 .menu#program04 .materials {
	width: 423px;
	padding-left: 7px;
}
.menuArea02 .menu#program04 .materials li.juiceA { width:68px; }
.menuArea02 .menu#program04 .materials li.juiceB { width:68px; }
.menuArea02 .menu#program04 .materials li.juiceC { width:70px; }
.menuArea02 .menu#program04 .materials li.juiceD { width:72px; }
.menuArea02 .menu#program04 .materials li.juiceE { width:73px; }
.menuArea02 .menu#program04 .materials li.juiceF { width:72px; }
.menuArea02 .menu#program05 .materials {
	width: 240px;
	padding-right: 2px;
}
.menuArea02 .menu#program05 .materials li.juiceA { width:82px; }
.menuArea02 .menu#program05 .materials li.juiceB { width:80px; }
.menuArea02 .menu#program05 .materials li.juiceC { width:78px; }
.menuArea02 .menu#program06 .materials {
	width: 227px;
	padding-right: 2px;
}
.menuArea02 .menu#program06 .materials li.juiceA { width:77px; }
.menuArea02 .menu#program06 .materials li.juiceB { width:74px; }
.menuArea02 .menu#program06 .materials li.juiceC { width:76px; }
.menuArea02 .tooltipWrap {
	bottom: 155px;
}
.menuArea02 + .captionArea {
	margin: 20px 0 0 16px;
}
#aboutJuice .outline .text {
	width: 656px;
	margin: 60px auto 40px;
}
#aboutJuice .outline .text .copy {
	margin-bottom: 30px;
	font-size: 40px;
	line-height: 1.1;
	text-align: center;
}
#aboutJuice .outline .text .lang_en {
	font-size: 15px;
}
#aboutJuice .section {
	margin-top: 90px;
}
#aboutJuice .section .title {
	position: relative;
	margin-bottom: 20px;
	text-align: center;
}
#aboutJuice .section .title:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 0;
	width: 100%;
	border-top: #d2d2d2 solid 1px;
}
#aboutJuice .section .title span {
	display: inline-block;
	position: relative;
	z-index: 1;
	width: 352px;
	background: #ffffff;
	font-size: 40px;
	line-height: 1;
}
#aboutJuice .section .title span.lang_en {
	font-size: 32px;
}
#aboutJuice .section .lead {
	text-align: center;
}
#aboutJuice .section .lead .lang_en {
	font-size: 15px;
	line-height: 1.7;
}
#aboutJuice #effect {
	width: 748px;
	margin: 30px auto 0;
}
#aboutJuice #effect li {
	float: left;
	margin-left: 32px;
}
#aboutJuice #effect li:first-child {
	margin-left: 0;
}
#aboutJuice #example {
	position: relative;
	margin-top: 40px;
	padding-left: 538px;
}
#aboutJuice #example .textArea h4 {
	font-size: 24px;
	line-height: 1;
}
#aboutJuice #example .textArea .list {
	margin-top: 16px;
}
#aboutJuice #example .textArea .list li {
	display: table;
	width: 100%;
	margin-top: 16px;
}
#aboutJuice #example .textArea .list li:first-child {
	margin-top: 0;
}
#aboutJuice #example .textArea .list li .image {
	display: table-cell;
	width: 68px;
	padding-right: 24px;
	vertical-align: top;
}
#aboutJuice #example .textArea .list li .text {
	display: table-cell;
	vertical-align: middle;
}
#aboutJuice #example .textArea .list li .text dt {
	margin-bottom: 5px;
	font-size: 20px;
	line-height: 1;
}
#aboutJuice #example .textArea .list li .text dt span {
	text-decoration: underline;
}
#aboutJuice #example .textArea .list li .text dd {
	font-size: 12px;
	line-height: 1.5;
}
#aboutJuice #example .textArea .list li .text dd .lang_en {
	font-size: 13px;
	line-height: 1.39;
}
#aboutJuice #example .imageArea {
	position: absolute;
	top: 0;
	left: 0;
	width: 488px;
	padding-bottom: 36px;
	border-bottom: #d2d2d2 solid 1px;
}
#aboutJuice #example .imageArea.fixed {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -496px;
}
#aboutJuice #example .imageArea.bottom {
	top: auto;
	bottom: 0;
}
#aboutJuice #example .imageArea .text {
	width: 420px;
	/* margin: -20px auto 0; */
	margin: 0 auto 0;
	padding-top: 36px;
}
#aboutJuice #example .imageArea .text .ttl {
	margin-bottom: 15px;
	font-size: 40px;
	line-height: 1;
}
#aboutJuice #example .imageArea .text .ttl span {
	font-size: 16px;
	margin-left: 16px;
	vertical-align: middle;
}
#aboutJuice #example .imageArea .text .txt {
	font-size: 13px;
	line-height: 1.70;
}
#aboutJuice #example .imageArea .text .txt .lang_en {
	font-size: 14px;
	line-height: 1.58;
}
#aboutJuice #example .imageArea .text .priceArea {
	/* margin-top: 40px; */
}
#aboutJuice #example .imageArea .text .priceArea .online {
	float: right;
	font-size: 13px;
	line-height: 1.24;
}
#aboutJuice #example .imageArea .text .priceArea .online .lang_en {
	font-size: 14px;
	line-height: 1.15;
}
#aboutJuice #example .imageArea .text .priceArea .price {
	font-size: 16px;
	line-height: 1;
}
#aboutJuice #faq {
	width: 824px;
	margin: 70px auto 0;
}
#aboutJuice #faq .row {
	margin-top: 55px;
}
#aboutJuice #faq dl {
	float: left;
	width: 370px;
	margin-left: 84px;
	font-size: 14px;
	line-height: 1.6;
}
#aboutJuice #faq dl:first-child {
	margin-left: 0;
}
#aboutJuice #faq dl dt {
	margin-bottom: 20px;
	font-size: 24px;
	line-height: 1.34;
}
#aboutJuice #faq dl dt .lang_en:before {
	content: 'Q.';
	display: block;
}
#aboutJuice #faq dl dd .lang_en {
	font-size: 15px;
}
#aboutCP .text {
	width: 656px;
	margin: 40px auto;
}
#aboutCP .text .lang_en {
	font-size: 15px;
}