html{
 margin:0px auto;
 color:#000;
}

body{
 width:750px;
 min-height:500px;
 margin:0px auto;
 background:#fff;
 font-size:14px;
}

h1{font-size:16px; margin:0px; color:#00479d;}
h2{font-size:12px; margin:0px; color:dimgray;}
h3{margin:0px; color:#00479d; text-align:center;}

p.rec_q {
 color:#00479d;
 font-size:12px;
 font-weight:bold;
}

a.title{color:#00489d; text-decoration:none;}
a.title:hover{color:#00489d; text-decoration:underline;}

a.title2{color:dimgray; text-decoration:none;}
a.title2:hover{color:dimgray; text-decoration:underline;}


td.rec_title {
 color:#000;
 font-weight:bold;
 text-align:center;
}
td.rec_naiyou {
 width:545px;
 color:#000;
 text-align:left;
}

hr.copy {
 height:10px;
 background-image:url("http://www.smappa.net/image/bg_rec_midashi.jpg");
}

table.grouprec {
 margin-top:30px;
}


p.cos_q {
 color:#00479d;
 font-size:14px;
 font-weight:bold;
}




#recmenu{
 width:750px;
 height:150px;
 margin:0px;
 padding:0px;
 float:left;
}

ul.recmenu{
 margin:0;
 float:left;
}

li{
 margin:0;
 padding:3px;
 float: left;
}

#recmenu1{
float:left;
width:180px;
height:120px;
text-indent:-9999px;
background: url(http://www.smappa.net/image/rec_button1_a.jpg) no-repeat;
}
#recmenu1 a{
width:180px;
height:120px;
display:block;
}
#recmenu1 a:hover{
background: url(http://www.smappa.net/image/rec_button1.jpg) no-repeat;
}

#recmenu2{
float:left;
width:180px;
height:120px;
text-indent:-9999px;
background: url(http://www.smappa.net/image/rec_button2_a.jpg) no-repeat;
}
#recmenu2 a{
width:180px;
height:120px;
display:block;
}
#recmenu2 a:hover{
background: url(http://www.smappa.net/image/rec_button2.jpg) no-repeat;
}

#recmenu3{
float:left;
width:180px;
height:120px;
text-indent:-9999px;
background: url(http://www.smappa.net/image/rec_button3_a.jpg) no-repeat;
}
#recmenu3 a{
width:180px;
height:120px;
display:block;
}
#recmenu3 a:hover{
background: url(http://www.smappa.net/image/rec_button3.jpg) no-repeat;
}

#recmenu4{
float:left;
width:180px;
height:120px;
text-indent:-9999px;
background: url(http://www.smappa.net/image/rec_button4_a.jpg) no-repeat;
}
#recmenu4 a{
width:180px;
height:120px;
display:block;
}
#recmenu4 a:hover{
background: url(http://www.smappa.net/image/rec_button4.jpg) no-repeat;
}