@charset "UTF-8";
/* CSS Document */

.productsimage{
     width: 100%;
     height: 500px;     
     margin: 30px 0px;
     background-color: #fff;
     overflow: hidden;  
     position: relative;
}

.productsimage icon{
    right: 0;
}


.productsmain{
      width: 1024px;
      height: 1200px;
      margin: 0 auto;  
      text-align: center; 
      text-align: left;
  background-color: #fff;  
}

.category {
        width: 500px;
        margin-top: 100px;
        margin-left: 150px;
	font-family: メイリオ;
	font-size: 20px;
        text-align: left;
        color: #656565;
}


.productsblock{
	width: 724px;
	color: black;
	background-color : #fff;
    border: 1px solid #aaa;
    position: relative;
    margin: 15px auto;
}

.p-top{
	width: 100%;
        font-size : 14px;
	color : #656565;
	background-color : #fff;
        padding: 20px 15px 30px 30px;
        marging: 15px 15px 30px 15px;
   border-bottom: 1.15px solid #252525;
   padding-bottom: 5px; 
}

.p-top strong{
        font-size : 30px;
	color : #656565;
}

.p-top img {
    float: right;
    width: 50px;
    padding: 0px 15px 0px 0px;
}


.container .productsblock .leftblock{
	float: left;
	width: 420px;
	color : #7f7f7f;
	background-color : #ffffff;
        padding: 20px 5px 15px 30px;
}

.container .productsblock .leftblock img{
	width: 40px;
        padding: 20px 10px 15px 0px;
}

.container .productsblock .leftblock ul{
	font-family: メイリオ;
	font-size: 12px;
}

.container .productsblock .rightblock{
	float: right;
	width: 300px;
        margin-top: 10px;
	color : #ffffff;
	background-color : #454545f;
}
.container .productsblock .rightblock img{
	width: 230px;
        padding: 0px 70px 10px 0px;
}

.button a img{
        margin-top : 15px;
        opacity: 1; 
        transition: 10s; 
}

.button a:hover{
        opacity: .8; 
}



.container .productsblock .bottom{
	clear: both;
	width: 720px;
	height: 30px;
	text-align: right;
        padding: 0px 40px 15px 0px;
}

.container .productsblock .bottom a{
	color: #999; 
        text-decoration: none;
	font-family: メイリオ;
	font-size: 12px;
}
.container .productsblock .bottom a:hover{
	color: #999; 
        text-decoration: underline;
	font-family: メイリオ;
	font-size: 12px;
}