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

/* --- 全体の背景・テキスト --- */
body {
	text-align: center;
	margin:auto;
}

#wrap{
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

@media (max-width: 600px){
  #wrap{
	width: 100%;
}
}


#top{
}
#top img{
	width: 100%;
}
article {
	width: 650px;
}

aside {
	margin:0 27px 0 25px;
}


figure {
  margin: 0 0 30px 0;
  line-height: 100%;
}


figcaption {
  font-size: 78%;
  margin: 0.25em 0;

}


/* --- ページ --- */
#page {
	width: 900px; /* ページの幅 */
	margin: 0 auto; /* センタリング */
}



TBODY{
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0px;
	line-height:150%;
}

a{
    color: #1773ee;
}

a img{
	text-decoration: none;
}

/*--- フッター ---*/
footer{
	background-color: #f1481f;
	height: 35px;

}




/* ---テキスト--- */
h1{
	font-size: 32px;
	color: #000;
	font-weight: bold;
	margin: 0 0 20px 0;
}

h2{
	font-size: 24px;
	color: #000;
	font-weight: normal;
	border-bottom: 1px solid;
	border-left: 10px solid;
	border-left-color: #481c87;
	padding: 5px 10px;
	margin: 10px 0;
}

h3{
	font-size: 18px;
	color: #fff;
	font-weight : normal;
	background-color: #8e75ab;
	margin: 10px 0 15px 0;
	padding: 7px 0 7px 20px;
}

ul {
	list-style: none;
	width: 650px;
}

p {
	margin-bottom: 10px;
}


/* ---インデックスページ--- */

main {
	margin-top: -5px;
	display: table;
}
main  div{
	display: table-cell;
    vertical-align: middle;
}
main .first ul{
	width:100%; 
	padding: 15px 0 30px;
	display:flex;
flex-wrap:wrap;
background-color: #fffaf0;
}

main .first li{ 
	width: 450px;
	margin: 30px 0 15px 0;
}

main .first ul li a{
	width: 300px;
	height:  80px;
	margin: auto;
    position: relative;
    display: flex;
    background: #481c87;
    border-radius:15px;
    align-items:center;
    justify-content:center;
    font-size: 26px;
    color:#fff;
    text-decoration:none;
}
main .first ul li a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

main .first ul li a::before{
    content:'';
    border-radius:10px;
    position: absolute;
    top:2px;
    left:50%;
    width:98%;
    height:50%;
    background: #fff;
    opacity:.2;
    transform:translateX(-50%);
    z-index:1;
}
main .first ul li a span{
   display: block;
   position: absolute;
   z-index:2;
   top:50%;
   left:50%;
   transform:translate(-50%,-50%);
   white-space:nowrap;
}

main:after{
	content: "";
	display: block;
	clear: both;
}


/* ---PDF広告--- */
main .second{
	width: 900px;
	background-color: #efefef;
	margin-top: -10px;
	text-align: center;
	margin: auto;
	height: 1400px;
}
/*
main .second:after{
	content: "";
	display: block;
	clear: both;
}
*/
main .second ul{
	width: 100%;
	margin: 0 25px;
	padding: 20px 0 0 0;
	list-style: none;
	text-align: center;
}

main .second li{
	display: inline-block;
	float: left;
	height: 100%;
	width: 140px;
	height: 170px;
	margin: 40px 15px 40px 15px;
}

main .second li a{
}

main .second li a img{
	border:solid 1px #ddd;
}

main .second h1.koukoku{
	margin-top: 0;
	padding-top: 30px
}



/* --- 論文集ページ --- */
#pro{
	width: 900px;
	margin-top: 20px;
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	align-items:flex-start;
}
#pro .back{
	width:100%;
	display:block;
}
#pro .back a{
	position: relative;
	box-sizing:border-box;
	display: block;
	margin:0 auto 20px;
	width: 180px;
	background: #481c87;
	padding:5px 10px;
	color:#fff;
	border-radius:15px;
	text-decoration:none;
	line-height:1;
	display: flex;
	align-items:center;
	justify-content:center;
}
#pro .back a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
#pro .back a::before{
    content:'';
    border-radius:10px;
    position: absolute;
    top:2px;
    left:50%;
    width:98%;
    height:50%;
    background: #fff;
    opacity:.2;
    transform:translateX(-50%);
    z-index:1;
}
#menu{
	width: 186px;
	list-style-type: none;
	border-color: #8e75ab;
	border-style: solid;
	border-width: medium;
}

#menu h1{
	font-size: 120%;
	text-align: center;
	color: #fff;
	font-weight : normal;
	background-color: #8e75ab;
	height: 30px;
	padding-top: 5px;
	margin: 0 0 20px 0;
}

#menu li{
	font-size: 65%;
	padding: 8px 5px;
}

#menu ul{
	width: 186px;
	padding: 0 3px 15px 5px;
}

#contents{
	width: 650px;
	margin-bottom:10px;
}

#contents ul.ronbun li{
	font-size: 95%;
	margin: 20px 0 20px 10px;
	background: url(../img/Adobe_PDF_file_icon.png) no-repeat left top;
	padding-left: 30px;
	line-height: 1.5em;
}

#contents li span {
	display: block;
	font-size: 80%;
	padding-left: 1.5em;
}

#contents ul{
	width: 650px;
	margin-left: 7px;
}
/*
#contents li{
	font-size: 90%;
	padding-left: 3em; 
	text-indent: -5em; 
	margin: 10px 0 20px 25px;
	line-height: 1.25em;
}

#contents li:before{
	content: url(../img/Adobe_PDF_file_icon.png);
    margin: 5px;
    position: relative;
    top: 8px;
}
#contents li span{
	text-indent: -5em;
	font-size: 90%;
	line-height: 0.5em;
}
*/

#contents ul.koukoku li{
	font-size: 90%;
	padding-left: 5.5em;
	text-indent: -5em;
	line-height: 1em;
	margin: 5px 0 10px 25px;
}

#contents ul.koukoku li:before{
	content: normal;
	}



#contents li.tokubetu{
	padding-left: 1.5em;
	text-indent: -3.5em;
}

#contents p.return{
	text-align: right;
	font-size: 90%;
	margin-left: auto;
	margin-top: 50px;
	height: auto;
	padding: 2px;
}

#contents p.return a{
	color: #FFF;
	text-decoration: none;
	background-color: #481c87;
	margin: 10px 0 15px 0;
	padding: 7px 10px 7px 10px;
}

p.download {
	margin: 0 0 30px 0;
}
.download2{
	width:100%;
	display:block;
}
.download a{
	width:fit-content;
	position: relative;
	box-sizing:border-box;
	display: block;
	margin-bottom:30px;
	background: #481c87;
	padding:7px 30px 7px 50px;
	color:#fff;
	border-radius:15px;
	text-decoration:none;
	line-height:1;
	display: flex;
	align-items:center;
	justify-content:center;
	font-size:18px;
}
.download a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.download a::before{
    content:'';
    border-radius:10px;
    position: absolute;
    top:2px;
    left:50%;
    width:98%;
    height:50%;
    background: #fff;
    opacity:.2;
    transform:translateX(-50%);
    z-index:1;
}
.download a span{
	display:block;
	position: relative;
}
.download a span::before{
	display:inline-block;
	 content:'';
	position:absolute;
top:50%;
left:-30px;
transform:translateY(-50%);
width:23px;
height:23px;
    background: url(../img/Adobe_PDF_file_icon.png) no-repeat;
}

h3.jiban{
	margin-top: 50px;
}