/*--------------------
Title:TOPページ用CSS
Last Update:15:57 2008/02/11
---------------------*/

/*--------------------------------
	base layout
--------------------------------*/



#main{
	width:525px;
	float:right;
	display:inline;
}


/*--------------------------------
	Flash and Calender
--------------------------------*/

#fspace{
	margin:3px 0 6px 0;
}

#calendar {
	margin:4px 0 10px 6px;
}
/*--------------------------------
	中央カラム
--------------------------------*/
#center_colum{
	width:347px;
	float:left;
}

.center_box {
	background:url(../img/index/top_box01_bg.gif) repeat-y;
}

.center_box_bottom {
	clear:both;
	width:347px;
	height:20px;
	margin-top:-3px; /* ボーダー隠し */
	background:url(../img/index/top_box01_bottom.gif) no-repeat 100% 100%;
}

.center_box_contents {
	width:290px;
	margin:0 20px 0 35px;
	padding: 8px 0 8px 0;
	min-height:60px;
	_height:60px;/*-IE用ハック-*/
	border-bottom:1px solid #e5e5e5;
	clear:both;
	display:block;
}

.center_box li {
	display:inline;
}

.center_box li a {
	width:345px;
	display:block;
	cursor:pointer;
}

.center_box li a:hover {
	background-color:#f5f5f5;
	text-decoration:none;
}

/*-----　最新イベント情報 ------*/
.info_event{
	margin-top:6px;
	padding:0 1px;
}

.info_event strong {
	display:block;
}


/*-----　特集情報 ------*/
.info_special {
	margin-top:6px;
	padding:0 1px;
}

.info_special .img {
	width:60px;
	height:60px;
	background:no-repeat;
	float:left;
	padding-right:10px;
}


.info_special strong {
	display:block;
}

.info_special em {
	display:block;
	font-size:85%;
	line-height:1.4;
	font-style:normal;
	padding-left:70px;
}


/*----- 更新情報 -----*/
.new_info table {
	width:290px;
	margin:0 20px 10px 35px;
}

.new_info th{
	width:40px;
	margin-bottom:5px;
	font-size:85%;
	color:#03a181;
	font-weight:bold;
	padding: 5px 0 0px 0;
}

.new_info td{
	width:225px;
	margin-bottom:5px;
	padding: 5px 0 0px 10px;
}
/*--------------------------------
	左右共通
--------------------------------*/
.side_bottom {
	display:block;
	width:171px;
	height:17px;
	margin-top:-3px;
	background:url(../img/index/side_bottom.gif) no-repeat bottom;
}

/*--------------------------------
	右カラム
--------------------------------*/
#right_colum{
	width:171px;
	float:right;
}

#right_colum li {
	display:inline;
}

#right_colum li a {
	display:block;
	cursor:pointer;
}

#right_colum li a:hover {
	background-color:#f5f5f5;
	text-decoration:none;
}

/*------ ピックアップ ------*/

#pickup {
	width:169px;
	padding:6px 1px 0 1px;
	background:url(../img/index/top_box02_bg.gif) repeat-y;
	vertical-align:top;
}


#pickup .img {
	width:61px;
	height:42px;
	background:no-repeat;
	float:left;
}

.pickup_contents {
	padding:8px 0 8px 0;
	margin:0 7px 0 7px;
	border-bottom:1px solid #CCCCCC;
	clear:both;
}

#pickup em {
	padding-left:5px;
	display:block;
	width:84px;
	_heignt:0px;		/* IEのみに適用される(undesr score hack) */
	font-family:"ＭＳ Ｐゴシック";
	font-size:85%;
	font-style:normal;
	line-height:140%;
	float:left;
}


/*------ イオン店舗情報 ------*/

#shop_info {
	width:151px;
	padding:0 10px;
	background:url(../img/index/top_box02_bg.gif) repeat-y;
}


#shop_info p{
	font-size:85%;
	padding:7px 5px 5px 5px;
}




