@charset "utf-8";
 
/* ============================================================ headArea */

#headArea{
background:url("../../img/img_headback01.jpg") repeat-x;
}

#headCont{
width:950px;
margin:0 auto;
padding:3px 0 0 0;
background:url("../../img/img_headback.jpg") right 3px no-repeat;
height:270px;
}

#logoArea{
width:490px;
height:63px;
}

#logoArea p{
float:left;
}

#logoArea h1{
float:right;
background:url("../img/catch01.jpg") left top no-repeat;
width:400px;
height:63px;
text-indent: -9999px;
text-decoration: none;
}

#naviArea{
clear:both;
width:490px;
}

#naviArea ul li{
float:left;
text-indent:-9999px;
}

#naviArea ul li a{
display:block;
}

#naviArea ul li#menuTop{
background:url("../../img/navi.jpg") left bottom no-repeat;	
width:100px;
height:30px;
}

#naviArea ul li#menuTop a{
width:100px;
height:30px;
}

#naviArea ul li#menuSource a,#naviArea ul li#menuGuide a,#naviArea ul li#menuSupport a{
width:130px;
height:30px;
}

#naviArea ul li#menuTop a:link,#naviArea ul li#menuTop a:visited{
background:url("../../img/navi.jpg") left top no-repeat;
}

#naviArea ul li#menuTop a:hover,#naviArea ul li#menuTop a:active{
background:url("../../img/navi.jpg") left bottom no-repeat;
}

#naviArea ul li#menuSource a:link,#naviArea ul li#menuSource a:visited{
background:url("../../img/navi.jpg") -100px top no-repeat;
}

#naviArea ul li#menuSource a:hover,#naviArea ul li#menuSource a:active{
background:url("../../img/navi.jpg") -100px bottom no-repeat;
}

#naviArea ul li#menuGuide a:link,#naviArea ul li#menuGuide a:visited{
background:url("../../img/navi.jpg") -230px top no-repeat;
}

#naviArea ul li#menuGuide a:hover,#naviArea ul li#menuGuide a:active{
background:url("../../img/navi.jpg") -230px bottom no-repeat;
}

#naviArea ul li#menuSupport a:link,#naviArea ul li#menuSupport a:visited{
background:url("../../img/navi.jpg") -360px top no-repeat;
}

#naviArea ul li#menuSupport a:hover,#naviArea ul li#menuSupport a:active{
background:url("../../img/navi.jpg") -360px bottom no-repeat;
}

p#topCatch{
clear:both;
background:url("../../img/catch02.jpg") left top no-repeat;
width:490px;
height:177px;
text-indent:-9999px;
}

/* ============================================================ infoArea */

#infoArea{
width:950px;
margin:0 auto 30px;
}

#infoArea h3{
background:url("../../img/ttl_info.gif") left top no-repeat;
width:55px;
height:15px;
text-indent:-9999px;
}

#infoArea dl{
background:url("../../img/line_dot.gif") left bottom repeat-x;
padding:6px 0;
}

#infoArea dl dt{
float:left;
}

#infoArea dl dd{
margin:0 0 0 90px;
}