@charset "Shift_JIS";

/*----------------------------------------------------*/
/* CSS Index

- header
-content
- footer
------------------------------------------------------*/
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
html{
	overflow:auto;
}
body{
	overflow:hidden;
	position:relative;
	min-width:910px;
}
#container {
	padding:0;
	width: 910px;
	margin:0 auto;
	font-size:200%;
	line-height:1.44;
	color:#333;
	max-height:100%;
}

/* コンテンツ
-------------------------------------------------------------------------*/
#container .bold{
	font-weight:bold !important;
}
#container .normal{
	font-weight:normal !important;
}
#container p em{
	font-weight:bold;
	background:url(/shopping/camp/hachinoko01/img/line01.gif) repeat-x 0 77%;
	font-style:normal;
}

#container h2.double{
	background:url(/shopping/camp/hachinoko01/img/ttl02_bg02.gif) repeat-y 0 0;
	text-align:center;
}
#container h2.double span.up{
	display:block;
	padding:27px 10px 18px;
	background:url(/shopping/camp/hachinoko01/img/ttl02_bg01.gif) no-repeat 0 0;
	color:#e78903;
	text-shadow:3px 3px 2px #fff;
	font-size:130.8%;
	line-height:1.2;
	text-align:center;
}
#container h2.double span.down{
	display:block;
	padding:15px 0 0;
	color:#fff;
	background:url(/shopping/camp/hachinoko01/img/ttl03_bg03.gif) no-repeat 0 0;
	font-size:156%;
}
#container h2.double span.down span{
	display:block;
	padding:6px 10px 13px;
	background:#e78903;
}

/* mainVisual
-------------------------------------------------------------------------*/
#container .mainVisual{
	margin:0 -500%;
	padding:20px 500% 0;
	background:url(/shopping/camp/hachinoko01/img/bg01.jpg) no-repeat 54.14% 0;
}
#container .mainVisual h1{
	margin:0 0 35px 40px;
}
#container .mainVisual p{
	text-align:center;
	font-size:110%;
	line-height:1.64;
}
#container .mainVisual p.img{
	margin:38px 0 0 0;
}

/* drink
-------------------------------------------------------------------------*/
#container .drink{
	margin:26px 0 0;
}
#container .drink h2{
	margin:0 0 24px;
	padding:0 0 15px;
	background:url(/shopping/camp/hachinoko01/img/ttl01_bg03.gif) no-repeat 0 100%;
	background-size:contain;
	text-align:center;
	color:#fff;
	font-size:163%;
}
#container .drink h2 > span.inner{
	display:block;
	padding:10px 0 10px;
	background:#449f09;
}
#container .drink h2 > span.inner > span{
	display:inline-block;
	background:url(/shopping/camp/hachinoko01/img/ttl01_bg01.gif) no-repeat left 40%;
}
#container .drink h2 > span.inner > span > span{
	display:inline-block;
	padding:0 46px;
	background:url(/shopping/camp/hachinoko01/img/ttl01_bg02.gif) no-repeat right 40%;
}
#container .drink .section{
	margin:40px 0 0;
	background:url(/shopping/camp/hachinoko01/img/con01_bg01.jpg) no-repeat 780px 55px;
	text-align:center;
}
#container .drink .section h3{
	color:#387c0b;
	font-size:156%;
}
#container .drink .section .sectionInner .txt{
	font-size:110%;
	line-height:1.64;
	margin:10px 0 15px;
}

/* type
-------------------------------------------------------------------------*/
#container .type{
	margin:60px 0 0;
}
#container .type h2{
	padding:13px 10px 9px 10px;
	background:#e78903;
	color:#fff;
	font-weight:normal;
	font-size:156%;
	text-align:center;
}

