/*フォントの読み込み。urlはこのstyle.cssからの相対パス*/
@font-face {
  font-family: 'cinecaption';
  src: url('cinecaption2.28.ttf') format('truetype');
}


  .cinecap {
      font-family: 'cinecaption';
  }

  .image{
      /* text-align: center */;
      width: 100%;
      height: 100%;
      margin: 20px auto;
      padding: auto;
  }

  .image img{
      width: 350px;
      height: 350px;
  }

  .imageKMI{
      /* text-align: center */;
      width: 100%;
      height: 100%;
      margin-top: 0px;
      margin-bottom: 30px;
      padding: auto;
  }
  
  .imageKMI img{
      width: 225px;
      height: 300px;
  }

  .imageSlideWide{
      /* text-align: center */;
      width: 100%;
      height: 100%;
      margin-top: 0px;
      margin-bottom: 30px;
      padding: auto;
  }
  
  .imageSlideWide img{
      width: 444px;
      height: 250px;
  }


  .imageA4{
      /* text-align: center */;
      width: 100%;
      height: 100%;
      margin-top: 0px;
      margin-bottom: 30px;
      padding: auto;
  }
  
  .imageA4 img{
      width: 212px;
      height: 300px;
  }
  
  .imageSlide{
      /* text-align: center */;
      width: 100%;
      height: 100%;
      margin-top: 0px;
      margin-bottom: 30px;
      padding: auto;
  }
  
  .imageSlide img{
      width: 400px;
      height: 300px;
  }

  .child_left{
      text-align: left;
      margin-left: 0;
      margin-top: 0;
      padding-left: 0;
      display: inline-block;
  }
  
  .child_right{
      text-align: left;
      margin-left: 0;
      margin-top: 0;
      padding-left: 0;
      display: inline-block;
      /* background-color: orange; */
      width: 900px;
      max-width: 900px;
      overflow-wrap: break-word;
      word-break: break-word;
  }

  .image_home{
      text-align: right;
      margin: auto;
      margin-left: -5px;
      display: inline-block;
  }
  
  .image_home img{
      width: 900px;
      height: 400px;
  }

  .image_icon{
      text-align: right;
      margin-top: 0px;
      margin-left: 40px;
      display: inline-block;
  }
  
  .image_icon img{
      width: 150px;
      height: 90px;
  }
  
  a:link{
      color: #6295b8;
  }

  #normal_link:link{
      color: #6295b8;
  }

  #normal_link:visited{
      color:#6295b8;
  }


  #white_link:link{
      display: block;
      position: absolute;
      text-decoration: none; /* リンクの下線を出さない */
      color: white;
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: 0px;
  }
  
  #white_link:hover{
      background-color: gray;
      text-decoration: underline;
  }

  #white_link:visited{
      color:white;  
  }
  
  
  body {
    background-color: white;
    color: black;
    textalign: center;
    font-family: sans-serif;
  }

 .top_box{
    text-align: left;
    width:1120px;
    margin:0;
    padding: 0;
    display: inline-block;
    vertical-align: top; 
  }
  
  .left{
      text-align: left;
      width:550px;
      margin:0;
      padding: 0;
      display: inline-block;
      vertical-align: top; 
  }
  
  .right_top{
    text-align: right;
    width: 560px;
    display: inline-block;
    vertical-align: top;
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 5px;
    margin-bottom: 15px;
    margin-right: 0px;
    margin-left: 0px;
  }

  .right_left{
    text-align: right;
    width: 350px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
    margin-bottom: 15px;
    margin-right: 0px;
    margin-left: 20px;
  }

  .right_right{
      text-align: center;
      width: 100px;
      height: 50px;
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 0px;
      /* margin-top: 17px; */
      /* margin-left:10px; */
      /* margin:0 auto; */
      display: inline-block;
      vertical-align: top;
  }  

  .title_large{
    font-size: 30px;
    text-indent:  0px;
    padding-left: 20px;
  }

  .title_large_private{
    font-size: 40px;
    text-indent:  0px;
    padding-left: 20px;
    color: #ff7f7f;
  }
  
  .title_index{
      font-size: 25px;
      text-decoration: underline;
      text-indent:  0px;
      margin:0;
      padding-left: 20px;
      padding-bottom: 0.5cm;
  }

  /* .title_index{ */
  /*   font-size: 25px; */
  /*   text-indent:  0px; */
  /*   margin-top: 1.2cm; */
  /*   padding-left: 20px; */
  /* } */
  
 .afflication_j{
    font-size: 15px;
    /* background-color: pink;  */
    text-indent:  0em;
    padding-right: 20px;
  }

 .afflication_e{
    font-size: 15px;
    color: black;
    text-indent:  0em;
    line-height: 20px;
    padding-right: 20px;
    margin-left: 0px;
  }

  .language{
      text-align: center;      
      background-color: #66cdaa;
      font-size: 16px;
      color: white;
      width: 100px;
      height: 50px;
      padding-top: 0px;
      display: inline-block;
      position: relative;
  }
  
  .language p{
      line-height: 50px;
  }
 
 
 .subtitle{
      font-size: 18px;
      text-decoration: underline;
      text-indent:  -1em;
      padding-left: 2em;
    padding-bottom: 0.3cm;
  }


  .index_parent{   
  }
  
  .index{
      text-align: left;
      width: 210px;
      height: 400px;
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 0px;
      margin-top: 17px;
      /* margin-left:10px; */
      /* margin:0 auto; */
      display: inline-block;
      vertical-align: top;
      /* background-color: yellow; */
  }

  .index_language{
      text-align: center;      
      /* background-color: #c9c9c9; */
      font-size: 16px;
      /* color: black; */
      width: 100px;
      height: 30px;
      /* margin-top: 10px; */
      display: inline-block;
      vertical-align: center;
      position: relative;
  }


  .index_on{
      text-align: center;      
      background-color: #c9c9c9;
      font-size: 20px;
      color: white;
      width: 210px;
      height: 80px;
      margin-top: -17px;      
      display: inline-block;
      vertical-align: top;
      position: relative;
  }
  
  .index_on p{
      text-align: center;
      text-decoration: underline;
      line-height: 80px;
      display: block;
      background-color: #d5aaff;
      position: absolute;
      color: white;
      margin-top: 0px;
      width: 100%;
      height: 100%;
  }

  .index_off{
      text-align: center;      
      background-color: #c9c9c9;
      font-size: 20px;
      color: white;
      width: 210px;
      height: 79px;
      margin-top: -17px;
      display: inline-block;
      vertical-align: top;
      position: relative;
  }
  
  .index_off p{
      line-height: 80px;
  }

  .comment_for_picture{
      font-size: 12px;
      color: #b4b4b4;
      text-align: right;
      text-indent:  0;
      margin-top: -0.5cm;
      padding-top: 0.2cm;
      padding-bottom: 0.2cm;
      padding-right: 1.5cm;
  }


  
  #index_link:link{
      display: block;
      position: absolute;
      text-decoration: none; /* リンクの下線を出さない */
      color: white;
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: 0px;
  }
  
  #index_link:hover{
      background-color: gray;
      text-decoration: underline;
  }

  #index_link:visited{
      color:white;  
  }
  

  .vertical_block1 {
    background-color: black;
    width: 10px;
    height: 400px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: -5px;
    display: inline-block;
    vertical-align: top;
  }

  .vertical_block2 {
    background-color: #b4b4b4;
    width: 2px;
    height: 18cm;
    margin-bottom: 0px;
    margin-left: 0.5cm;
    margin-right: -0.5cm;
    display: inline-block;
    vertical-align: top;
  }

  .horizontal {
    background-color: white;
    width: 210px;
    height: 2px;
    margin-top: -17px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    display: inline-block;
    vertical-align: middle;
  }

  .list_presentation{
   width: 860px;   
   text-align: left;      
   text-indent:  0em;
   margin-top: 0;
   padding-top: -1cm;
   padding-left: 2em;
  }

  .list_JC{
   width: 400px;   
   text-align: left;      
   text-indent:  0em;
   margin-top: 0;
   padding-top: -1cm;
   padding-left: 2em;
  }
  
  .list{
   width: 800px;   
   text-align: left;      
   text-indent:  0em;
   margin-top: 0;
   padding-top: -1cm;
   padding-left: 2em;
  }

  .copyright{
      background-color: #5f5f5f;
      text-align: center;
      font-size: 15px;
      color: white;
      width: 1120px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: auto;
    padding-top: 7px;
    padding-bottom: 7px;
      display: inline-block;
    vertical-align: top;
  }

  .search_window{
      background-color: #ffe0e0;
      /* background-color: #ffe0e0; */
      text-align: left;
      padding: 30px 100px 0px 0px;
      margin: -10px 0px 50px 10px;
  }
  
  .search{
      font-size: 20px;
      text-align: left;
      text-indent:  0px;
      padding-left: 0px;        
  }

  .useful_tools{
      /* background-color: #ffefef; */
      background-color: #ffeaea;
      text-align: left;
      padding: 10px 100px 0px 0px;
      margin: -10px 0px 50px 10px;
  }

  .favorites{
      /* background-color: #fff9f9; */
      background-color: #fff4f4;
      text-align: left;
      padding: 10px 100px 0px 0px;
      margin: -10px 0px 50px 10px;
  }
  
  
  
 /* ------------------------------------------------------ */
 /*                       以下、工事中                        */
  /* ------------------------------------------------------ */
 
  .white_small {
    font-size: 30px;
    padding: 1px;
    width: 1130px;
    text-align: center;
    margin-top: 45px;
    margin-bottom: 10px;
    margin-left: 30px;
    margin-right: 0px;
  }
    
  .white_box {
    font-size: 15px;
    background-color: white;
    padding: 1pt; 
    width: 400px;    
    text-align: center;
    margin: auto;
  }
  
  .center_auto {      
    text-align: center;
    margin:auto;
  }  

  /* 中央揃えするpのclass */
  p.center{
    margin: 10px auto;
  }

  /* <p>に入っている文章全てを, 一様に一文字ずつ下げるclass: "indent"の定義 */
  p.indent{
   text-align: left;
   /* text-indent:  -0.5cm; */
   text-indent:  0cm;
   padding-top: -2em;
   padding-left: 0;
  }

  .indent{
   text-align: left;
   text-indent:  0em;
   padding-bottom: 0.2cm;
   /* padding-left: 2em; */
   margin-left: 1cm;
  }

  .indent_e{
   text-align: left;
   text-indent:  0em;
   padding-bottom: 0.2cm;
   line-height: 23px;
   /* padding-left: 2em; */
    margin-left: 1cm;
  }
  
  p.subtitle{
   font-size: 20px;
   text-align: left;
   text-indent:  -2em;
   padding-left: 3em;   
  }

  .search{
   font-size: 20px;
   text-align: left;
   text-indent:  2.8em;
   padding-left: 2em;        
  }

  .rumor{
   text-align: left;
   /* text-indent:  2.8em; */
   padding-left: 2em;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 20px;
    margin-left: -5px;
  }
  
  .parent{
    text-align: center;
    width: 1200px;
    padding: auto;
    margin:auto;
    vertical-align: top;
    /* background-color: pink; */
  }

  /* top pageの文章ブロックのスタイル(一列目) */
  .child1 {
    text-align: left;
    margin-top: -0.5cm;
    width:800px;
    display: inline-block;
    vertical-align: top;
  }

  .middle{
      margin-left: 1.07cm; 
      text-align: left;
      width: 1130px;
    /* background-color: red; */
  }

  /* top pageの文章ブロックのスタイル(二列目) */
  .child2 {
    width: 290px;
    text-align: left; 
    display: inline-block;
    vertical-align: top;
    margin-top: -0.5cm;;
    margin-bottom: 15px;
    margin-right: 0px;
    /* margin-left: 20px; */
    margin-left: 0.5cm;
    /* margin: 5px 15px 0px 20px; */
  }

  table.sample {
    /* border-collapse: collapse; */
    /* background-color: pink; */
    border-collapse: separate;
    table-layout: fixed;
    height: auto;    
    margin-left: 0.5cm;        /* セル内側の余白 */
    margin-top: -17px;
    padding-top: 0;
    border-spacing: 0px 10px;
    　}
  
　table.sample td {
    border-width: 1px 0px; /* 上下だけ引く */
    /* border-color: pink;   /\* 線色：緑 *\/ */
    border-style: solid;   /* 線種：実線 */
    padding: 0.3em;        /* セル内側の余白 */
    　}


/* My page用 */
.subtitle-my_page {
   font-size: 20px;
   text-align: left;
   text-indent:  -2em;
   padding-left: 3em;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
   font-family: 'ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',YuGothic,'Yu Gothic', sans-serif;
}

 .list-my_page{
   text-align: left;      
   text-indent:  0em;
   text-indent:  0em;
   padding-left: 0em;
 }

 ul li{
  padding-top:-0.5cm;
  padding-bottom:10px;
 }

 /* 日付・時計表示用 */
 #base {
        width: 200px;
        height: 200px;
        position: relative;
      }

 .date {
        width: 200px;
        height: 200px;
        position: absolute;
        top: 15px;
        left: 50px;
	font-size: 100px;
	font-family: 'cinecaption';
      }
 
 .clock {
        width: 200px;
        height: 200px;
        position: absolute;
        top: 15px;
        left: 50px;
      }