@charset "utf-8";
/* =========================================================
 広島まち情報CSS
========================================================= */


/* ------------------------------------------------------
 全体 
------------------------------------------------------ */
#allContents{
	text-align:center;
}

/* ------------------------------------------------------
 紹介店カテゴリー一覧 [
------------------------------------------------------ */
#htown-space{
	width:638px;
	margin:0 auto 10px;
	background:url(http://chupea-mall.jp/shop/files/img/Htown/bg-townSeach.jpg) top left no-repeat;
	border: 1px solid #AACF58;
	text-align:left;
}

#htown-space h2{
	float:left;
	display:inline;
}

#htown-space h2 img{
	margin:8px;
}

#htown-space ul{
	margin:10px;
	_zoom:1;
	overflow:hidden;
}

/* ----- カテゴリー一覧 ----- */
#htown-space li{
	float:left;
	background:url(http://chupea-mall.jp/shop/files/img/Htown/icon-arrowg.gif) 0 0 no-repeat;
	padding:3px 0 0 20px;
	white-space:nowrap;
	line-height:1.3;
}


/* ------------------------------------------------------
 イチオシ！お店情報（広告枠）
------------------------------------------------------ */
#pickupShop{
	width:630px;
	margin:0 auto 10px;
	border: 4px double #FF9999;
	text-align:left;
}

/* ----- 見出し ----- */
#pickupShop h2{
	margin:10px;
	font-size:120%;
	border-bottom:3px solid #FF9999;
}

#pickupShop h2 img{
	vertical-align:middle;
	margin:0 8px 1px 3px;
}


#pickupShop dl{
	position:relative;
	overflow:hidden;
	margin:0 10px 10px;
}

/* ----- 画像 ----- */
#pickupShop dt.pupImg{
	float:left;
	display:inline;
	margin-right:10px;
}

/* ----- 説明文 ----- */
#pickupShop .pupText{
	margin-bottom:5px;
}

/* ----- 店名 ----- */
#pickupShop .pupShopName{
	font-size:120%;
	font-weight:bold;
	text-align:right;
	position:absolute;
	right:0;
	bottom:0;
}

#pickupShop .pupShopName a{
	margin:0 5px;
}





/* ------------------------------------------------------
 カラム(左：400px 右：260px) 
------------------------------------------------------ */
#htown-container{
	padding:0 0 1em 0;
}

#htown-container div{
	text-align:left;
}

#htown-container div h2{
	font-size:15px;
	color:#fff;
}

/* ----- 左カラム ----- */
#left-column{
	float:left;
	width:400px;
/*	background-color:#B5ECBA;*/
}

#left-column h2{
	margin-left:10px;
}


/* ----- 右カラム ----- */
#right-column{
	float:left;
	width:260px;
/*	background-color:#66CCCC;*/
}


/* ------------------------------------------------------
  旬なお店[
------------------------------------------------------ */
h2#shunShop{
	background:url(http://chupea-mall.jp/shop/files/img/Htown/m-shunShop.gif) top left no-repeat;
	width:380px;
	padding:0 10px;
	line-height:3.7;
}

#htown-shop,
#feed{
	overflow:hidden;
	width:380px;
	background-color:#fff;
	vertical-align:top;
	margin:0 0 10px 10px;
}

#htown-shop{
	line-height:0;
}

#htown-shop dl,
#htown-shop div{
	line-height:1.3;
}

#htown-shop dl{
	margin:0 5px;
}

/* ----- 見出し ----- */
.dd_title{
	float:right;
	margin-bottom:3px;
	/*font-size:95%;*/
	font-weight:bold;
	width:282px;
}

/* ----- 画像 ----- */
#htown-shop dt{
	float:left;
	width:80px;
	margin-right:8px;
}
#htown-shop dt img{
	width:80px;
	height:80px;
}

/* ----- 文章 ----- */
#htown-shop .dd_lead{
	clear:right;
	height:50px;
	overflow:hidden;
}

/* ----- ショップ名 ----- */
#htown-shop .dd_shop{
	margin-bottom:10px;
	border-bottom:solid 1px #8EC21F;
	text-align:right !important;
	margin:0 0 10px;
	padding-bottom:3px;
}

#htown-shop .dd_shop02{
	text-align:right !important;
}



/* ------------------------------------------------------
 ブログフィード 
------------------------------------------------------ */
h2#staffNote{
	background:url(http://chupea-mall.jp/shop/files/img/Htown/m-staffNote.gif) top left no-repeat;
	padding:30px 5px 21px
}

