@charset "UTF-8";

p, h3,h4{
padding:5px 20px;
}

dl{
background-color: #e5ffe5;
margin: 0px 20px;
padding: 10px;
}

dl dt{
font-size: 13px;
font-weight: bold;
text-decoration: underline;
line-height: 160%;
}
dl dd{
margin: 10px 0px 10px 20px;
line-height: 150%;
}


.oem1{
font-size: 14px;
font-weight: bold;
color: #001e43;
}

.smorl{
font-size: 10px;
}

.midasi03 {
	font-size: 14px;
	list-style-type: disc;
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #009900;
	clear: both;
	margin-right: 16px;
	margin-left: 16px;
}

.grid{
display: grid;
width: 95%;
margin: 0 auto;
grid-gap: 0.5em;
}

@media only screen and (min-width: 640px){
.grid{grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
}
}

@media screen and (max-width: 639px){
.grid{width: auto; margin: 1em;grid-template-columns: 1fr;}
}

.box-display,
.box-display02 {
    margin-left: 20px;
	/*display: box;*/
    width: 100%;
}

.box-display{
	/*box-display�̐ݒ� ���ꏏ�ɐݒ肷��Ə����邽�߁A�•ʐݒ�Bindex.html�̂�*/
	/*overflow: visible;*/
    display: -webkit-box; /*Chrome, safari*/
    display: -moz-box; /*firefox*/
	/*display: -ms-box;*/ /*�ꉞIE�ݒ�*/
}


/*display-box �q���v�f�̃��C�A�E�g*/
.box-display > div > p,
.box-display02 > div > p {
	/*background: #3F3;*/
	padding: 0 10px;
}

.box-display > div {
    width: 310px;
    margin: 3px;
}
.box-display > div,
.grid >div{
    border: solid 1px #c0c6c9;
    border-radius: 5px; /*�p�ۃ{�[�_�[*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /*�O���f�[�V�����ݒ�*/
    background: -moz-linear-gradient(top, #ffffff,#98d98e);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#98d98e));
    background: -o-linear-gradient(top, #fffff, #98d98e); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fffff, #98d98e); /* IE10+ */
    background: linear-gradient(to bottom, #fffff, #98d98e); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#98d98e',GradientType=0 ); /* IE6-8 */
}
.box-display > div:hover {
    /*�O���f�[�V�����ݒ�*/
    background: -moz-linear-gradient(top, #ffffff,#bce2e8);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#bce2e8));
    background: -o-linear-gradient(top, #fffff, #bce2e8); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fffff, #bce2e8); /* IE10+ */
    background: linear-gradient(to bottom, #fffff, #bce2e8); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bce2e8',GradientType=0 ); /* IE6-8 */
}

.box-display02 > div {
    width: 310px;
    margin: 3px;
}
.box-display02 > div > img{
	vertical-align:middle;
	}

/*.ie,
.ie02 {
	overflow:hidden !important; 
	display:block !important; 
}*/

.ie > div,
.ie02 > div {
	float:left; 
}
.box-display,
.box-display02 {
	overflow:hidden !important; 
	display:block !important; 
}

.box-display > div,
.box-display02 > div {
	float:left; 
}