@charset "utf-8";
/*----------------------------------------------------
	index.css
----------------------------------------------------*/
@import url("common.css");
div#indexBox{
	margin-left:20px;
}

div#contents h2{
	margin:40px auto 0;
	width:456px;
	height:69px;
	background-image: url(../img/index/catch.gif);
	background-position: left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

div#caption{
	margin:40px 0 25px 13px;
	width:780px;
	height:60px;
	background-image: url(../img/index/caption.gif);
	background-position: left top;
	background-repeat:no-repeat;
}

div#caption p{
	text-indent:-9999px;
}

div.topicBox{
	float:left;
	margin-right:15px;
	width:260px;
	height:260px;
	background-image: url(../img/index/topicbox.jpg);
	background-position: left top;
	background-repeat:no-repeat;
}

div.topicBox dl dt a{
	display:block;
	width:260px;
	height:40px;
	overflow:hidden;
	text-indent:-9999px;
}

div.topicBox dl dt.topicBox01 a{ background: transparent url(../img/index/topic_ttl01.png) no-repeat top left;}
div.topicBox dl dt.topicBox02 a{ background: transparent url(../img/index/topic_ttl02.png) no-repeat top left;}
div.topicBox dl dt.topicBox03 a{ background: transparent url(../img/index/topic_ttl03.png) no-repeat top left;}

div.topicBox dl dt.topicBox01 a:hover{ background: transparent url(../img/index/topic_ttl01_hover.png) no-repeat top left;}
div.topicBox dl dt.topicBox02 a:hover{ background: transparent url(../img/index/topic_ttl02_hover.png) no-repeat top left;}
div.topicBox dl dt.topicBox03 a:hover{ background: transparent url(../img/index/topic_ttl03_hover.png) no-repeat top left;}

div.topicBox dl dd{
	padding:10px 15px;
	width:230px;
	height:200px;
	font-size:12px;
	color:#FFFFFF;
	line-height:1.5;
}

div.topicBox dl dd.topicBox11{ background: transparent url(../img/index/topic_bg01.jpg) no-repeat center 98px;}
div.topicBox dl dd.topicBox12{ background: transparent url(../img/index/topic_bg02.jpg) no-repeat center 98px;}
div.topicBox dl dd.topicBox13{ background: transparent url(../img/index/topic_bg03.jpg) no-repeat center 98px;}

/* =releaseBox
----------------------------------------------------*/
div#releaseBox{
	width:808px;
	border: 1px solid #E6E6E6;
}

div#releaseBox dl dt{
	padding-top:16px;
	margin-left:10px;
	float:left;
	width:570px;
	height:23px;
	clear:both;
	font-weight:normal;
	line-height:12px;
	font-size:12px;
	color:#000066;
	background-image: url(../img/index/dotline.gif);
	background-position: left bottom;
	background-repeat:repeat-x;
}

div#releaseBox dl dt span{
	display:block;
	margin-right:7px;
	font-size:10px;
	line-height:10px;
	font-weight:bold;
	float:left;
	color:#999999;
}

div#releaseBox dl dd{
	width:200px;  
	margin-left:595px;
	padding-top:16px;
	height:23px;
}

div#releaseBox dl dd ul{
	height:23px;
	background-image: url(../img/index/dotline.gif);
	background-position: left bottom;
	background-repeat:repeat-x;
}

div#releaseBox dl dd ul li{
	float:right;
	height:23px;
	width:95px;
	font-size:12px;
}

div#releaseBox dl dd ul li a{
	height:23px;
	width:95px;
	display:block;
	margin-left:5px;
	font-size:12px;
	text-indent:-9999px;
}

div#releaseBox dl dd ul li a{
	overflow:hidden;
}

div#releaseBox dl dd ul li.movieBtn a{
	width: 95px;
	height: 23px;
	background: transparent url(../img/index/btn_movie.gif) no-repeat 0px 0px;
}

div#releaseBox dl dd ul li.pdfBtn a{
	width: 95px;
	height: 23px;
	background: transparent url(../img/index/btn_pdf.gif) no-repeat 0px 0px;
}

div#releaseBox dl dd ul li.movieBtn a:hover{
	background: transparent url(../img/index/btn_movie.gif) no-repeat -100px 0;
}

div#releaseBox dl dd ul li.pdfBtn a:hover{
	background: transparent url(../img/index/btn_pdf.gif) no-repeat -100px 0;
}

div#releaseTitle{
	width:810px;
	height:35px;
	background-image: url(../img/index/release_ttl.jpg);
	background-position: left top;
	background-repeat:no-repeat;
}

div#releaseTitle img{
	margin:10px 20px 0 10px;
}

div#newlistTitle{
	margin:10px 10px 10px 660px;
	width:135px;
	height:21px;
}

img#herculesLogo{
	margin:10px 0 0 0;
}


/* お見舞い
----------------------------------------------------*/

div#omimai {
	margin:30px auto 0 auto;
	text-align:center;
}