@charset "utf-8";
/* CSS Document */


/*--------------------------------------
　.index
---------------------------------------*/
.index .scroll {
	width: 520px !important;
	height: 65px;
	overflow: hidden;
	margin-bottom: 10px;
	background-color: #EEE;
}
.index .main_banner {
	padding: 10px 9px;
}
/*--------------------------------------
　メイン/#main
---------------------------------------*/
.index #main .bn_event {
	margin-bottom: 10px;
}
.index #main #news{
	background:url(../image/top/bg_news_bottom.jpg) no-repeat left bottom;
	color: #987169;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.index #main #news ul{
	width: 500px;
	padding: 5px 10px;
}
.index #main #news ul a{
	color: #987169;
}
.index #main #news ul a:hover{
	color: #990000;
}
.index #main #news ul#update li{
	padding-left: 70px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #99948B;
	background: no-repeat left 3px;
}
.index #main #news ul#update li.cp{
	background-image: url(../image/top/icon_cp.gif);
}
.index #main #news ul#update li.event{
	background-image: url(../image/top/icon_event.gif);
}
.index #main #news ul#update li.shop{
	background-image: url(../image/top/icon_shop.gif);
}
.index #main #news ul#update li.info{
	background-image: url(../image/top/icon_info.gif);
}
.index #main #news ul#update li.last{
	margin-bottom: 5px;
}
.index #main #news ul#update span{
	font-weight: bold;
}
.index #main #news ul#info{
	background-color: #EDE8E4;
	margin: 0 10px;
	width: 480px;
	padding-top: 10px;
}
.index #main #news ul#info li{
	background: url(../image/common/icon/i-arrow-3.gif) no-repeat left 5px;
	padding-left: 10px;
	margin-bottom: 5px;
}
.update {
	color: #CC0066;
}


/*--------------------------------------
　左カラム/#left
---------------------------------------*/

/*---- #newshop ----*/
.index #left #newshop {
	background: url(../image/top/bg_left_bottom.gif) no-repeat left bottom;
	font-size:11px;
	line-height:1.3;
	padding:5px 10px 10px;
	width:180px;
}
*:first-child+html .index #left #newshop {
	font-size:9px;
	line-height:1.7;
}
.index #left #newshop li {
	margin-bottom: 10px;
	padding-bottom: 5px;
	background: transparent url(../image/common/line_01.gif) repeat-x left bottom;
	text-align: center;
}
.index #left #newshop li.last {
	background: none;
	margin: 0;
	padding: 0;
}
.index #left #newshop li h3 {
	margin-top: 5px;
	margin-bottom: 3px;
	padding-top: 0;
	padding-left: 15px;
	background: transparent url(../image/arrow.gif) no-repeat left top;
	color: #990000;
	text-align: left;
}
.index #left #newshop li p{
	margin: 0;
	text-align: left;
}



/*--------------------------------------
　右カラム/#right
---------------------------------------*/

/*---- バナー.banner ----*/
.index #right {
}
.index #right .banner {
}
.index #right .banner ul li {
	margin-bottom: 10px;
}
.index #right .banner ul li img {
	vertical-align:bottom;
}

/*---- トピックス ----*/
.index #right #topics {
	background: url(../image/top/bg_right_bottom.gif) no-repeat left bottom;
	margin-bottom: 10px;
	padding-bottom: 5px;
}.index #right #topics ul {
	background: url(../image/top/bg_right_top.gif) no-repeat left top;
	padding-top: 45px;
}

.index #right #topics ul li {
	width: 220px;
	margin: 0 auto 10px;
	clear: both;
}
.index #right #topics ul li.last {
	margin-bottom: 5px;
}
.index #right #topics ul li h3 {
	width: 150px;
	float: right;
	margin-bottom: 5px;
}
.index #right #topics ul li p {
	float: right;
	width: 148px;
	font-size: 11px;
	line-height: 1.3;
}
*:first-child+html .index #right #topics ul li p {
	font-size: 9px;
	line-height: 1.5;
}
.index #right #topics ul li a.images {
	float: left;
}
/*---- 下バナー.banner ----*/
/*
* html #right ul.bottom_banner {
	position: relative;
}
*/
* html #right ul.bottom_banner li.last{
	position: relative;
}
* html #right ul.bottom_banner li.last img{
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 0;
}



/*--------------------------------------
　#news
---------------------------------------*/

body.index .tab #main #news{
	position: relative;
	margin-top: 40px;
}
body.index .tab #main #news #update,
body.index .tab #main #news #shopnews,
body.index .tab #main #news #all {
}

