@charset "utf-8";
/* ===================================================================
CSS information

 file name  :index.css
 author     :Lyon
 style info :indexページ用CSS
=================================================================== */

/* h2 共通的な・・・
-------------------------------*/
.index #article h2 {
	width:505px;
	height:37px;
}

.index #article h2 span {
	visibility:hidden;
}

.index #article h2#shopInfo {
	background:url(../img/index/bar-shopinfo.gif) no-repeat;
}
.index #article h2#eventInfo {
	background:url(../img/index/bar-eventinfo.gif) no-repeat;
}
.index #article h2#bnr {
	width:0;
	height:0;
	display:none;
}

/* table 共通的な・・・
   tableの縞々はsite.jsで指定
-------------------------------*/
.index #article table.info {
	margin:0 0 30px 0;
}

.index #article table.info th {
	padding:8px 8px 8px 0;
	font-weight:normal;
	color:#666;
}

.index #article table.info td {
	width:120px;
	padding:8px 0;
	font-weight:bold;
}

.index #article table#newShop td {
	color:#ed89d1;
}
.index #article table#event td {
	color:#3eb976;
}

.index #article table.info td span {
	padding:0 0 0 13px;
	background:url(../img/common/arrow.gif) no-repeat left;
}


/* バナー・・・
-------------------------------*/
#bnr_box {
	overflow:hidden;
	width:505px;
	padding:13px 0;
	background:url(../img/common/bnr/bg-bnr.gif) repeat-y;
}



#aside .asideBoxbnr {
	width:220px;
	margin:0 auto;
	background:url(../img/common/bg-mid-bnr.gif) repeat-y;
}

#aside .asideBoxbnr ul {
	margin:0;
	text-align:left;
	text-align:center;
	background:url(../img/common/bg-bot-bnr.gif) no-repeat bottom;
	padding:0 0 4px 0;
}

#aside .asideBoxbnr ul li{
	display:block;
	margin-bottom:6px;
}


/* 黄色いレシートな・・・
-------------------------------
.index #article p#appTxt {
	width:479px;
	margin:0;
	padding:11px 13px;
	background:#fcfaed;
	text-align:left;
}

.index #article p#appTxt span {
	display:block;
	padding:0 0 0 13px;
	background:url(../img/common/arrow.gif) no-repeat top left;
}

.index #article p#appTxt span a {
	color:#646665;
}

.index #article p#appTxt img {
	float:left;
	margin:0 17px 0 0;
	padding:0 0 0 6px;
}*/

/* FLASHにかぶせるため
-------------------------------*/
#aside {
	position:relative;
}

#aside p.baloon {
	position:absolute;
	z-index:1000;
	top:-60px;
	left:-30px;
	
}

/* FLASHにかぶせるため
-------------------------------*/


.index #wrapper {
	position:relative;
	width:1060px;
}

.index #header {
	width:1060px;
	height:350px;
	position:relative;
	margin:0 auto;
	z-index:1;
	background:none;
	top:0;
	left:0;
}

.index #header object {
	width:1060px;
	position:relative;
	z-index:1;
	top:0;
	left:0;
}

.index #header h1 {
	height:0;
	visibility:hidden;
	font-size:0px;
}

.index #content {
	position:relative;
	padding-top:60px;
	z-index:2;
	top:-60px;
	margin-bottom:-60px;
}


.index #mainFlash p {
	padding:30px 0 0 0;
	background:#fff;
	font-weight:bold;
	visibility:hidden;
}


/* top変更 追加部
-------------------------------*/

/* top変更 中下部分
-------------------------------*/


.index #article h2.sctitle span {
	visibility:visible;
	height:37px;
}

.index #article h2.sctitle{
	height:96px;
	clear:both;
}

.index #article .scbox p{
	margin:0;
	padding:0;
		
}

/* top変更 中下部分全体box、タイトル
-------------------------------*/

.index #article .sccontbox-bot{
	padding-bottom:4px;
	margin-bottom:10px;
}

.index #article .blue{
	background:url(../img/index/article/back-b-bot.gif) no-repeat bottom;
}

.index #article .yellow{
	background:url(../img/index/article/back-y-bot.gif) no-repeat bottom;
}

.index #article .pink{
	background:url(../img/index/article/back-p-bot.gif) no-repeat bottom;
}



.index #article .sccontbox{
	width:480px;
	padding:0 9px 0 10px;
}

.index #article .blue .sccontbox{
	border-left:#e2fafe solid 3px;
	border-right:#e2fafe solid 3px;
}

.index #article .yellow .sccontbox{
	border-left:#feebda solid 3px;
	border-right:#feebda solid 3px;
}

