@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

*{
  padding: 0;
  margin: 0;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html{
	font-size: 16px;
	}

body {
    font-family: Lato, YuGothic, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
	color:#555
	letter-spacing:0.01em;
	background-color:#FFF;
	word-wrap : break-word;
	overflow-wrap : break-word;
	-webkit-text-size-adjust: 100%;
	}

header, footer, nav, menu, article, aside, section, details, figcaption, figure{
	display: block;
	}

h1 {
	color:#369;
	font-size:150%;
	font-weight:bold;
	margin-bottom:10px
	}

h2 {
	color:#FFF;
	font-size:130%;
	font-weight:bold;
	background-color:#369;
	padding-left:15px;
	margin:20px 0 10px 0;
	border-radius:5px;
	}

p {
	margin:10px 0;
	}

hr {
	margin:20px 0;
	}

.title {
	font-size: 150%;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
	}

#topmenu {
	font-size: 120%;
	font-weight:bold;
	}
#topmenu a {
	display: block;
	text-decoration:none;
	}
#topmenu a:hover {
	color:#F33;
	}

a, a:visited {
	color:#369;
	}

a:hover {
	color:#F33;
	}

table#sidemenu {
	margin-bottom:30px;
	border-spacing: 5px;
	border-collapse:separate;
	}

table#sidemenu a {
	border: 1px solid #69F;
	border-left: 10px solid #69F;
	display: block;
	text-decoration:none;
	padding-left:8px;
	}

table#sidemenu a:hover {
	color:#800;
	background-color:#FFC;
	border: 1px solid #800;
	border-left: 10px solid #800;
	}

#main {
	width:100%;
	padding:10px 20px 20px 30px;
	}

#mainmenu ol {
	counter-reset: my-counter;
	list-style: none;
	padding: 20px;
	margin:20px 40px 0 40px;
	background-color:#FFE;
	border: 6px double #800;
	border-radius:5px;
	}
 
#mainmenu ol li {
	margin-bottom: 10px;
	padding-left: 40px;
	position: relative;
	font-size:120%;
	font-weight:bold;
}
#mainmenu ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #369;
  color: #FFF;
  display: block;
  float: left;
  line-height: 25px;
  margin-left: -30px;
  text-align: center;
  height: 25px;
  width: 25px;
  border-radius: 50%;
}

#mainmenu ol.QA li:before {
  content: "Q"counter(my-counter);
  counter-increment: my-counter;
  background-color: #369;
  color: #FFF;
  display: block;
  float: left;
  line-height: 25px;
  margin-left: -30px;
  text-align: center;
  height: 25px;
  width: 50px;
  border-radius: 50%;
}

.textaria ol {
	margin:10px 0 0 30px;
	}

.textaria li {
	margin-bottom:10px;
	}

ul {
	margin-top:30px;
	}

.textaria {
	padding:60px 0 0 0;
	font-size:120%;
	font-weight:bold;
	}

.text {
	margin: 0 0 50px 30px;
	}

.text100 {
	font-size:100%;
	font-weight:bold;
	line-height: 150%;
	color:#333;
	}

.text110 {
	font-size:110%;
	font-weight:bold;
	line-height: 150%;
	margin-top:10px;
	}

.text120 {
	font-size:120%;
	font-weight:bold;
	line-height: 150%;
	margin-top:20px;
	}

.contents table {
	 padding:5px;
	 margin-top:10px;
	 }

.Q {
	color:#800;
	font-size:120%;
	font-weight:bold;
	text-indent: -20px;
	margin: 0 0 10px 20px;
	line-height:150%;
	}

.A {
	color:#663;
	font-size:120%;
	font-weight:bold;
	text-indent: -20px;
	margin: 0 0 50px 20px;
	line-height:150%;
	}