@charset "shift_jis";
/* CSS Document */

/* -------------------------------------------------
	
	top contents settign
	
		1. variation
		2. news

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

#wrapper{
	background: url(../images/top/wrapper_bg.jpg) no-repeat left top;
	}

#header{
	background: url(../images/top/header_bg.jpg);
	}


/*
  1. variation ------------------------------*/

#variation h3{
	display: none;
	}

#variation{
	background: url(../images/top/variation_bg.jpg) no-repeat right top;
	height: 469px;
	width: 170px;
	position: absolute;
	top: 0px;
	right: 0px;
	}

#variation ul{
	margin-left: 17px;
	}

#variation li{
	margin: 0px 0px 9px;
	font-size: 0px;
	line-height: 0px;
	}

#variation p.btn_more{
	height: 18px;
	width: 56px;
	display: block;
	font-size: 6px;
	line-height: 6px;
	position: absolute;
	right: 13px;
	bottom: 2px;
	}

#variation p.btn_more a{
	height: 18px;
	width: 56px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	}

/*
  2. news ------------------------------*/

#news{
	background: url(../images/top/news_bg.jpg) no-repeat left top;
	height: 123px;
	width: 476px;
	position: absolute;
	left: 7px;
	top: 344px;
	padding: 0px 7px 7px;
	}

#news h3{
	text-indent: -9999px;
	height: 31px;
	width: 476px;
	}

#news #box1{
	height: 70px;
	padding: 6px 12px;
	display: block;
	position: relative;
	overflow: auto;
	}

#news dt,
#news dd{
	color: #010000;
	}

#news dt{
	background: url(../images/top/list_news.gif) no-repeat left 0.5em;
	float: left;
	padding-left: 16px;
	}

#news dd{
	margin: 0px 0px 3px 92px;
	}

#news dd em{
	color: #933;
	}

#news dd em.bold{
	font-weight: bold;
	}

#news dd a:hover{
	text-decoration: none;
	color: #C44D4D;
	}

#news dd em a{
	color: #933;
	font-weight: bold;
	}