@charset "shift_jis";

/* mv
---------------------------------------------*/
.mv {
	background: #f1dc52;
	padding:20px 0;
}
.mv .inner {
	width: 1028px;
	height: 577px;
	margin: 0 auto;
	position: relative;
	background:url(/brand/salacia/img/top_mv.png) no-repeat top;
}

.mv h2 {
	position: absolute;
	top: 13px;
	left: 75px;
	z-index: 6;
}
.mv p.txt {
	position: absolute;
	top: 260px;
	left: 130px;
	z-index: 6;
}
/* .mv p.pkg {
	position: absolute;
	bottom: -2px;
	left: 503px;
	z-index: 7;
} */
.mv p.note {
	position: absolute;
	width:640px;
	top: 380px;
	left: 42px;
	z-index: 8;
	font-size:11px;
	line-height: 1.2;
}
.mv p.note span{
	display:block;
	font-size:16px;
	line-height:1.6;
}
.mv div.ec {
	position: absolute;
	left: 42px;
	bottom: 10px;
	z-index: 8;
}
.mv p.pkg {
	position: absolute;
	top: 20px;
	right: 26px;
	z-index: 7;
}

/* bnr
---------------------------------------------*/
.bnr {
	padding: 60px 0;
}
.bnr ul li {
	float: left;
	margin-right: 20px;
	text-align: center;
}
.bnr ul li:nth-child(2n) {
	margin-right: 0;
}
.bnr p {
	font-size: 15px;
	padding-top: 5px;
}

/* tvcm
---------------------------------------------*/
.tvcm {
	padding: 0 0 60px;
}
#movie_container ul {
	overflow: hidden;
}
#movie_container ul li {
	float: left;
	margin-top: 20px;
}
#movie_container ul li a {
	display: block;
	width: 426px;
	height: 240px;
	overflow: hidden;
	position: relative;
}
#movie_container ul li:nth-child(1),
#movie_container ul li:nth-child(2) {
	margin-top: 0;
}
#movie_container ul li.first {
	margin-right: 20px;
}
#movie_container ul li img {
	width: 103% !important;
	height: auto !important;
	position: absolute;
	top: -27px;
	left: -3px;
}
#movie_container .lead {
	text-align: center;
	font-size:15px;
	margin-bottom: 10px;
	line-height: 1.4;
	padding: 0 10px;
}
#movie_container .thumb {
	text-align: center;
	padding-bottom: 10px;
}
.jstream-eqPlayer {
	display: block !important;
	margin: 0 auto !important;
}
#movie_container ul li .thumb{
	position: relative;
}
#movie_container ul li .thumb .btn-arrow-movie{
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	width: 320px;
	height: 240px;
	background: url(/brand/salacia/img/top_btn_off.png) no-repeat 0 0;
	margin: -120px 0 0 -160px;
}
#movie_container ul li .thumb a .btn-arrow-movie:hover {
	background: url(/brand/salacia/img/top_btn_on.png) no-repeat 0 0;
}

/* pageLink
---------------------------------------------*/
.pageLink{
	width:1000px;
	margin:45px auto 70px;
	overflow:hidden;
}
.pageLink li{
	float:left;
	margin:0 20px;
}

/* carbohydrate
---------------------------------------------*/
#carbohydrate{
	width:1028px;
	margin:0 auto 50px;
}
#carbohydrate h3{
	font-size:28px;
	color:#29266e;
	text-align:center;
	margin-bottom:20px;
}
#carbohydrate .read{
	text-align:center;
	font-size:18px;
	margin-bottom:10px;
}
#carbohydrate .read + .note{
	font-size:12px;
	text-align:center;
	margin-bottom:30px;
}
#carbohydrate dl{
	margin-bottom:50px;
}
#carbohydrate dt{
	font-size:22px;
	color:#d30000;
	text-align:center;
	font-weight:bold;
	margin:0 auto 30px;
	background:url(/brand/salacia/img/top_dot.png) repeat-x center;
	width:960px;
}
#carbohydrate dt span{
	background:#fff;
	padding:0 10px;
}
#carbohydrate dd p{
	text-align:right;
	font-size:12px;
	width:960px;
	margin:0 auto;
}
#carbohydrate dd ul{
	width:980px;
	margin:0 auto 40px;
}
#carbohydrate dd ul li{
	display:inline-block;
	margin:0 16px;
}
	
