@charset "utf-8";
@media screen,print {
/* for jquery.li-scroll.js */
#main ul#messagescroll { width: 632px; height: 3em; margin: 0; padding: 0; overflow: hidden; color: #66ccff;  }
#main ul#messagescroll li { width: 110em; list-style-type: none; margin: 0; }


#main #tgd_top {  }

#tgd_top #eyecatch { display: block; width: 664px; padding-bottom: 8px;  border-top: 4px solid #3399cc; border-bottom: 4px solid #ccccf0; background-image: url(/image/bg/gradation04_bg_blue.png); background-repeat: repeat-x; background-position: 0 -360px; }
#tgd_top #eyecatch img { display: block; margin: 0px auto 8px; }
#tgd_top #eyecatch object { margin: 0 auto; display: block; }
#tgd_top #eyecatch embed { margin: 0 auto; display: block;  }

#tgd_top #point { padding: 16px 16px 0; /*border-bottom: 1px solid #ececec;*/ }
#tgd_top #point #koko { border-bottom: 1px solid #ececec; }
#tgd_top #point ul  { margin-top: 8px; }
#tgd_top #point ul li { font-size: 85%; margin-left: 2.2em; line-height: 140%; display: list-item;  list-style-image: url(/image/icon/arrow01_bg_white_11x8.gif); }

#tgd_top #introduction { background-image: url(/image/tgd/top/separate-bg.png); background-repeat: repeat-x; margin-top: 16px; padding: 16px 16px 0; border-top: 1px dotted #cccccc; }
#tgd_top #introduction dl.links { padding-top: 16px; }
#tgd_top #introduction dl.links dt { margin: 16px 0 16px; padding: 4px 8px; background-color: #ececec; }
#tgd_top #introduction dl.links dt.first { margin-top: 0; }
#tgd_top #introduction dl.links dd { width: 306px; margin-left: 16px; float: left;  padding: 0; border-bottom: 1px dotted #cccccc; border-right: 1px dotted #cccccc; }
#tgd_top #introduction dl.links dd.first { margin-left: 0px; }
#tgd_top #introduction dl.links dd div { width: 146px; display: block; float: left; }
#tgd_top #introduction dl.links dd div a { display: block; font-size: 75%; color: #3399f0; }
#tgd_top #introduction dl.links dd div a.detail { line-height: 160%; margin-top: 2px; padding: 2px 0 2px 20px; background-image: url(/image/icon/arrow05_bg_white_12x12.gif?dd); background-repeat: no-repeat; background-position: 4px 6px; text-decoration: none;  }
#tgd_top #introduction dl.links dd div a.detail:hover { text-decoration: underline; background-color: #d8d8d8; }
#tgd_top #introduction dl.links dd div img { width: 146px; height: 75px; display: block; padding: 0; }
#tgd_top #introduction dl.links dd p { width: 144px; display: block; float: left; padding: 0; margin: 0 0 0 8px; font-size: 75%; line-height: 160%; color: #494949; }

#tgd_top #experience { margin-top: 16px; padding: 0 0 16px; border-bottom: 1px solid #ececec; font-size: 85%; }
#tgd_top #experience div.doc { padding-top: 16px; }
#tgd_top #experience div.doc p { padding: 0 16px 0; line-height: 160%; }
#tgd_top #experience div.doc p span { font-weight: bold; color: #ff6600; }
#tgd_top #experience ul { margin-top: 16px; margin-left: 16px;  }
#tgd_top #experience ul li { display: block; float: left; margin-left: 16px; padding: 0;  }
#tgd_top #experience ul li img { display: block; }
#tgd_top #experience ul li.first { margin-left: 0; }

#tgd_top #qr { padding: 16px 16px 16px; border-bottom: 1px solid #ececec; }
#tgd_top #qr img { display: block; }

#tgd_top #employment { margin-top: -80px; padding-top: 104px; margin-bottom: 24px;  }
#tgd_top #employment p#newer { padding: 8px 16px; background-color: #ececec; }
#tgd_top #employment #employment-frame { padding: 8px 16px; font-size: 75%; height: 20em; overflow: auto; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }
#tgd_top #employment #employment-frame table { width: auto; border: 0; border-collapse: collapse; border-spacing: 0; }
#tgd_top #employment #employment-frame table tr { border: 0;}
#tgd_top #employment #employment-frame table tr.hilight { background-color: #e3e3e3; }
#tgd_top #employment #employment-frame table tr td { padding: 2px 8px; border: 0; }
#tgd_top #employment p#employment-note { padding: 8px 16px 0; font-size: 85%; line-height: 160%; color: #494949; }
#tgd_top #employment #employment-message { padding: 8px 16px 0; line-height: 140%; font-family: monospace; }
#tgd_top #employment #employment-message p { font-size: 80%; line-height: 140%; font-family: monospace; color: #494949; }
#tgd_top #employment #employment-update { padding: 8px 16px 0; }
#tgd_top #employment #employment-update p { font-size: 80%; line-height: 140%; font-family: monospace; color: #494949; }

} /* end screen,print */

@media print {
} /* end print */