
body { -webkit-text-size-adjust : 100% ; }

img {
max-width : 100% ;
height : auto ;
}


iframe { width : 100% ; }


@media screen and (max-width: 480px) {
h2 {
font-size : 75% ;
margin : 1em 0 0.8em 0 ; }
}


@media screen and (max-width: 480px) {
p {
width : 100% ;
font-size : 65% ;
margin : 0 0 1.8em 0 ;
line-height : 1.6 ; }
}





/* 太字1 */

span.a {font-weight: bold; }
p.ht {font-weight: bold; 	font-family: 'ＭＳ ゴシック';	font-size: 20pt;}
p.ht2 { 	font-family: 'ＭＳ ゴシック';	font-size: 100%;}



/* やや太字1 */

p.isuzu { 	font-family: 'ＭＳ ゴシック';	font-size: 14pt;}



/* 破線 */
.dashed_line {
  border: dashed 2px skyblue;	background: #fffff0;
}





/* 下線 */
.non1 {
    border-bottom: 3px solid #fb007d;
}

.non2 {
    border-bottom: 3px solid #007d00;
}

.non3 {
    border-bottom: 3px solid #276cfc;
}

.non4 {
    border-bottom: 3px solid #000000;
}





/* 文字囲み */
.hybrid {
    border: 4px double #9966ff;}

.olympic {
    border: 4px double #008000; color:#008000; background-color:#f4f4ff;}

.fujisan {
    border: 4px double #008000; color:#008000; background-color:#e0ffff;}

.evkanamin {
    border: 4px double #0000ff;}



/* その他、文字飾り */

font.kait{ color:#ffffff; background-color:#800080;}

font.iseki { color: #0000ff; background: #ffff00;}

font.kaigai { color: #202020; background: #00e0e0;}





/* 見出し */

p {padding: 10px
}

h1{
font-size: 250%;
color: #0000ff;/*文字色*/
padding: 0.5em;/*文字周りの余白*/
display: inline-block;/*おまじない*/
line-height: 1.3;/*行高*/
background: #dbebf8;/*背景色*/
vertical-align: middle;/*上下中央*/
border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}

h1:before {
content: '●';
color: white;
margin-right: 8px;
}





/* テーブル-1 */


table.a {
  width: auto;
  border-spacing: 0;
  font-size:16px;
}

table.b {
  width: auto;
  border-spacing: 0;
  font-size:16px;
}

table.a th {
  color: #fff;
  padding: 8px 15px;
  background: #258;
  background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));
  font-weight: bold;
  border-left:1px solid #258;
  border-top:1px solid #258;
  border-bottom:1px solid #258;
  line-height: 120%;
  text-align: center;
  text-shadow:0 -1px 0 rgba(34,85,136,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}

table.b th {
  color: #fff;
  padding: 8px 15px;
  background: #258;
  background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));
  font-weight: bold;
  border-left:1px solid #258;
  border-top:1px solid #258;
  border-bottom:1px solid #258;
  line-height: 120%;
  text-align: center;
  text-shadow:0 -1px 0 rgba(34,85,136,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}

table.a th:first-child {
  border-radius: 5px 0 0 0;	
}

table.b th:first-child {
  border-radius: 5px 0 0 0;	
}

table.a th:last-child {
  border-radius:0 5px 0 0;
  border-right:1px solid #258;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}
table.b th:last-child {
  border-radius:0 5px 0 0;
  border-right:1px solid #258;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}

table.a tr td {
  padding: 5px 5px;
  border-bottom: 1px solid #84b2e0;
  border-left: 1px solid #84b2e0;
}

table.b tr td {
  padding: 5px 5px;
  border-bottom: 1px solid #84b2e0;
  border-left: 1px solid #84b2e0;
}

table.a tr td:last-child {
  border-right: 1px solid #84b2e0;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}

table.b tr td:last-child {
  border-right: 1px solid #84b2e0;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}

table.a tr {
  background: #fff;
}

table.b tr {
  background: #fff;
}

table.a tr:nth-child(2n+1) {
  background: #ffffd0;
}

table.a tr:nth-child(2n+1) {
  background: #ffffd0;
}

table.b tr:nth-child(2n+1) {
  background: #e0ffff;
}

table.a tr:last-child td {
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}

table.b tr:last-child td {
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}

table.a tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

table.b tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

table.a tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}

table.b tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}

table.a tr:hover {
  background: #e0ffe0;
  cursor:pointer;
}

table.b tr:hover {
  background: #e0e0ff;
  cursor:pointer;
}

table.c tr:hover {
  background: #fff0ff;
  cursor:pointer;
}


/* LEDコーナーMenu */
p.led01 {font-size: 200%; color: blue; family: "ＭＳ ゴシック",sans-serif;}






























