@charset "shift_jis";

#okashi-bg {
	/*background:url(../images/okashi_bg_world.jpg) center top no-repeat;*/
	background:url(../images/okashi_bg_world.png) center top no-repeat; /* ノーマル */
  /* background:url(../images/okashi_bg_world_valentine.png) center top no-repeat; バレンタイン用 */
	position:relative;
}
#okashi-wrap.valentine { /* global.css 上書き*/
  background:#fff7ff url(../images/back_sky_valentine.png) 0 0 repeat-x !important /*バレンタイン用*/
}
#contents { /* global.css 上書き*/
	width:950px;
	background-color:transparent;
}
#okashi-land {
	clear:left;
	margin:0 auto;
	width:910px;
	/* overflow: hidden; */
}
#nav{
	position:absolute;
	z-index:99;
}

/*====================
MV
====================*/
#bezier {
	position: relative;
	width: 910px;
	/*height: 544px;*/
	height: 455px;
	overflow: inherit;
	padding-top: 100px;
}
.pop{
	position:absolute;
}
#bezier area:active{
	outline:none;
}
area::-moz-focus-inner,
map::-moz-focus-inner,
img::-moz-focus-inner{
	border: none;
	outline: none !important;
}


/*====================
おすすめエリア
====================*/

#recommend_and_news {
	background:url(../images/b_n_bg.png) left top no-repeat;
	width:940px;
	padding:8px 8px 0 8px;
	position:relative;
}
#recommend_and_news ul li {
	display:block;
	float:left;
	width:470px;
}
#recommend_and_news ul {
	margin-bottom:5px;
}

/* =========コピー禁止対応========= */
#recommend_and_news a{
	display: block;
	position: relative;
}
#recommend_and_news a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    z-index: 10;
}

/* ▽バナー角丸対応 */
.kadomaru{
border-radius: 20px;
}
/* =========バナー1列========= */
.banner_long {
	width:934px;
	margin-bottom: 5px;
}
/* =========バナー2列========= */
#banner_2p {
	width:950px;
	height:150px;
	background-color:#FFF;
	float:left;
}
#banner_2p #left {
	float:left;
	padding-left:5px;
}
#banner_2p #right {
	float:right;
}

/*====================
ハピ研究・人気ランキング
====================*/
#top-02 {
	float:left;
	padding-top:15px;
	width:950px;
	background-color:#fff;
}
.rightbox{
	float:left;
}
/*====================
ハピ研
====================*/
.hapiken{
	background: url(../images/hapiken_backimg.jpg) no-repeat;
	height: 241px;
	width: 730px;
	margin: 5px 0 24px 4px;
}
.hapiken:hover{
	opacity: 0.9;
}
.hapiken h2{
	position: absolute;
  top: 50px;
  left: 120px;
}

.hapiken .text_area{
	float: left;
	padding-left: 15px;
	position: relative;	
}
.hapiken .text_area a{
	text-decoration: none !important;
}
.hapiken .text_area p:nth-last-child(2){
	font-size: 16px;
	padding: 10px 0 6px;
	width: 480px;
	color: #1c1c1c;
}
.hapiken .text_area p:nth-last-child(1){
	text-align: right;
}
.hapiken .text_area figure{
	position: absolute;
  top: 105px;
  right: -650px;
}
.hapiken .text_area section{
	position: absolute;
  top: 200px;
  right: -670px;
}
/*====================
ランキング
====================*/
#ranking-title {
	text-align:center;
}
#ranking {
	position:relative;
	width:754px;
	height:378px;
	background:url(../images/back_ranking.png) 50% top no-repeat;
}
#recommend-recipe {
	position:absolute;
	top:41px;
	left:60px;
	padding-right: 15px;
	line-height:20px;
	border-right: #ffecb3 4px dashed;
}
#recommend-dl {
    position: absolute;
    top: 41px;
    left: 380px;
    width: 200px;
    height: 290px;
    line-height: 20px;
}
#ranking ul li img {
	margin-right:3px;
}
.rank-title {
	margin-bottom:3px;
}
.rank-btn {
	margin-top:8px;
	text-align:center;
}
/*====================
右カラム
====================*/
#bnr {
	float:left;
	margin-top:5px;
	width:176px;
}
#bnr img {
	margin-bottom:11px;
}

/*====================
バレンタイン用
====================*/
#okashi-wrap.valentine  {
    background: #fff7ff url(../images/back_sky_valentine.png) 0 0 repeat-x !important;
}
.valentine #okashi-bg {
	background:url(../images/okashi_bg_world_valentine.png) center top no-repeat;
	position:relative;
}
/*====================
アポロ50th用
====================*/
#okashi-wrap.apollo50th  {
    background: #f9ffff url(../images/back_sky_repeat_apollo50th.png) 0 0 repeat-x !important;
}
.apollo50th  #okashi-bg {
	background:url(../images/okashi_bg_world_apollo50th.png) center top no-repeat;
	position:relative;
}


.airship {
	position:absolute;
	top: 90px;
	left: 617px;
	display:none;
}