@charset "utf-8";
/* CSS Document */
body{
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック",Osaka,sans-serif;
	bgcolor:#FFFFFF;
	background-image:url(../img/bg.gif);
	margin:0px;
	padding: 0px;
	color:#333333;
}

/* 余白設定 */
div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
	margin: 0;
	padding: 0;
}

li img,
dt img {
	vertical-align: bottom;
}

/* 画像リンク時、ボーダーを消す */
a img {border-style:none;}

/* ボタン余白設定 */
ol , ul {
margin:0px;
padding:0px;
}
/* リスト指定 */
li{list-style: none;}
img{vertical-align:bottom;}

/* リンク */
a:link {color:#3366CC; text-decoration:none;}
a:visited {color:#3366CC; text-decoration:none; }
a:hover {color:#FF6600; text-decoration:underline;}
a:visited { color:#000066; }
a:active  { color:#FF6600; }


/* 回り込み解除2 */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
	
}

.clearfix { display: inline-table; }
.clearfix{ overflow:hidden;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.font14b{ font-size:14px; font-weight:bold; }


.main_frame{
	width: 640px;
	box-sizing: border-box;
	padding: 20px 0;
	border-radius: 10px 10px 10px 10px;
	background-color: #fff;
	margin: 50px auto;
}

.main_frame h2.top{
	width: 580px;
	height: 0;
	padding-top: 59px;
	background: url("../img/title.png") no-repeat;
	background-size:580px 59px;
	overflow:hidden;
	line-height: 200;
	margin: auto;
}

.main_frame .top_txt{
	margin: 14px;
	text-align: center;
}

.main_frame ul.list{
	width: 500px;
	margin: 30px auto 0 auto;
}

.main_frame ul.list li{
	margin-top: 14px;
	min-height: 98px;
	padding-left: 80px;
	background-size:70px 98px;
}

.main_frame ul.list li p.btn{
	border-top: dotted 1px #FEB8B8;
	border-bottom: dotted 1px #FEB8B8;
	padding: 4px 2px;
	font-weight: bold;
	font-size: 14px;
}
.main_frame ul.list li .txt{
	margin-top: 10px;
	line-height: 120%;
}

.main_frame ul.list li.book01{ background: url("../img/cover1.jpg") no-repeat left top; }
.main_frame ul.list li.book02{ background: url("../img/cover2.jpg") no-repeat left top; }
.main_frame ul.list li.book03{ background: url("../img/cover3.jpg") no-repeat left top; }
.main_frame ul.list li.book04{ background: url("../img/cover4.jpg") no-repeat left top; }
.main_frame ul.list li.book05{ background: url("../img/cover5.jpg") no-repeat left top; }
.main_frame ul.list li.book06{ background: url("../img/cover6.jpg") no-repeat left top; }
.main_frame ul.list li.book07{ background: url("../img/cover7.jpg") no-repeat left top; }

/* --------------------------------------------------------------------------------------
 ダウンロードページ
--------------------------------------------------------------------------------------- */
.main_frame h2.dl{
	width: 580px;
	margin: auto;
	border-top: solid 2px #FEB8B8;
	border-bottom: solid 2px #FEB8B8;
	padding: 6px 2px;
	font-weight: bold;
	font-size: 16px;
}

.main_frame dl.dl_list{
	width: 500px;
	margin: 30px auto 0 auto;
	
	display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
	display:flex;
	
	-webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
	
 -webkit-box-align: center;
	-webkit-align-items: center;
 -ms-flex-align: center;
 align-items: center;
	
	
 border: 1px solid #ccc;
	border-top: none;
}

.main_frame dl.dl_list dt{
  width: 50%;
  padding: 10px;
  box-sizing: border-box;
  border-top: 1px solid #ccc;
	line-height: 16px;
	font-size: 14px;
}
.main_frame dl.dl_list dd{
  padding: 10px;
  margin: 0;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc; 
  width: 25%;
  background: #fff;
  box-sizing: border-box;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
}



.main_frame ul.bottom_list {
	width:580px;
	margin: 30px auto;
	border-top: solid 1px #999;
	}

.main_frame ul.bottom_list li{margin-top: 8px;}

.back_btn{ text-align: center; font-weight: bold; margin-bottom: 30px;}