@charset "utf-8";

/* ----------------------
 top.css
---------------------- */


div#newsArea{


}


/**
 * ムービーエリア
 */

div#topMvArea {
    float: left;
    padding-bottom: 5px;
    padding-left: 15px;
}

div#topMvArea li{
	display: inline;
	float: left;
	padding-right: 10px;
}

/**
 *新着情報
 */
 
div#newsLeft {
    float: left;
    margin-left: 5px;
    width: 190px;
}

div#newsRight {
    float: left;
    margin-left: 0;
    text-align: left;
    width: 375px;
}

/**
 * 更新情報
 */

div#infoNew {
    background: url("../img/infoNew.gif") no-repeat scroll left bottom transparent;
    margin-bottom: 50px;
    padding: 0 0 10px 10px;
    position: relative;
    z-index: 30;
}

img#infoNew-tub{
	position: relative;
	display: block;
}

div#infoNew-head{
	z-index: 40;
	position: relative;
	background: url(../img/infoNew-head.gif) no-repeat left top;
	height: 15px;
}



div#infoNew dt{
	color: #CC6600;
}

div#infoNew dd{
	border-bottom: 1px dashed #669933;
	margin-bottom: 10px;
	padding-bottom: 10px;
	margin-right: 10px;
	padding-right: 0;
}

div#infoNew dd.last{
	border-bottom: none;
}



/**
 * 店舗情報
 */

div#infoStore{
	background: url(../img/infoStore.gif) no-repeat left bottom;
	padding: 0px 0px 30px 10px;
	*margin-top: -2px;
	margin-bottom: 50px;
	clear: both;
	color: #ff0000;
	position: relative;
	z-index: 10;
}

img#infoStore-tub{
	position: relative;
	display: block;
}

div#infoStore-head{
	z-index: 20;
	position: relative;
	background: url(../img/infoStore-head.gif) no-repeat left top;
	height: 15px;
}

div#infoStore h3{
	padding-top: 10px;
}




/**
 * 新店舗テーブル
 */

table.storenews{
	border-collapse: separate;
	border-spacing: 0px;
	width: 150px;
	margin: 10px 5px 0 5px;
	background: url(../img/bg_table.gif) no-repeat top right;
	padding-right: 7px;
	color: #000000;
}

.storenews td{
	padding: 0 5px;
	text-align: left;
}

.storenews td.photo{
	width: 136px;
	padding: 8px 0;
	background: #ffffff;
	border: 1px solid #cccccc;
	text-align: center;
}

.storenews td.photo img.store{
	border: 1px solid #cccccc;
}

.storenews td.space{
	width: 5px;
}
.storenews td.mini{
	font-size: 90%;
	padding-left: 5px;
	padding-top: 5px;
}

.storenews td.name{
	font-size: 110%;
	font-weight: bold;
	text-align: right;
	padding-bottom: 5px;
	padding-right: 15px;
}

.storenews td.add{
	padding-top: 5px;
	padding-right: 5px;
	border-top: dotted 1px #cccccc; 
	text-align: right;
}

.storenews td.phone{
	text-align: right;
	padding-right: 10px;
	padding-bottom: 10px;
}

/**
 * 予定店舗テーブル
 */
 
table.storeopen{
	border-collapse: separate;
	border-spacing: 0px;
	width: 350px;
	margin: 10px 5px 0 5px;
	background: url(../img/bg_table2.gif) no-repeat top right;
	padding-right: 7px;
	color: #000000;
}

.storeopen td.photo{
	width: 136px;
	padding: 0;
	text-align: center;
	vertical-align: top;
}

.storeopen td{
	padding: 0 5px;
	text-align: left;
}

.storeopen td.photo p.date{
	border: 7px ridge #cd853f;
	width: 120px;
	background: #ffffff;
	color: #ff0000;
	margin:0;
	padding-top: 2px;
	padding-bottom: 5px;
	text-align: left;
	padding-left: 1px;
}

.storeopen td.photo img.store{
	border: 7px ridge #cd853f;
	border-top: none;
	padding-bottom: 5px;
	background: #ffffff;
}

.storeopen td.space{
	width: 5px;
}

.storeopen td.name{
	padding-top: 10px;
	padding-bottom: 5px;
}

.storeopen td.add{
	padding-top: 5px;
	padding-right: 5px;
	border-top: dotted 1px #cccccc; 
	text-align: right;
}

.storeopen td.phone{
	text-align: right;
	padding-right: 10px;
	padding-bottom: 10px;
}


/**
 * 過去の更新情報
 */

div#infoArea{
	background: url(../img/bg_infoArea.gif) no-repeat center bottom;
	width: 490px;
	padding: 0px 20px 10px;
	clear: both;
}

div#infoArea dl.scrollbox{
	max-height: 650px;
	overflow-y: auto;
}

div#infoArea dt{
	color: #CC6600;
}

div#infoArea dd{
	border-bottom: 1px dashed #669933;
	margin-bottom: 10px;
	padding-bottom: 10px;
	margin-right: 20px;
}

div#infoArea dd.last{
	border-bottom: none;
}