@charset "utf-8";

/* CSS Document */

/*--------------TOP PAGE---------------*/
div#top_frame{
    width: 790px;
    margin: 0 auto;
    padding-bottom: 35px;
    }
    
/* banner area */
div#top_wrap1 {
    width: 790px;
    height: 70px;
    margin-bottom: 15px;
    }

div#top_wrap2 {
    width: 790px;
    }
    
/* left news */
div#top_news {
    width: 525px;
    float: left;
    }
    
/* right menu */
ul#top_menu {
    width: 230px;
    margin-left: 35px;
    float: right;
    }

ul#top_menu li a {
   display: block;
   line-height: 0;
   font-size: 0.1em;
   text-indent: -9999px;
   outline-style: none;
   }

ul#top_menu li.m_contents a {
   width: 230px;
   height: 70px;
   background: url(../../images/top/top_bt_contents.gif) no-repeat left top;
   }
ul#top_menu li.m_about a {
   width: 230px;
   height: 50px;
   background: url(../../images/top/top_bt_about.gif) no-repeat left top;
   }
ul#top_menu li.m_blog a {
   width: 230px;
   height: 50px;
   background: url(../../images/top/top_bt_blog.gif) no-repeat left top;
   }
ul#top_menu li.m_twitter a {
   width: 230px;
   height: 50px;
   background: url(../../images/top/top_bt_twitter.gif) no-repeat left top;
   }
ul#top_menu li.m_interview a {
   width: 230px;
   height: 70px;
   background: url(../../images/top/top_bt_interview.jpg) no-repeat left top;
   }
   
ul#top_menu li.m_contents a:hover,
ul#top_menu li.m_interview a:hover
{
	background-position: 0 -80px;
	}
ul#top_menu li.m_about a:hover,
ul#top_menu li.m_blog a:hover,
ul#top_menu li.m_twitter a:hover
{
	background-position: 0 -60px;
	}