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

	download CSS

 -----------------------------------------
	INDEX
 -----------------------------------------

	=01.ttl
	=02.Explanation
	=03.btn
	=04.Adobe
	=05.dw_List

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





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

	=01.ttl
------------------------------------------------------------------------------------ */
#DWcontents h2{
	margin: 0 0 15px;
	padding: 5px 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background: #0070B6;
}
#DWcontents h2:before{
	font-family: fontAwesome;
	content: "\f0c8";
	margin-right: 5px;
}
#DWcontents p{
	margin:0 auto 25px;
	font-size:0.813em;
	line-height:1.5;
	text-align:left;
}

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

	=02.Explanation
------------------------------------------------------------------------------------ */


#DWcontents div#Explanation{
	margin:0 auto 20px;
	padding:10px 0;
	overflow:hidden;
}

#DWcontents div#Explanation div{
	width:450px;
	float:left;
	text-align:left;
	font-size:0.813em;
	overflow: hidden;
}
#DWcontents div#Explanation div:first-child{
	width: 449px;
	padding-right: 39px;
	border-right: 1px dotted #0070B6;
}
#DWcontents div#Explanation div.ml36{margin-left:36px;}

#DWcontents div#Explanation div dl{
	width:450px;
	text-align:left;
	margin-bottom:20px;
	overflow:hidden;
}

#DWcontents div#Explanation div dl dt{
	width:15px;
	float:left;
	clear:both;
}

#DWcontents div#Explanation div dl dd{
	width:435px;
	float:left;
	text-align:justify;
	text-justify:distribute;
}

#DWcontents div#Explanation div dl dt,
#DWcontents div#Explanation div dl dd{line-height:1.5;}
@media only screen and (max-width: 980px){
	#DWcontents div#Explanation{
		background: none;
	}

	#DWcontents div#Explanation div,
	#DWcontents div#Explanation div:first-child{
		width: auto;
		float:none;
		padding: 0;
		border: none;
	}
	#DWcontents div#Explanation div.ml36{margin-left:0;}
	
	#DWcontents div#Explanation div dl{
		width:auto;
	}

	#DWcontents div#Explanation div dl dd{
		width:auto;
		float:none;
		padding: 0 0 0 20px;
	}
}

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

	=03.btn
------------------------------------------------------------------------------------ */
#DWcontents ul#btn{
	letter-spacing: -0.5em;
	text-align: center;
}

#DWcontents ul#btn li{
	display: inline-block;
	margin: 0 0 20px;
	padding: 0 10px;
	letter-spacing: normal;
}
#DWcontents ul#btn li .btn{
	min-width: 300px;
	line-height: 1.5;
	overflow: hidden;
}
#DWcontents ul#btn li:last-child .btn{
	line-height: 3;
}
#DWcontents ul#btn li .btn span{
	float: left;
	width: 70px;
	margin: 0 7px 0 0;
	padding: 15px 0;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 1!important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background: #0070B6;
}
#DWcontents ul#btn li .btn:hover span{
	color: #0070B6;
	background: #fff;
}
@media only screen and (max-width: 640px){
	#DWcontents ul#btn li{
		padding: 0;
	}
}

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

	=04.Adobe
------------------------------------------------------------------------------------ */
#DWcontents #Adobe{
	margin:0 auto 40px;
	text-align:left;
}

#DWcontents #Adobe p{
	font-size:0.813em;
	line-height:1.4;
	overflow:hidden;
}

#DWcontents #Adobe p img{
	float:left;
	margin-right:15px;
}
@media only screen and (max-width: 767px){
	#DWcontents #Adobe{display: none;}
}

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

	=05.dw_List
------------------------------------------------------------------------------------ */

#DWcontents #dw_List{
	text-align:center;
}

#DWcontents #dw_List h3{
	margin: 0 0 15px;
	padding: 5px 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background: #0070B6;
}
#DWcontents #dw_List h3:before{
	font-family: fontAwesome;
	content: "\f0c8";
	margin-right: 5px;
}
#DWcontents #dw_List h4{
	margin: 0 0 15px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #0070B6;
}
#DWcontents #dw_List h4 span{
	padding-left: 5px;
	border-left: 4px solid #0070B6;
}

#DWcontents #dw_List div{
	margin:0 auto 80px;
	overflow:hidden;
}

#DWcontents #dw_List #tools {
    padding-top: 80px;
}

#DWcontents #dw_List div ul li{
	width:176px;
	float:left;
	font-size:10px;
	padding:7px 20px;
	border:1px solid #A7A8A8;
	margin:0 26px 26px 0;
}

#DWcontents #dw_List div ul li.last{margin-right:0;}

#DWcontents #dw_List div ul li a{
	line-height:1.4;
	text-align:left;
	margin-bottom:10px;
	display:block;
}
#DWcontents #dw_List div ul li a.pdf{
	padding-right: 15px;
	font-size: 14px;
	background: url(../img/icon/pdf.png) no-repeat right top;
}

#DWcontents #dw_List div ul li.dw{
	padding-top:15px;
	background: url(../img/icon/monitor.png) no-repeat right bottom;
}

#DWcontents #dw_List div ul li span{ display:block; text-align:left;}



#DWcontents #dw_List div ul li.dw02{
	width:176px;
	float:left;
	font-size:0.75em;
	font-weight: bold;
	padding:7px 20px;
	border:1px solid #A7A8A8;
	margin:0 36px 36px 0;
	line-height: 1.6;
	text-align: left;
}

#DWcontents #dw_List div ul li.dw02_last{
	font-weight: bold;
	margin-right:0; 
	line-height: 1.6; 
	text-align: left;
}
@media only screen and (max-width: 980px){
	#DWcontents #dw_List div ul{
		margin: 0 -2% 0 0;
		letter-spacing: -0.5em;
		overflow: hidden;
	}
	#DWcontents #dw_List div ul li,
	#DWcontents #dw_List div ul li.dw02{
		float: none;
		display: inline-block;
		width: 23%;
		padding:7px 10px;
		margin:0 2% 4% 0;
		letter-spacing: normal;
		vertical-align: top;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	#DWcontents #dw_List div ul li.last,
	#DWcontents #dw_List div ul li.dw02_last{margin-right:2%;}
}
@media only screen and (max-width: 640px){
	#DWcontents #dw_List div ul li,
	#DWcontents #dw_List div ul li.dw02{
		width: 48%;
	}
}
#DWcontents #dw_List div ul li.dw02 .dw04 a.dw03,
#DWcontents #dw_List div ul li.dw02_last .dw04 a.dw03{
	font-size: 12px;
	line-height:1.6;
	text-align:left;
	margin:10px 0;
	display: inline!important;
	/*background: url(../../catalogue/images/mark.gif) no-repeat scroll 5px center;
	padding-left: 15px;*/
}
#DWcontents #dw_List div ul li.dw02 span,
#DWcontents #dw_List div ul li.dw02_last span { display:block; margin: 0 0 5px;text-align:left; font-size: 10px; font-weight: normal;}

#DWcontents #dw_List div ul li.dw02 .dw04,
#DWcontents #dw_List div ul li.dw02_last .dw04 {
	border-top: solid 1px #a7a8a8;
	padding-top: 10px;
	margin: 0 auto 10px;
	font-weight: normal;
}