@charset"EUC-JP";

/*mainここから defaulr.cssで定義済*/
div#main{
	width:740px;
	float:right;
}
/*mainここまで*/

/*------------------------------------------------------------------------
Flashとバナーのブロック
------------------------------------------------------------------------*/

div#banner-box{
	width:740px;
	height:250px;
	margin-bottom:10px;

	position:relative;
}

div#flash-box{
	width:582px;
	height:250px;

}

ul#banner-list{
	width:157px;
	height:242px;
	padding-top:6px;

	background-color:#F9F9F9;
	border:1px solid #CCC;
	border-left:none;

	position:absolute;
	top:0px;
	right:0px;
}

ul#banner-list li{
	width:143px;
	height:56px;
	list-style:none;
	margin-left:8px;
	margin-bottom:4px;
}

ul#banner-list li a img{
	opacity:1;
	filter:alpha(opacity=100);
	ms-filter:"alpha(opacity=100)";
}

ul#banner-list li a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}


/*------------------------------------------------------------------------
トップページ
Topic  News Shop  News  Eventのバーの部分
------------------------------------------------------------------------*/
h2.top-h-ber{
	width:740px;
	height:30px;

	position:relative;
}

/*一覧へのリンクボタン*/
img.list-link-btn{
	position:absolute;
	top:6px;
	right:10px;
}

/*------------------------------------------------------------------------
トップページ
Topic  News Shop  News  Eventの記事の部分
------------------------------------------------------------------------*/
div.top-col{
	width:718px;
	padding:10px 10px 0px 10px;
	border:1px solid #E7E7E7;
	border-top:none;

	margin-bottom:10px;
}

/*画像部分*/
div.top-col-img{
	width:80px;
	float:left;
}

div.top-col-img img{
	margin-bottom:10px;
}

/*テキスト部分*/
div.top-col-text-wrap{
	width:620px;
	float:right;
}

div.top-col-text{
	width:620px;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #E7E7E7;
	position:relative;
}

p.top-data{
	font-size:90%;
	position:absolute;
	top:0px;
	left:0px;
}

p.top-data span{
	margin-left:0.25em;
	font-size:95%;
}

h4.top-h{
	margin-left:7em;
	font-size:100%;
	line-height:150%;
	font-weight:normal;
}

/*イベント一覧タイトル*/
h4.top-h-ev{
	font-size:100%;
	line-height:150%;
	font-weight:normal;
}

h5.shop-name{
	margin-left:8.5em;
	font-size:80%;
	font-weight:normal;
}

h4.top-h-ev a:link,h4.top-h a:link,h5.shop-name a:link{
	color:#000;
	text-decoration:none;
}

h4.top-h-ev a:visited,h4.top-h a:visited,h5.shop-name a:visited{
	color:#000;
	text-decoration:none;
}

h4.top-h-ev a:hover,h4.top-h a:hover,h5.shop-name a:hover{
	color:#F00;
	text-decoration:underline;
}

p.corner-under-link{
	margin-bottom:10px;
	font-size:90%;
	text-align:right;
}

p.corner-under-link img{
	margin-right:5px;
	vertical-align:middle;
}

p.corner-under-link a{
	text-decoration:none;
}

p.corner-under-link a:link{
	color:#000;
}
p.corner-under-link a:visited{
	color:#000;
}
p.corner-under-link a:hover{
	color:#F00;
	text-decoration:underline;
}

/*------------------------------------------------------------------------
以下
Topic  News Shop  News  Event 一覧ページ
------------------------------------------------------------------------*/


/*Topic News等のリンクボタン部分*/
div#d-link{
	height:33px;
	background-image:url(../img/d-link-bg.jpg);
	margin-bottom:15px;
}

/*Topic News等のリンクボタン部分 Eventページ用*/
div#d-link.eventpage{	
	margin-top:15px;
}



/*---------------------------------------------------------------------------------------------
↓↓↓↓↓↓↓↓↓div#main-contentsはdefaulr.cssで定義
---------------------------------------------------------------------------------------------*/
div#main-contents{
}
/*---------------------------------------------------------------------------------------------
↑↑↑↑↑↑↑↑↑div#main-contentsはdefaulr.cssで定義
---------------------------------------------------------------------------------------------*/

