@charset "utf-8";
/* 汎用的なものを入れること */
#main ul li {
margin-left: 1.5em;
list-style-type: disc;}
#main ol li {
margin-left: 2em;
list-style-type: decimal;}
H3 {
clear: both;}
#main table {
margin-bottom: 1em;}
.h_border{
clear:both;
width:100%;
border-top:2px dotted #696;
padding-top:0.5em;
padding-bottom:0.825em;}
.float_base{
margin:4px;
width:150.75px;
height:201px;
display:inline-block;
text-align:center;
vertical-align: top;
font-size:0.825em;
line-height: 1.5;}
.float_base h4{
margin:3% inherit;}
.float_base img{
height:60%;
width:auto;
max-width:200px;
margin:0 auto;
display:inline-block;
vertical-align: top;}
.float_base_text{
display:block;
width:90%;
margin:12px 3px 0 3px;
text-align:left;
font-size:0.8125em;
color:#363;}
.butn{
margin:0.1em 0.2em;/* box-sizing を使わないのでやや左に寄せる*/
line-height:1.4;
font-size:0.8125em;
text-decoration:none;
vertical-align:top;
color:white;
display:inline-block;
/*box-shadow:inset 0 1px 0 0 #28851c;*/
padding:0.15em 0.4em 0.05em 0.4em;
border:1px solid #29a855;
border-radius:4px;
background:linear-gradient(to bottom,#30c75e 5%, #28851c 100%);}
.butn:hover,
.butn:focus,
.butn:active{
cursor:pointer;box-shadow:inset 0 0 1px 0 #3a7ea0;
background:linear-gradient(to bottom,#28851c 5%,#30c75e 100%);}
.butn_small{
font-size:0.75em;}
.imgbox{
width:100%;
text-align:center;
margin:0.5em 4px;}
.imgbox img{
display:inline-block; 
margin:0;
max-width:150px;
max-height:225px;
overflow:hidden;}
.img1{
width:96%;
max-width:300px;}
.img2{
width:48%;
max-width:150px;}
@media screen and (min-width: 516px){
.float_base{
margin:4px;
width:225px;
height:300px;}
p.clr{
margin:0.5em 0 0.5em 24px;
display:inline-block;
vertical-align: top;
width:40%;
min-width:200px;
min-height:240px;}
.imgbox{
width:50%;
max-width:302px;}
.imgbox img{
float:left;}
}
@media screen and (min-width: 880px){
p.clr{
width:50%;}
}
@media screen and (min-width: 1016px){
p.clr{
width:55%;}
}