.jp-title    { color: #FF0000; font-weight: bold; margin-left: 10px; margin-top: 7; margin-bottom: 0 }
.setumei     { color: #FFFFFF; line-height: 150%; margin-left: 20px; }
.setumei-e     { color: #FFFFFF; line-height: 150%; margin-left: 20 }
.eng-title   { color: #FFFF00; margin-left: 10px; margin-top: 0; margin-bottom: 0 }
.label { line-height: 150%; }

body        { background-color: #000000; color: #FFFFFF; }
a:link { color: #FFFF00; }
a:visited { color: #FFCC99; }
a:active { color: #FFFF00; }
a:hover { color: #FFFF00; }

td.td5 { width: 650px;  background-color: #FF00FF; text-align: center; color: #FFFFFF; font-weight: bold; }
td.td6 { height: 30px; text-align: center; }
td.td8 { width: 200px; text-align: center; }

div.head img { margin: 1px; }
.title img { width: 100%; }

/*-----------------------*/
/*  for smart phone  */
/*-----------------------*/
@media screen and (max-width: 479px){
div.title { width: 100%; margin-left : auto; margin-right : auto; }
div.head { width: 100%; margin-left : auto; margin-right : auto; }
div.external { width: 100%; margin-left : auto; margin-right : auto; }
div.main { width: 100%; margin-left : auto; margin-right : auto; }

div.head img { width: 110px; }
div.main img { width: 100px; }

td.td1 { background-color: #000080; text-align: center; color: #FFFFFF; vertical-align: top; }
td.td3 { background-color: #000080; color: #FFff00; vertical-align: top; }
td.td9 { width: 100%; text-align: right; }
}

/*-----------------------*/
/*  for tablet  */
/*-----------------------*/
@media screen and (max-width: 767px){
div.title { width: 100%; margin-left : auto; margin-right : auto; }
div.head { width: 100%; margin-left : auto; margin-right : auto; }
div.external { width: 100%; margin-left : auto; margin-right : auto; }
div.main { width: 100%; margin-left : auto; margin-right : auto; }

td.td1 { background-color: #000080; text-align: center; color: #FFFFFF; vertical-align: top; }
td.td3 { background-color: #000080; color: #FFff00; vertical-align: top; }
td.td9 { width: 100%; text-align: right; }
}

/*-----------------------*/
/*  for pc  */
/*-----------------------*/
@media screen and (min-width: 768px){
div.title { width: 700px; margin-left : auto; margin-right : auto; }
div.head { width: 700px; margin-left : auto; margin-right : auto; }
div.external { width: 700px; margin-left : auto; margin-right : auto; }
div.main { width: 700px; margin-left : auto; margin-right : auto; }

td.td1 { width: 150px; background-color: #000080; text-align: center; color: #FFFFFF; vertical-align: top; }
td.td3 { width: 500px; background-color: #000080; color: #FFff00; vertical-align: top; }
td.td9 { width: 650px; text-align: right; }
}