/*-------------------------------------------------
リンクカラー
-------------------------------------------------*/
a:link {
    color: #0033CC;
}
a:visited {
    color: #0033CC;
}
a:active {
    color: #0033CC;
}
a:hover {
    color: #0033CC;
}

/*-------------------------------------------------
flash
おすすめ
-------------------------------------------------*/
#topMenu{
	text-align:center;
	width:800px;
	height:340px;
	background:url(/sweets/okashi-land/images/topMenu_bg.gif) no-repeat;
}
#topMenu:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

#topMenu {
	min-height: 1px;
}

* html #topMenu {
	height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*-------------------------------------------------
flash
-------------------------------------------------*/
#topMenu #lMenu{
	float:left;
	width:534px;
	height:340px;
	margin-left:18px;
	display: inline;
}

/*-------------------------------------------------
おすすめ
-------------------------------------------------*/
#topMenu #rMenu{
	width:230px;
	height:340px;	
	float:right;
	margin-right:18px;
	text-align:left;
}

/*-------------------------------------------------
ニュース
-------------------------------------------------*/

#newsArea01{
	font-size:80%;
	line-height:1.5;
	text-align:center;
	width:800px;

}

#newsArea01:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}


#newsArea01 {
	min-height: 1px;
}

* html #newsArea01 {
	height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

div#newsArea01 div.col01{
	width:67px;
	float:left;
	}
div#newsArea01 div.col02{
	width:80px;
	float:left;
	}
div#newsArea01 div.col03{
	float:left;
	width:490px;
	margin-top:10px;
	margin-bottom:10px;
	}
div#newsArea01 div.col04{
	width:160px;
	height:73px;
	float:right;
	background:url(/sweets/okashi-land/images/news_haikei.jpg) no-repeat;
	}

#newsArea01 dl:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

#newsArea01 dl {
	min-height: 1px;
}

* html #newsArea01 dl{
	height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
#newsArea01 dl dt{
	width:5em;
	float:left;
	text-align:left;
	}
#newsArea01 dl dd {
	width:410px;
	float:left;
	text-align:left;
	margin-left:1em;
	}
/*-------------------------------------------------
人気ランキング
バナーエリア
-------------------------------------------------*/
#contents01{
	text-align:center;
	width:800px;
	margin:0 auto 0 auto;

}
#contents01:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

#contents01 {
	min-height: 1px;
}

* html #contents01 {
	height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*-------------------------------------------------
人気ランキング
-------------------------------------------------*/
div#lankingArea{
	width:570px;
	height:480px;
	margin:0 auto 0 auto;
	float:left;
	background:url(/sweets/okashi-land/images/lanking_bg.gif) no-repeat;
	text-align:center;
	}
	
div#lankingArea h2{
	text-align:left;
	margin:25px auto 0 30px;
	}
	
div#lankingAreaL{
	text-align:center;
	width:285px;
	margin:0;
	float:left;
	}	
	
div#lankingAreaR{
	text-align:center;
	width:285px;
	margin:0;
	float:left;
	}
	
div#lankingArea h3{
	text-align:center;
	margin:0;
	}

div#lankingArea ul{
	text-align:left;
	font-size:80%;
	margin-bottom:5px;
	}

div#lankingArea ul.lul{
	margin-left:30px;
	}
div#lankingArea ul.rul{
	margin-left:10px;
	}

div#lankingArea ul li{
	padding-left:28px;
	line-height:1.8;
	}
div#lankingArea ul li.lank01{background:url(/sweets/okashi-land/images/lank01.gif) no-repeat;}
div#lankingArea ul li.lank02{background:url(/sweets/okashi-land/images/lank02.gif) no-repeat;}
div#lankingArea ul li.lank03{background:url(/sweets/okashi-land/images/lank03.gif) no-repeat;}
div#lankingArea ul li.lank04{background:url(/sweets/okashi-land/images/lank04.gif) no-repeat;}
div#lankingArea ul li.lank05{background:url(/sweets/okashi-land/images/lank05.gif) no-repeat;}
div#lankingArea ul li.lank06{background:url(/sweets/okashi-land/images/lank06.gif) no-repeat;}
div#lankingArea ul li.lank07{background:url(/sweets/okashi-land/images/lank07.gif) no-repeat;}
div#lankingArea ul li.lank08{background:url(/sweets/okashi-land/images/lank08.gif) no-repeat;}
div#lankingArea ul li.lank09{background:url(/sweets/okashi-land/images/lank09.gif) no-repeat;}
div#lankingArea ul li.lank10{background:url(/sweets/okashi-land/images/lank10.gif) no-repeat;}
div#lankingArea p{
	text-align:right;
	margin-right:25px;
	margin-top:2px;
	margin-bottom:2px;
	line-height:1.0;
	font-size:80%;
	}
div#lankingArea p span{
	vertical-align:middle;
	}
	
/*-------------------------------------------------
右バナー
-------------------------------------------------*/	
div#bannerArea {
	width:215px;
	margin:0;
	float:left;
	}

div#bannerArea p {
	margin:0 0 10px 0;
	text-align:center;
	}

div#bannerArea p span{
	font-size:80%;
	line-height:1.4;
	}
/*-------------------------------------------------
おかしランドchara背景
-------------------------------------------------*/
div#landFooter{
	width:800px;
	height:98px;
	background:url(/sweets/okashi-land/images/footer.jpg) no-repeat;
	margin:0;
	text-align:center;
	}



/*-------------------------------------------------
修正
-------------------------------------------------*/

div#wrap div#body {
	width: 800px;
	margin: 0 auto;
}



