@charset "Shift_JIS";

/* フラッシュ部分
------------------------------------------------------------------------------ */
#flash{
	width: 245px;
	float: left;
	margin-top: 8px;
}
/* 手元更新部分
------------------------------------------------------------------------------ */
#newsArea{
	width: 255px;
	float: left;
	margin: 8px 14px 0;
}
/* PARCO SHOPS部分
------------------------------------------------------------------------------ */
h2{ font-size:10px;} /*実際には非表示ですが、レイアウトが崩れるためサイズ指定をしています*/
#parcoshops{
	width: 255px;
	height: 170px;
	float: left;
	overflow: auto;
	margin-bottom: 21px;
	scrollbar-face-color: #BBBBBB;
	scrollbar-arrow-color: #333333;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #CCCCCC;
	scrollbar-3dlight-color: #999999;
	scrollbar-shadow-color: #999999;
}
#parcoshops img{
	margin-right: 5px;
}
dl{
	width: 230px;
}
dt {
	color: #333333;
	font-size: 10px;
	line-height: 16px;;
	font-family: "Arial", "Helvetica", "sans-serif";
}
dd {
	color: #454545;
	font-size: 10px;
	line-height: 16px;
	text-align: justify;
	text-justify: inter-ideograph;
	padding-bottom: 5px;
	margin-bottom: 5px;
	background-image: url(../images_common/line.gif);
	background-position: center bottom;
	background-repeat: repeat-x;
}
#parcoshops a:link, a:visited, a:active{
	color: #454545;
	text-decoration: none;
}
#parcoshops a:hover {
	color: #454545;
	text-decoration: underline;
}
h2#ps{
	width: 255px;
	height: 17px;
	background: url(../images_top/title_parcoshops.gif) left top no-repeat;
	text-indent: -10000px;
	margin-bottom: 8px;
}
/* WHAT'S NEW部分
------------------------------------------------------------------------------ */
h2#wn{
	width: 255px;
	height: 17px;
	background: url(../images_top/title_whatsnew.gif) no-repeat;
	text-indent: -10000px;
	clear: both;
	margin-bottom: 8px;
}
#whatsnew{
	width: 255px;
	height: 110px;
	clear: left;
	overflow: auto;
	scrollbar-face-color: #BBBBBB;
	scrollbar-arrow-color: #333333;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #CCCCCC;
	scrollbar-3dlight-color: #999999;
	scrollbar-shadow-color: #999999;
	}
#whatsnew ul{
	width: 230px;
}
#whatsnew li{
	color: #454545;
	font-size: 10px;
	line-height: 15px;
	text-align: justify;
	text-justify: inter-ideograph;
	padding-bottom: 5px;
	margin-bottom: 5px;
	background: url(../images_common/line.gif) center bottom repeat-x;
}
#whatsnew a:link, a:visited, a:active {
	color: #454545;
	text-decoration: none;
}
#whatsnew a:hover {
	color: #454545;
	text-decoration: underline;
}

/* 右側メニュー部分
------------------------------------------------------------------------------ */
#bnrArea{
	width: 201px;
	height:373px;
	float: left;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
}
#bnrArea img {
	vertical-align: bottom;
	margin: 0 0 4px 0;
}
#separator{
	width: 201px;
	height: 5px;
	margin-bottom: 2px;
	background: url(../images_common/line.gif) left center repeat-x;
}
/* 右側メニュー部分：webカタログについて
------------------------------------------------------------------------------ */
h2#webctlg {
	background-image: url(../images_top/mds_chirashi.gif);
	height: 30px;
	width: 201px;
	margin: 0 0 5px 0;
	background-repeat: no-repeat;
	text-indent: -10000px;
	display: block;
}
#bnrArea #webCatalogue {
	width: 201px;
	height: 95px;
	overflow: auto;
	margin-bottom: 7px;
}
#bnrArea #webCatalogue .ctlgSet {
	width: 180px;
	clear: both;
	margin: 0 0 7px 0;
	padding:0;
	display: block;
}
#bnrArea #webCatalogue dl {
	width: 100px;
	float: left;
	margin: 2px 0 0 10px;
	background-image: none;
}
#bnrArea #webCatalogue dt {
	background-image: none;
	font-weight: bold;
	font-size: 10px;
	color: #666666;
}
#bnrArea #webCatalogue dd {
	background: url(../images_common/line.gif) left bottom repeat-x;
	font-size: 10px;
}
#bnrArea #webCatalogue .crs {
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* 右側メニュー部分：イベントバナーにつて2008.4.24追加
------------------------------------------------------------------------------ */
#bnrArea a:hover{
	position: relative;
	top: 1px;
	left: 1px;
}
#bnrArea #left01{
	width: 99px;
	height: 42px;
	position: absolute;
	top: 137px;
	left: 0;
}
#bnrArea #right01{
	width: 99px;
	height: 42px;
	position: absolute;
	top: 137px;
	left: 102px;
}
#bnrArea #left02{
	width: 99px;
	height: 42px;
	position: absolute;
	top: 181px;
	left: 0;
}
#bnrArea #right02{
	width: 99px;
	height: 42px;
	position: absolute;
	top: 181px;
	left: 102px;
}
#bnrArea #left03{
	width: 99px;
	height: 42px;
	position: absolute;
	top: 225px;
	left: 0px;
}
#bnrArea #right03{
	width: 99px;
	height: 42px;
	position: absolute;
	top: 225px;
	left: 102px;
}
#bnrArea #left04{
	width: 99px;
	height: 42px;
	position: absolute;
	top: 269px;
	left: 0;
}
#bnrArea #right04{
	width: 99px;
	height: 42px;
	position: absolute;
	top: 269px;
	left: 102px;
}
#bnrArea #left05{
	width: 99px;
	height: 42px;
	position: absolute;
	top: 313px;
	left: 0px;
}
#bnrArea #right05{
	width: 99px;
	height: 42px;
	position: absolute;
	top: 313px;
	left: 102px;
}
#bnrArea #mobilecampaign{
	width: 198px;
	height: 51px;
	position: absolute;
	top: 311px;
	left: 0;
}
#bnrArea #lapin{
	width: 198px;
	height: 51px;
	position: absolute;
	top: 368px;
	left: 0;
}
/* ここまで
------------------------------------------------------------------------------ */

br {
	display: none;
	clear: both;
}
#top {
	scrollbar-face-color: #BBBBBB;
	scrollbar-arrow-color: #333333;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #CCCCCC;
	scrollbar-3dlight-color: #999999;
	scrollbar-shadow-color: #999999;
}

