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

/*  ------------------------------------------------
トップ画像の背景
 ------------------------------------------------ */

#top-flash-area{
}


#top_image{
	position:relative;
	width:852px;
	height:293px;
	clear:both;
	margin:0 auto 10px;
}
#top_image img{
	position:absolute;
}
#top-flash-area{
	position:absolute;
	top:0;
	left:0;
	width:492px;
	height:297px;
}

#top_image a{
	border:1px solid #FFFFFF;
	display:block;
	width:349px;
}
#top_image a:hover{
	border:1px solid #e774aa;
}

.top_i2{
	top:0;
	right:3px;
	border:1px solid #e4e4e4;
}
.top_i2:hover,.top_i3:hover,.top_i4:hover{
	border:1px solid #e774aa;
}
.top_i3{
	border:1px solid #e4e4e4;
	top:161px;
	right:3px;
}
.top_i4{
	border:1px solid #e4e4e4;
	top:240px;
	right:3px;
}


/*  ------------------------------------------------
サイドバナー
 ------------------------------------------------ */
#top_main{
	width:852px;
	margin:10px auto;
}
#top_news img{
	float:left;
}
#top_news{
	width:494px;
	float:left;
} 
#top_news h2{
	font-size:1px;
	line-height:0;
	margin-bottom:10px;
	height:36px;
}
#top_news h2 span{
	display:block;
	width:56px;
	float:right;
	height:36px;
}
#top_news h2 span a{
	display:block;
	height:36px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(/img/top/subtitle1-2.gif) 0 0 no-repeat;
}
#top_news h2 span a:hover{
	background:url(/img/top/subtitle1-2.gif) 0 -36px no-repeat;
}
#top_news dl{
	width:480px;
	margin-left:5px;
}
#top_news dt{
	display:block;
	font-size:90%;
}
#top_news dd{
	margin-bottom:5px;
	background:url(/img/share/allow_small.gif) 0 2px no-repeat;
	padding-left:1em;
}




#top_brand img{
	float:left;
}
 #top_brand{
 	float:right;
	width:348px;
 }
#top_brand h2{
 	margin-bottom:5px;
	height:36px;
}
#top_brand span{
	display:block;
	width:84px;
	float:right;
	height:36px;
}
 
#top_brand span a{
	display:block;
	height:36px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(/img/top/subtitle2-2.gif) 0 0 no-repeat;
}
#top_brand span a:hover{
	background:url(/img/top/subtitle2-2.gif) 0 -36px no-repeat;
}
#top_brand ul{
	margin:5px auto;
	width:345px;
	height:480px;
}
#top_brand li{
	float:left;
	margin:2px;
}
#top_brand li a{
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	width:109px;
	height:153px;
}
.top_bd1 a{
	background:url(/img/top/bland1.jpg) 0 0 no-repeat;
}
.top_bd1 a:hover{
	background:url(/img/top/bland1.jpg) 0 -154px no-repeat;
}
.top_bd2 a{
	background:url(/img/top/bland2.jpg) 0 0 no-repeat;
}
.top_bd2 a:hover{
	background:url(/img/top/bland2.jpg) 0 -154px no-repeat;
}
.top_bd3 a{
	background:url(/img/top/bland3.jpg) 0 0 no-repeat;
}
.top_bd3 a:hover{
	background:url(/img/top/bland3.jpg) 0 -154px no-repeat;
}
.top_bd4 a{
	background:url(/img/top/bland4.jpg) 0 0 no-repeat;
}
.top_bd4 a:hover{
	background:url(/img/top/bland4.jpg) 0 -154px no-repeat;
}
.top_bd5 a{
	background:url(/img/top/bland5.jpg) 0 0 no-repeat;
}
.top_bd5 a:hover{
	background:url(/img/top/bland5.jpg) 0 -154px no-repeat;
}
.top_bd6 a{
	background:url(/img/top/bland6.jpg) 0 0 no-repeat;
}
.top_bd6 a:hover{
	background:url(/img/top/bland6.jpg) 0 -154px no-repeat;
}
.top_bd7 a{
	background:url(/img/top/bland7.jpg) 0 0 no-repeat;
}
.top_bd7 a:hover{
	background:url(/img/top/bland7.jpg) 0 -154px no-repeat;
}
.top_bd8 a{
	background:url(/img/top/bland8.jpg) 0 0 no-repeat;
}
.top_bd8 a:hover{
	background:url(/img/top/bland8.jpg) 0 -154px no-repeat;
}
.top_bd9 a{
	background:url(/img/top/bland9.jpg) 0 0 no-repeat;
}
.top_bd9 a:hover{
	background:url(/img/top/bland9.jpg) 0 -154px no-repeat;
}

#top .pink a{
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	width:350px;
	height:67px;
	background:url(/img/top/pinkribbon.gif) 0 0 no-repeat;
}
#top .pink a:hover{
	background:url(/img/top/pinkribbon.gif) 0 -68px no-repeat;
}