@charset "utf-8";

/*header*/

#header{
height:79px;
background: url(../images/header_s.gif) no-repeat;
}

#header a#logo{
height:79px;
}

#contents{
padding:13px 15px 15px 15px;
background: url(../images/contentsBg_s.gif) no-repeat;
}

/* index */

#footer{
padding-top:30px;}

#indexContents{
width:790px;
background: url(../images/index_bg.gif) repeat-y;
padding-bottom:150px;
overflow:hidden;}

#indexLeft{
width:590px;
float:left;}

#indexLeft #mainIma{
width:590px;
height:240px;
margin-bottom:10px;
background:#808080;}

#indexLeft h2{
width:0;
height:33px;
padding-left:590px;
background: url(../images/whatsNew.gif) left top no-repeat;
overflow:hidden;
}

#indexLeft ul{
padding:10px 15px;
}

#indexLeft ul li{
padding-bottom:8px;
margin-bottom:8px;
border-bottom:1px solid #ccc;
}

#indexLeft ul li a{
color:#333;}

#indexRight{
width:195px;
float:right;}

#indexRight ul#topNavi{
width:195px;
overflow:hidden;
}

#indexRight ul#topNavi li{
height:38px;
margin-bottom:1px;
}

#indexRight ul#topNavi li a{
display:block;
width:0; height:38px;
padding-left:195px;
overflow:hidden;
}

#indexRight ul#topNavi li a.nav01{background: url(../images/mainNaviTop01.gif) left top no-repeat;}
#indexRight ul#topNavi li a.nav02{background: url(../images/mainNaviTop02.gif) left top no-repeat;}
#indexRight ul#topNavi li a.nav03{background: url(../images/mainNaviTop03.gif) left top no-repeat;}
#indexRight ul#topNavi li a.nav04{background: url(../images/mainNaviTop04.gif) left top no-repeat;}
#indexRight ul#topNavi li a:hover{background-position:0px -38px;}