@charset "utf-8";
@import url("import.css");
/* ===================================================================
CSS information

 file name  :index.css
 style info :indexページ用CSS
=================================================================== */
/*----------------------------------------------------
	インデックス用リセット
----------------------------------------------------*/
.index #contents {
	background:none;
}

.index #article {
	float:left;
	width:523px;
}

#article h2 {
	margin-bottom:0px;
}

.index .aside {
	float:right;
	width:161px;
}

.index .aside h2{
	background:none;
	padding-bottom:0;
}

.index .aside ul {
	background:none;
	padding:0;
}

.index #article .aside {
	float:left;
}


/* -----------------------------------------------------------
	.index
----------------------------------------------------------- */
.index {
}

#flash {
	width:523px;
	height:260px;
	margin-bottom:12px;
}

#flashArea {
}


.index #main {
	float:right;
	width:342px;
}

.index h2 {
	height:45px;
}

.index h2 span {
	visibility:hidden;
}


/* -----------------------------------------------------------
	#main
		中央カラム
----------------------------------------------------------- */
/*-----------------　夏　-----------------*/

.summer #main .section {
	width:342px;
	background:url(../img/index/summer/bg_mainSection.gif) repeat-y 0% 0%;
}

.summer #main .sectionBottom {
	width:342px;
	height:5px;
	background:url(../img/index/summer/bg_mainBottom.gif) no-repeat 0% 0%;
	margin-top:-1px;
	margin-bottom:8px;
}

/*-----------------　秋　-----------------*/

.autumn #main .section {
	width:342px;
	background:url(../img/index/autumn/bg_mainSection.gif) repeat-y 0% 0%;
}

.autumn #main .sectionBottom {
	width:342px;
	height:5px;
	background:url(../img/index/autumn/bg_mainBottom.gif) no-repeat 0% 0%;
	margin-top:-1px;
	margin-bottom:8px;
}

/*-----------------　冬　-----------------*/

.winter #main .section {
	width:342px;
	background:url(../img/index/winter/bg_mainSection.gif) repeat-y 0% 0%;
}

.winter #main .sectionBottom {
	width:342px;
	height:5px;
	background:url(../img/index/winter/bg_mainBottom.gif) no-repeat 0% 0%;
	margin-top:-1px;
	margin-bottom:8px;
}

/*-----------------　春　-----------------*/

.spring #main .section {
	width:342px;
	background:url(../img/index/spring/bg_mainSection.gif) repeat-y 0% 0%;
}

.spring #main .sectionBottom {
	width:342px;
	height:5px;
	background:url(../img/index/spring/bg_mainBottom.gif) no-repeat 0% 0%;
	margin-top:-1px;
	margin-bottom:8px;
}


/* 	新着イベント情報
-----------------------------------------------------------*/
/*-----------------　夏　-----------------*/

.summer .newEvent h2 {
	background:url(../img/index/summer/h2_newEvent.gif) no-repeat 0% 0%;
}

.newEvent h3 {
	padding:5px 11px;
}

.summer .newEvent h3 a {
	color:#de472c;
}

.index .newEvent ul {
	padding-left:26px;
	font-size:84%;
}

/*-----------------　秋　-----------------*/
.autumn .newEvent h2 {
	background:url(../img/index/autumn/h2_newEvent.gif) no-repeat 0% 0%;
}

.autumn .newEvent h3 a {
	color:#de472c;
}

/*-----------------　冬　-----------------*/
.winter .newEvent h2 {
	background:url(../img/index/winter/h2_newEvent.gif) no-repeat 0% 0%;
}

.winter .newEvent h3 a {
	color:#de472c;
}

/*-----------------　春　-----------------*/
.spring .newEvent h2 {
	background:url(../img/index/spring/h2_newEvent.gif) no-repeat 0% 0%;
}

.spring .newEvent h3 a {
	color:#eb565f;
}


/* 	特集情報
-----------------------------------------------------------*/
/*-----------------　夏　-----------------*/

