@charset "utf-8";
/* CSS Document */


/*お申し込みの流れ*/
#nagare {width:710px; padding:0px; margin:0px; background:url(../use/images/nagare_bg.gif) repeat-y; margin-top:20px;}

#nagare dl{margin:0px;width:710px;}
#nagare dt{width:188px; float:left; padding:0px; margin:0px; display:block; vertical-align:top;}
#nagare dd{background:#FFFFFF; float:left; margin-left:188px; padding:10px; width:502px; vertical-align:top; margin:0px;}

.bar{display:block; margin:0px; padding:0px; clear:both; width:710px; height:5px;}

a.link_download{ margin:5px; width:193px;height:26px;
display:block;background-image:url(../use/images/btn3_useindex.gif);text-indent:-9999px;overflow:hidden;}
a:hover.link_download{background-position:0px -26px;}

a.link_ryoukin{ margin:5px; width:193px;height:26px;
display:block;background-image:url(../use/images/btn2_useindex.gif);text-indent:-9999px;overflow:hidden;}
a:hover.link_ryoukin{background-position:0px -26px;}



/*利用料金*/
.chu{display:block;border:#CCC 1px solid;background-color:#FFF;margin:5px 0px;}

ul.chu{padding:5px;list-style-type:square;list-style-position:inherit;}
.chu li{margin:5px 0px 5px 20px;}

.section{margin-top:20px;}
.darkgreen {color:#336633;}


/*各種書類ダウンロード*/

table#download{
padding:0px;
border:none;
margin:0px;
width:710px;}

#download th{
padding:5px;
text-align:left;
background:#cad58c;}

#download td{
margin:5px;
border-bottom:1px solid #EEEEEE;}

.btn_pdf{background:url(../images/common/btn_pdffile.gif) no-repeat left; padding-left:35px; height:35px; width:60px; display:block;}
.btn_excel{background:url(../images/common/btn_excel.gif) no-repeat left; padding-left:35px; height:35px; width:60px; display:block;}
.btn_word{background:url(../images/common/btn_word.gif) no-repeat left; padding-left:35px; height:35px; width:60px; display:block;}
.btn_ichitaro{background:url(../images/common/btn_ichitaro.gif) no-repeat left; padding-left:35px; height:35px; width:60px; display:block;}
.btn_powerpoint{background:url(../images/common/btn_powerpoint.gif) no-repeat left; padding-left:35px; height:35px; width:60px; display:block;}


/*見出し*/

.shusaititle {
  width: 706px;
  color: #FFF;
  font-size: 22px;
  text-align: left;
  display: block;
  background-color: #3b85cc;
  padding: 10px 15px;
	margin-top: 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
}

/*イラストダウンロード*/

.material_list{
	display: flex !important;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 20px;
	padding-left: 0;
}

.material_list li{
	margin: 0;
	padding: 0;
	width:31.6%;
	margin-right: 2.5%;
	margin-bottom:3%;
	overflow: hidden;
	box-sizing: border-box;
	line-height: 1.2em;
}

.material_list li strong{
font-size:1.2rem;
font-weight:bold;
color:#3b85cc;
line-height: 1.1em;
display:block;
padding:15px 10px;
margin-bottom:3px;
border-top: double 4px #3b85cc;
border-bottom: double 4px #3b85cc;
}

.material_list li span{
font-size:0.8rem;
color: #f7e163
}

.material_list li img {
  max-width: 100%;
  height: auto;
margin-bottom:5px;
margin-top:5px;
}

.material_list li a{
display: block;
  font-weight: 600;
  padding: 15px 10px;
  letter-spacing: 0;
  font-size: 1rem;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  z-index: 1;
line-height: 1.2em;
color:#3b85cc;
text-align:center;
background: linear-gradient(#fff, #e9f4fb);
border: 1px solid #3b85cc;
	margin-bottom: 5px;
	text-decoration: none;
}

.material_list li a:hover{
color:#003859;
border: 1px solid #003859;
}


.material_list li:nth-child(3n){
	margin-right: 0;
}