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

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

/* -----------------------------------------------------------
	override
----------------------------------------------------------- */
img {
	border:none;
}

/* -----------------------------------------------------------
	共通スタイル
----------------------------------------------------------- */

a {
	color:#7c7c7c;
}

a:hover {
	text-decoration:underline;
	color:#4c4c4c;
}

.wrapper #flash {
	background:url(../img/header/bg_head.gif) repeat-x center 0%;
}

.index #header {
	height:380px;
	margin:0 0 10px 0;
}

.index #contents {
	position:relative;
	width:940px;
	margin:0 auto;
	color:#7c7c7c;
}

.index #article {
	float:left;
	margin-bottom:208px;
}

.index #aside{
	width:285px;
	padding:0 0 30px 0;
	float:right;
	overflow:hidden;
}


div hr {
	clear:both;
}


/* -----------------------------------------------------------
	イベント情報
----------------------------------------------------------- */
div#event_information {
	width:630px;
	margin-bottom:20px;
}

div#events {
	zoom:1;
	padding-top:10px;
	position:relative;
	margin-left:-30px;
}

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


div.event {
	float:left;
	width:300px;
	padding-left:30px;
	margin-bottom:10px;
}

div.event.even {
	clear:none;
	float:right;
}


/*	テキスト情報部分
-----------------------------------*/
div.event div.text {
	float:right;
	width:143px;
}

div.event div.text p {
	margin:0;
}

div.event div.text p.supplement {
	font-size:86%;
}

/*	吹き出し部分
-----------------------------------*/
div.event p.balloon {
	width:143px;
	background:url(../img/index/bg-balloon.gif) repeat-y 0% 0%;
	text-align:center;
	color:#000;
}


div.event p.balloon strong {
	display:block;
	background:url(../img/index/bg-balloon_top.gif) no-repeat 0% 0%;
}

div.event p.balloon span {
	display:block;
	background:url(../img/index/bg-balloon_bottom.gif) no-repeat 0% 100%;
	padding-bottom:6px;
}

/*	サムネイル画像
-----------------------------------*/
div.event p.imgL {
	width:147px;
	margin:0;
	border:2px solid #DCDACB;
}


/* -----------------------------------------------------------
	特集情報
----------------------------------------------------------- */
div#special_information {
	width:630px;
	margin-bottom:20px;
}

div#specials {
	zoom:1;
	padding-top:10px;
	position:relative;
	margin-left:-30px;
}

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


div.special {
	float:left;
	width:300px;
	padding-left:30px;
	margin-bottom:10px;
}
div.special.even {
	clear:none;
	float:right;
}


/*	テキスト情報部分
-----------------------------------*/
div.special div.text {
	float:right;
	width:143px;
}

div.special div.text p {
	margin:0;
}

div.special div.text p.supplement {
	font-size:86%;
}

/*	吹き出し部分
-----------------------------------*/
div.special p.balloon {
	width:143px;
	background:url(../img/index/bg-balloon.gif) repeat-y 0% 0%;
	text-align:center;
	color:#000;
}


div.special p.balloon strong {
	display:block;
	background:url(../img/index/bg-balloon_top.gif) no-repeat 0% 0%;
}

div.special p.balloon span {
	display:block;
	background:url(../img/index/bg-balloon_bottom.gif) no-repeat 0% 100%;
	padding-bottom:6px;
}

/*	サムネイル画像
-----------------------------------*/
div.special p.imgL {
	width:147px;
	margin:0;
	border:2px solid #DCDACB;
}



/* -----------------------------------------------------------
	ショップニュース
----------------------------------------------------------- */
div#shop_news {
	width:630px;
	margin-bottom:20px;
}

div#shops {
	zoom:1;
	padding-top:10px;
	position:relative;
	margin-left:-30px;
}

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


div.shop {
	clear:left;
	float:left;
	width:300px;
	padding-left:30px;
	margin-bottom:10px;
}

div.shop.even {
	clear:none;
	float:right;
}

/*	テキスト情報部分
-----------------------------------*/
div.shop div.text {
	float:right;
	width:200px;
}

div.shop div.text p {
	margin:0;
}

div.shop div.text p.supplement {
	font-size:86%;
}

/*	吹き出し部分
-----------------------------------*/
div.shop p.balloon {
	width:200px;
	background:url(../img/index/bg-balloon_L.gif) repeat-y 0% 0%;
	text-align:center;
	color:#000;
}


div.shop p.balloon strong {
	display:block;
	background:url(../img/index/bg-balloon_top_L.gif) no-repeat 0% 0%;
}

div.shop p.balloon span {
	display:block;
	background:url(../img/index/bg-balloon_bottom_L.gif) no-repeat 0% 100%;
	padding-bottom:6px;
}

/*	サムネイル画像
-----------------------------------*/
div.shop p.imgL {
	width:86px;
	margin:0;
	border:2px solid #DCDACB;
}


/*	ショップニュースへのリンク
-----------------------------------*/
p.shop_news_link a {
	color:#8DC21F;
	padding:0 8px;
	background:url(../img/index/arrow_off.gif) no-repeat 0% center;
}