.summer .specialInfo h2 {
	background:url(../img/index/summer/h2_specialInfo.gif) no-repeat 0% 0%;
}

.specialInfo 

.specialInfo img {
	border:1px solid #ccc;
}

.specialInfo_content {
	width:312px;
	line-height:1.2;
	margin:0 11px;
	padding:5px 0;
	border-bottom:1px solid #ccc;
}

.specialInfo_content:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.specialInfo_content img {
	float:left;
	width:54px;
	border:1px solid #ccc;
}

.summer .specialInfo_content h3 a {
	color:#009f5c;
	text-decoration:none;
}

.summer .specialInfo_content h3 a:hover {
	color:#009f5c;
	text-decoration:underline;
}


.specialInfo_content h3,
.specialInfo_content p {
	float:right;
	width:245px;
}

/*-----------------　秋　-----------------*/

.autumn .specialInfo h2 {
	background:url(../img/index/autumn/h2_specialInfo.gif) no-repeat 0% 0%;
}

.autumn .specialInfo_content h3 a {
	color:#de472c;
	text-decoration:none;
}

.autumn .specialInfo_content h3 a:hover {
	color:#de472c;
	text-decoration:underline;
}

/*-----------------　冬　-----------------*/

.winter .specialInfo h2 {
	background:url(../img/index/winter/h2_specialInfo.gif) no-repeat 0% 0%;
}

.winter .specialInfo_content h3 a {
	color:#de472c;
	text-decoration:none;
}

.winter .specialInfo_content h3 a:hover {
	color:#de472c;
	text-decoration:underline;
}

/*-----------------　春　-----------------*/

.spring .specialInfo h2 {
	background:url(../img/index/spring/h2_specialInfo.gif) no-repeat 0% 0%;
}

.spring .specialInfo_content h3 a {
	color:#eb565f;
	text-decoration:none;
}

.spring .specialInfo_content h3 a:hover {
	color:#eb565f;
	text-decoration:underline;
}



/* 	最新更新情報
-----------------------------------------------------------*/
/*-----------------　夏　-----------------*/

.summer .whatsNew h2 {
	background:url(../img/index/summer/h2_whatsNew.gif) no-repeat 0% 0%;
}

.summer .whatsNew table th {
	color:#de472c;
}

.whatsNew table {
	width;312px;
	margin:0 auto;
	padding:5px 0;
}

.whatsNew table th {
	width:70px;
}

.whatsNew table td {
	width:222px;
	padding-left:10px;
}

/*-----------------　秋　-----------------*/
.autumn .whatsNew h2 {
	background:url(../img/index/autumn/h2_whatsNew.gif) no-repeat 0% 0%;
}

.autumn .whatsNew table th {
	color:#de472c;
}

/*-----------------　冬　-----------------*/
.winter .whatsNew h2 {
	background:url(../img/index/winter/h2_whatsNew.gif) no-repeat 0% 0%;
}

.winter .whatsNew table th {
	color:#de472c;
}
/*-----------------　春　-----------------*/
.spring .whatsNew h2 {
	background:url(../img/index/spring/h2_whatsNew.gif) no-repeat 0% 0%;
}

.spring .whatsNew table th {
	color:#eb565f;
}



/* -----------------------------------------------------------
	.aside
		左右カラム共通
----------------------------------------------------------- */
.aside .section {
	width:161px;
	font-size:85%;
}

.aside .sectionBottom {
	width:161px;
	height:5px;
	margin-top:-3px;
	margin-bottom:8px;
}


/*-----------------　夏　-----------------*/

.summer .aside .section {
	background:url(../img/index/summer/bg_aside.gif) repeat-y 0% 0%;
}

.summer .aside .sectionBottom {
	background:url(../img/index/summer/bg_asideBottom.gif) no-repeat 0% 0%;
}


/*-----------------　秋　-----------------*/

.autumn .aside .section {
	background:url(../img/index/autumn/bg_aside.gif) repeat-y 0% 0%;
}

.autumn .aside .sectionBottom {
	background:url(../img/index/autumn/bg_asideBottom.gif) no-repeat 0% 0%;
}


