@charset "utf-8";
/* ===================================================================
CSS information

 file name  :products.css
 info :products用ＣＳＳ
=================================================================== */

/*-----------------------------------------------
 __contents
-----------------------------------------------*/

#contents1 {
    margin :10px auto 0px ;
	width : 800px ;
	height:750px;	
	background:#FFFFFF;

	overflow:hidden;
}

#contents2 {
    margin :10px auto 0px ;
	width : 800px ;
	height:750px;
	background:#FFFFFF;
	overflow:hidden;
}

#contents3 {
    margin :10px auto 0px ;
	width : 800px ;
	height:750px;	
	background:#FFFFFF;
	overflow:hidden;
}

#contents4 {
    margin :10px auto 0px ;
	width : 800px ;
	height:750px;	
	background:#FFFFFF;
	overflow:hidden;
}


/* __main
------------------------------------------*/
#main {
	width:570px;
	height:700px;		
	float:right;
	margin-top:20px;
	margin-right:5px;
	padding:0px 0px 10px 40px ;
	color:#333333;
	border-left:solid 1px #333333;
}

#main h2{
	margin-top:0px;
}

/* 取扱商品
------------------------------------------*/

.title-box{
	font-size:120%;
	padding: 1px;
	margin-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

.text-box{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}


/* __menu
------------------------------------------*/

#menu {
	width:170px;
	float:left;
	text-align:right;
}

#menu h1 {
	margin-top:20px;
	margin-bottom:5px;
}


#sidemenu li {
	width:150px;
	font-weight:bold;
	font-size:100%;
	margin-top:15px;
	margin-right:5px;
	float:right;
	}
	
#products1 a {
display:block;
height:150px;
background:url(../img/products1-1.jpg) no-repeat;
background-position:right;
text-decoration:none;
color: #000000;
}

#products1 a:hover{
background:url(../img/products1-1-2.jpg) no-repeat;
background-position:right;
text-indent: -1000em;
}

#products2 a {
display:block;
height:150px;
background:url(../img/products2-1.jpg) no-repeat;
background-position:right;
text-decoration:none;
color: #000000;
}

#products2 a:hover{
background:url(../img/products2-2.jpg) no-repeat;
background-position:right;
text-decoration:none;
color: #000000; 
}

#products3 a {
display:block;
height:150px;
background:url(../img/products3-1.jpg) no-repeat;
background-position:right;
text-decoration:none;
color: #000000;
}

#products3 a:hover{
background:url(../img/products3-2.jpg) no-repeat;
background-position:right;
text-decoration:none;
color: #000000; 
}

#products4 a {
display:block;
height:150px;
background:url(../img/products4-1.jpg) no-repeat;
background-position:right;
text-decoration:none;
color: #000000;
}

#products4 a:hover{
background:url(../img/products4-2.jpg) no-repeat;
background-position:right;
text-decoration:none;
color: #000000; 
}