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


/*
#selector {
	background: url("") no-repeat top left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
*/

/*
#selector {
	min-height: 300px;
	height: auto!important;
	height: 300px;
}
*/

/* __ ie6用 __ */
* html #selector {
	property:value;
}

/* __ ie7用 __ */
*+html #selector {
	property:value;
}

/* __ ie6_7用 __ */
#selector {
	/property:value;
}

/* __ ie8用 __ */
#selector {
	property:value\9;
}


html {

}

body {
	min-width: 980px;
	color: #835C4E;
}

/* __ twitter用 __ */
#oliveoil_twitter {
  width: 238px;
  margin: 15px auto 0;
  height: 500px;
  overflow: hidden;
  border: #c0d0c0 1px solid;
  border-radius: 5px;
  -webkit-overflow-scrolling: touch !important;
}
#oliveoil_twitter .SandboxRoot.env-bp-min .timeline-Tweet {
	width: 238px;
}

/*____________________ CONTENT ____________________*/
#CONTENTS {
	width: 980px;
	margin: 0 auto;
	padding: 20px 0 35px;
}

#CONTENTS_TOP_LEFT {
	float: left;
	width: 720px;
}

#CONTENTS_TOP_RIGHT {
	float: right;
	width: 240px;
}


/*____________________ top ____________________*/
#NEWS_AREA {
	margin-top: 20px;
	background: url("../images/common/bg_contents1_top.png") no-repeat top left;
	padding-top: 15px;
}

#IMPORTANTNEWS_AREA {
	margin-bottom: 10px;
	padding: 15px 109px;
	font-weight: bold;
	border: 2px solid #FFD8A9;
	background: #FFFBF5;
}

#NEWS_AREA h2 {
	background: url("../images/top/tit_news.png") no-repeat top left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 690px;
	height: 25px;
}

#NEWS_DET {
	margin-top: 5px;
	background: url("../images/common/bg_contents_in_top.png") no-repeat top left;
	padding-top: 10px;
}

#NEWS_DET dl {
	margin-top: 10px;
}

#NEWS_DET dl dt {
	font-size: 12px;
	width: 75px;
	float: left;
	margin-right: 5px;
}

#NEWS_DET dl dd {
	font-size: 13px;
	width: 580px;
	float: left;
}

#NEWS_DET dl dd a {
	color: #835C4E;
	font-weight: bold;
	text-decoration: underline;
}

#NEWS_DET dl dd a:hover {
	text-decoration: none;
}

#MERCHANDISE_AREA {
	margin-top: 20px;
	background: url("../images/common/bg_contents2_top.png") no-repeat top left;
	padding-top: 15px;
}

#MERCHANDISE_AREA h2 {
	background: url("../images/top/tit_merchandise.png") no-repeat top left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 690px;
	height: 25px;
}

ul.mer_list {
	margin-top: 20px;
}

ul.mer_list li {
	float: left;
	margin-right: 10px;
}

#RECOMMENDED_BRAND_AREA {
	margin-top: 20px;
}

#RECOMMENDED_BRAND_AREA h2 {
	background: url("../images/top/tit2_recommend_brand.png") no-repeat top left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 720px;
	height: 41px;
}
#RECOMMENDED_BRAND ul {
	margin-top: -15px;
}
#RECOMMENDED_BRAND ul li {
	float: left;
	margin: 15px 15px 0 0;
}

#RECOMMENDED_BRAND_ALL,
#RECOMMENDED_CONTENTS_ALL {
	margin-top: 15px;
	display: none;
}

#BTN_RECOMMENDED_BRAND a.off {
	background: url("../images/top/btn_recommend_brand.png") no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 90px;
	height: 13px;
	margin: 15px auto 0;
	display: block;
}

#BTN_RECOMMENDED_BRAND a.on {
	background: url("../images/top/btn_recommend_brand.png") no-repeat 0 -13px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 90px;
	height: 13px;
	margin: 15px auto 0;
	display: block;
}

#RECOMMENDED_CONTENTS_AREA {
	margin-top: 20px;
}

#RECOMMENDED_CONTENTS_AREA h2 {
	background: url("../images/top/tit2_recommend_contents.png") no-repeat top left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 720px;
	height: 41px;
}
#RECOMMENDED_CONTENTS ul {
	margin-top: -15px;
}
#RECOMMENDED_CONTENTS ul li {
	float: left;
	margin: 15px 15px 0 0;
}

