body{
width: 100%;
text-align:center;
overflow-x: hidden;
font-family: 
"fot-tsukuardgothic-std",
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
"Yu Gothic UI",}

p
{font-size:0.9rem;
letter-spacing:0.1rem;
line-height:1.2;
 width:95%;
 padding-bottom:5%;
margin:auto;
white-space: pre-wrap;}



a
{text-decoration: none;
 /*color: #000000;*/}

/*
a:hover
{color:#800000;}*/

/* ****************ここからヘッダーのレイアウト***************** */
.header
{margin:auto;
padding: 1%;
width: 98%;
}


/* ****************トップページ以外のページ題目***************** */

.headtitle{
	width:100%;
	background:#330065;
	color: #fff;
}

.headtitle p{
width:94%;
text-align:center;
font-size:1.5rem;
padding:3%;
margin-top:1%;}

/* ****************ここからフッターのレイアウト***************** */

/* フッター */
.footer
{
text-align: center ;			/* テキスト、画像の真ん中寄せ */
margin:3% auto;			/* 他のブロックとのスペース */
height:3%;
font-size:0.8rem;
width: 90%;
}


/* ****************ここから内容のレイアウト***************** */
.naiyou
{width:95%;
padding:0.5%;
margin: 0.5% auto;
font-size: 0.9rem;
text-align: left;
box-sizing: border-box;
border-bottom:solid 1px #6356a3;
}

/* *個別ページの見出しの設定のレイアウト* */

h1.topic
{padding: 2%;
 margin-bottom:10%;
 font-size:1rem;
 line-height:1.5rem;
border-bottom: solid #6356a3;
}

/* *新着情報* */

p.whatsnew{
width:98%;
font-size:1.3rem;
font-weight:bold;
letter-spacing:0.2rem;
padding:1%;
margin:5% auto;
background:#e5e5ff;
border-left:solid 5px #330065;}

/* *<title>（開講科目等）のレイアウト* */

.title
{font-size:1.2rem;
 font-weight: bold;
 padding:2% 0%;
color:#6356a3;
}

/*研究テーマのタイトル*/
p.ptitle{width:95%;
font-size:1.1rem;
font-weight:bold;
letter-spacing:0.2rem;
line-height:1.8;
padding:2%;
margin:5% auto;
background:#e5e5ff;
border-left:solid 5px #330065;}

/*ボタン*/
.button{
	/*display: inline-block;*/
  	padding: 0.3em 1em;
	width: 15rem;
	margin: 2rem auto;
	text-align: center;
	text-decoration: none;
  	border: solid 2px #330065;
	background: #330065;
  	color: white;
  	border-radius: 3px;
  	transition: .4s;
	
}

.button:hover {
  background: white;
  color: #330065;
}