* { margin: 0; padding: 0; }
body { background-color: white; color: black }

div.main { background-color: white; color: black; }

div.topleft  { background-image: url(img/topbar_dogalogo.gif); width: 200px; height: 1.5em; padding-top: 20px; background-position: bottom left; background-repeat: no-repeat; text-indent: -9999px; }
div.topright { float: right; background-color: #596bd2; height: 1.5em; margin-top: 10px; padding: 5px 5px 5px 40px ; background-image: url(img/topbar_search.gif); background-position: top left; background-repeat: no-repeat; }

div.topbar { clear: both; position: absolute; width: 100%; z-index: 999; }
div.topbar ul.topbar li { list-stype-type: none; display: block; }

div.topbar ul.topbar { position: absolute; display: block; width: 100%; list-style-type: none; border-top: 1px solid #596bd2; }
div.topbar li.on  {                                 display: block; float: left; width: 24%; }
div.topbar li.off { height: 27px; overflow: hidden; display: block; float: left; width: 24%; }

div.top a.topbar    { display: block; height: 24px; background-repeat: no-repeat; background-position: top center; margin: 3px; }
div.top li.submenu a { display: block; height: 36px; background-repeat: no-repeat; background-position: center center; width: 100%;  }
div.top li.submenu a { text-align: center; }
div.top li.submenu a span { background-color: white; border: 1px solid black; padding: 10px; }

div.top a#topbar_1          { background-image: url(img/topbar_home.gif);  text-indent: -9999px; }
div.top a#topbar_1:hover    { background-image: url(img/topbar_home_selected.gif); }

div.top a#topbar_2          { background-image: url(img/topbar_business.gif);  text-indent: -9999px; }
div.top a#topbar_2:hover    { background-image: url(img/topbar_business_selected.gif); }

div.top a#topbar_2_1        { background-image: url(business/img/sidebar_movie.gif); text-indent: -9999px; }
div.top a#topbar_2_1:hover  { background-image: url(business/img/sidebar_movie_selected.gif); }

div.top a#topbar_2_2        { background-image: url(business/img/sidebar_creator.gif); text-indent: -9999px; }
div.top a#topbar_2_2:hover  { background-image: url(business/img/sidebar_creator_selected.gif); }

div.top a#topbar_2_3        { background-image: url(business/img/sidebar_program.gif); text-indent: -9999px; }
div.top a#topbar_2_3:hover  { background-image: url(business/img/sidebar_program_selected.gif); }


div.top a#topbar_3          { background-image: url(img/topbar_product.gif);  text-indent: -9999px; }
div.top a#topbar_3:hover    { background-image: url(img/topbar_product_selected.gif); }

/*
div.top a#topbar_3_1        { background-image: url(product/img/sidebar_tnavi.gif); text-indent: -9999px; }
div.top a#topbar_3_1:hover  { background-image: url(product/img/sidebar_tnavi_selected.gif); }
*/
div.top a#topbar_3_1        { background-image: url(product/img/sidebar_tscope.gif); text-indent: -9999px; }
div.top a#topbar_3_1:hover  { background-image: url(product/img/sidebar_tscope.gif); }


div.top a#topbar_3_2        { background-image: url(product/img/sidebar_totekan.gif); text-indent: -9999px; }
div.top a#topbar_3_2:hover  { background-image: url(product/img/sidebar_totekan_selected.gif); }

div.top a#topbar_3_3        { background-image: url(product/img/sidebar_dogal.gif); text-indent: -9999px; }
div.top a#topbar_3_3:hover  { background-image: url(product/img/sidebar_dogal_selected.gif); }

div.top a#topbar_3_4        { background-image: url(product/img/sidebar_contest.gif);  text-indent: -9999px; }
div.top a#topbar_3_4:hover  { background-image: url(product/img/sidebar_contest_selected.gif); }


div.top a#topbar_4          { background-image: url(img/topbar_about.gif); text-indent: -9999px; }
div.top a#topbar_4:hover    { background-image: url(img/topbar_about_selected.gif); }

div.top a#topbar_4_1        { background-image: url(about/img/sidebar_profile.gif); text-indent: -9999px; }
div.top a#topbar_4_1:hover  { background-image: url(about/img/sidebar_profile_selected.gif); }

div.top a#topbar_4_2        { background-image: url(about/img/sidebar_history.gif); text-indent: -9999px; }
div.top a#topbar_4_2:hover  { background-image: url(about/img/sidebar_history_selected.gif); }

div.top a#topbar_4_3        { background-image: url(about/img/sidebar_result.gif); text-indent: -9999px; }
div.top a#topbar_4_3:hover  { background-image: url(about/img/sidebar_result_selected.gif); }


div.top div.topbarend       { clear: both; width: 100%; height: 32px; background-color: #ffffcc; border-bottom: 2px solid black; }

div.topimage       { position: absolute; width: 100%; height: 57px; background-image: url(img/topimage.jpg);       background-position: center middle; background-repeat: no-repeat; background-color: #8e8e8e; }
x div.topimage       { position: absolute; width: 100%; height: 57px; background-image: url(img/topimage.jpg);       background-position: center middle; background-repeat: no-repeat; background-color: #8e8e8e; }
x div.title          { position: absolute; width: 100%; height: 2em; text-align: center; margin: 1em; }
div.topimageend    { width: 100%; height: 57px; border-bottom: 5px solid #ffffcc; background-position: left middle; background-repeat: repeat-x; }


div.title   { background-color: #596bd2; padding: 3px; border-top: 1px solid #2c3569; padding-left: 182px; }
div.title h1 { font-size: 150%; color: #ffffcc; background-repeat: no-repeat; background-position: left center; height: 36px;}

div.topend  { width: 100%; height: 4px; background-image: url(img/topend.gif); background-position: top left; background-repeat: repeat-x; font-size: 1px; }
div.main { margin: 0.5em; }
div.main ul { margin-bottom: 0.5em; }
div.main li { margin-left: 2em; }

div.figureright { float: right; margin: 5px; }
div.figurerighttop { position: absolute; right: 5px; }
div.figurerighttop img { float: right; display: block; position: relative;  top: -60px; }

div.figurerightheight140 { float: right; width: 1px; height: 140px; }
div.figurerightheight160 { float: right; width: 1px; height: 160px; }
div.figurerightheight180 { float: right; width: 1px; height: 180px; }
div.figurerightheight200 { float: right; width: 1px; height: 200px; }
div.figurerightheight220 { float: right; width: 1px; height: 220px; }
div.figurerightheight240 { float: right; width: 1px; height: 240px; }
div.figurerighttext240 { margin-right: 240px; }
div.figurerighttext260 { margin-right: 260px; }
div.figurerighttext280 { margin-right: 280px; }
div.figurerighttext300 { margin-right: 300px; }
div.figurerighttext320 { margin-right: 320px; }
div.figurerighttext340 { margin-right: 340px; }
div.figurerighttext360 { margin-right: 360px; }
div.figurerighttext380 { margin-right: 380px; }
div.figurerighttext400 { margin-right: 400px; }
div.figurerighttext420 { margin-right: 420px; }
div.figurerighttext440 { margin-right: 440px; }
div.figurerighttext460 { margin-right: 460px; }

div.figureleft  { clear: right; float: left;  margin: 5px; }
div.figurelefttext200 { clear: right; margin-left: 200px; }
div.figurelefttext300 { clear: right; margin-left: 300px; }
div.figurelefttext310 { clear: right; margin-left: 310px; }
div.figurelefttext320 { clear: right; margin-left: 320px; }
div.figurelefttext330 { clear: right; margin-left: 330px; }
div.figurelefttext340 { clear: right; margin-left: 340px; }
div.figurelefttext350 { clear: right; margin-left: 350px; }
div.figurelefttext400 { clear: right; margin-left: 400px; }


div.nofigure { clear: both; }

x div.h1 { clear: right; }

div.bottom { border-top: 1px solid #dadada; background-color: #ffffcc; }
div.bottom #contact        { display: block; float:left; text-indent: -9999px; width:  86px; height: 19px; background-image: url(img/contact.gif); margin-left: 10px; }
div.bottom #privacy        { display: block; float:left; text-indent: -9999px; width: 110px; height: 19px; background-image: url(img/privacy.gif); margin-left: 10px; }
div.bottom #copyright      { display: block; float:right; text-indent: -9999px; width: 284px; height: 19px; background-image: url(img/copyright.gif); }
div.bottom #contact:hover  { background-image: url(img/contact_selected.gif); }
div.bottom #privacy:hover  { background-image: url(img/privacy_selected.gif); }

div.bottom div.bottomline { clear: both; height: 13; width: 100%; background-image: url(img/bottomline.gif); background-position: top left; background-repeat: repeat-x; }

div.bottom { clear: both; }
/*div.sidebar { position: absolute; left: 0; width: 184px; z-index: 999; }*/
div.sidebar { float: left; width: 184px; height: 184px;}
div.mainpain { margin-left: 190px; }

div.topmenu { position: absolute; z-index: 999;}
div.topmenu li { display: block; list-style-type: none; }
div.topmenu a { display: block; width: 182px; height: 46px; }

div.topmenu a#topmenu_business_movie         { background-image: url(business/img/sidebar_movie.gif); text-indent: -9999px; }
div.topmenu a#topmenu_business_movie:hover   { background-image: url(business/img/sidebar_movie_selected.gif); }

div.topmenu a#topmenu_business_creator       { background-image: url(business/img/sidebar_creator.gif); text-indent: -9999px; }
div.topmenu a#topmenu_business_creator:hover { background-image: url(business/img/sidebar_creator_selected.gif); }

div.topmenu a#topmenu_business_program       { background-image: url(business/img/sidebar_program.gif); text-indent: -9999px; }
div.topmenu a#topmenu_business_program:hover { background-image: url(business/img/sidebar_program_selected.gif); }

div.topmenu a#topmenu_product_tnavi          { background-image: url(product/img/sidebar_tnavi.gif); text-indent: -9999px; }
div.topmenu a#topmenu_product_tnavi:hover    { background-image: url(product/img/sidebar_tnavi_selected.gif); }

div.topmenu a#topmenu_product_tscope          { background-image: url(product/img/sidebar_tscope.gif); text-indent: -9999px; }
div.topmenu a#topmenu_product_tscope:hover    { background-image: url(product/img/sidebar_tscope_selected.gif); }

div.topmenu a#topmenu_product_totekan        { background-image: url(product/img/sidebar_totekan.gif); text-indent: -9999px; }
div.topmenu a#topmenu_product_totekan:hover  { background-image: url(product/img/sidebar_totekan_selected.gif); }

div.topmenu a#topmenu_product_dogal          { background-image: url(product/img/sidebar_dogal.gif); text-indent: -9999px; }
div.topmenu a#topmenu_product_dogal:hover    { background-image: url(product/img/sidebar_dogal_selected.gif); }

div.topmenu a#topmenu_product_contest        { background-image: url(product/img/sidebar_contest.gif);  text-indent: -9999px; }
div.topmenu a#topmenu_product_contest:hover  { background-image: url(product/img/sidebar_contest_selected.gif); }

div.topmenu a#topmenu_about_profile          { background-image: url(about/img/sidebar_profile.gif); text-indent: -9999px; }
div.topmenu a#topmenu_about_profile:hover    { background-image: url(about/img/sidebar_profile_selected.gif); }

div.topmenu a#topmenu_about_history          { background-image: url(about/img/sidebar_history.gif); text-indent: -9999px; }
div.topmenu a#topmenu_about_history:hover    { background-image: url(about/img/sidebar_history_selected.gif); }

div.topmenu a#topmenu_about_result           { background-image: url(about/img/sidebar_result.gif); text-indent: -9999px; }
div.topmenu a#topmenu_about_result:hover     { background-image: url(about/img/sidebar_result_selected.gif); }



div.main h2 { margin-top: 1em; margin-bottom: 0.5em; color: white; font-size: 120%; padding: 5px; padding-left: 80px; background-image: url(img/h2.gif); background-position: left center; background-repeat: repeat-y; background-color: #596bd2; color: #ffffcc; clear: right; }
div.main h3 { margin-top: 0.5em; color: #800000; font-size: 120%; font-weight: bold; }
div.main p  { padding-bottom: 0.5em; ; line-height: 120%; }

div.main { line-height: 120%; }
dt { margin-top: 0.5em; }
dd { margin-bottom: 0.5em; }
dd { margin-left: 5em; }