@charset "utf-8";


p{line-height:1.6em;}

h4{border-bottom:1px dotted #003399; border-left:5px solid #003399; padding:8px 4px; margin:8px 0; clear:both;}

p.links{text-align:right; clear:both; margin:12px 0;}
p.links a{ padding:6px 18px; background-color:#CCCCCC; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px;}
p.links a:hover{background-color:#003366; color:#FFFFFF; text-decoration:none;}

.arrowSite{margin-top:20px;}

#Main ul.ph{list-style:none;}
#Main ul.ph li{float:left; margin:6px 0;}
#Main ul.ph li.sp{ padding-right:24px;}

@media screen and (max-width: 960px){
#Main ul.ph li{width:47%;}
#Main ul.ph li img{width:100%;}
}

@media screen and (max-width: 650px){
#Main ul.ph li{width:auto;}
#Main ul.ph li img{width:auto;}
}

@media screen and (max-width: 480px){
.arrowSite{padding:2px; font-size:80%;}

#Main .wh img{width:100%;}
#Main ul.ph li.sp{padding-right:0;}
#Main ul.ph li{width:auto;}
#Main ul.ph li img{width:100%;}
}