@charset "utf-8";
/* =========================================================
 イントロメイン
========================================================= */

/* ------------------------------------------------------
 イントロ基本レイアウト
------------------------------------------------------ */
#bgline{
	background:url(../../img/intro/bg_001.jpg) repeat-y center top;
}

table{
	margin:0 auto;
}


#layout{
	margin:0px auto;
	width:898px;
	height:auto;
}


#container{
	height:auto;
	clear:both;
}



/* ------------------------------------------------------
 メインコンテンツ枠
------------------------------------------------------ */
#main_contents{
	margin:0;
	padding:0;
	width:687px;
	height:auto;
	float:right;
	_zoom:1;
	position:relative;
	overflow:hidden;　/*IE6カラム落ち防止*/

	
}


/* ------------------------------------------------------
 新着情報
------------------------------------------------------ */
#main_contents #news_0{
	margin:10px 0 0 5px;
	width:687px;
	height:105px;
	_zoom:1;
	overflow:hidden;
}

/* 新着情報
----------------------------------------------- */
#main_contents #news_0 #news_wrapleft{
	float:left;
	width:492px;
	height: 100%;
	display:inline;
	text-align:left;
}

/* 見出し
----------------------------------------------- */
#news_wrapleft #news_title{
	background:url(../../img/intro/topic.gif) no-repeat right bottom;
	letter-spacing:0.3em;
	border-left:solid 10px #CC0000;
	font-size:130%;
	padding-left:5px;
	margin:3px;
}

/* 新着リスト
----------------------------------------------- */
#news_wrapleft #news{
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	width:490px;
	height:75px;
	overflow-y:scroll;
	position:relative;
}

#news_wrapleft #news dl{
	padding:0 2px 0;
	clear:both;
	font-size:120%;
}

/* ----- リスト見出し ----- */
#news_wrapleft #news dl dt{
	padding:3px;
	margin-top:2px;
	font-weight:bold;
	position:absolute;
	left:2px;
}

/*スペシャル*/
#news_wrapleft #news dl dt.special{
	letter-spacing:3px;
	background:#CCCC33;
	color:#FFFFFF;
}

/*プレゼント*/
#news_wrapleft #news dl dt.present{
	background: url(../../img/share/m-presents2.gif);
	letter-spacing:0.5px;
}

/*ちゅーピーママ*/
#news_wrapleft #news dl dt.chu-mama{
	color:#FF99CC;
	letter-spacing:-4px;
	padding:3px 0;
	width:80px;
}

/*ショッピング*/
#news_wrapleft #news dl dt.shopping{
	color:#FF6600;
	letter-spacing:-2px;
	padding:3px 0;
}

/*広島まち情報*/
#news_wrapleft #news dl dt.h-twon{
	color:#339933;
	letter-spacing:-2px;
	padding:3px 0 3px 1px;
}

/*Cue更新*/
#news_wrapleft #news dl dt.Cue{
	color:#FF3366;
	padding:3px;
	/*letter-spacing:-3px;*/
}

/* ----- 新着情報内容 ----- */
#news_wrapleft #news dl dd{
	padding:5px 0 3px 88px;
	_padding:5px 0 5px 88px;
	_zoom:1;
	overflow:auto;
	border-bottom:1px dashed #CCC;
}



/* ------------------------------------------------------
 ロールオーバーリンクボタン
------------------------------------------------------ */

/* ちゅーピーくらぶ検索枠
----------------------------------------------- */
#news_wrapright{
	float:left;
	display:inline;
	width:195px;
	height: 100%;
	text-align:left;
}

/* リンクボタン枠
----------------------------------------------- */
#menubtn{
	width:687px;
	_zoom:1;
	overflow:hidden;
	margin:10px 0 10px 5px;
}

#menubtn div{
	float:left;
	width:220px;
	height:75px;
	display:inline;
	margin-right:9px;
}


/* ----- リンクボタン共有 ----- */
a.overBtn{
	display:block;
	text-indent:-9999px;
	outline: none;
}

/*ちゅーピーくらぶ*/
#news_wrapright a{
	width:172px;
	height:74px;
	margin:28px 0 0 10px;
}

/*各ページ用*/
#menubtn div a{
	width:220px;
	height:75px;
}


/* ----- ロールオ－バー設定 ----- */
#menubtn div a:link,
#menubtn div a:visited {
	background-position:0 0;
	background-repeat:no-repeat;
}