/*--------------------------------
	左カラム
--------------------------------*/
#left_colum {
	width:171px;
	float:left;
}


/*------ インフォメーション ------*/
#infomation {
	width:171px;
	background:url(../img/index/left_navi01_bg.gif) repeat-y;
}


#infomation li {
	width:150px;
	min-height:34px;
	_heignt:34px;		/* IEのみに適用される(undesr score hack) */
	margin:0 0 0 10px;
	line-height:34px;
	border-bottom:1px solid #ccc;
	text-indent:15px;
	/*background:url(../img/index/left_navi01_line.gif) no-repeat;*/
}

#infomation li#ln01 {
	background:url(../img/index/left_navi01_01.gif) no-repeat;
	text-indent:45px;
}

#infomation li#ln02{
	text-indent:45px;
	background:url(../img/index/left_navi01_02.gif) no-repeat;
}

#infomation li#ln03{
	text-indent:45px;
	background:url(../img/index/left_navi01_03.gif) no-repeat;
}

#infomation li#intro{
	letter-spacing:-1px;
}





/*------　メールマガジン -----*/
#mail_magazine {
	background:url(../img/index/left_navi02_bg.gif) repeat-y;
}
#mail_magazine_bottom {
	width:171px;
	height:15px;
	background:url(../img/index/left_navi02_bottom.gif) no-repeat top;
}

#mail_magazine div#mobile{
	margin:14px 6px 0 0;
	background:url(../img/index/left_navi02_img02.gif) no-repeat 7px 0px;
}

#mail_magazine div#mobile img{
	margin:0 0 3px 55px;
}

#mail_magazine div#mobile p{
	margin:0 0 0 55px;
	padding:0 0 10px 0;
}

#mail_magazine div#mobile p a:hover{
	background-color:#FFFF99;
	text-decoration:none;
}




/*------ QRコード ------*/

#qr_code {
	width:171px;
	background:url(../img/index/top_box02_bg.gif) repeat-y;
	padding:10px 0 0 0 ;
}

#qr_code p.blue_text {
	text-align:center;
	color:#056dff;
	margin:0 0 10px 0;
}

#qr_code p.blue_text a {
	color:#056dff;
}

#qr_code p.text_info {
	margin:0 10px 0 10px;
	padding-bottom: 10px;
}


/*------ 左バナー ------*/
#left_banner {
	width:171px;
	text-align:center;
	clear:both;
	font-size:85%;
	color:#999;
}

#left_banner a {
	font-size:85%;
	color:#b81a3f;
}

#left_banner li {
	margin:0 0 3px 0;
}

#left_banner li#left_banner_bottom {
	margin:0 0 10px 0;
}



#left_banner_must {
	width:171px;
	text-align:center;
	clear:both;
	line-height:0em;
}

#left_banner_must a{
	font-size:85%;
	color:#b81a3f;
}

#left_banner_must li{
	margin:0 0 6px 0;
}

#left_banner_must li img{
	_margin:0 0 -2px 0;
}


/*general-purpose*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.text_date {
font-size:85%;
color:#03a181;
font-weight:bold;
margin:0 0 3px 0;
}


.text_green {
font-size:85%;
color:#03a181;
}

.text_small {
	font-size:85%;
}

/*etc.*/
.red_text {
	color:#FF0000;
	}

/*------ 左下外部バナー ------*/
#left_banner {
width:171px;
text-align:center;
clear:both;
font-size:85%;
color:#999999;
/*background:url(../img/index/left_banner_mid.gif) repeat-y ;*/
}

#left_banner a {
	font-size:85%;
	color:#b81a3f;
}

#left_banner li {
	margin:0 0 0 0;
	*margin:0 0 1px 0;
}

#left_banner li img {
	border:1px solid #C2C2C2;
}

#left_banner li#left_banner_bottom {
	margin:0 0 10px 0;
}