/*-----------------　冬　-----------------*/

.winter .aside .section {
	background:url(../img/index/winter/bg_aside.gif) repeat-y 0% 0%;
}

.winter .aside .sectionBottom {
	background:url(../img/index/winter/bg_asideBottom.gif) no-repeat 0% 0%;
}

/*-----------------　春　-----------------*/

.spring .aside .section {
	background:url(../img/index/spring/bg_aside.gif) repeat-y 0% 0%;
}

.spring .aside .sectionBottom {
	background:url(../img/index/spring/bg_asideBottom.gif) no-repeat 0% 0%;
}



/* -----------------------------------------------------------
	.aside
		左カラム
----------------------------------------------------------- */

/* 	イオン店舗情報
-----------------------------------------------------------*/

/*-----------------　夏　-----------------*/

.summer .shopInfo h2 {
	background:url(../img/index/summer/h2_shopInfo.gif) no-repeat 0% 0%;
}

/*-----------------　秋　-----------------*/

.autumn .shopInfo h2 {
	background:url(../img/index/autumn/h2_shopInfo.gif) no-repeat 0% 0%;
}

/*-----------------　冬　-----------------*/

.winter .shopInfo h2 {
	background:url(../img/index/winter/h2_shopInfo.gif) no-repeat 0% 0%;
}

/*-----------------　春　-----------------*/

.spring .shopInfo h2 {
	background:url(../img/index/spring/h2_shopInfo.gif) no-repeat 0% 0%;
}

.shopInfo address {
	padding:5px 5px;
}

.banner{
	margin-bottom:6px;
}


/* 	イオン携帯サイト
-----------------------------------------------------------*/

/*-----------------　夏　-----------------*/

.summer .mobileSite h2 {
	background:url(../img/index/summer/h2_mobileSite.gif) no-repeat 0% 0%;
}

/*-----------------　秋　-----------------*/

.autumn .mobileSite h2 {
	background:url(../img/index/autumn/h2_mobileSite.gif) no-repeat 0% 0%;
}

/*-----------------　冬　-----------------*/

.winter .mobileSite h2 {
	background:url(../img/index/winter/h2_mobileSite.gif) no-repeat 0% 0%;
}

/*-----------------　春　-----------------*/

.spring .mobileSite h2 {
	background:url(../img/index/spring/h2_mobileSite.gif) no-repeat 0% 0%;
}

.mobileSite div.qrcode {
	text-align:center;
	padding:10px 0;
}
.mobileSite p {
	width:140px;
	padding-bottom:1em;
	margin:0 auto;
}


.mobileSite p.url {
	color:#20abeb;
	text-align:center;
}



/* 	北海道SCのご案内
-----------------------------------------------------------*/

/*-----------------　夏　-----------------*/

.summer .hokkaidoSC h2 {
	background:url(../img/index/summer/h2_hokkaidoSC.gif) no-repeat 0% 0%;
}

/*-----------------　秋　-----------------*/

.autumn .hokkaidoSC h2 {
	background:url(../img/index/autumn/h2_hokkaidoSC.gif) no-repeat 0% 0%;
}

/*-----------------　冬　-----------------*/

.winter .hokkaidoSC h2 {
	background:url(../img/index/winter/h2_hokkaidoSC.gif) no-repeat 0% 0%;
}

/*-----------------　春　-----------------*/

.spring .hokkaidoSC h2 {
	background:url(../img/index/spring/h2_hokkaidoSC.gif) no-repeat 0% 0%;
}


.index .hokkaidoSC ul {
	padding:5px 11px 0 11px;
}

.hokkaidoSC ul li {
	padding-bottom:5px;
}




/* -----------------------------------------------------------
	.aside
		右カラム
----------------------------------------------------------- */

/* 	お知らせ
-----------------------------------------------------------*/

.index .information ul {
	padding:0 11px;
}

.information ul li {
	padding-bottom:2px;
	*padding-bottom:5px;
}

/*-----------------　夏　-----------------*/

