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

/*** topmainvisual ***/
#topmainvisual {
	clear: both;
	margin: 0 10px;
	padding: 8px;
	width: 714px;
	border-bottom: 3px solid #547cc1;
}
	#topmainvisual div.img {
		margin: 0;
		background: transparent url(topimg/base.jpg) no-repeat 0 0;
		height: 250px;
		width: 460px;
		border: 1px solid #779;
		vertical-align: bottom;
		text-align: right;
		color: #888;
	}
		#topmainvisual div.img a {
			display: block;
			margin-top: 220px;
			color: #999;
			padding-right: 10px;
			text-decoration: none;
			line-height: 20px;
			font-weight: bold;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: small;
		}
		#topmainvisual div.img a:hover {
			color: #fff;
		}
	#topmainvisual div.imgc {
		margin: 0;
		height: 250px;
		width: 460px;
		border: 1px solid #779;
	}
	#topmainvisual div.whatsnew {
		float: right;
		margin: 0;
		width: 207px;
		height: 220px;
		padding: 22px 15px 10px;
		background: transparent url(images/bg_top_whatsnew.png) no-repeat 0 0;
		overflow: hidden;
	}
	#topmainvisual div.whatsnew dl {
		margin-bottom: 8px;
	}
	#topmainvisual div.whatsnew dt {
		margin-top: 5px;
		font-size: small;
		font-weight: bold;
		color: #236;
		line-height: 1.6;
	}
	#topmainvisual div.whatsnew dd {
		font-size: small;
		color: #236;
		line-height: 1.5;
	}
	#topmainvisual div.whatsnew dd strong {
		font-weight: bold;
	}
	#topmainvisual div.whatsnew dd strong.bl {
		color: blue;
	}

/*** topmaincont ***/
#topmaincont {
	padding: 5px;
	width: 500px;
}
* html #topmaincont {
	width: 490px;
}
#topcontlist {
	float:right;
	margin: 5px 10px 5px 0px;
	width: 205px;
	background-color: #aaa;
}
#topcontlist dl {
	margin: 1px;
	display: block;
	border: 1px solid #fff;
	background: transparent url(images/bg_productslist.gif) repeat 0 0;
}
#topcontlist dt {
	margin: 0;
	padding: 2px 3px;
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
	font-size: small;
	color: #006;
	line-height: 1.8;
}
#topcontlist dt a {
	color: #00b;
	display: block;
	text-decoration: none;
}
#topcontlist dd {
	margin: 0;
	padding: 2px 5px 2px 8px;
	font-size: small;
	overflow: hidden;
	white-space: nowrap;
}
#topcontlist dd.ls {
	border-bottom: 1px solid #fff;
}
#topcontlist dd a {
	line-height: 1.6;
	display: block;
	text-decoration: none;
	color: #000;
}
#topcontlist dt a:hover, #topcontlist dd a:hover {
	background: url(images/bg_productslist_hv.gif) repeat-x 0 85%;
}

/*** info ***/
div.info{
	margin:10px;
	width: 480px;
	padding:5px;
	border:1px solid #4b05c3;
	background-color:#eeF;
	text-align:left;
}
div.info h2{
	font-size: small;
	font-weight: bold;
}
div.info p{
	font-size: small;
	margin:5px;
}
div.info p strong{
	font-weight: bold;
}

/*** topimgslide ***/
#topimgslide {
	overflow: hidden;
	display:block;
	width:460px;
	height:250px;
}
#topimgslide .index {
	position: relative;
	top: -238px;
	height: 21px;
}
#topimgslide .index div {
	float:left;
	background: transparent url(topimg/index.png) no-repeat top left;
	width:21px;
	height:21px;
}
#topimgslide .index div.current {
	background-position: 0 -30px;
}
#topimgslide .index div:hover {
	background-position:0 -60px;
}