@charset "utf-8";

/* CSS Document */



/*	#top

====================================*/

#top{

	margin: 0;

	padding: 0;

}

#top ul {

	width: 100%;

}

#top ul li.menu01,

#top ul li.menu02,

#top ul li.menu03 {

	margin: 0 4px 0 0;

	float: left;

	width: 227px;

}

#top ul li.menu04 {

	margin: 0 0 0 0;

	float: left;

	width: 227px;

}

#top ul li.menu01 a {

	display: block;

	width: 227px;

	height: 310px;

	background: transparent url(../images/top/bg_head_menu01_off.jpg) left top no-repeat;

}

#top ul li.menu01 a:hover {

	background: transparent url(../images/top/bg_head_menu01_on.jpg) left top no-repeat;

	text-decoration: none;

}

#top ul li.menu02 a {

	display: block;

	width: 227px;

	height: 310px;

	background: transparent url(../images/top/bg_head_menu02_off.jpg) left top no-repeat;

}

#top ul li.menu02 a:hover {

	background: transparent url(../images/top/bg_head_menu02_on.jpg) left top no-repeat;

	text-decoration: none;

}

#top ul li.menu03 a {

	display: block;

	width: 227px;

	height: 310px;

	background: transparent url(../images/top/bg_head_menu03_off.jpg) left top no-repeat;

}

#top ul li.menu03 a:hover {

	background: transparent url(../images/top/bg_head_menu03_on.jpg) left top no-repeat;

	text-decoration: none;

}

#top ul li.menu04 a {

	display: block;

	width: 227px;

	height: 310px;

	background: transparent url(../images/top/bg_head_menu04_off.jpg) left top no-repeat;

}

#top ul li.menu04 a:hover {

	background: transparent url(../images/top/bg_head_menu04_on.jpg) left top no-repeat;

	text-decoration: none;

}

#top ul li a p {

	margin: 0 20px;

}

#top ul li a p.title {

	padding-top: 63px;

	color: #0068b7;

	font-size: 20px;

	font-weight: bold;

}

#top ul li a p.btn1 {

	margin-top: 18px;

	padding: 18px 0;

	height: 17px;

	color: #ffffff;

	font-size: 15px;

	font-weight: bold;

	text-align: center;

	background: url(../images/top/btn_head_menu.jpg) left top no-repeat;

}

#top ul li a p.btn2 {

	margin-top: 18px;

	padding: 6px 11px;

	height: 41px;

	color: #ffffff;

	font-size: 15px;

	font-weight: bold;

	background: url(../images/top/btn_head_menu.jpg) left top no-repeat;

}

#top ul li a p.txt {

	margin-top: 16px;

	color: #535353;

	font-size: 11px;

}





/*	#series

====================================*/

#series {

	margin: 22px 0 0 0;

	padding: 16px 0 0 0;

	height: auto !important;

	filter:progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#F0F0F0,EndColorStr=#FFFFFF);

	background-image: -ms-linear-gradient(top, #F0F0F0 0%, #FFFFFF 100%);	/* IE10 Consumer Preview */ 

	background-image: -moz-linear-gradient(top, #F0F0F0 0%, #FFFFFF 100%); /* Mozilla Firefox */ 

	background-image: -o-linear-gradient(top, #F0F0F0 0%, #FFFFFF 100%); /* Opera */ 

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F0F0F0), color-stop(1, #FFFFFF)); /* Webkit (Safari/Chrome 10) */ 

	background-image: -webkit-linear-gradient(top, #F0F0F0 0%, #FFFFFF 100%); /* Webkit (Chrome 11+) */ 

	background-image: linear-gradient(to bottom, #F0F0F0 0%, #FFFFFF 100%); /* W3C Markup, IE10 Release Preview */ 

}

#series h2 {

	margin: 0 20px 5px 20px;

	padding: 6px 0;

	background-color: #000000;

	color: #ffffff;

	text-align: center;

}

#series dl {

	margin: 0 20px;

	width: 880px;

	position:relative;

		border-bottom: 1px solid #dadada;



}



#series dl dd {

	position:absolute;

	top:88px;

	left:20px;

}



#series dl dd a:hover img{

	opacity:0.8;

	-ms-filter: "alpha( opacity=80 )";

	filter: alpha( opacity=80 );

	}