.index #article .pink .sccontbox{
	border-left:#ffedf9 solid 3px;
	border-right:#ffedf9 solid 3px;
}


.index #article .sccontbox .scbox {
	padding-bottom:10px;
	margin-bottom:10px;
}

.index #article .blue .sccontbox .scbox {
	background:url(../img/index/article/back-dot-b.gif) no-repeat bottom;
}

.index #article .yellow .sccontbox .scbox {
	background:url(../img/index/article/back-dot-y.gif) no-repeat bottom;
}

.index #article .pink .sccontbox .scbox {
	background:url(../img/index/article/back-dot-p.gif) no-repeat bottom;
}

.index #article .scbox div.scboxtext{
	width:394px;
	float:right;
}



/* top変更 中下部分SC名
-------------------------------*/

.index #article .scbox div.left{
	padding-left:7px;	
	text-align:left;
	float:left;
	margin-bottom:10px;
		
}

.index #article .blue .scbox div.left{
	background:url(../img/index/article/back-b-left.gif) no-repeat left;		
}

.index #article .yellow .scbox div.left{
	background:url(../img/index/article/back-y-left.gif) no-repeat left;		
}

.index #article .pink .scbox div.left{
	background:url(../img/index/article/back-p-left.gif) no-repeat left;		
}

.index #article .scbox div.right{
	padding-right:7px;	
	text-align:left;
	_float:left;
}

.index #article .blue .scbox div.right{
	background:url(../img/index/article/back-b-right.gif) no-repeat right;		
}

.index #article .yellow .scbox div.right{
	background:url(../img/index/article/back-y-right.gif) no-repeat right;		
}

.index #article .pink .scbox div.right{
	background:url(../img/index/article/back-p-right.gif) no-repeat right;		
}

.index #article .scbox h3{
	_float:left;
	text-align:left;
	color:#FFFFFF;
	height:24px;
	line-height:24px;
	font-weight:bold;
}

.index #article .blue .scbox h3{
	background-color:#5bd3fb;
}

.index #article .yellow .scbox h3{
	background-color:#ffb923;
}

.index #article .pink .scbox h3{
	background-color:#ffacd8;
}


/* top変更 中下部分 中
-------------------------------*/

.index #article .scbox h4{
	clear:both;
	float:left;
	text-align:left;
	background:url(../img/index/article/allow-b.gif) no-repeat left top;
	line-height:14px;
	text-indent:14px;
}

.index #article .blue .scbox h4{
	background:url(../img/index/article/allow-b.gif) no-repeat left top;
}

.index #article .yellow .scbox h4{
	background:url(../img/index/article/allow-y.gif) no-repeat left top;
}

.index #article .pink .scbox h4{
	background:url(../img/index/article/allow-p.gif) no-repeat left top;
}

.index #article .scbox p.limit{
	clear:both;
	display:block;
	witdh:350px;
	text-align:left;
	line-height:14px;
	padding-top:3px;
}

.index #article .scbox p.sctext{
	clear:both;
	text-align:left;
}

.index #article .scbox p.btnlinkdetails{
	clear:both;
	text-align:right;
}

.index #article .scbox p.icon{
	float:left;
	padding:2px;
	border:#e6e6e6 solid 2px;
}

.index #article .btnlinkother{
	text-align:right;
	clear:both;
}


/*------------------------------------
	ショッピングセンターからのお知らせ
------------------------------------*/

#shoppinginfo{
	width:505px;
	background:url(../img/index/bot-shoppinginfo.gif) no-repeat  bottom;
	padding-bottom:9px;
	margin-bottom:16px;
}

#inshoppinginfo{
	width:501px;
	border-left:#b32982 solid  2px;
	border-right:#b32982 solid  2px;
	padding-bottom:10px;
}

#inshoppinginfo dl{
	width:480px;
	height:30px;
	border-bottom:#f7c9c9 dashed 2px;
	margin:0 auto;
	text-align:left;
	padding-top:10px;
}

#inshoppinginfo dl dt{
	float:left;
	padding:0 10px;
}

#inshoppinginfo dl dd{
	float:left;
	background:url(../img/index/shoppingallow.gif) no-repeat left;
}


#inshoppinginfo dl span{
	visibility:hidden;
	background:url(../img/index/shoppingallow.gif) no-repeat  bottom;
}

/*------------------------------------
	ショッピングセンターからのお知らせ
------------------------------------*/


/*.index #article .scbox .box_topbot{
	line-height:2em;
}*/

/*------------------------------------
	clearfix
------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block; /*for IE7*/
}

/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide from IE-mac */