/* CSS Document */



@font-face {
    font-family: 'mypage';
    src:    url('fonts/mypage.eot?3bkfvv');
    src:    url('fonts/mypage.eot?3bkfvv#iefix') format('embedded-opentype'),
        url('fonts/mypage.ttf?3bkfvv') format('truetype'),
        url('fonts/mypage.woff?3bkfvv') format('woff'),
        url('fonts/mypage.svg?3bkfvv#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}



.fontlogin{
	font-family: 'mypage';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	margin-right: 0.5em;


	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.fontlogin2{
	font-family: 'mypage';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	margin-left: 0.5em;


	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fontMy{
	font-family: 'mypage';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;


	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



a.mltBtnBk{
	z-index:420;
	position:relative;


	display:block;
	border-radius:4px;
	border:1px solid #ccc;
	padding:10px;
	background:#666;
	text-decoration:none;
	color:#fff !important;
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
 }

a.mltBtnBk:hover{
	background:#eee;
	color:#333 !important;
}

span.mltBtnBknonAct{
	display:block;
	border-radius:2px;
	border:1px solid #ccc;
	padding:10px;
	margin-left:3px;
	background:#eee;
	text-decoration:none;
	color:#333 !important;
	opacity:0.4;
	pointer-events: none;
}

a.mltBtnGr{
	z-index:420;
	position:relative;


	display:block;
	border-radius:4px;
	border:1px solid #ccc;
	padding:10px;
	background:#eee;
	text-decoration:none;
	color:#333 !important;
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
 }

a.mltBtnGr:hover{
	background:#666;
	color:#eee !important;
}



span.mltBtnGrDis{
	z-index:420;
	position:relative;


	display:block;
	border-radius:4px;
	border:1px solid #d9d9d9;
	padding:10px;
	background: #E9E9E9;
	text-decoration:none;
	color:#ccc !important;
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
 }




span.mltBtnGrnonAct{
	display:block;
	border-radius:2px;
	border:1px solid #ccc;
	padding:10px;
	margin-left:3px;
	background:#eee;
	text-decoration:none;
	color:#333 !important;
	opacity:0.4;
	pointer-events: none;
}


a.mltBtnOr{
	z-index:420;
	position:relative;


	display:block;
	border-radius:4px;
	border:1px solid #ccc;
	padding:10px;
	background: #F93;
	text-decoration:none;
	color:#333 !important;
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
 }

a.mltBtnOr:hover{
	background:#FFC68C;
	color:#666 !important;
}

span.mltBtnOrnonAct{
	display:block;
	border-radius:2px;
	border:1px solid #ccc;
	padding:10px;
	margin-left:3px;
	background: #FFC68C;
	text-decoration:none;
	color:#333 !important;
	opacity:0.4;
	pointer-events: none;
}


a.mltBtnSml,span.mltBtnSml{
	padding:6px !important;
}




.mltSearchBoxWrapper{
	border:3px solid #d9d9d9;

}


.posR{
	position:relative;

}

div.mltResultListBox{
	border:1px solid #666;
	margin-bottom:15px;
	border-radius:5px;
	line-height:1;
	position:relative;
}


.mltResultTitleBox{
	border-radius:5px;
	padding:15px;
	cursor:pointer;
}

.mltResultTitleBox h3{

 overflow:hidden;
}


.mltResultTitleBox.showDetail{
	border-radius:5px 5px 0 0;

}

.mltResultTitleBox:hover{
	background:#F5F5F5;
}

.mltResultTitleBox h3{
	font-weight:normal;
}

.mltRenkeiTitle{
	background: #C4EDFE;
}

.mltRenkeiTitle:hover{
	background: #EBF7FC;
}

.mltResultDetail{
	display:none;
	border-top:1px solid #999;
	padding:15px;

}

.mltBtnCloseDetail{
	position:absolute;
	bottom:5px;
	right:5px;
}


.mltTblShohin tr:first-child th:first-child{
min-width:50px;

}


.mltTblShohin tr td:last-child{
min-width:90px;

}


.tcGr{
	color:#999;

}

.tcGr2{
	color:#eee;
}


.w5p{
	width:5%;

}

.kr2{
	border-radius:2px;


}

.bgLock{
	background:#ee5f5b;
}

.bgRenkei{
	background:#62c462;
}

.bgTehai{
	background:#5bc0de;
}

.bgLamp{
	background:#ff7b2e;
}


.mltHead{
background: #84c747; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #84c747 0%, #b4df5b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #84c747 0%,#b4df5b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #84c747 0%,#b4df5b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84c747', endColorstr='#b4df5b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.h-3r:before{
	background:#84c747;
}

.mltResultTitleBox {
	position:relative;

}
.mltListTitleClose:after{
	z-index:390;
	position:absolute;
	background: url(../images/ico_bigkakko_down_gr2.png) no-repeat;
	content: " ";
	display: block;
	width: 15px;
	height: 15px;
	top:50%;
	right:1em;
	margin-top:-7px;


}

.mltListTitleOpen:after{
	z-index:390;
	position:absolute;
	background: url(../images/ico_bigkakko_up_gr2.png) no-repeat;
	content: " ";
	display: block;
	width: 15px;
	height: 15px;
	top:50%;
	right:1em;
	margin-top:-7px;
}

.tcGr2{
	color:#ddd;

}