.summer .information h2 {
	background:url(../img/index/summer/h2_information.gif) no-repeat 0% 0%;
}

/*-----------------　秋　-----------------*/

.autumn .information h2 {
	background:url(../img/index/autumn/h2_information.gif) no-repeat 0% 0%;
}

/*-----------------　冬　-----------------*/

.winter .information h2 {
	background:url(../img/index/winter/h2_information.gif) no-repeat 0% 0%;
}

/*-----------------　春　-----------------*/

.spring .information h2 {
	background:url(../img/index/spring/h2_information.gif) no-repeat 0% 0%;
}

/* 	ピックアップ
-----------------------------------------------------------*/
/*-----------------　夏　-----------------*/

.summer .pickup h2 {
	background:url(../img/index/summer/h2_pickup.gif) no-repeat 0% 0%;
}

/*-----------------　秋　-----------------*/

.autumn .pickup h2 {
	background:url(../img/index/autumn/h2_pickup.gif) no-repeat 0% 0%;
}

/*-----------------　冬　-----------------*/

.winter .pickup h2 {
	background:url(../img/index/winter/h2_pickup.gif) no-repeat 0% 0%;
}

/*-----------------　春　-----------------*/

.spring .pickup h2 {
	background:url(../img/index/spring/h2_pickup.gif) no-repeat 0% 0%;
}


.pickup ul {
	padding: 0 2px;
}


.pickup ul li {
	width:145px;
	padding:7px 6px;
	border-bottom:1px solid #ccc;
}

.pickup ul li:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.pickup ul li a {
}

.pickup ul li a:hover {
}

.pickup ul li img {
	float:left;
	width:56px;
}

.pickup ul li p {
	float:right;
	width:82px;
	display:block;
	margin:0;
}



/* 	Weekly Ranking
-----------------------------------------------------------*/
/*-----------------　夏　-----------------*/

.summer .ranking {
	background:#a8cf6a url(../img/index/summer/h2_weeklyRanking.gif) no-repeat 0% 0%;
}

.summer .rankingBottom {
	width:161px;
	height:5px;
	background:url(../img/index/summer/bg_rankingBottom.gif) no-repeat 0% 100%;
}

/*-----------------　秋　-----------------*/

.autumn .ranking {
	background:#eab11e url(../img/index/autumn/h2_weeklyRanking.gif) no-repeat 0% 0%;
}

.autumn .rankingBottom {
	width:161px;
	height:5px;
	background:url(../img/index/autumn/bg_rankingBottom.gif) no-repeat 0% 100%;
}

/*-----------------　冬　-----------------*/

.winter .ranking {
	background:#4ec1f0 url(../img/index/winter/h2_weeklyRanking.gif) no-repeat 0% 0%;
}

.winter .rankingBottom {
	width:161px;
	height:5px;
	background:url(../img/index/winter/bg_rankingBottom.gif) no-repeat 0% 100%;
}

.index .ranking ul {
	padding: 0 8px;
}

.index .ranking ul li {
	background:
		url(../img/index/winter/bg_rankinglogo_bottom.gif)
		bottom
		no-repeat
		white;
	padding-bottom:5px;
	margin-bottom:5px;
}

/*-----------------　春　-----------------*/

.spring .ranking {
	background:#b5d469 url(../img/index/spring/h2_weeklyRanking.gif) no-repeat 0% 0%;
}

.spring .rankingBottom {
	width:161px;
	height:5px;
	background:url(../img/index/spring/bg_rankingBottom.gif) no-repeat 0% 100%;
}

.spring .ranking ul li {
	background:
		url(../img/index/spring/bg_rankinglogo_bottom.gif)
		bottom
		no-repeat
		white;
	padding-bottom:5px;
	margin-bottom:5px;
}

.spring .ranking ul li a {
	display:block;
	background:
		url(../img/index/spring/bg_rankinglogo_top.gif)
		top
		no-repeat
		white;
	padding-top:5px;
}

.index .ranking ul {
	padding: 0 8px;
}