/* #recommend
---------------------------------------------*/
#recommend{
	background:#fcf8d8;
	padding:70px 0;
}
#recommend h2{
	margin-bottom:60px;
}
#recommend ul{
	margin-bottom:40px;
	text-align:center;
}
#recommend ul li{
	display:inline-block;
	margin:0 25px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	line-height:1.4;
	vertical-align:text-top;
}
#recommend ul li img{
	display:block;
	margin-bottom:10px;
}
#recommend p{
	font-size:20px;
	text-align:center;
}

/* #natural
---------------------------------------------*/
#natural{
	background:#fff;
	padding:70px 0;
}
#natural h2{
	margin-bottom:60px;
}
#natural .column{
	width:1028px;
	margin-bottom:65px;
	font-size:16px;
	overflow:hidden;
}
#natural .column .leftBox{
	width:515px;
	float:left;
}
#natural .column .leftBox img{
	float:left;
	margin-right:18px;
}
#natural .column .rightBox{
	width:455px;
	float:right;
}
#natural .column .rightBox img{
	float:left;
	margin-right:18px;
}
#natural .column .rightBox p{
	width:310px;
	float:right;
}
#natural .bnr{
	width:734px;
	margin:0 auto;
	text-align:center;
	padding:0 ;
}
#natural .bnr a{
	margin-top:15px;
	display:block;
}
	
/* #patent
---------------------------------------------*/
#patent{
	background:#fcf8d8;
	padding:70px 0;
}
#patent h2{
	margin-bottom:60px;
}
#patent .read{
	overflow:hidden;
	margin-bottom:55px;
	position:relative;
}
#patent .read img{
	float:left;
}
#patent .read p{
	width:600px;
	font-size:16px;
	position:absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	right:0;
}
#patent h3{
	margin-bottom:45px;
}
#patent ol{
	overflow:hidden;
	margin-bottom:20px;
}
#patent ol li{
	float:left;
	margin-right:24px;
}
#patent ol li.last{
	margin-right:0;
	float:right;
}
#patent p.if{
	width:743px;
	margin:0 auto;
}
	
	
/* #usage
---------------------------------------------*/
#usage{
	background:#fff;
	padding:70px 0;
}
#usage h2{
	margin-bottom:60px;
}
#usage .pkg{
	padding-left:0;
	margin-bottom:40px;
	text-align: center;
}
#usage .pkg span{
	font-size:11px;
	text-align:center;
	display:block;
	margin: 10px 0 0 0;
}
#usage .info{
	width:1028px;
	margin-bottom:20px;
	overflow:hidden;
	font-size:16px;
}
#usage .info table{
	width:495px;
	float:left;
}
#usage .info table caption {
	color: #333;
	font-weight:bold;
	text-align: left;
	margin-bottom: 8px;
}
#usage .info table th,#usage .info table td{
	border:1px solid #ab9a16;
	padding:4px 15px;
}
#usage .info table th{
	text-align:center;
	width:132px;
	vertical-align:middle;
	line-height: 1.4;
}
#usage .info table th span{
	font-weight: normal;
	font-size: 78%;
	display: block;
}
#usage .info table td{
	background:#e8e2b3;
}
#usage .info .rightBox{
	width:490px;
	float:right;
}
#usage .info .rightBox dt{
	font-weight:bold;
}
#usage .info .rightBox .drink{
	margin-bottom:20px;
}
#usage ul li{
	font-size:14px;
	color:#666;
	margin-bottom:1em;
	padding-left:1.5em;
	position:relative;
}
#usage ul li:before{
	content: "��";
	position:absolute;
	left:0;
}
/* #media
---------------------------------------------*/
#media{
	background:#f0dc5b;
	padding:70px 0;
	overflow:hidden;
}
#media .inner{
	width:960px;
}
#media h3{
	margin-bottom:35px;
	text-align:center;
}
#media h3 + p {
	text-align: center;
}
#media h3 + p a {
	display: block;
	margin-bottom: 10px;
}
#media .inner .leftBox{
	width:50%;
	float:left;
	padding-right:54px;
	background:url(/brand/salacia/img/top_line_media.gif) repeat-y right;
	font-size:14px;
}
#media .inner .rightBox{
	width:50%;
	float:left;
	padding-left:54px;
	text-align: center;
}

#ec_bnrArea {
	padding:70px 0;
}
.ec a:hover,
.ec a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}


.bnr_kenshin {
    margin-top: 30px;
}

.bnr_kenshin a:hover img {
    opacity: 0.7
}