/* anxiety
-------------------------------------------------------------------------*/
#container .anxiety{
	margin:39px 0 0;
	padding:4px;
	border:3px solid #7aa359;
}
#container .anxiety h2{
	padding:16px;
	background:#7aa359;
	color:#fff;
	font-weight:normal;
	font-size:156%;
	text-align:center;
}
#container .anxiety ul.checkbox{
	padding:40px 40px 30px 40px;
	background:url(/shopping/camp/hachinoko01/img/con03_bg01.gif) #f0f0f0 no-repeat 720px 78px;
}
#container .anxiety ul.checkbox li{
	width:660px;
	margin:23px 0 0;
	padding-left:53px;
	background:url(/shopping/camp/hachinoko01/img/con03_ico01.png) no-repeat 0 0;
}
#container .anxiety ul.checkbox li:first-child{
	width:670px;
	margin:0;
}
#container .anxiety ul.checkbox li span{
	font-size:109%;
	line-height:1;
	vertical-align:baseline;
}
#container .anxiety .check{
	margin:15px 0 0;
	text-align:center;
}
#container .anxiety .call{
	margin:62px 0 0;
	padding:53px 40px 41px 42px;
	background:#f0f0f0;
}
#container .anxiety .call .txt{
	position:relative;
	padding:0 358px 38px 0;
	color:#2fa531;
	font-size:122%;
	font-weight:bold;
}
#container .anxiety .call .txt p{
	position:absolute;
	bottom:0;
	right:0;
}
#container .anxiety .call .section h3{
	padding: 15px 10px 10px 10px;
	background:#7aa359;
	color:#fff;
	text-align:center;
}
#container .anxiety .call .section .sectionInner{
	padding: 37px 10px 22px 10px;
	background:#fff;
	text-align:center;
}
#container .anxiety .call .section .sectionInner .num{
	font-size:270%;
	font-weight:bold;
	line-height:0.9;
}
#container .anxiety .call .section .sectionInner .time{
	font-size:80%;
}

/* wealth
-------------------------------------------------------------------------*/
#container .wealth{
	padding:61px 0 0 0;
}
#container .wealth .sectionInner{
	padding:34px 0 55px 80px;
}
#container .wealth .sectionInner .imgLeftBlock01 .img{
	float:left;
	width:156px;
}
#container .wealth .sectionInner .imgLeftBlock01 .txt{
	float:right;
	width:582px;
	margin:10px 0 0 0;
	font-size:107%;
	line-height:1.4;
}

/* nutrient
-------------------------------------------------------------------------*/
#container .nutrient h2{
	min-height:114px;
	padding:20px 75px 10px 10px;
	background:url(/shopping/camp/hachinoko01/img/ttl03_bg01.jpg) #e78903 no-repeat 100% 0;
	background-size:contain;
	text-align:center;
	color:#fff;
	line-height:1.4;
	font-size:156%;
}
#container .nutrient .sectionInner{
	padding:27px 40px 38px 43px;
	background:#fff3e3;
}
#container .nutrient ul li .section{
	padding:8px 0 0;
	background:url(/shopping/camp/hachinoko01/img/ttl04_bg01.gif) no-repeat 0 0;
}
#container .nutrient.section h3{
	padding:2px 0 6px;
	background:url(/shopping/camp/hachinoko01/img/ttl04_bg02.gif) #f5da99 no-repeat 0 bottom;
	text-align:center;
	font-size:130.8%;
}
#container .nutrient ul li .section p{
	padding:23px 0 19px;
	font-size:107%;
}
#container .nutrient ul li:first-child .section p{
	padding:13px 0 19px;
}
#container .nutrient .sectionInner p.btn{
	text-align:center;
}

/* voice
-------------------------------------------------------------------------*/
#container .voice{
	margin-top: 58px;
}
#container .voice h2 span.up{
	padding:27px 120px 18px;
}
#container .voice h2 span.down span{
	position:relative;
	padding:6px 120px 13px;
}
#container .voice h2 span.down span img{
	position:absolute;
	top:-106px;
	right:21px;
}
#container .voice .baloonBlock{
	margin:72px 0 0;
}
#container .voice .baloonLeftBlock{
	margin:38px 0 0;
}
#container .voice .baloonLeftBlock .img{
	float:left;
}
#container .voice .baloonLeftBlock .baloon{
	float:right;
	width:675px;
	background:url(/shopping/camp/hachinoko01/img/con06_bg05.gif) repeat-y 0 0;
	font-size:107%;
	line-height:1.4;
}
#container .voice .baloonLeftBlock .baloon p{
	background:url(/shopping/camp/hachinoko01/img/con06_bg01.gif) no-repeat 0 0;
}
#container .voice .baloonLeftBlock .baloon p span{
	display:block;
	padding:26px 35px 28px 77px;
	background:url(/shopping/camp/hachinoko01/img/con06_bg02.gif) no-repeat 0 bottom;
}
#container .voice .baloonRightBlock{
	margin:40px 0 0;
}
#container .voice .baloonRightBlock .img{
	float:right;
}
#container .voice .baloonRightBlock .baloon{
	float:left;
	width:675px;
	background:url(/shopping/camp/hachinoko01/img/con06_bg06.gif) repeat-y 0 0;
	font-size:107%;
	line-height:1.4;
}
#container .voice .baloonRightBlock .baloon p{
	background:url(/shopping/camp/hachinoko01/img/con06_bg03.gif) no-repeat 0 0;
}
#container .voice .baloonRightBlock .baloon p span{
	display:block;
	padding:26px 77px 25px 35px;
	background:url(/shopping/camp/hachinoko01/img/con06_bg04.gif) no-repeat 0 bottom;
}
#container .voice .img01{
	margin:48px 0 0 52px;
}
#container .voice .img02{
	margin:3px 42px 0 0;
}
#container .voice .img03{
	margin:47px 0 0 22px;
}
#container .voice .caption{
	margin:40px 0 0 0;
	text-align:right;
	font-size:80%;
}

