* {
  margin: 0px 1px;
  padding: 0px;
}


.table1 {
  border-collapse: collapse;
  border-color: #6E9BFF;
  padding: 2px;
}

.table1 td {
  text-align: center;
  padding: 2px;
}

.table2 {
  border; 0;
  padding: 2px;
}

p.sample img {
  width: 220px;
}

p.sample1 img {
  width: 350px;
}

p.flags img {
  width: 20px;
}

p.xx-large { font-size: xx-large; }
p.x-large { font-size: x-large; }
p.large { font-size: large; }
p.medium { font-size: medium; }
p.small { font-size: small; }
p.x-small { font-size: x-small; }
p.xx-small { font-size: xx-small; }
p.xxx-large { font-size: 6ex; }

.btn-header-border {
  color: #ffffff;
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  border: solid 2px #ffffff;
  border-radius: 3px;
  background: #6E9BFF;
}

.btn-header-border:hover {
  background: #ffffff;
  color: #6E9BFF;
}

.btn-flat-border {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #6E9BFF;
  border: solid 2px #6E9BFF;
  border-radius: 3px;
}

.btn-flat-border:hover {
  background: #6E9BFF;
  color: white;
}

.btn-login-border {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #ffffff;
  background: #6E9BFF;
  border: solid 2px #ffffff;
  border-radius: 3px;
}

.btn-login-border:hover {
  background: #ffffff;
  color: #6E9BFF;
  border: solid 2px #6E9BFF;
}

.img-flat-up {
  padding: 0.3em 1em;
  text-decoration: none;
  color: #ffffff;
  border: solid 2px #6E9BFF;
  border-radius: 3px;
  background: #6E9BFF;
}

.img-flat-down {
  padding: 0.3em 1em;
  text-decoration: none;
  color: #000000;
  border: solid 2px #c0c0c0;
  border-radius: 3px;
/*  transition: .4s; */
  background: #c0c0c0;
}

a.white_link {
  text-decoration: none;
}

.btn-flat-inq {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #ffffff;
  border: solid 2px #6E9BFF;
  border-radius: 3px;
  background: #6E9BFF;
/*  transition: .4s; */
}

.btn-flat-inq:hover {
  background: #ffffff;
  color: #6E9BFF;
}

a { text-decoration:none; }
a:link { color: #6E9BFF; }　/*リンクの色*/
a:visited { color: #6E9BFF; }　/*訪問済みリンクの色*/
a:hover { color: #808080; }　/*マウスオン時のリンクの色*/
a:active { color: #6E9BFF; }　/*クリックしている時のリンクの色*/


//link_white a:link { color: #ffffff; }　/*リンクの色*/
//link_white a:visited { color: #ffffff; }　/*訪問済みリンクの色*/
//link_white a:hover { color: #ffffff; }　/*マウスオン時のリンクの色*/
a.basew { color: #ffffff; }　/*クリックしている時のリンクの色*/
a.basew:link { color: #ffffff; }　/*リンクの色*/
a.basew:visited { color: #ffffff; }　/*訪問済みリンクの色*/
a.basew:hover { color: #ffffff; }　/*マウスオン時のリンクの色*/
a.basew:active { color: #ffffff; }　/*クリックしている時のリンクの色*/

p.white_str { color: #6E9BFF; }

//a.ash_link {
//  text-decoration: none;
//}

//a.ash_link:link { color: #696969; }　/*リンクの色*/
//a.ash_link:visited { color: #696969; }　/*訪問済みリンクの色*/
//a.ash_link:hover { color: #696969; }　/*マウスオン時のリンクの色*/
//a.ash_link:active { color: #696969; }　/*クリックしている時のリンクの色*/

body {
  /* 画像ファイルの指定 */
  background-image: url(./img/dt_n.jpg);
   
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
   
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #464646;

  font-family: "sans-serif";
}
/*------------------------*/
.tooltip{
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.tooltip p{
    margin:0;
    padding:0;
}
.description {
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    line-height: 1.6em;
    color: #888888;
    border-radius: 5px;
    background: #ffffff;
    width: 400px;
}

.tooltip:hover .description3{
    display: inline-block;
    top: 0px;
    left: 80px;
}

.tooltip2{
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.tooltip2 p{
    margin:0;
    padding:0;
}
.description2 {
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #6E9BFF;
    width: 300px;
}
/*
 * .description2:before {
 *     content: "";
 *         position: absolute;
 *             top: 0%;
 *                 right: 95%;
 *                     border: 15px solid transparent;
 *                         border-top: 15px solid #902BFF;
 *                             margin-left: -15px;
 *                                 transform: rotateZ(90deg);
 *                                 }
 *                                 */

.tooltip2:hover .description2{
    display: inline-block;
    top: 0px;
    left: 80px;
}

/*------------------------*/
.tooltip3{
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.tooltip3 p{
    margin:0;
    padding:0;
}
.description3 {
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #6E9BFF;
    width: 400px;
}

.tooltip3:hover .description3{
    display: inline-block;
    top: 0px;
    left: 80px;
}