html{
	font-size:12px;
	line-height:1.7em;
	color:#666;
	background-color:#fff;
}
body{
	font-family:Meiryo,"ms pgothic",arial,"hirakakupro-w3",osaka,sans-serif;
	-webkit-text-size-adjust:100%;
	margin:0 10px 10px 10px;

}


h2{
	font-size:1.3em;
	line-height:1em;
	border-bottom:#999 dotted 1px;
	padding:4px 0 2px 0;
	margin:0 0 5px 0;
}

a:link,a:visited{color:#666;}
a:hover,a:active,a:focus{color:#060;}

a img{}
a:hover img,a:active img,a:focus img{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}

.header{padding-top:20px;}
.footer{font-size:10px;}


.nav{
margin:0;
padding:0;
}

.nav a{
text-align: center;
display:block;
float:left;
padding:0;
margin:1%;
width:48%;
text-decoration:none;
}
.nav a img{
width:100%;
border-radius:4px;
}
.nav a:hover{
background-color:#fff;
color: #060;
}


.navt{
margin:0;
padding:0;
}
.navt a{
font-size:0.9em;
background-color:#eee;
color: #666;
text-align:left;
display:block;
float:left;
padding:0 0 0 5px;
margin:0.5%;
width:45%;
border-left:#060 solid 5px;
text-decoration:none;
line-height:28px;
border-radius:3px;
}
.navt a:hover{
background-color:#060;
color: #fff;
}

#fnav a{
display:block;
float:left;
width:50%;
}
#fnav a.l:before{
content:"« ";
}
#fnav a.r:after{
content:" »";
}
#fnav a.r{
text-align:right;
}
#pc{
background-color:#060;
text-align:center;
}
#pc a:link,#pc a:visited{
color: #fff;
}
#pc a:hover,#pc a:active,#pc a:focus{color:#999;}

table{
	width:100%;
}
td.recs{
	width:4em;
	padding:0 10px;
	background-color:#060;
	color:#fff;
}
td.recsub{

}


div.totop{text-align:right;}

a#spp,a#inq{
display:block;
width:200px;
padding:10px;
border-radius:3px;
color:#fff;
font-weight:bold;
text-align:center;
text-decoration:none;
}

a#spp{
background-color:#900;
}

a#inq{
background-color:#047;
}
a#spp:hover,a#inq:hover{
text-decoration:underline;
}