/* -----------------------------------------------------------
	.ピックアップ
----------------------------------------------------------- */
#pickup {
	background:#fff url(../img/index/pickup_bg.gif) repeat-y;
}


#pickup li {
	width:266px;
	margin:0 0 0 0;
	*margin:0 0 0 0;
	padding:10px 0 3px 10px;
	background:url(../img/index/pickup_line.gif) no-repeat bottom;
	clear:both;
}

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


#pickup div.pickup_text {
	float:left;
	background:url(../img/share/right_arrow.gif) no-repeat left 1px;
	width:193px;
	padding:0 0 0 17px;
	font-size:84%;
}

#pickup div.pickup_text.large_pic {
	width:256px !important;
}


#pickup div.pickup_text em {
	font-size:120%;
	font-weight:bold;
	color:#55c4ef;
}


#pickup p.imgR {
	float:right;
	width:51px;
	height:51px;
	margin:0;
	padding:0;
}

#pickup p.imgC {
	clear:both;
	text-align:center;
}


div.pickup_bottom {
	width:285px;
	height:9px;
	margin:-2px 0 0 0;
	background:#fff url(../img/index/pickup_bottom.gif) no-repeat;
	padding:0 0 15px 0;
}



/* -----------------------------------------------------------
	.links
----------------------------------------------------------- */
#links {
	margin:0;
	padding:0;
	background:url(../img/index/links_top.gif) no-repeat top;
}

#links_inner {
	width:267px;
	padding-top:12px;
	margin:0 auto;
}

#links_inner h4 {
	background:url(../img/index/links_bg.gif) repeat-y;
}

#links_inner .link_box {
	width:253px;
	padding:6px 8px 0 6px;
	background:url(../img/index/blue_bg.gif) repeat-y;
	overflow:hidden;
}

#links_inner .link_box.access {
	font-size:120%;
}

#links_inner .link_box.access p {
	background:none;
}


#links_inner .link_box p {
	padding-left:17px;
	background:url(../img/share/right_arrow.gif) no-repeat;
	font-size:84%;
	letter-spacing:0.2em;
	line-height:1.6em;
}

#links_inner p a {
}

#links_inner p span {
	text-indent:17px;
}

#links_inner img {
	float:right;
}

#links_inner img.clearfix {
	margin:0 0 7px 0;
	float:none;
}

#links_inner .box_bottom {
	width:267px;
	height:8px;
	background:url(../img/index/blue_bottom.gif) no-repeat;
	margin-bottom:8px;
}

#links_inner #ranking {
	width:267px;
	height:24px;
	background:url(../img/index/ranking.gif) no-repeat;
}

#links_inner #cinema {
	width:267px;
	height:24px;
	background:url(../img/index/cinema.gif) no-repeat;
}


a.access{
	padding:0 8px;
	background:url(../img/index/arrow_off.gif) no-repeat left 20%;
	color:#8dc21f;
}

a.access:hover {
	background:url(../img/index/arrow_on.gif) no-repeat left 20%;

}



/* -----------------------------------------------------------
	.外部リンクバナー
----------------------------------------------------------- */
#outlink_bnr{
	width:276px;
	margin:0 -6px 10px 0;
}

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


#outlink_bnr li{
	float:left;
	margin:4px 4px 0 0;
	border:2px solid #DCDACB;
}

#outlink_bnr li img {
	float:none;
}



/* -----------------------------------------------------------
	.全体的なブロックの配置と共通事項
----------------------------------------------------------- */


#contents #birdAreaIndex {
	position:absolute;
	width:191px;
	height:208px;
	left:0;
	bottom:0;
	margin:50px 0 -30px 27px;
}
/* -----------------------------------------------------------
	.ピックアップショップ　9.22ライオン追加
----------------------------------------------------------- */
.open {
	width:630px;	
}
#topic_shop {
	height:51px;
}

#topic_shop {
	background:url(../img/index/topic_shop.gif) no-repeat bottom;
}

.open dl {
}

.open dl img {
	 float:left;
}

.openBlock {
	clear:both;
}

.openContents {
	 float:left;
	width:300px;
	margin:0 0 0 10px;
}

/* -----------------------------------------------------------
	.ピックアップの上にFlash注意文言追加 2010.01.05 inagaki
----------------------------------------------------------- */

#aside #flashtxt{
	width:267px;
	background:url(../img/index/flashtxt_bg.gif);
	font-size:90%;
	margin:0 auto;
}


#aside #flashtxt_tp{
	width:267px;
	background:url(../img/index/flashtxt_tp.gif) no-repeat top;
}

#aside #flashtxt_bt{
	width:267px;
	background:url(../img/index/flashtxt_bt.gif) no-repeat bottom;
}

#aside #flashtxt_bt p{
	padding:8px 8px 0 8px;
}

#aside #flashtxt_bt table{
	margin:8px auto 0 auto;
	width:235px;
	padding-bottom:10px;
}

#aside #flashtxt_bt table td{
	width:135px;
	font-size:75%;
	text-align:center;
}

#aside #flashtxt_bt table td.fla_txt{
	padding-bottom:15px;
}

#aside #flashtxt_bt table img{
	border:none; !important
}


#aside {
	background:none;
}