/*Topic News Event Shop Newsで使用*/

h2#top-sub-h{
	/*padding-top:5px;
	background-image:url(../img/top-contents-bg.jpg);*/
}

/*トピックニュース　イベント*/
div#top-info{

}

div#top-info h2{
	/*border-bottom:1px solid #000;*/
}

div#top-info h2#live-title{
	margin-top:20px;
}


/*トピックニュースの詳細部分*/
div.top-content{
	width:100%;
	margin-top:15px;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
}

p.date{
	text-align:right;
	margin-bottom:5px;
}


/*画像幅200px用*/
div.top-content-img-block{
	width:200px;
	margin-right:10px;
	margin-top:10px;
	float:left;
}

div.top-content-img-block img{
	margin-bottom:10px;
}



/*ニューストピックス用*/
div.top-content-text-out{
	/*width:560px;*/
}

/*イベント用*/
div.event-content-text-out{
	/*width:530px;
	float:right;*/
}

h3.top-content-title{
	font-size:120%;
	line-height:100%;
	margin-bottom:5px;
	padding:5px;
	/*↓緑セット*/
	border-left:2px solid #060;

	/*↓オレンジセット
	border-left:2px solid #7D4301;*/

	/*↓青セット*/
	/*border-left:2px solid #036;*/
	
	/*↓茶色セット
	border-left:2px solid #874609;*/

	background-image:url(../img/top-content-title-bg.jpg);

	color:#FFF;
}


/*画像幅200px用*/
p.top-content-text{
	width:490px;
	margin-top:10px;
	line-height:170%;
	_font-size:90%;

	float:right;
}

/*イベントで使用*/
div.event-data{
	width:490px;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #CCC;

	float:right;
}

div.event-data p{
	margin-bottom:5px;
}


a.out-link{
	display:block;
	width:84px;
	height:23px;

	margin-top:10px;

	overflow: hidden;
	text-indent: -100000px;

	background-image:url(../img/out-link.gif);
	background-repieat:no-repeat;
	background-position:top;
}

a.out-link:hover{
	background-position:bottom;
}



p.top-info{
	margin-top:5px;
	padding-top:5px;
	border-top:1px solid #CCC;
}



/*Shop NewsとEventの大枠*/
div#top-bottom-c{
	height:437px;
	margin-top:10px;

	position:relative;
}


/*ショップニュース関連*/
h2#shop-news-h{
	position:absolute;
	top:0px;
	left:0px;
}

div#shop-news{
	width:362px;
	height:400px;
	background-image:url(../img/top-bottom-c-bg.jpg);

	position:absolute;
	top:37px;
	left:0px;

	overflow:auto;
}

div.shop-news-d{
	margin:10px 15px 20px 15px;
}

div.shop-news-d div.sn-col-img{
	width:80px;
	float:left;
}

div.shop-news-d div.sn-col-img img{
	margin-bottom:10px;
}

div.shop-news-txt{
	width:220px;
	margin-left:15px;
	float:right;
}


/*イベント関連*/
h2#event-h{
	position:absolute;
	top:0px;
	right:0px;
}

div#event{
	width:362px;
	height:400px;
	background-image:url(../img/top-bottom-c-bg.jpg);

	position:absolute;
	top:37px;
	right:0px;

	overflow:auto;
}

div.event-d{
	margin:10px 15px 20px 15px;
}

div.event-d div.ev-col-img{
	width:80px;
	float:left;
}

div.event-d div.ev-col-img img{
	margin-bottom:10px;
}

div.event-txt{
	width:220px;
	margin-left:15px;
	float:right;
}

h4#live-h{
	margin:10px 15px 20px 15px;
	border-bottom:1px solid #999;
}


div#content-end-img{
	width:100%;
	height:4px;
}

div#content-end-img img{
	vertical-align:top;
}

div#content-head{
	width:100%;
	height:4px;
	margin-top:10px;
}

/*IE7のみ適応*/
*:first-child+html div#content-head img{
	vertical-align:top;
}

div#jishin{
	text-align:center;
	padding:10px;
	border:1px solid #CCC;
	margin-top:8px;
	margin-bottom:8px;
}



