@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------------

ショップニュースのみに使用するスタイルを記述
   
--------------------------------------------------------------*/
#shopnews {}

#shopnews .sideNaviBox {
    width: 172px;
    border: solid 1px #cadf7f;
	padding: 5px 2px 5px 4px;
	margin: 0 0 10px 0;
}

#shopnews .sideNaviTitle {
    background-color: #cadf7f;
	padding: 4px 5px 2px;
	color: #FFFFFF;
}

.shopNewsArea {
    width: 747px;
    border-left: solid 3px #cadf7f;
	border-top: solid 1px #b7b7b7;
}

/**** ロゴ、ショップネイム、フロアボタン等掲載エリア ****/
.shopNewsArea .shopInfo {
    border-bottom: dotted 1px #b7b7b7;
	padding: 10px;
	margin-bottom: 10px;
}

/**** フロアガイドボタンのポジション ****/
.shopNewsArea .shopInfo img { margin: 0 0 -4px 0; }
/**** ロゴのポジション ****/
.shopNewsArea .shopInfo img.shopLogo {
    margin: 0 10px -3px 0;
}

/**** 詳細文掲載エリア ****/
.shopNewsArea .txtBox {
    width: 500px;
    float: left;
	padding-left: 10px;
}
/**** 写真掲載エリア ****/
.shopNewsArea .photoBox {
    float: right;
	width: 220px;
	text-align: right;
}


/**** 各エリア「■」カラー ****/
.square_north { color: #78a3d0; }
.square_gate { color: #96c0a2; }
.square_south { color: #f0aba1; }




.title {
	font-weight: bold;
	margin-top: 10px;
}

.date {
	color: #666666;
	margin-bottom: 10px;
}



/**** キャンペーンエリア ****/
.campaignBox {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}

.campaignBox .mt0 {
	margin-top: -10px;
}
.cap {
	text-align: left;
	font-size:80%;
}