@charset "UTF-8";

/*========================================

	nimoca
	
	top.css
	Recent Edit | 2010.03

========================================*/


/* ●トップ　フラッシュエリア-------------------- */

#flash {
	width: 930px;
	margin:0 auto;
	background:url(../img_top/top_flabg_top.gif) top no-repeat;
	padding:13px 0 0 0;
}

#flash_inner {
	background:url(../img_top/top_flabg_bottom.gif) bottom no-repeat;
	padding:0 0 13px 0;
}

#flash_bana {
	width:224px;
	float:left;
	padding:0 0 0 13px;
}

#flash_main {
	width:670px;
	float:right;
	padding:0 13px 0 0;
}

/* ●トップ　フラッシュエリア-------------------- */

#news_ticker {
	background: url(../img_top/news_ticker.gif) 5px 0px no-repeat;
	padding: 8px 30px 20px 15px;
	margin:5px 0 0;
}

.tickercontainer { /* the outer div with the black border */
/*border: 1px solid #000;*/
/*background: #fff;*/ 
width: 900px;
/*height: 27px;*/
/*margin: 0;*/
/*padding: 0;*/
/*overflow: hidden;*/
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 900px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 900px;
/*font: bold 10px Verdana;*/
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
white-space:nowrap;
/*background: #fff;*/
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
/*font: bold 10px Verdana;*/
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 



/* ●トップ　コンテンツ-------------------- */
/* 右エリア */
#side_top_right {
	float:right;
	width:640px;
}

/* 新着情報 */
.news_block {
	padding:0 5px 0 5px;
}

.news_block .title {
}

.news_inner {
	margin:10px auto 0 auto;
	width:620px;	
}

.news_inner img {
	vertical-align:middle;
	margin:0 0 0 3px;
}


.news_inner dl {
	padding:5px 0 10px 0;
	margin:0 0 0 3px;
	background:url(../img_common/dotline01.gif) bottom repeat-x;
}
.news_inner dt {
	width:90px;
	float: left;
	clear:left;
	font-size: 85%;
	font-weight:bold;
	background:url(../img_top/top_news_daybg.gif) left no-repeat;
	padding:3px 0 3px 20px;
}

.news_inner dd {
	background:url(../img_top/news_line.gif) bottom repeat-x;
}


/* 加盟店キャンペーン情報 */
.shop_block {
	margin:25px 0 0 0;
	padding:0 5px 0 5px;
}

.shop_block .title {
}

.shop_inner {
	margin:10px auto 0 auto;
	width:620px;
	background:#FFF;
}

.shop_inner img {
	vertical-align:middle;
	margin:0 0 0 3px;
}


.shop_inner dl {
	padding:5px 0 10px 0;
	margin:0 0 0 3px;
	background:url(../img_common/dotline01.gif) bottom repeat-x;
}
.shop_inner dt {
	width:90px;
	float: left;
	clear:left;
	font-size: 85%;
	font-weight:bold;
	background:url(../img_top/top_shop_daybg.gif) left no-repeat;
	padding:3px 0 3px 20px;
}

.shop_inner dd {
}

.shop_inner .icon {
	padding:0 0 0 15px;
	background:url(../img_common/icon_topshop.gif) left 2px no-repeat;
}


/* リンク */
.link_block {
	width:575px;
	margin:25px auto;
}

.link_block li {
	float:left;
}