@charset "Shift_JIS";

/*******************************************************************************

 トップページ

 *******************************************************************************/
img.preload{
	display:none;
}

#top {
	width:540px;
	overflow:hidden;
	float:right;
}
#top h1 {
	margin:0 0 10px 0;
}
#top h1 a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
}

#top h2 {
	margin:0 0 10px 0;
}
#top ul#topMenu {
	width:547px;
	overflow:hidden;
	margin:0 0 13px 0;
}
#top ul#topMenu li {
	margin:0 7px 7px 0;
	display:inline;
	float:left;
}
#top ul#topMenu li a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
}

#top ul#topMenuNav {
	width:547px;
	overflow:hidden;
	margin:0 0 13px 0;
}
#top ul#topMenuNav li {
	margin:0 4px 4px 0;
	display:inline;
	float:left;
}
#top ul#topMenuNav li a img {
	border:1px solid #fff;
}
#top ul#topMenuNav li a:hover img {
	border:1px solid #769AB8;
/*	opacity:0.8;
	filter: alpha(opacity=80);
*/}

#topBanner {
	width:550px;
	overflow:hidden;
	margin:0 0 20px 0;
}
#topBanner li{
	margin:0 10px 0 0;
	width:265px;
	display:inline;
	float:left;
}
#topBanner li a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
}

#topInfo {
	width:540px;
	overflow:hidden;
	margin:0 0 10px 0;
}
#topInfo h2 {
	width:auto;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:2px solid #769AB8;
}
#topInfo dl {
	width:540px;
	border-bottom:1px dotted #ddd;
	padding:0 0 8px 0;
	margin:0 0 8px 0;
	overflow:hidden;
}
#topInfo dl dt {
	width:120px;
	float:left;
}
#topInfo dl dt a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}
#topInfo dl dd {
	width:410px;
	float:right;
}
#topInfo dl dd h4 {
	line-height:14px;
	font-size:13px;
	margin:0 0 5px 0;
}
#topInfo dl dd h4 img {
	vertical-align:middle;
	margin:0 5px 0 0;
}
#topInfo dl dd h4 a {
	color:#69c;
}
#topInfo dl dd h4 a:hover {
	color:#999;
}
#topInfo dl dd strong {
	font-size:85%;
	font-weight:100;
}

#topInfo dl dd ul {
	padding:10px 0 0 0;
	margin:0;
}
#topInfo dl dd ul li {
	text-align:right;
}
#topInfo dl dd ul li a {
	padding:0 0 0 12px;
	background:transparent url(/img/common/icon_arrow_down.gif) left center no-repeat;
	text-decoration:none;
}
#topInfo dl dd ul li a:hover {
	color:#999;
}

.topInfoWrap{
	clear:both;
	margin:0 0 10px 0;
	padding:10px 0 5px 10px;
	border:1px solid #75A5D8;
}
.topInfoWrap h3 {
	margin:0 0 10px 0;
}
.topInfoWrap ul{
	margin:0;
	padding:0;
	width:520px;
	overflow:hidden;
}
.topInfoWrap ul li{
	margin:0;
	padding:0 0 0 6.8em;
	text-indent:-6.8em;
}
body:first-of-type  .topInfoWrap ul li{
	padding:0 0 0 5.6em;
	text-indent:-5.6em;
}
.topInfoWrap ul li strong{
	color:#666;
	padding:0 1em 0 0;
	text-decoration:none;
}


.topCategory{
	margin:0 0 20px 0;
	padding:0 0 10px 0;
}
.topCategory h3{
	margin:0 0 0 50px !important;
	padding:0 10px 0 0px !important;
	border-bottom:1px dotted #ccc;
	line-height:1px;
}
.topCategory h3 img{
	margin:0 0 5px -45px !important;
	vertical-align:bottom;
}
.topCategory dl{
	width:490px;
	margin:0 0 0 50px;
	padding:10px 0;
	border-bottom:1px dotted #ccc;
	overflow:hidden;
}
.topCategory dl dt{
	width:200px;
	float:left;
	line-height:150%;
	font-size:80%;
	color:#777;
	letter-spacing: 0.1em; 
}
.topCategory dl dt img{
	vertical-align:top;
}
.topCategory dl dd{
	margin:0;
	width:260px;
	float:right;
	line-height:120%;
}