@charset "utf-8";


/* ======================================================== catTitle */

#catTitle{
margin:0 auto 10px;
width:940px;
height:13px;}

/* ======================================================== topimgArea */

#topimgArea{
margin:0 auto 40px;
width:940px;
height:391px;
}

p#topimg_Left{
float:left;
background:url("../img/topimg02.gif") left top no-repeat;
width:600px;
height:93px;
text-indent:-9999px;
line-height:0px;
}

p#topimg_Right{
float:right;
background:url("../img/topimg03.gif") left top no-repeat;
width:340px;
height:93px;
text-indent:-9999px;
line-height:0px;
}

/* ======================================================== catchArea */

#catchArea{
margin:0 auto 15px;
width:940px;
}

#catchArea h2{
background:url("../img/catch.gif") left top no-repeat;
width:940px;
height:63px;
text-indent:-9999px;
line-height:0px;
text-decoration:none;
}

#catchArea p{
margin-top:15px;
}

/* ======================================================== proArea */

#proArea{
margin:0 auto 40px;
width:940px;
height:422px;
}

#proArea h3{
margin-bottom:15px;
background:url("../img/ttl_pro.gif") left top no-repeat;	
width:98px;
height:22px;
text-indent:-9999px;
line-height:0px;
text-decoration:none;
}

#proLeft{
float:left;
width:320px;
height:385px;
}

#proArea p.proBtn01{
width:320px;
height:31px;
text-indent:-9999px;
line-height:0px;
}

#proArea p.proBtn01 a{
background:url("../img/btn_pro01.gif") left top no-repeat;			
display:block;
width:320px;
height:31px;
}

#proArea p.proBtn01 a:hover{
background:url("../img/btn_pro01.gif") left bottom no-repeat;		
}

#proRight{
float:right;
width:610px;
height:385px;
}

#proArea p.proBtn02{
width:610px;
height:31px;
text-indent:-9999px;
line-height:0px;
}

#proArea p.proBtn02 a{
background:url("../img/btn_pro02.gif") left top no-repeat;		
display:block;
width:610px;
height:31px;
}

#proArea p.proBtn02 a:hover{
background:url("../img/btn_pro02.gif") left bottom no-repeat;	
}

/* ======================================================== applyArea */

#applyArea{
margin:0 auto 40px;
width:940px;
}

#applyArea dt{
float:left;
width:120px;
}

#applyArea dd{
margin-left:140px;
}

#applyArea dd ul li{
margin:0 0 0 1em;
text-indent:-1em;
}

#applyArea dl.applyHow dt{
background:url("../img/ttl_how.gif") left top no-repeat;
width:102px;
height:22px;
text-indent:-9999px;
line-height:0px;
}

p.hagakiBtn{
margin:10px 0 0 220px;
text-indent:-9999px;
line-height:0px;
}

p.hagakiBtn a{
background:url("../img/btn_hagaki.gif") left top no-repeat;	
width:360px;
height:68px;
display:block;
width:360px;
height:68px;
}

p.hagakiBtn a:hover{
background:url("../img/btn_hagaki.gif") left bottom no-repeat;		
}

#applyArea dl.applyAddress{
margin:0 0 15px;
}

#applyArea dl.applyAddress dt{
background:url("../img/ttl_address.gif") left bottom no-repeat;	
width:102px;
height:22px;
text-indent:-9999px;
line-height:0px;
}

#applyArea dl.applyClose{
margin:0 0 15px;
}

#applyArea dl.applyClose dt{
background:url("../img/ttl_close.gif") left bottom no-repeat;	
width:102px;
height:22px;
text-indent:-9999px;
line-height:0px;
}

#applyArea dl.applyAnnounce{
margin:0 0 15px;
}

#applyArea dl.applyAnnounce dt{
background:url("../img/ttl_announce.gif") left bottom no-repeat;	
width:102px;
height:22px;
text-indent:-9999px;
line-height:0px;
}

#applyArea dl.applyAttention dt{
background:url("../img/ttl_attention.gif") left bottom no-repeat;	
width:102px;
height:22px;
text-indent:-9999px;
line-height:0px;
}