html, body {padding: 0px; margin: 0px; font-family: Tahoma; font-size: 14px; color: black; line-height: 1.2; }
td {vertical-align: top }
img {border: none}
table { border-collapse: separate }
h3 { padding: 0; margin: 0px; margin-bottom: 5px}
form, input { padding: 0px; margin: 0px}

#topbar {/* background: #aaa;*/ height: 50px; margin: 0px; padding: 0px; }

#clocks { position: absolute; margin-left: 20px; width: 300px;  background: url('img/clocks_back.gif') no-repeat bottom; padding-bottom: 30px; cursor: pointer }
#other_clocks { overflow: hidden; vertical-align: bottom}
#main_clock { margin-top: 20px }

#width_hack { font-size: 1px; height: 1px; width: 910px}
#wrapp_table { height: 100%; border-collapse: collapse; text-align: left; width: 1010px }

#top_left { background: url('img/yellow/head_left_back.jpg') no-repeat }
#top_head { height: 22px; background: url('img/yellow/head_back.jpg'); }
#top_right { background: url('img/yellow/head_right_back.jpg') no-repeat }

/*#contacts { width: 300px; height: 206px;/* margin-left: 30px; margin-bottom: 0px; margin-right: 10px;*//* float: left; background:url('img/yellow/contacts_g_back.gif') no-repeat; font-size: 10px; font-weight: bold; font-family: Arial}
#contacts div {padding: 54px 0px 0px 30px; }*/
/*
#contacts { width: 300px; height: 206px;/* margin-left: 30px; margin-bottom: 0px; margin-right: 10px;*//* float: left; background:url('img/yellow/contacts_m_back.gif') no-repeat; font-size: 12px; font-weight: bold; font-family: Arial}
#contacts div {padding: 20px 0px 0px 110px; }*/

#contacts { width: 270px; height: 206px; margin-left: 20px;/* margin-bottom: 0px; margin-right: 10px;*/ float: left; background:url('img/yellow/contacts_m_back.gif') no-repeat; font-size: 10px; font-weight: bold; font-family: Arial}
#contacts div {padding: 76px 0px 0px 20px; }


#head_title { float:left; width: 420px; height: 200px; margin: 0px 13px; background: url('img/yellow/tosei_logo2.gif') 300% center no-repeat}
#head_caption { font-size: 50pt;  color: #c04242; font-weight: bold; margin: 5px 0px; }
#head_slogan { font-size: 13px }
#toolbar { margin-left: 20px; margin-top: 10px}
/* #toolbar a { } */
#toolbar img.button {margin-right: 20px; width: 20px; border: none}
#toolbar div { float: left}

#proposal { float: left; width: 150px; text-align: center; height: 200px;  border: 1px solid #c8c4a3; }
#proposal .caption {text-align: center; color: #c04242; width: 100%; height: auto; font-size: 12px; font-weight: bold; margin-bottom: 5px}
#proposal .caption:first-letter { font-family: Mistral; font-size: 16px }
#proposal marquee { overflow: hide; height: 175px }
#proposal img { width: 100px; margin: 10px 0px}
#proposal div { border-top: 1px solid #c8c4a3; border-bottom: 1px solid #c8c4a3; margin: 2px 0px; text-align: center; background: url('img/yellow/film_back.gif')  }

/*#proposal { font-size: 8pt; float: left;  border: 1px solid #c8c4a3; margin-top: 30px; margin-right: 0px; margin-left: 20px}
#proposal td { width: 50px;  margin: 0px; padding: 0px; height: 50px; }
#proposal img {margin: 0px 3px; z-index: 100}
#proposal div {  float: left; width: 60px;  position: relative;  height: 50px;}
#proposal a {color: black}
#proposal a:hover img {z-index: 1000; border: 1px solid gray}

#proposal .caption {text-align: center; color: #c04242; width: 100%; height: auto; font-size: 12px; font-weight: bold;}
#proposal .caption:first-letter { font-family: Mistral; font-size: 16px }
#proposal .caption div {width: 100%}*/

#content { background: url('img/yellow/content_back.jpg'); padding: 10px; vertical-align: top; text-align: left}
#left_border {background: url('img/yellow/left_back.jpg') repeat-y}
#right_border {background: url('img/yellow/right_back.jpg') repeat-y}

#bottom_foot {height: 100px; background: url('img/yellow/bottom_back.jpg') repeat-x; padding: 5px; padding-left: 15px }
#foot_title {/*border: 2px solid #cccccc;*/ font-size: 10pt; padding: 2px; padding-left: 15px; float: left}
#foot_copyright { float: right; padding-top: 10px}
#bottom_left {height: 100px; background: url('img/yellow/bottom_left_back.jpg') no-repeat }
#bottom_right {height: 100px; background: url('img/yellow/bottom_right_back.jpg') no-repeat }

/* Content */

#content_table { width: 100%; border-spacing: 2px; text-align: left; }

#main_table { background: url('img/yellow/table_back.gif') no-repeat bottom left }

#contents {border: 2px solid #c8c4a3; padding: 5px; font-size: 9pt; font-weight: bold; text-transform: uppercase; width: 856px; text-align: left}
#contents ul { margin: 0px;  width: 100%; padding-left: 40px; }
#contents ul li { display:inline; margin-right: 40px; list-style-type: disk; }
#contents ul li a { color: #c04242; }
#contents ul li a:hover { color: #999 ; }


.mp_column { width: 210px; border: 2px solid #c8c4a3; height: 100%; text-align: left }
.mp_column center {height: 100px;}
.mp_column ul {list-style: none; margin-left: 15px; font-size: 13pt; font-weight: bold; padding: 0px; margin-top: 0px }
.mp_column small ul {list-style: none; margin-left: 15px; font-size: 10pt !important; font-weight: bold; padding: 0px; margin-top: 0px }
.mp_column ul li:first-letter {font-size: 24px; font-family: Mistral}
.mp_column ul li li:first-letter {font-size: 12px; font-family: Tahoma}
.mp_column ul li li {line-height: 1} 
.mp_column A {text-decoration: none; color: #c04242}
.mp_column A:hover {text-decoration: underline; color: #999}
.mp_column UL LI LI A { font-size: 12px; font-weight: normal; color: black; }

#hint { width: 300px; position: absolute; top: 240px; }
#hint .etc { float: right; margin-top: 10px; clear: both }
#hint .etc a { color:  #c8c4a3; font-weight: bold}
#hint_top { height: 25px; background: url('img/yellow/hint_top.gif') }
#hint_top a { border: 1px solid #e04848; color: #e04848; cursor: pointer; float: right; margin-right: 20px; margin-top: 7px; font-weight: bold; font-family: Arial }
#hint_top a:hover { border: 1px solid red; color: red }
#hint_message { background: url('img/yellow/content_back.jpg'); padding: 10px; padding-left: 30px; border-left: 1px solid gray; border-right: 1px solid gray}
#hint_bottom { height: 25px; background: url('img/yellow/hint_bottom.gif') }

#hint .lp { float: left; width: 140px}
#hint .rp { float: left; width: 90px}

#hints { display: none }

#hint_contacts {height: 120px}

#hint_search { height: 60px; }
#hint_search input { float: left; height: 16px !important; margin-top: 10px}
#hint_search #srch_id {font: normal 11px Tahoma, serif;  width: 200px;  border: none; border-left: 1px solid #b7b7b7; background: url('i/inp_bg.gif') 0 0 repeat-x}

#hint_time { height: 130px }
#hint_time .rp { padding-left: 30px; width: 50px}

#hint_currency { height: 50px }