/*ちゅーピーくらぶ*/
#news_wrapright a:link,
#news_wrapright a:visited {
	background-image:url(../../img/intro/btn-club.gif);
}

/*ショッピング*/
#menubtn div#spbtn a:link,
#menubtn div#spbtn a:visited {
	background-image:url(../../img/intro/btn_sp.gif);
}

/*ちゅーピーママ*/
#menubtn div#mamabtn a:link,
#menubtn div#mamabtn a:visited {
	background-image:url(../../img/intro/btn_mama.gif);
}

/*広島まち情報*/
#menubtn div#townbtn a:link,
#menubtn div#townbtn a:visited {
	background-image:url(../../img/intro/btn_town.gif);
}


#news_wrapright a:hover,
#news_wrapright a:active,
#menubtn div a:hover,
#menubtn div a:active {
	background-position:100% 0;
}


/* ------------------------------------------------------
 注目トピック(中段)
------------------------------------------------------ */
#middlearea_wrap{
	clear:both;
	width:687px;
	_zoom:1;
	overflow:hidden;
	background:url(../../img/intro/bg-cont2.gif) repeat-y;
	margin:0 0 10px 5px;
}

/* ３カラム
----------------------------------------------- */
div.topic-list{
	float:left;
	width:220px;
	display:inline;
	margin-right:9px;
}


/* リスト
----------------------------------------------- */
.topic-list dl{
	padding:3px;
	clear:both;
	text-align:left;
}

/* ----- トピック画像 ----- */
.topic-list dl dt{
	width:45px;
	height:45px;
	float:left;
	overflow:hidden;
	text-align:center;
}

.topic-list dl dt img{
	width:100%;
/*max-width:100%;
max-height:100%;
_width:45px;*/
}

/* ----- トピックタイトル ----- */
.topic-list dl dd.dd_title{
	padding:3px 0 0 3px;
	text-align:left;
	font-weight:bold;
}

/* ----- トピック本文 ----- */
.topic-list dl dd.dd_lead{
	margin-left:48px;
	padding:2px 0px 0px 0px;
	color: #2C322F;
	text-align:left;
	line-height:1.2em;
}

/* ----- 店名 ----- */
.dd_shop{
	padding-bottom:3px;
	text-align:right;
	border-bottom:1px dashed #CCC;
}

/* ----- リスト最下部トピック店名 ----- */
.dd_shop02{
	padding-bottom:3px;
	border:none;
	text-align:right;
}





/* ------------------------------------------------------
 リアルタイム情報から以降(下段)
------------------------------------------------------ */

/* 項目見出し
----------------------------------------------- */
#main_contents h2.bottom_area-title{
	background:url(../../img/intro/bottom_tittlebg.jpg) repeat-x top left;
	border:1px solid #E3E3E3;
	width:680px;
	height:25px;
	margin:0 auto;
}

#main_contents .bottom_area-title p{
	margin: 1px 5px;
	background:url(../../img/intro/icon-02.gif) no-repeat top left;
	text-align:left;
	padding-left:30px;
	line-height:24px;
	font-weight:bold;
	letter-spacing:4px;
}

/* コンテンツbox
----------------------------------------------- */
#main_contents .bottom_area-item{
	margin:0 auto 7px;
	border-right:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
	border-left:1px solid #E3E3E3;
	width:680px;
	height:auto;
	overflow:hidden;
}


/* 地域情報
----------------------------------------------- */
/* ----- 左block ----- */
#chiiki_01{
	padding:5px 0px 10px 5px;
	font-size:110%;
	text-align:left;
	line-height:1.2em;
	width:210px;
	height:auto;
	float:left;
	border-right:2px dashed #DFDFDF;
}

#chiiki_01 dl{
	clear:both;
}

#chiiki_01 dl dt{
	color:#0080C0;
	float:left;
}

#chiiki_01 dl dd{
	margin-left:1.2em;
}

/* ----- 右block(商工会) ----- */
#chiiki_02{
	margin:0 0 0 215px;
	padding:5px;
	font-size:110%;
	text-align:left;
	line-height:1.5em;
	width:auto;
}

/* ----- バナー横並び ----- */
.bottom_area-item ul.bnr-list{
	text-align:left;
	padding:10px 15px;
}

.bottom_area-item ul.bnr-list li{
	display:inline;
	margin-right:10px;
}