/* デフォルトのリンク文字 */

a:link {font-family: Osaka, MS PGOTHIC, sans-serif; color:#227ed2; text-decoration:none; line-height:1.2}
a:visited {font-family: Osaka, MS PGOTHIC, sans-serif; color:#227ed2; text-decoration:none; line-height:1.2}
a:hover {font-family: Osaka, MS PGOTHIC, sans-serif; color:#FF6600; text-decoration:none; line-height:1.2}
a:active {font-family: Osaka, MS PGOTHIC, sans-serif; color: #222222; text-decoration:none; line-height:1.2}


/* ヘッダー、フッターのリンク文字 */

.top { font-family: Osaka, MS PGOTHIC, sans-serif; font-size: 10px; letter-spacing: 1px; COLOR: #666699; TEXT-DECORATION: none; font-style: italic}
a.top:link { font-family: Osaka, MS PGOTHIC, sans-serif; font-size: 10px;letter-spacing: 1px; COLOR: #666699; TEXT-DECORATION: none; font-style: italic}
a.top:visited { font-family: Osaka, MS PGOTHIC, sans-serif; font-size: 10px; letter-spacing: 1px; COLOR: #666699; TEXT-DECORATION: none; font-style: italic}
a.top:hover { font-family: Osaka, MS PGOTHIC, sans-serif; font-size: 10px; letter-spacing: 1px; COLOR: #666699; TEXT-DECORATION: none; font-style: italic}
a.top:active { font-family: Osaka, MS PGOTHIC, sans-serif; font-size: 10px; letter-spacing: 1px; COLOR: #666699; TEXT-DECORATION: none; font-style: italic}


BODY  {
margin:0 0 0 0;
background-image : url(http://www.human-support.net/images/bg.gif);
background-repeat : repeat-y;
font-size: 80%;
font-family: Osaka, MS PGOTHIC, sans-serif;
}

table {
background-color:#FFFFFF;
vertical-align: top;
color:#555555;
}


/* トップナビの書式 */

/* 一行目 */
td#topnavi1{
width: 700px;
height: 24px;
background-color:#1F3E4B;
}

td#topnavi1 a{
font-size: 10px;
letter-spacing: 1px;
COLOR: #666699;
font-style: italic;
float: left;
}

td#topnavi1 img{
float: right;
vertical-align:bottom;
}

/* ヘッダーの上部ライン */

td#topnavi2{
width: 700px;
height: 1px;
background-color: #679BD3;
}

td.topnavi3{
width: 700px;
height: 1px;
background-color: #21416C;
}

td.topnavi4{
width: 700px;
height: 1px;
background-color: #7ECEEB;
}

/* TLTロゴ部分 */

td#topnavi5 {
width: 700px;
height: 45px;
background-color: #679BD3;
}

td#topnavi5 a {
font-size: 60%;
letter-spacing: 1px;
COLOR: #666699;
font-style: italic;
float: right;
}

td#topnavi5 img {
float: left;
}

/* トップナビゲーション */

a.leftmenu {
font-family: Osaka, MS PGOTHIC, sans-serif;
font-size: 10px;
letter-spacing: 1px;
COLOR: #227ed2;
TEXT-DECORATION: none;
}

a.leftmenu:hover {
font-family: Osaka, MS PGOTHIC, sans-serif;
font-size: 10px;
letter-spacing: 1px;
COLOR: #111111;
TEXT-DECORATION: none;
}

.leftmenuon {
font-family: Osaka, MS PGOTHIC, sans-serif;
font-size: 10px;
letter-spacing: 1px;
COLOR: #111111;
TEXT-DECORATION: none;
text-align:center;
background-color:#D7D7D7;
}



/* トップナビゲーションの下部ライン */

td.topnavi6{
width: 700px;
height: 1px;
background-color: #D7D7D7;
}

td.topnavi7{
width: 700px;
height: 4px;
background-color: #EBEBEB;
}

td.topnavi8{
width: 700px;
height: 1px;
background-color: #FFFFFF;
margin: 0px;
}

td#topnavi9{
height: 25px;
margin: 0px;
padding-top: 0px;
padding-bottom: 10px;
padding-left: 5px;
font-size: 80%;
font-weight:bold;
}

img.point{
margin-left: 5px;
margin-right: 0px;
paddin: 0px;
}

.unselected {
font-size: 80%;
color: #00CCCC;
}

.selected {
font-size: 100%;
color: #111111;
}


/* コンテンツ部分 */

#conofs {
width: 500px;
margin: 0px 0px 0px 100px;
padding: 0px;
border: none;
}


/* コンテンツ内の文字 */

h1.header {
font-weight: bold;
}

h2.header {
font-size: 110%;
margin: 0px;
padding: 0px;
}

.header1{
font-family: Osaka, MS PGOTHIC, sans-serif;
font-size: 16px;
font-weight: bold;
text-decoration:none;
line-height:1.2;
text-align: center;
}

.head3 {
font-family: Osaka, MS PGOTHIC, sans-serif;
font-size: 12px; color: #555555;
font-weight: normal;
text-decoration:none;
line-height:1.4;
text-align: right;
}

.cha {
font-family: Osaka, MS PGOTHIC, sans-serif;
font-size: 13px;
color: #555555;
font-weight: normal;
text-decoration:none;
line-height:1.2;
text-align:center;
}

.txt1 {
font-size: 80%;
color: #555555;
font-weight: normal;
text-decoration:none;
line-height:1.4;
text-align:left;
}

.txt2 {
font-size: 80%;
color: #555555;
font-weight: normal;
text-decoration:none;
line-height:1.4;
text-align:center;
}

/* 仕切り線 */
#dotline {
background-image: url(http://www.human-support.net/images/dot.gif);
background-repeat:repeat-y; 
width: 20px;
}


/* 強調 */
.st4 {
font-weight:bold;
color:#FF0000;
}

.strong1 {
font-weight:bold;
color:#FF0000;
}

/* 動作環境、会社概要の表 */

table.hyo1 {
border-right: 1px solid #679BD3;
border-top: 1px solid #679BD3;
margin-left:100px;
}

table.hyo1 tr{
border-right: 1px solid #679BD3;
border-top: 1px solid #679BD3;
}

table.hyo1 td{
border-bottom: 1px solid #679BD3;
border-left: 1px solid #679BD3;
font-size:80%;
color:#555555;
padding: 5px;
}

table.hyo1 h1 {
color: #FFFFFF;
font-size: 18px;
margin: 0px;
padding: 0px;
}

table.hyo1 td.h1 {
background-color: #679BD3;
padding: 5px;
height: 40px;
text-align: center;
}

table.hyo1 td.td1 {
width: 100px;
text-align: center;
}

table.hyo1 td.td2 {
width: 400px;
text-align: left;
}

table.hyo1 td.td3 {
width: 30px;
text-align: center;
}

table.hyo1 td.td4 {
width: 470px;
text-align: left;
}

/* リンクの表 */

table.hyo2 {
border-right: 1px solid #679BD3;
border-top: 1px solid #679BD3;
margin-left:20px;
}

table.hyo2 tr{
border-right: 1px solid #679BD3;
border-top: 1px solid #679BD3;
}

table.hyo2 td{
border-bottom: 1px solid #679BD3;
border-left: 1px solid #679BD3;
font-size:80%;
color:#555555;
padding: 5px;
}

table.hyo2 td.td1 {
width: 150px;
text-align: center;
}

table.hyo2 td.td2 {
width: 500px;
text-align: left;
}

table.hyo3 {
border-right: 1px solid #66cccc;
border-top: 1px solid #66cccc;
margin-left:20px;
margin-top: 0px;
}

table.hyo3 tr{
border-right: 1px solid #66cccc;
border-top: 1px solid #66cccc;
}

table.hyo3 td{
border-bottom: 1px solid #66cccc;
border-left: 1px solid #66cccc;
font-size:10px;
color:#555555;
padding: 5px;
line-height:20px;
}

table.hyo3 td#td1 {
background-color: #ffcc66;
line-height: default;
padding-top: 6px;
}