body.index .tab #main #news #update ul,
body.index .tab #main #news #shopnews ul,
body.index .tab #main #news #all ul {
	padding:5px 0 10px;
	height:200px;
	overflow:auto;
	width: 500px;
}
body.index .tab #main #news #update ul {
	padding-top: 0;
}

/*-- #update --*/
.index .tab #main #news #update ul li{
	padding-left: 70px;
	margin-bottom: 7px;
	padding-bottom: 7px;
	border-bottom: 1px dotted #99948B;
	background: no-repeat left 3px;
}
.index .tab #main #news #update ul li dl{
	width: 410px;
}
.index .tab #main #news #update ul li dt{
	font-weight: bold;
}
.index .tab #main #news #shopnews ul li span{
	padding-left: 70px;
	background: no-repeat left 1px;
}
.index .tab #main #news #update ul li.cp,
.index .tab #main #news #shopnews ul li.cp span{
	background-image: url(../image/top/icon_cp.gif);
}
.index .tab #main #news #update ul li.event,
.index .tab #main #news #shopnews ul li.event span{
	background-image: url(../image/top/icon_event.gif);
}
.index .tab #main #news #update ul li.shop,
.index .tab #main #news #shopnews ul li.shop span{
	background-image: url(../image/top/icon_shop.gif);
}
.index .tab #main #news #update ul li.info,
.index .tab #main #news #shopnews ul li.info span{
	background-image: url(../image/top/icon_info.gif);
}
.index .tab #main #news #update ul li.sale,
.index .tab #main #news #shopnews ul li.sale span{
	background-image: url(../image/top/icon_sale.gif);
}
.index .tab #main #news #update ul li.other,
.index .tab #main #news #shopnews ul li.other span{
	background-image: url(../image/top/icon_other.gif);
}
.index .tab #main #news #update ul li.last{
	margin-bottom: 5px;
}
.index .tab #main #news #update ul span{
	font-weight: bold;
}
/*.index .tab #main #news #update ul .new,
.index .tab #main #news #shopnews ul .new{
	background: url(../image/top/icon_new.gif) no-repeat right 2px;
	padding-right: 30px;
}*/
.index .tab #main #news #update ul span.news_title{
	font-weight: bold;
	display: block;
}
.index .tab #main #news #update ul span.news_content{
	font-weight: normal;
}

/*-- #shopnews --*/
.index #main #shopnews ul li {
	border-bottom: 1px dotted #99948B;
	margin-bottom: 5px;
	padding: 5px;
}
.index #main #shopnews ul li span{
	color: #990000;
	font-weight: bold;
}
.index #main #shopnews dl {
	font-size: 11px;
	color: #34241A;
}
*:first-child+html .index #main #shopnews dl {
	font-size:9px;
	line-height:1.5;
}

.index #main #shopnews dl a{
	color: #34241A;
}
.index #main #shopnews dl dt {
	font-weight: bold;
}
.index #main #shopnews li .item_img {
	float:right;
	margin-left:7px;
}
/* Tabs
----------------------------------*/
.ui-widget-content a {
	color: #333333;
}
*.ui-widget-header {
	background: url(../image/top/bg_tab2.jpg) no-repeat left bottom;
}
.ui-state-hover a, .ui-state-hover a:hover {
	display: block;
	width: 102px;
	background: url(../image/top/tab_on.png) no-repeat left top !important;
}
.ui-state-active, .ui-widget-content .ui-state-active {
	background: url(../image/top/tab_on.png) no-repeat left 3px!important;
	font-weight: bold;
}
.index #main #news #tabs ul.ui-tabs-nav {
	width: 450px;
	padding-left: 60px;
}
.index #main #news #tabs {
	position: relative;
}
.index #main #news #tabs .rss{
	position: absolute;
	top: -28px;
	right: 10px;
}
.index #main #news #tabs .rss2{
	text-align: right;
}

.ui-tabs .ui-tabs-nav {
	position: absolute;
	top: -40px;
	left: 0;
	margin: 0;
}
.ui-tabs .ui-tabs-nav li{
	position: relative;
	top: 1px;
	float: left;
	width: 102px;
	height: 33px;
	margin: 0 0.2em 0 0;
	padding: 0;
	background: url(../image/top/tab_off.png) no-repeat left 3px;
	text-align: center;
	white-space: nowrap;
}
* html .ui-tabs .ui-tabs-nav li{
	top: 2px;
	height: 34px;
}
*:first-child+html .ui-tabs .ui-tabs-nav li{
	top: 2px;
	height: 34px;
}
 /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
	display: block;
	padding: 5px 0 0;
	border: 0;
	background: none;
	width: 500px;
	margin: 0 auto 10px;
}

.ui-tabs .ui-tabs-hide {
	display: none !important;
}