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

@import "common.css";


/*-------------------------------------------------
トップ画像表示
-------------------------------------------------*/

#top_wrap {
	background:url(../img/bg_index.jpg) no-repeat;
}

#top_img {
	width:887px;
	height:481px;
	text-align:left;
	margin:0 auto;
	padding:0px;
}

/*-------------------------------------------------
Wrapper　index用の黒グラデ背景
-------------------------------------------------*/

#wrapper_index {
	background:#5B5B5B url(../img/bg_indexfooter.jpg) repeat-x;
}

/*-------------------------------------------------
Main　index用のmain
-------------------------------------------------*/	

#main_index {
	width:887px;
	margin:0 auto;
	padding:0px;
	text-align:left;
}

/*-------------------------------------------------
新着情報リスト
-------------------------------------------------*/

#news {
	color:#FFFFFF;
	font-size:83%;
	line-height:100%;
	float:left;
	width:539px;
	height:auto;
	margin:36px 0px 0px 29px;
}

/* 新着情報の内容 */
#news dt{
	background: url(../img/ico_new.png) no-repeat;
	padding:0px 0px 10px 15px;
}

/* 新着情報の日付 */
#news dd{
	list-style-type:none;
	border-bottom:1px dotted #999999;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 7px;
	font-size:89%;
}

/*-------------------------------------------------
トップページ用右寄せ左寄せ
-------------------------------------------------*/

/* 生活の豆知識バナー表示 */
#mame {
	float:right;
	margin:17px 32px 0px 0px;
	width:196px;
	height:auto;
}

/* カウンタ表示 */
#mame div{
	float:right;
	margin:10px -32px 0px 0px;
}

#mame span{
	color:#CCCCCC;
	font-size:72%;
	float:right;
	margin:5px -32px 30px 0px;
}