/* howto */

ul.b{
margin-left: 0px;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 0px;
list-style-type: none;
}

ul.b li{
padding-bottom: 2px;
padding-top:2px;
}

td#td1 {
padding: 0px 5px 5px 10px;
vertical-align: top;
text-align:left;
width: 170px;
font-size: 80%;
}

td#td2 {
padding: 0px 5px 5px 10px;
vertical-align: top;
text-align:left;
width: 516px;
font-size: 80%;
}

td#td2 h1 {
font-size: 140%;
}


/* フッター */
td#foot1{
width: 700px;
height: 25px;
background-color: #FFFFFF;
}

td.foot2{
width: 700px;
height: 20px;
background-color: #ebebeb;
font-family: Osaka, MS PGOTHIC, sans-serif;
font-size: 10px;
font-weight: normal;
text-decoration:none; 
line-height:1.2;
}

#footermenu {
font-size: 10px;
color:#555555;
text-align:center;
padding-top: 0px;
padding-bottom: 0px;
}

#footermenu a.line {
font-family: Osaka, MS PGOTHIC, sans-serif;
font-size: 10px;
font-weight: normal;
text-decoration:none;
line-height:1.2;
margin: 0px 3px;
}

#fottermenuon {
font-size: 10px;
COLOR: #000000;
text-align:center;
margin: 0px 3px;
}

td#foot3{
background-color: #ebebeb;
width: 55px;
height: 20px;
}

td#foot4{
width: 700px;
height: 1px;
background-color: #A1A1A1;
}

td#foot5{
width: 700px;
height: 14px;
background-color: #C6C6C6;
margin: 0px;
padding: 0px;
}

td#foot5 a {
font-size: 60%;
letter-spacing: 1px;
COLOR: #666699;
font-style: italic;
float: right;
margin: 0px;
padding: 0px;
}

td#foot5 img {
width: 280px;
height: 14px;
border: none;
float: left;
margin: 0px;
padding: 0px;
}

dl{
font-size:12px;
margin:2em 1em 2em 1em;
padding:0;
line-height:1.5em;
}

.qa{
margin:5px 5px 5px 5px;
font-size:12px;
color:#0088CC;
font-weight:bold;
}

.qa2{
margin:5px 5px 5px 5px;
font-size:13px;
font-weight:bold;
}

.qa3{
width:520px;
margin:40px 5px 40px 5px;
padding:0px;
}

.qalist{
font-size:12px;
list-style-type: cjk-ideographic;
margin:1em 1em 1em 2em;
padding:1em;
}

.q{
font-size:12px;
width:500px;
margin:20px 5px 10px 5px;
line-height:1.2em;
font-weight:bold;
}

.a{
font-size:12px;
width:500px;
margin:10px 5px 20px 5px;
line-height:1.4em;
}