@charset "UTF-8";

.pankuzu { color: #666; font-size: 80%; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, 平成角ゴシック; line-height: 180%; text-align: left; margin-bottom: 5px; width: 725px; border-bottom: 1px solid #ccc }
#con_box_title  { color: #333; font-size: 135%; font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", 細明朝体, 平成明朝; background-repeat: no-repeat; text-align: left; margin-top: 15px; margin-bottom: 5px; float: left }
.content    { text-align: left; float: left }
.body_txt { color: #555; font-size: 80%; line-height: 160%; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-bottom: 10px; width: 725px; float: left; border-bottom: 1px solid #ccc }
#con725pxbox    { background-image: url("../img/back_img03.gif"); background-repeat: repeat-y; background-position: 0 0; text-align: center; margin-right: auto; margin-left: auto; width: 725px; float: left }
#con500pxbox { width: 500px; float: left }
#con500pxbox table { font-size: 100%; line-height: 150%; background-color: gray }
#con500pxbox td { background-color: #fff; padding: 3px }
#con500pxbox th  { background-color: #c4e555; padding: 3px }
#con500pxbox h3   { color: #666; font-size: 100%; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, 平成角ゴシック; line-height: 160%; background-repeat: no-repeat; background-position: 0 10px; text-align: left; margin-top: 20px; padding-top: 10px; width: 100%; float: left; border-top: 1px solid #ccc }
#con500pxbox h4   { color: #555; font-size: 100%; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, 平成角ゴシック; font-weight: bold; line-height: 160%; text-align: left; margin-top: 10px; margin-left: 5px; width: 100%; float: left }
#con500pxbox h5 { color: #555; font-size: 95%; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, 平成角ゴシック; font-weight: bold; line-height: 160%; text-align: left; margin-top: 10px; margin-left: 5px; width: 100%; float: left }
#con500pxbox h6 { color: #555; font-size: 80%; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, 平成角ゴシック; font-weight: bold; line-height: 160%; text-align: left; margin-top: 10px; margin-left: 5px; width: 100%; float: left }
#con500pxbox ul   { color: #333; font-size: 95%; font-weight: bold; line-height: 160%; text-align: left; list-style-type: disc; display: block; padding-left: 30px; width: 500px; float: left; clear: both }
#con500pxbox ol  { color: #333; font-size: 95%; font-weight: bold; line-height: 160%; text-align: left; list-style-type: decimal; display: block; padding-left: 30px; width: 500px; float: left; clear: both }
#con500pxbox li { margin-left: 20px }
#con500pxbox p { color: #555; font-size: 80%; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, 平成角ゴシック; line-height: 160%; text-align: left; margin-bottom: 10px; margin-left: 5px; padding-right: 10px; width: 500px; float: left }
#con500pxbox dl { margin-left: 10px }
#con500pxbox dt { background-image: url("../img/ex_title.gif"); background-repeat: no-repeat; text-indent: -7000px; width: 500px; height: 30px; float: left }
#con500pxbox dd  { text-align: left; text-indent: -7000px }
.ex1  { background-image: url("../img/ex01.gif"); background-repeat: no-repeat; display: block; margin-top: 10px; width: 240px; height: 65px; float: left }
.ex1 a  { text-decoration: none; background-image: url("../img/ex01.gif"); background-repeat: no-repeat; display: block; width: 240px; height: 65px; float: left }
.ex1 a:hover  { text-decoration: none; background-image: url("../img/ex01.gif"); background-repeat: no-repeat; background-position: -240px 0; display: block; width: 240px; height: 65px; float: left }
.ex2  { background-image: url("../img/ex02.gif"); background-repeat: no-repeat; display: block; margin-top: 10px; width: 240px; height: 65px; float: right }
.ex2 a  { text-decoration: none; background-image: url("../img/ex02.gif"); background-repeat: no-repeat; display: block; width: 240px; height: 65px; float: right }
.ex2 a:hover  { text-decoration: none; background-image: url("../img/ex02.gif"); background-repeat: no-repeat; background-position: -240px 0; display: block; width: 240px; height: 65px; float: right }
.ex3  { background-image: url("../img/ex03.gif"); background-repeat: no-repeat; display: block; margin-top: 10px; width: 240px; height: 65px; float: left }
.ex3 a { text-decoration: none; background-image: url("../img/ex03.gif"); background-repeat: no-repeat; display: block; width: 240px; height: 65px; float: left }
.ex3 a:hover { text-decoration: none; background-image: url("../img/ex03.gif"); background-repeat: no-repeat; background-position: -240px 0; display: block; width: 240px; height: 65px; float: left }
.ex4 { background-image: url("../img/ex04.gif"); background-repeat: no-repeat; display: block; margin-top: 10px; width: 240px; height: 65px; float: right }
.ex4 a  { text-decoration: none; background-image: url("../img/ex04.gif"); background-repeat: no-repeat; display: block; width: 240px; height: 65px; float: right }
.ex4 a:hover  { text-decoration: none; background-image: url("../img/ex04.gif"); background-repeat: no-repeat; background-position: -240px 0; display: block; width: 240px; height: 65px; float: right }
.ex5 { background-image: url("../img/ex05.gif"); background-repeat: no-repeat; display: block; margin-top: 10px; width: 240px; height: 65px; float: left }
.ex5 a  { text-decoration: none; background-image: url("../img/ex05.gif"); background-repeat: no-repeat; display: block; width: 240px; height: 65px; float: left }
.ex5 a:hover  { text-decoration: none; background-image: url("../img/ex05.gif"); background-repeat: no-repeat; background-position: -240px 0; display: block; width: 240px; height: 65px; float: left }
.ex6 { background-image: url("../img/ex06.gif"); background-repeat: no-repeat; display: block; margin-top: 10px; width: 240px; height: 65px; float: right }
.ex6 a  { text-decoration: none; background-image: url("../img/ex06.gif"); background-repeat: no-repeat; display: block; width: 240px; height: 65px; float: right }
.ex6 a:hover  { text-decoration: none; background-image: url("../img/ex06.gif"); background-repeat: no-repeat; background-position: -240px 0; display: block; width: 240px; height: 65px; float: right }
#con204pxbox { width: 204px; float: right }
#tdc_green { background-color: #0d8e62; width: 204px }
#tdc_green dl { }
#tdc_green dt { background-image: url("../img/tdc_eng_title.gif"); background-repeat: no-repeat; text-indent: -7000px; margin-top: 10px; width: 204px; float: left }
.red_txt { color: #c00 }
#tdc_green dd { color: #fff; font-size: 80%; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, 平成角ゴシック; line-height: 160%; text-align: left; margin-left: 10px }
#tdc_green a { color: white; text-decoration: none }
#tdc_green a:hover { color: white; text-decoration: underline }
.etc { margin-top: 10px }
.etc_title { color: #0d8e62; font-size: 95%; font-weight: bolder; line-height: 160%; text-align: left; padding-top: 10px }
.etc01  { text-decoration: none; background-image: url("../img/g_banner.gif"); background-repeat: no-repeat; text-indent: -7000px; display: block; margin-top: 10px; width: 204px; height: 54px; float: left }
.etc01 a { text-decoration: none; background-image: url("../img/g_banner.gif"); background-repeat: no-repeat; text-indent: -7000px; display: block; width: 204px; height: 54px; float: left }
.etc01 a:hover { text-decoration: none; background-image: url("../img/g_banner.gif"); background-repeat: no-repeat; background-position: -204px 0; text-indent: -7000px; display: block; width: 204px; height: 54px; float: left }
.etc02  { text-decoration: none; background-image: url("../img/w_banner.gif"); background-repeat: no-repeat; text-indent: -7000px; display: block; margin-top: 10px; width: 204px; height: 54px; float: left }
.etc02 a { text-decoration: none; background-image: url("../img/w_banner.gif"); background-repeat: no-repeat; text-indent: -7000px; display: block; width: 204px; height: 54px; float: left }
.etc02 a:hover { text-decoration: none; background-image: url("../img/w_banner.gif"); background-repeat: no-repeat; background-position: -204px 0; text-indent: -7000px; display: block; width: 204px; height: 54px; float: left }
.etc03  { text-decoration: none; background-image: url("../img/e_banner.gif"); background-repeat: no-repeat; text-indent: -7000px; display: block; margin-top: 10px; width: 204px; height: 54px; float: left }
.etc03 a { text-decoration: none; background-image: url("../img/e_banner.gif"); background-repeat: no-repeat; text-indent: -7000px; display: block; width: 204px; height: 54px; float: left }
.etc03 a:hover { text-decoration: none; background-image: url("../img/e_banner.gif"); background-repeat: no-repeat; background-position: -204px 0; text-indent: -7000px; display: block; width: 204px; height: 54px; float: left }