div#feed{
	background:url(http://chupea-mall.jp/shop/files/img/Htown/blockBottom.gif) bottom left no-repeat;
}

#feed dl {
	_zoom: 1;
	overflow: hidden;
	padding:0 5px 15px;
}

/* ----- 記事タイトル ----- */
#feed dt{
	margin:-1px 5px 0;
	padding:5px 0 3px;
	border-top:dashed 1px #666;
	font-weight:bold;
	line-height:1.3;
}

#feed a{
	color:#FF9900;
}

/* ----- 記事概要 ----- */
#feed dd{
	margin:0;
	padding:0 5px 5px;
}



/* ------------------------------------------------------
 特集 
------------------------------------------------------ */
.htownMidashi{
	background:url(http://chupea-mall.jp/shop/files/img/Htown/m-townRight.gif) top left no-repeat;
	padding:3px 10px 0;
	line-height:1.7;
	margin-top:10px;
}

/* ----- 右カラムコンテンツ枠共通 ----- */
.htownRHTbox,
#htown-mama{
	width:250px;
	background:url(http://chupea-mall.jp/shop/files/img/Htown/bg-htown.gif) bottom left no-repeat;
	margin:0 0 10px 0;
}


/* ----- バックナンバーボタン ----- */
#btnBackno{
	position:relative;
	width:250px;
	text-indent:-9999px;
}

#btnBackno a{
	position:absolute;
	top:-23px;
	right:5px;
	display:block;
	width:103px;
	height:19px;
	margin-right:0;
	background-repeat:no-repeat;
	outline: none;
}

#btnBackno a:link,
#btnBackno a:visited {
	background-position:0 0;
	background-image:url(http://chupea-mall.jp/shop/files/img/Htown/btn-backNo.gif);
}

#btnBackno a:hover,
#btnBackno a:active {
	background-position:100% 0;
}




/* ----- 特集名 ----- */
.htownRHTbox h3{
	background:url(http://chupea-mall.jp/shop/files/img/share/icon-maru01.gif) no-repeat 0.8em 1em;
	padding:10px 5px 0 25px;
	font-size:100.01%;
}


/* ----- 特集リード文 ----- */
#tokuList p{
	padding:2px 10px 5px;
	font-size:98%;
	border-bottom:dotted 1px #8EC21F;
}



/* ------------------------------------------------------
 占い 
------------------------------------------------------ */
#htownOracle p{
	padding:10px 5px;
}

#htownOracle p a:hover{
	position: relative;
	top: 1px;
	left: 1px;
}


/* ------------------------------------------------------
 ママ関連特集 
------------------------------------------------------ */
h2#chuMama{
	background:url(http://chupea-mall.jp/shop/files/img/Htown/m-chuMama.gif) top left no-repeat;
	padding:26px 8px 2px;
}

#htown-mama{
}


#htown-mama dl{
	padding:10px 5px;
}

#htown-mama dl.title2dan{
	clear:both;
	border-top:solid 1px #8EC21F;
}

/* ----- コーナーロゴ ----- */
#htown-mama dt{
	float:left;
	width:85px;
	text-align:right;
	margin:0 5px 5px 0;
	vertical-align:bottom;
}

/* ----- 回数（vol.○） ----- */
#htown-mama dt span{
	font-weight:bold;
	margin-top:-5px;
	display:block;
}

#htown-mama dl.title1dan dt{
	color:#FF3300;
}
#htown-mama dl.title2dan dt{
	color:#8FC321;
}


/* ----- 店or商品名 ----- */
.mamatoku-title{
	line-height:1.2;
	letter-spacing:-0.5px;
	text-align:center;
	overflow:hidden;
}

.mamatoku-title a:link{
	color:#FF6666;
}

.mamatoku-title a:visited{
	color:#993300;
}

.mamatoku-title a:hover{
	color:#FFCCCC;
}

.mamatoku-title a:active{
	color:#FF9999;
}


/* ----- 画像 ----- */
.mamatoku-pict{
	margin-bottom:5px;
	text-align:center;
	overflow:hidden;
}


/* ------------------------------------------------------
 地域情報
------------------------------------------------------ */
#htownEvnt dl{
	padding:10px 5px;
}

#htownEvnt dt{
	background:url(http://chupea-mall.jp/shop/files/img/Htown/icon-arrowg.gif) 0 0 no-repeat;
	padding:3px 0 3px 20px;
}

#htownEvnt dd{
	margin-left:1em;
}