@charset "UTF-8";

/*文章全体のフォント指定*/
*{
      font-family:メイリオ,"Hiragino Kaku Gothic Pro", Meirvo,"ヒラギノ角ゴ Pro W3","MS PGothic",sans-serif;
}

/*リンクの表示（色を黒、下線なし）*/
a:link{
color:#000000;
text-decoration: none;
}

/*訪問済みのリンクの表示（色をグレー）*/
a:visited{
color:#848484;
}

/*ポインタが当たっているときのリンクの表示（色を赤、下線あり）*/
a:hover{
color:#AE0606;
text-decoration:underline;
}

/*divの余白の設定と幅の設定*/
div{
      margin: 40px auto 40px auto;
      width: 900px
}

/*H1の余白の設定と文字の大きさ*/
H1 {
      padding: 5px 0 5px 0;
      font-size: 16px;      
}

/*先輩からのメッセージで質問のバックグラウンドの色の指定と、余白の設定*/
.shitsumon {
      background: #E3F0F2;
      padding: 5px 5px 5px 5px;
}

.kaito {
      background: #F8f4d6;
      padding: 5px 5px 5px 5px;
}

/*pの行の高さ*/
p{
      line-height: 160%;
}


/*TRの文字の大きさ*/
TR{
      font-size: 16px;
}

a.underline:link{
text-decoration:underline;
}


.contents {
  overflow: hidden;
  width: 900px;
  height: 300px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  display: flex;
}

ul {
    list-style: none;
}

.nav {
  width: 1200px;
  height: 40px;
  margin: 0;
  padding: 0;
}
.nav li {
  float: left;
  width: 230px;
  height: 40px;
  margin-left: 30px;
  margin-right: 30px;
  position: relative;
}

.nav li a {/*一段目の文字表示（通常）*/
  display: block;
  width: 220px;
  height: 40px;
  color: #fff;
  font-size: 14px;
  line-height: 2.7;
  padding-left: 10px;
  background: #636885;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  text-decoration: none;
}
.nav > li:hover > a {/*一段目の文字表示（ポインタ）*/
  color: black;
  background: #afc6e2;
}
.nav > li li:hover > a {/*二段目の文字表示（ポインタ）*/
  color: black;
  background: #afc6e2;
}
.nav > li li li:hover > a {/*三段目の文字表示（ポインタ）*/
  color: black;
  background: #afc6e2;
}

.nav li ul {
  top: 40px;
  left: -40px;
  position: absolute;
}

.nav li ul li {
  display: none;
  height: 0px;
}


.nav li:hover > ul > li {/*二段目の表示（ポインタ）*/
  display: block;
  top: 0px;
  left: 0px;
  height: 40px;  
  margin-left: 0px;
  margin-right: 0px;
　border-bottom: 1px solid #eee;

}

.nav li ul li:hover > ul > li {/*三段目の表示（ポインタ）*/
  display: block;
  top: -40px;
  left: 220px;
  height: 40px;  
  border-left: 1px solid #eee;
}


.clear {
        clear:both;
}

.naruniha {
           font-size: 1.2em;
           padding: 5px 100px 5px 10px;
           line-height: 2.7;
           border: 2px solid #000000;
}

.ninzu {
         line-height: 200%;
         border: 1px solid #000000;
         padding:0 0 0 0;
         margin:0 0 0 0;
}

.menu {
      font-size: 14px;
}

.kari li {
  float: left;
  width: 230px;
  height: 40px;
  margin-left: 30px;
  margin-right: 30px;
  position: relative;
}


.kari li a {/*文字表示*/
  display: block;
  width: 220px;
  height: 40px;
  color: #fff;
  font-size: 15px;
  line-height: 2.7;
  padding-left: 10px;
  background: #636885;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  text-decoration: none;
}

.kari li li a {/*文字表示*/
  display: block;
  width: 220px;
  height: 40px;
  color: #fff;
  font-size: 14px;
  line-height: 2.7;
  padding-left: 10px;
  background: #636885;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  text-decoration: none;
}
.kari li ul { 
 top: 40px;
  left: -70px;
  position: absolute;
}

.kari {
  width: 1200px;
  height: 40px;
  margin: 0;
  padding: 0;
}

.kari > li li:hover > a {/*一段目の文字表示（ポインタ）*/
  color: black;
  background: #afc6e2;
}

.flame01  {
           font-size: 1.2em;
           margin: 0;
           line-height: 2.7;
           border-top: 2px solid #AE0606;
           border-bottom: 2px solid #000000;
           background-color: #e7efff;
           margin: 40px auto 40px auto;
}


.flame02  {
           font-size: 1.2em;
           line-height: 2.7;
           border-top: 2px solid #0000ff;
           border-bottom: 2px solid #0000ff;
           background-color: #e7efff;           
           padding: 5px 50px 5px 5px;
}
.h3{
     padding: 0.5em 0;
     border-top: double 3px #AE0606;
     border-bottom: solid 1px solid red;    
}