@charset "UTF-8";

/*========================================

	casa project
	
	skin_top.css
	Recent Edit | 2011.12.08

========================================*/

@import "base.css";
@import "common.css";


/* ●右カラム構成 */

#right_container_inner_top {
	padding: 30px 0 30px 0;
}

/* ●flash */

#top_flash_block {
	padding:10px;
	background:url(../img_top/flash_bg.png) 0px 0px no-repeat;
	_background-image:none;
	margin:0 0 10px;
}

/* ●今月の共有情報 */

.infobanner_block {
	width: 650px;
	margin: 0 auto 45px auto;
	padding: 10px 0 6px 0;
	border-bottom: #ccc solid 2px;  
	clear: both;
}
	
.infobanner_block ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.infobanner_block li {
	list-style: none;
	margin: 0 2px 4px;
	padding: 0;
	float: left;
}


/* ●ニュース */

#news_ttl02 {
	width: 645px;
	margin-left: 30px;
	padding: 0 0 4px 0;
	background: url(../img_common/ttl_bg.gif) left bottom no-repeat;
}

#news_ttl02 h2 {
	width: 104px;
	padding:0 0 0 2px;
	background: #ccc;
	float: left;
}

#news_ttl {
	width: 645px;
	margin-left: 30px;
	padding: 0 0 4px 0;
	background: url(../img_common/ttl_bg.gif) left bottom no-repeat;
}

#news_ttl h2 {
	width: 200px;
	float: left;
}

#news_ttl .btn {
	width: 87px;
	float: right;
}

#news_ttl h2 img {
	margin-top: 10px;
}

#news_block {
	padding:16px 30px 0;
}

#news_block dl {
	border:1px solid #ccc;
	margin:0 0 7px;
	padding: 4px 6px 4px 10px;
}

#news_block dt {
	color:#666;
	float:left;
	clear:left;
}

#news_block dd {
	margin:0 0 0 8em;
	padding:0 0 0 20px;
	border-left:1px solid #ccc;
}

#news_block dd a {
	text-decoration: none;
	display:block;
	background:url(../img_common/arrow01.gif) right center no-repeat;
}

/* ●コピー */
#top_copy {
	margin: 25px auto 35px auto;
	text-align: center;
}

.top_copy_text {
	width: 602px;
	margin: 30px auto 0 auto;
	text-align: left;
}

/* ●お問い合わせ先 */
#top_contact {
	width: 630px;
	margin: 30px auto;
	border: #d2d2d2 solid 5px;
	clear: both;
}


/* ●地震のお見舞い */

#top_message_block {
	margin: 0 10px 10px 10px;
	padding: 20px 20px 15px 20px;
	border: #aaa solid 1px;
}

.message_title {
	margin-bottom: 10px;
	font-size: 138%;
	font-weight: bold;
}

.message_text {
	margin-bottom: 10px;
	font-size: 108%;
}

.message_from {
	text-align: right;
	font-size: 93%;
}

/* ●年末年始案内*/

#nemnatsu_block {
	width: 600px;
	margin: 0 auto 30px auto;
	padding: 20px;
	border: #ccc solid 1px;
	background: #eee;
}

#nemnatsu_block h2 {
	margin-bottom: 5px;
	font-size: 116%;
	font-weight: bold;
	color: #d13514;
}