@charset "utf-8";



/* ------------------------------
資料DLバナー
-----------------------------------------------------　*/

/*  バナー説明　アコーディオン */
.banner-ac {
	width:100%;
	padding-top:20px;

}
.banner-ac  dl {
	width:100%;
}
.banner-ac dt{
	display:block;
	margin-bottom:12px;
	padding:0 5px 5px 14px;
	background:url(../img/mark-li-c11trg.png) left 5px no-repeat;
	cursor:pointer;
	font-size:14px;
}
.banner-ac dt:hover {
	opacity:0.7;
}
.banner-ac dt.open {
	background-image:url(../img/mark-li-c11trg-open.png) ;
}

.banner-ac > dd {
	display:none;
	margin-bottom:32px;
	width:100%;
}


#contents ul.dl-list {
	width:80%;
	margin:0 auto 24px auto;
}
#contents ul.dl-list li {
	width:30%;
	float:left;
	margin-right:3%;
}
#contents ul.dl-list li#pamph-dl {
	width:50%;
	float:none;
	margin:0 auto;
}
#contents ul.dl-list li p {
	width:100%;
	font-size:10px;
	text-align:center;
	margin:0 auto 1em auto;
}
#contents ul.dl-list li a img {
	display:block;
	width:100%;
	margin:0 auto 5px auto;
}
/* ------------------------------
ダウンロードリスト
-----------------------------------------------------　*/
#contents h2.h2title {
	 margin-bottom:32px;
}
p.ac-cf {
	clear:both;
	width:80%;
	margin:0 auto 0.5em auto;
}
p.close {
	clear:both;
}
p.close a {
	font-size:14px;
	text-decoration:none;
	margin-left:7%;
	margin-bottom:48px;
	padding-left:1em;
	background:url(../img/mark-li-c11trg-close.png) left 3px no-repeat;
	color:#005ead;
}
#contents h2 span {
	display:none;
}
#contents h3 {
	clear:both;
	width:84%;
	display:block;
	background-color:papayawhip;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	line-height:1.4;
	color:darkblue;
	margin: 0 auto 8px auto;
	padding:6px 0;

}
#contents h3 span {
	font-weight:normal;
}
#contents p.cf {
	clear:both;
	margin: 0 0 24px 24px;
}
#contents p.cf a {
	}
#contents dd p.dl-cf {
	width:72%;
	margin:0 auto 1em auto;

}

/* ------------------------------------------
スマフォ縦 〜599px-iPhone6c
------------------------------------------- */
@media screen and (max-width:599px) {
	#contents {
		padding:0;
	}

/*  バナー説明　アコーディオン */
	p.ac-cf {	
		margin:0 auto 5px auto;
	}
	#contents {
		position:relative;
	}
	#contents h3 {
		width:90%;
		font-size:18px;
		font-weight:bold;
		padding:6px;
		margin: 0 auto 8px auto;
	}
	#contents h3 span {
		font-size:15px;
		font-weight:normal;
	}
	#contents p.cf {
		width:90%;
		margin:0 auto 24px auto;
	}
	#contents ul.dl-list li {
		width:45%;
		float:left;
		margin-right:3%;
	}

}
/* -----------------------------
720以上 
------------------------------- */
@media screen and (min-width:720px) {
	#contents ul.dl-list li {
	width:22%;
	float:left;
	margin-right:2%;
	}
	#contents ul.dl-list li p {
		width:100%;
		font-size:10px;
		text-align:center;
		margin:0 auto 1.5em auto;
	}

}