@charset "Shift_JIS";
/*===============================================================
このCSSは「ショッピングセンター」のトップページで使用するidやclassを定義するものです。

　・ページ全体
　・メインビジュアル
　・本文部分
　　-ショッピングセンターのご紹介
　　-エリア別一覧
　・関連エリア
　　-ご出店・資産活用をご検討の方へ
　　-バナーエリア

LastUpdate: 3.24.2010
===============================================================*/

/*==========ページ全体==========*/
#body { width: 910px; margin: 0 20px 0 20px; }


/*==========メインビジュアル==========*/
#mainVisual { margin-bottom: 20px; }
#mainVisual h1 { margin: 0; padding: 0; }
/*#mainVisual .noflabg {
	background: url(/shopping/img/nofla_bg01.gif) repeat-x left top;
	width: 654px;
	height: 70px;
	padding: 10px 28px 0 28px;
}
#mainVisual .noflabg ul { margin: 0; padding: 0; }
#mainVisual .noflabg ul li { float:left; list-style: none; }
#mainVisual .noflabg ul li.noflabt { padding: 0 10px 0 0; }
#mainVisual .noflabg ul li.noflabtlast { padding: 0; }
#mainVisual p.gtbutton {
	background: url(/shopping/img/idx_bg01.gif) no-repeat left top;
	padding: 0 0 0 20px;
	margin: 0;
}*/


/*==========本文部分==========*/
#contentsArea { margin: 0!important; padding: 0!important; }
#contentsArea h2.newsRelease { margin: 0; padding: 0; }
#contentsArea h3 {
	border-left: 3px solid #F88028;
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
}

/*-----ショッピングセンターのご紹介-----*/
#shoppingIntro { margin-bottom: 20px; width: 710px; border-top: 2px solid #F88028; }
#contentsArea #shoppingIntro h2 {	margin:0; padding: 0 0 10px 0; border: none; line-height:normal; }

/* ピックアップ */
#shoppingPickup {
	width:710px;
	background:url(/shopping/img/idx_bg03.gif) no-repeat left bottom;
	margin-bottom:20px;
}

#shoppingPickup .inner {
	background:url(/shopping/img/idx_ex01.gif) no-repeat left top;
	padding:9px 0 0 9px;
}

#shoppingPickup .inner:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#shoppingPickup .inner{
	display:inline-block;
}
/* Hides from IE-mac \*/
* html #shoppingPickup .inner {height: 1%;}
#shoppingPickup .inner {display: block;}
/* End hide from IE-mac */

#shoppingPickup dl {
	width:212px;
	margin:0;
	padding:0 28px 3px 0;
	float:left;
}

#shoppingPickup dl.last {
	padding:0 0 3px 0;
}

#shoppingPickup dl dt {
	margin:0;
	padding:0 0 7px 0;
}

#shoppingPickup dl dd {
	margin:0;
	padding:0;
}

#shoppingPickup dl dd p {
	margin:0;
	padding:0 0 7px 0;
	line-height:1.2;
	letter-spacing:-1px;
}

#shoppingPickup dl dd .basicLink {
	background: url(/common/img/linkicon_arrow.gif) 0 0.5em no-repeat;
	padding-left: 10px;
	padding-bottom: 5px;
	list-style-type: none;
	letter-spacing:0;
}

#shoppingPickup dl dd .externalLink {
	background:url(/shopping/common/img/link_outofsite.gif) 0 0 no-repeat;
	padding-left:17px;
}



/* イベント情報 */
.shoppingEvent {
	clear:both;
	width:710px;
	padding-bottom:10px;
}

.shoppingEvent:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.shoppingEvent {
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .shoppingEvent {height: 1%;}
.shoppingEvent {display: block;}
/* End hide from IE-mac */

#contentsArea .shoppingEvent h2 {
	border:0;
	margin:0;
	padding:0 0 10px 0;
}

.shoppingEvent .box {
	clear:both;
	margin-bottom:10px;
	background:url(/img/dotline.gif) repeat-x left bottom;
}

.box:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.box {
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .box {height: 1%;}
.box {display: block;}
/* End hide from IE-mac */

#contentsArea .shoppingEvent p.read {
	margin:0;
	padding:0 0 5px 0;
}

.shoppingEvent .thum {
	width:80px;
	float:left;
	padding-bottom:6px;
}

.shoppingEvent .textArea {
	width:630px;
	float:right;
	padding-bottom:6px;
}

#contentsArea .shoppingEvent .textArea p {
	margin:0;
	padding:0 0 2px 0;
	line-height:1.2;
}

#contentsArea .shoppingEvent .textArea p.link {
	background: url(/common/img/linkicon_newwin.gif) 0 0.3em no-repeat;
	padding-left:17px;
	padding-bottom:8px;
}

.shoppingEvent .textArea .faci {
	background:#F2F2F2;
	padding:3px;
}

.shoppingEvent .textArea .faci th {
	font-weight:normal;
	border-right:1px solid #CCCCCC;
	font-size:82%;
	padding:0 6px 0 3px;
	color:#4C4C4C;
	white-space:nowrap;
}

.shoppingEvent .textArea .faci td {
	padding-left:6px;
}

.shoppingEvent .textArea .faci td ul {
	margin:0;
	padding:0;
}

#contentsArea .shoppingEvent .textArea .faci td ul li {
	list-style:none;
	background: url(/common/img/linkicon_newwin.gif) 0 0.2em no-repeat;
	margin:0;
	padding:0 15px 0 17px;
	float:left;
	font-size:82%;
	white-space:nowrap;
}

.shoppingEvent .textArea a {
	color:#4C4C4C;
	text-decoration:none;
}

.shoppingEvent .textArea a:hover {
	color:#4C4C4C;
	text-decoration:underline;
}

/*==========関連エリア==========*/
#relatedArea {
	width:180px;
	padding:0 0 0 20px;
}

/* Growing together */
#relatedArea #rGrowing {
	margin:0;
	padding:0 0 10px 0;
}

/* テナントさまへ */
#relatedArea #tenant {
	width:180px;
	margin-bottom:10px;
	padding-bottom:10px;
	background:url(/shopping/img/idx_bg04.gif) no-repeat left bottom;
}

#relatedArea #tenant p.read {
	margin:0;
	padding:7px 10px 0 10px;
}

#relatedArea #tenant p.image {
	margin:0;
	padding:0 10px;
}

/* 資産活用をお考えの方 */
#relatedArea #bnSolution {
	width:180px;
	margin-bottom:10px;
	padding-bottom:10px;
	background:url(/shopping/img/idx_bg05.gif) no-repeat left bottom;
}

#relatedArea #bnSolution p.read {
	margin:0;
	padding:7px 10px 8px 10px;
}

#relatedArea #bnSolution p.image {
	margin:0;
	padding:0 10px;
}


/*-----ご出店・資産活用をご検討の方へ-----*/
/*#kentobox { background:url(/shopping/img/idx_bg02.gif) no-repeat left bottom; }
#kentobox h3 { margin: 0; padding: 0; }
#kentobox p.kentotxt { padding: 0 10px 0 10px; }
#kentobox p.kentobt { padding: 0 10px 11px 10px; }*/

/*-----バナーエリア-----*/
/*#topbanner { margin: 20px 0 0 0; }
#topbanner p { padding: 0 0 4px 0; margin: 0; }*/


/* 関連情報 */
#relatedInfo img {
	vertical-align:top;
}

dl#relatedInfo,
dl#relatedInfo dt,
dl#relatedInfo dd {
	margin:0;
	padding:0 0 10px 0;
}





















