body {
    margin: 0 auto;
    width: 100%;
    max-width: 820px;
    color: #130d42;
    line-height: 1.75em;
  }

.wrapper{
	padding: 0 10px;
	text-align: center;
}

.contents{
    max-width: 800px;
    padding-top: 60px;
	text-align: left;
}

 A:link{
	color: #130d42;
}

A:visited{
	color: #130d42;
}

A:hover{
	color: #130d42;
}

A:active{
	color: #130d42;
}

.b{
	font-weight: bold;
}

.sub{
	font-size: 85%;
}

.c-both{
	clear: both;
}

.marker {
    background: linear-gradient(transparent 50%, #e6e8ff 50%);
}

img{
    width: 100%;
}

h1{
  max-height: 35px;
  text-align: center;
}

header{
  max-height: 70px;
}

header a{
	text-decoration: none;
}

footer{
  margin-top: 3em;
	font-size: small;
  text-align: center;
  border-top: 1px dotted gray;
  line-height: 1.4em;
}


ul{
	padding-left: 0;
	list-style-type: none;
	margin-left: 1em;
}

li{
	padding-bottom: 5px;
}
li:before{
	content: "・";
	margin-left: -1em;
}

dt{
	font-weight: bold;
}

dd{
	margin-left: 0;
	margin-bottom: 0.5em;
}


/*--  h2 + h3 --*/
h2 {
  margin-top: 2em;
	color: #4b3c9e; /* 文字色 */
	padding: 10px 10px 10px 60px; /* 上・右・下・左の余白 */
	position: relative;
}
h2:before {
	content: '＊*'; /*花に見せかけるためのアスタリスク*/
	color: #fff; /* アスタリスクの色 */
	display: inline-block;
	font-size: 30px; /* アスタリスクの大きさ */
	font-weight: bold;
	position: absolute;
	top: 0px;
	left: 0px;
	transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	text-shadow: 0px 0px 6px #8666fa, 0px 0px 4px #8666fa, 0 0 0.5px #8666fa; /* アスタリスク周りの影 */
}
h2:after {
	border-bottom: 2px dotted #8666fa; /* 下線 */
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
}

h3{
  margin-top: 2.5em;
}
h3:before{
  content: "â– ";
}


table.prac{
	border-collapse: collapse;
}

table.prac th{
	padding: 7px;
	border: 1px solid #130d42;
	background-color: #e6e8ff;
}

table.prac td{
	padding: 7px;
	border: 1px solid #130d42;
}

table.time{
	border-collapse: collapse;
}

table.time th{
	padding: 7px;
	border-right: 1px solid #130d42;
	font-weight: normal;
	vertical-align: top;
	width: 105px;
}
table.time td{
	padding: 7px;
}



/*--  button  --*/
.Button-style {
  display: inline-block;
  padding: 0.5em 1em 0.3em;
  position: relative;
  color: #990000;
  border: solid 2px #cc6d15;
  border-radius: 7px;
  background-color: transparent;
  cursor: pointer;
}

.Button-style:before {
  background-color: #eef7fc;
  border-radius: 5px;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: -1;
}