#BTN_RECOMMENDED_CONTENTS a.off {
	background: url("../images/top/btn_recommend_contents.png") no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 90px;
	height: 13px;
	margin: 15px auto 0;
	display: block;
}

#BTN_RECOMMENDED_CONTENTS a.on {
	background: url("../images/top/btn_recommend_contents.png") no-repeat 0 -13px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 90px;
	height: 13px;
	margin: 15px auto 0;
	display: block;
}

#RECIPE_AREA {
	background: url("../images/top/bg_top_recipe.png") no-repeat top left;
	width: 240px;
	height: 232px;
	position: relative;
}

#RECIPE_AREA p {
	position: absolute;
	bottom: 23px;
	left: 10px;
}

#RECIPE_AREA p a:hover img {
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

ul#BANNER_AREA {
	margin-top: 15px;
}

ul#BANNER_AREA li {
	margin-top: 15px;
}

ul#BANNER_AREA li a:hover img {
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

ul#BANNER_AREA li a:hover img {
	background: #fff;
}

#CM_AREA {
	margin-top: 15px;
	position: relative;
}

#CM_AREA_BOTTOM {
	background: url("../images/top/bg_tvcm_bottom.png") no-repeat bottom left;
	padding-bottom: 10px;
}

#CM_AREA_INNER {
	border-left: 1px solid #FFD8A9;
	border-right: 1px solid #FFD8A9;
	background: #FFFBF5;
	padding: 0 8px;
}

#CM_AREA h3 {
	background: url("../images/top/m_tit_tvcm.png") no-repeat top left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 240px;
	height: 40px;
}

p#ETC_CM {
	position: absolute;
	top: 16px;
	right: 10px;
	background: url("../images/top/icon_list.png") no-repeat 0 4px;
	padding-left: 15px;
}

p#ETC_CM a {
	font-size: 11px;
	color: #B61F1B;
	text-decoration: underline;
}

p#ETC_CM a:hover {
	text-decoration: none;
}

p#ON_AIR {
	background: url("../images/top/icon_on_air.png") no-repeat 0 4px;
	padding-left: 54px;
	margin-top: 10px;
}

p#ON_AIR a {
	font-size: 12px;
	color: #B61F1B;
	text-decoration: underline;
}

p#ON_AIR a:hover {
	text-decoration: none;
}

p.banner a:hover img {
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

p.banner a:hover img {
	background: #fff;
}

ul#SERIES_BANNER_AREA {
	margin-top: 40px;
	text-align: center;
}

ul#SERIES_BANNER_AREA li {
	display: inline;
	margin-right: 5px;
}

#RECOMMENDED_BRAND li a:hover img,
#RECOMMENDED_CONTENTS li a:hover img,
#SERIES_BANNER_AREA li a:hover img,
ul.mer_list li a:hover img {
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#RECOMMENDED_BRAND li a:hover img,
#RECOMMENDED_CONTENTS li a:hover img {
	background: #FFFBF5;
}

ul.mer_list li a:hover img {
	background: #FFEBD4;
}

#SERIES_BANNER_AREA li a:hover img {
	background: #fff;
}

/*--------------------------
 MAIN AREA
----------------------------*/
#MAIN_IMG ul.main_visual {
	position: relative;
	width: 720px;
	height: 310px;
	overflow: hidden;
}
#MAIN_THUMB ul#THUMB_IMG {
	width: 662px;
}
#MAIN_SLIDE #MAIN_THUMB .MAIN_THUMB_WRAP {
	float: left;
	overflow: hidden;
	position: relative;
	width: 650px;
	height: 55px;
	margin: 0 5px 0 30px;
}
#MAIN_SLIDE #MAIN_THUMB .MAIN_THUMB_WRAP>ul {
	position: absolute;
	padding: 0;
}
.MAIN_THUMB_WRAP .active_thumb {
    border: 4px solid #B61F1B;
    width: 97px;
    height: 47px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
#MAIN_THUMB .cp {
    cursor:pointer;
}
#MAIN_THUMB {
	position: relative;
}
#MAIN_THUMB #BTN_AREA.cp {
	float: none;
}
#MAIN_THUMB #BTN_AREA.cp > img:first-child {
	position: absolute;
	top: 5px;
	left: 5px;
}
#MAIN_THUMB #BTN_AREA.cp > img:nth-child(2) {
	position: absolute;
	top: 5px;
	right: 5px;
}