@charset "utf-8";
/* CSS Document */

/* mainTitle
-------------------------*/
#mainTitle{ clear:both; margin-bottom:20px;}
#mainTitle h2{ float:left; width:505px; height:182px; background:url(../img/index/main_img.jpg) 0 0 no-repeat; text-indent:-9999px;}
#mainTitle ul{ background:url(../img/index/main_btn.jpg) 0 0 no-repeat; width:235px; height:167px; float:right; padding-top:15px;}
#mainTitle li{ width:220px;}
#mainTitle a{ display:block; text-indent:-9999px; outline:medium none; width:220px;}
#mainTitle li a:hover{background:url(../img/index/main_btn_on.jpg) no-repeat;}
#mainTitle li#btn1 a{ margin-bottom:6px; height:96px;}
#mainTitle li#btn1 a:hover{background-position:0 -15px ;}
#mainTitle li#btn2 a:hover{	background-position:0 -117px ;}
#mainTitle li#btn2 a{ height:54px;}

/* box01
-------------------------*/
#box01{ margin-bottom:30px; clear:both;}
#box01 ul#contentsBtn1{ width:240px; float:left; background:url(../img/index/btn01.gif) no-repeat; margin-right:10px;}
#box01 ul#contentsBtn2{ width:240px; float:left; background:url(../img/index/btn02.gif) no-repeat; margin-right:10px;}
#box01 ul#contentsBtn3{ width:240px; float:left; background:url(../img/index/btn03.gif) no-repeat;}

#box01 li{ text-indent:-9999px; margin-bottom:10px;}
#box01 a{ display:block; width:240px; height:120px; outline:medium none;}
#box01 ul#contentsBtn1 a:hover{ background:url(../img/index/btn01_on.gif) no-repeat;}
#box01 ul#contentsBtn1 li.btn01 a:hover{ background-position:0 0;}
#box01 ul#contentsBtn1 li.btn02 a:hover{ background-position:0 -130px;}
#box01 ul#contentsBtn1 li.btn03 a:hover{ background-position:0 -260px;}
#box01 ul#contentsBtn1 li.btn04 a:hover{ background-position:0 -390px;}
#box01 ul#contentsBtn1 li.btn05 a:hover{ background-position:0 -520px;}
#box01 ul#contentsBtn2 a:hover{ background:url(../img/index/btn02_on.gif) no-repeat;}
#box01 ul#contentsBtn2 li.btn01 a:hover{ background-position:0 0;}
#box01 ul#contentsBtn2 li.btn02 a:hover{ background-position:0 -130px;}
#box01 ul#contentsBtn2 li.btn03 a:hover{ background-position:0 -260px;}
#box01 ul#contentsBtn2 li.btn04 a:hover{ background-position:0 -390px;}
#box01 ul#contentsBtn2 li.btn05 a:hover{ background-position:0 -520px;}
#box01 ul#contentsBtn3 a:hover{ background:url(../img/index/btn03_on.gif) no-repeat;}
#box01 ul#contentsBtn3 li.btn01 a:hover{ background-position:0 0;}
#box01 ul#contentsBtn3 li.btn02 a:hover{ background-position:0 -130px;}
#box01 ul#contentsBtn3 li.btn03 a:hover{ background-position:0 -260px;}
#box01 ul#contentsBtn3 li.btn04 a:hover{ background-position:0 -390px;}
