/*-------------------------------------------------
　 TOP style
-------------------------------------------------*/
@import url("../common/css/default.css");

/**  TopPage Only bodyStyle　**/
body
{margin:0; padding:0; text-align:center; color:#FFFFFF; 
background:#38281F url(../common/images/top_img.jpg) repeat-x top;}

/* wrapper */
#wrapper {margin:0; padding:0; width:100%; background-image:none; border:none;}

#top_content {margin:0 auto; padding:0 0 40px 0; width:905px;}

/**  sidebar  **/
#sidebar
{width:191px; height:454px; float:left; text-align:left; margin:0; padding:0;
background:url(../images/top_sidebar_bgimg.png) no-repeat left top;
behavior: expression(IEPNGFIX.fix(this));}

#sidebar h2 a#top {width:105px; height:37px; padding:0; margin:30px 0 25px 40px; text-indent:-500px; overflow:hidden;
background:url(../common/images/rogo_mark.png) no-repeat left top; display:block;
behavior: expression(IEPNGFIX.fix(this));}

/**  top_main  **/
#top_main{width:706px; height:472px; margin:0; padding:5px 0 0 0; float:right;
background:url(../images/flash_bg_img.png) 0 -1px no-repeat;
behavior: expression(IEPNGFIX.fix(this));}


/*-------------------------------------------------
　 top_navigation
-------------------------------------------------*/
#top_navi {width:165px; margin:0; padding:0;}
#top_navi ul {width:165px; margin:0 0 0 12px; padding:0;}
#top_navi ul li {display:inline; list-style:none; float:left; margin:0;}
#top_navi ul a {display:block; text-indent:-500px; overflow:hidden; height:31px;}

#top_navi a#top_navi1
{width:165px; background:url(../images/top_navi1.png) no-repeat left top;}
#top_navi a#top_navi1:hover
{width:165px; background:url(../images/top_navi1.png) no-repeat 0 -31px;}
#top_navi a#top_navi2
{width:165px; background:url(../images/top_navi2.png) no-repeat left top;}
#top_navi a#top_navi2:hover
{width:165px; background:url(../images/top_navi2.png) no-repeat 0 -31px;}
#top_navi a#top_navi3
{width:165px; height:31px;  background:url(../images/top_navi3.png) no-repeat left top;}
#top_navi a#top_navi3:hover
{width:165px; height:31px; background:url(../images/top_navi3.png) no-repeat 0 -31px;}
#top_navi a#top_navi4
{width:165px; height:31px;  background:url(../images/top_navi4.png) no-repeat left top;}
#top_navi a#top_navi4:hover
{width:165px; height:31px; background:url(../images/top_navi4.png) no-repeat 0 -31px;}
#top_navi a#top_navi5
{width:165px; height:31px;  background:url(../images/top_navi5.png) no-repeat left top;}
#top_navi a#top_navi5:hover
{width:165px; height:31px; background:url(../images/top_navi5.png) no-repeat 0 -31px;}
#top_navi a#top_navi6
{width:165px; height:31px;  background:url(../images/top_navi6.png) no-repeat left top;}
#top_navi a#top_navi6:hover
{width:165px; height:31px; background:url(../images/top_navi6.png) no-repeat 0 -31px;}
#top_navi a#top_navi7
{width:165px; height:31px;  background:url(../images/top_navi7.png) no-repeat left top;}
#top_navi a#top_navi7:hover
{width:165px; height:31px; background:url(../images/top_navi7.png) no-repeat 0 -31px;}
#top_navi a#top_navi8
{width:165px; height:31px;  background:url(../images/top_navi8.png) no-repeat left top;}
#top_navi a#top_navi8:hover
{width:165px; height:31px; background:url(../images/top_navi8.png) no-repeat 0 -31px;}

#top_navi a#banner1
{width:165px; height:23px; background:url(../common/images/bn_warokuya.gif) no-repeat left top;
margin:30px 0 5px 0;}
#top_navi a#banner1:hover
{width:165px; height:23px; background:url(../common/images/bn_warokuya.gif) no-repeat 0 -23px;}

#top_navi a#banner2
{width:165px; height:23px; background:url(../common/images/bn_fukiji.gif) no-repeat left top;}
#top_navi a#banner2:hover
{width:165px; height:23px; background:url(../common/images/bn_fukiji.gif) no-repeat 0 -23px;}