@charset "utf-8";

body{
	background-color:#00bfff;
	text-align:center;
	font-size:12px;
	color:#990099;
}

img{
    border:none;
}

#wrapper{
	width:800px;
	height:2120px;
	background-color:#ffffff;
	position:relative;
}

#wrapper #header{
    position:absolute;
	top:0px;
	left:0px;
	width:800px;
	height:110px;
	
}

#wrapper #header #logo{
	position:absolute;
	top:2px;
	left:8px;
}

#wrapper #header #title{
	position:absolute;
	top:12px;
	left:110px;
}

#mafi{
	position:absolute;
	top:7px;
	left:715px;


}




h1{
	text-indent:-9999px;
	}


/*====◆ナビボタンです====*/

#wrapper #header #s-navi{
	position:absolute;
	top:63px;
	left:10px;
}

#wrapper #header #s-navi .s-navi-btn{
     float:left;
	 margin-right:5px;
 }
	 
#wrapper #header #g-navi{
	position:absolute;
	top:87px;
	left:10px;
}

#wrapper #header #g-navi .g-navi-btn{
	float:left;
	margin-right:4px;
	}
	
#wrapper #content{
    position:absolute;
	top:115px;
	left:0px;
}

/*====◆左側のメニューです====*/

#wrapper #content #hidari{
   width:100px;
   height:1850px;
   text-align:left;
   
   
}

#wrapper #content #hidari #syohin-title{
    position:absolute;
	top:0px;
	left:2px;
}

#wrapper #content #hidari #side-navi{
    position:absolute;
	top:26px;
	left:8px;
} 

#wrapper #content #hidari #side-navi .side-btn{
     margin-top:2px;
	 margin-bottom:3px;
	 
}

#wrapper #content #hidari .koumoku{
   font-size:12px;
   color:#0000ff;
   margin-left:2px;
   line-height:140%;
 }

#wrapper #content #hidari .koumoku a:hover{
  color:#ff0000; 
  text-decoration:none;
 }

/*====◆右側のメニューです====*/


#wrapper #content #migi{
   float:left;
   width:690px;
   height:1850px;
   text-align:left;
}

/*====◆大カテゴリーのボタンです====*/

#wrapper #content #migi #cat-btn{
   position:absolute;
   top:0px;
   left:160px;
   width:660px;
   height:22px;
}

#wrapper #content #migi #cat-btn .cat-btn{
    float:left;
	margin-right:20px;


}


/*====◆大カテゴリーのキャッチです====*/

h3{
   position:absolute;
   top:28px;
   left:110px;
   color:#990033;
   width:670px;
}


/*====◆イメージです====*/
#image-title{
	margin-left:20px;
	margin-bottom:20px;
} 	

#wrapper #content #migi #image-photo{
    width:680px;
	height:340px;
    position:absolute;
	top:100px;
	left:110px;
}

.conbox1{
   float:left;
   width:300px;
   height:320px;
   border:0px;
   margin-top:0px;
   margin-right:24px;
}

.imgbox1{
   width:300px;
   height:220px;
   margin-bottom:6px;
 }

.textbox1{
   width:260px;
   padding-left:20px;
   height:60px; 
   font-size:16px;
   color:#660000;
}



/*====◆お勧め商品です====*/

#osusume{
    width:680px;
	height:auto;
    position:absolute;
	top:370px;
	left:110px;
}  

#osusume-t{
    margin-left:10px;
}



.conbox{
   float:left;
   width:200px;
   height:340px;
   border:0px;
   margin-top:15px;
   margin-right:15px;
}

.imgbox{
   width:200px;
   height:240px;
   margin-bottom:6px;
   

}



.textbox2{
   width:200px;
   font-size:15px;
   color:#660000;
   margin-bottom:5px;


}

.textbox3{
   width:200px;
   font-size:15px;
  color:#0000CC;
   margin-bottom:5px;


}

#comment{
 position:absolute;
	top:1470px;
	left:20px;
	font-size:15px;
	color:#CC0000;
	width:600px;


}


#modoru{
   position:absolute;
	top:1550px;
	left:620px;
}