@charset "utf-8";
/* ===================================================================
CSS information

 file name  :dlcontent.css
 style info :dlcontentページのスタイル
=================================================================== */

/* -----------------------------------------------------------
	shared
----------------------------------------------------------- */
#contentsBg {
	background:url(/images/shared/bg_wrap.jpg) top left repeat;
	width:990px;
	margin:auto;
}
#wrap.dlcontent #contents {
	background:url(/images/shared/bg_contents_in.jpg) top left no-repeat;
	width:990px;
	margin:auto;
	display: inline-block;
}
#wrap.dlcontent #contents #dlcontentBg {
	background:url(/images/dlcontent/3rd/bg_dlcontent.jpg) top left no-repeat;
	text-align: center;
	width:990px;
	height: 4317px;
	margin-top:50px;
}
ul.topMenu {
	margin:24px 0 9px 9px;
	height:53px;
}
ul.topMenu li {
	float:left;
	margin:0 33px 0 0;
	height:53px;
}
ul.topMenu li.last {
	margin:0 0 0 0;
}
body#dlContents h2 {
	padding-top: 53px;
}
body#dlContents h2 p {
	padding-top: 17px;
}
body#dlContents h2 p.txt01 {
	padding-top: 17px;
}
body#dlContents h2 p.txt02 {
	padding-top: 5px;
}
body#dlContents h3 {
	padding-top: 10px;
}
div.stit {
	display: inline-block;
	text-align: left;
	width: 888px;
	padding-left: 8px;
	padding-top: 15px;
}
div.program {
	display: inline-block;
	text-align: left;
	width: 888px;
	padding-top: 20px;
}
/* -----------------------------------------------------------
	dlContents01
----------------------------------------------------------- */
#dlContents01 {
	background:url(/images/dlcontent/1st/bg_content.jpg) top left no-repeat;
	margin:0 auto;
	padding: 10px;
	width: 868px;
	height:833px;/*773*/
	position:relative;
}
/* --- left --- */
#dlContents01 .left {
	float:left;
}
#dlContents01 .left ul.top {
	padding: 5px 0 0;
}
#dlContents01 .left ul.top li {
}
#dlContents01 .left ul.bottom {
	left: 40px;
	position: absolute;
	top: 460px;
}
#dlContents01 .left ul.bottom li {
}
/* --- right --- */
#dlContents01 .right {
	float:left;
}
#dlContents01 .right div.imgArea {
}
#dlContents01 .right ul.bottom {
	padding: 110px 0 0 83px;/*padding: 34px 0 0 83px;*/
}
#dlContents01 .right ul.bottom li {
}

/* -----------------------------------------------------------
	dlContents02
----------------------------------------------------------- */
#dlContents02 {
	background:url(/images/dlcontent/2nd/bg_content02.jpg) top left no-repeat;
	margin:0 auto;
	padding: 10px;
	width: 868px;
	height:1052px;
	position:relative;
}
/* --- left --- */
#dlContents02 .left {
	float:left;
}
#dlContents02 .left ul.top {
	padding: 5px 0 0;
}
#dlContents02 .left ul.top li {
}
#dlContents02 .left ul.bottom {
	left: 40px;
	position: absolute;
	top: 647px;
}
#dlContents02 .left ul.bottom li {
}
/* --- right --- */
#dlContents02 .right {
	float:left;
}
#dlContents02 .right div.imgArea {
}
#dlContents02 .right ul.bottom {
	padding: 317px 0 0 83px;
}
#dlContents02 .right ul.bottom li {
}

/* -----------------------------------------------------------
	dlContents03
----------------------------------------------------------- */
#dlContents03 {
	background:url(/images/dlcontent/3rd/bg_content03.jpg) top left no-repeat;
	margin:0 auto;
	padding: 10px;
	width: 874px;
	height:1138px;
	position:relative;
}
/* --- left --- */
#dlContents03 .left {
	float:left;
}
#dlContents03 .left ul.top {
	padding: 5px 0 0;
}
#dlContents03 .left ul.top li {
}
#dlContents03 .left ul.bottom {
	left: 40px;
	position: absolute;
	top: 501px;
}
#dlContents03 .left ul.bottom li {
}
/* --- right --- */
#dlContents03 .right {
	float:left;
	position:relative;
}
#dlContents03 .right div.imgArea {
}
#dlContents03 .right ul.bottom {
	padding: 206px 0 0 84px;
}
#dlContents03 .right ul.bottom li {
}
#dlContents03 .imgArea2{
	position:absolute;
	left:14px;
	top:288px;
}
/* -----------------------------------------------------------
	howContents
----------------------------------------------------------- */
#howContents {
	background:url(/images/dlcontent/1st/bg_content_dl.jpg) top left no-repeat;
	margin:0 auto;
	padding: 35px 10px 10px 10px;
	width: 868px;
	height:518px;
}
#howContents div.box {
	text-align: left;
}
#howContents div.box ul {
	overflow: hidden;
	padding-top: 5px;
	height: 160px;
}
#howContents div.box ul li {
	display:block;
}
#howContents div.box ul li.tit {
	float: left;
	width:150px;
}
#howContents div.box ul li.txtArea {
	float: left;
	padding-top: 5px;
}
#howContents div.box ul li.txtArea.end {
	clear:both;
	padding-top: 5px;
}
#howContents div.box ul li.imgArea {
	float:right;
	padding: 3px 7px 0 0;
}