/* buy
-------------------------------------------------------------------------*/
#container .buy{
	margin: 55px 0 0 0;
}
#container .buy .sectionInner{
	position:relative;
}
#container .buy .sectionInner .btn{
	position:absolute;
	bottom:40px;
	left:75px;
}

/* feature
-------------------------------------------------------------------------*/
#container .feature{
	margin:60px 0 0 0;
}
#container .feature .sectionInner{
	width:870px;
	padding:0 20px;
}
#container .feature .sectionInner ul{
	width:890px;
}
#container .feature .sectionInner ul li{
	position:relative;
	float:left;
	width:419px;
	margin:0 20px 48px 0;
	min-height:195px;
	border:3px solid #684007;
	background:#fffef6;
}
#container .feature .sectionInner ul li .ttl{
	position:absolute;
	top:-41px;
	left:7px;
}
#container .feature .sectionInner ul li table{
	width:425px;
	height:195px;
}
#container .feature .sectionInner ul li table td:first-child {
	width:126px;
	padding:0 0 0 5px;
}
#container .feature .sectionInner ul li table td{
	font-size:104%;
	font-weight:bold;
	color:#684007;
	vertical-align:middle;
	line-height:1.4;
}
#container .feature .sectionInner ul li.feature01 table td .txt{
	padding:10px 0 0 0;
}
#container .feature .sectionInner ul li.feature04 table td .txt{
	padding:10px 0 0 0;
}
#container .feature .sectionInner ul li.feature06 table td .txt{
	padding:5px 0 0 0;
}
#container .feature .sectionInner ul li.feature07 table td .txt{
	padding:5px 0 0 0;
}
#container .feature .sectionInner ul li table td span.small{
	font-size:66.7%;
	line-height:1.2;
}
#container .feature .sectionInner ul li table td span.red{
	color:#d92525;
}
#container .feature .sectionInner ul li table td span.black{
	font-size:59.3%;
	font-weight:normal;
	color:#333;
}
#container .feature .sectionInner ul li.bg table{
	background:url(/shopping/camp/hachinoko01/img/con08_bg01.gif) no-repeat 82px 27px;
	padding:0 0 0 136px;
}
#container .feature .link{
	text-align:right;
	margin:0 0 33px;
}
#container .feature .link a{
	color:#333;
	font-size:61.5%;
	text-decoration:underline;
}
#container .feature .link a:hover{
	text-decoration:none;
}

/* Fotter
-------------------------------------------------------------------------*/
#footer {
	clear:both;
	padding:0;
	text-align:center;
	border-top:1px solid #CCB27F;
	font-size: 12px;
	background: #FFF;
}
#footer ul{
	width:900px;
	margin:0 auto;
	clear:both;
	padding:12px 0;
	text-align:center;
}
#footer ul li{
	display:inline;
	padding:0 24px;
	border-right:1px solid #E5D9BF;
}
#footer ul li.last{
	border-right:none;

}
#footer address{
	padding:9px;
	font-style:normal;
	background-color:#F7F2DA;
	color:#996600;;
	border-top:1px solid #CCB27F;
}

#footer a:link,
#footer a:hover,
#footer a:visited{
	font-style:normal;
	color:#996600;
}

#footer a:visited{
	font-style:normal;
	color:#996600;
}