@charset "utf-8";
/*TOPPAGE ONLY*/
div#header { height: 509px; width: 960px }
div#contents { width: 960px }
div#sub { float: right; width: 220px}
div#main { float: left; width: 732px; margin-bottom: 0}
div#footer { width: 100%; background-color: #03c; height: 160px; text-align: center }

/*全体背景*/
body { background: url(../img/top_body_hk.gif) repeat-x left top}

/*header*/
#header.hk { background: url(../img/top_head_tel.jpg) no-repeat right 33px} 
#header #flabox { height: 358px; text-align: center}
#header #head_menu { height: 66px; background: url(../img/head_menu01b.gif) no-repeat left 50px}

/*topcontents*/
#contents .advan_table table { margin: 0; padding: 0; border-collapse: collapse; height: 146px; margin:0 0 16px 0}
#contents .advan_table table tr td { vertical-align: center; width: 20%; padding: 0; margin: 0; border: 1px solid #ccc; text-align: center}
#contents .advan_table table tr td img { display: block; margin: auto auto}

#contents #main .inner01 { height: 275px; overflow: hidden; width: 732px }
#contents #main .inner01 ul li { list-style: none; margin-left: 8px; font-size: 12px; padding: 7px 0; background: url(../img/ya01.gif) no-repeat left center; padding-left: 18px
}
#contents #main .inner01 ul li a { text-decoration: none}

#contents #main .inner01 img { display: block; margin-bottom: 8px}
#contents #main .menu01 { width: 246px; float: left; height: 275px; overflow: hidden}
#contents #main .menu02 { width: 246px; float: left; height: 275px; overflow: hidden}
#contents #main .menu03 { width: 240px; float: left; height: 275px; overflow: hidden}

#contents #main .inner02 { height: 285px; overflow: hidden; width: 732px; background: url(../img/top_inq_hk.gif) no-repeat right 144px }
#contents #main .inner02 .newsbox { margin: 14px 0 0 4px; border-top: 1px solid #ccc; width: 475px; height: 258px; border-bottom: 1px solid #ccc; background: url(../img/top_newsbox_hk.gif) no-repeat left top}
#contents #main .inner02 .newsbox .md { height: 45px}
#contents #main .inner02 .newsbox .md a { display: block; float: right; background: url(../img/ya01.gif) no-repeat left center; padding: 0 3px 0 14px; margin-top: 15px; font-size: 12px}
#contents #main .inner02 .newsbox .iframe { overflow: scroll; overflow-x: hidden; margin: 3px; padding: 5px; height: 190px}
#contents #main .inner02 .newsbox .iframe table { margin: 0; padding: 0; width: 430px}
#contents #main .inner02 .newsbox .iframe table tr td,
#contents #main .inner02 .newsbox .iframe table tr th { margin: 0; padding: 0; vertical-align: top; font-size: 13px; line-height: 1.3em; text-align: left; padding-bottom: 6px}
#contents #main .inner02 .newsbox .iframe table tr td a,
#contents #main .inner02 .newsbox .iframe table tr th a { text-decoration: none} 
#contents #main .inner02 .newsbox .iframe table tr th { color: #999; width: 90px; font-weight: bold}
#contents #main .inner02 img { float: right; display: block}
#contents #totop { padding: 30px 0 0 0}

/*midasi*/
h2 { margin-left: 15px; display: block; height: 65px}
h2 img { display: block}
.lead { margin-left: 15px; height: 103px}
.lead p { margin: 0 0 12px 0; font-size: 0.9em; line-height: 1.4em}

/*contents*/
#advan { margin-left: 45px}
#advan .md01 { height: 60px}

/*sub*/
#sub .sub_banner { padding: 0 0 10px 0}
#sub .sub_banner img { display: block}
