@charset "utf-8";

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

img{
    border:none;
}

#wrapper{
	width:800px;
	height:2000px;
	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;
}

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;
}


/*====◆イメージです====*/

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

#wrapper #content #migi #image-photo .photo{
    float:left;
	margin-right:18px;

}

#wrapper #content #migi #image-photo #comment{
   width:600px;
   font-size:15px;
   color:#ff0033;
   margin-top:10px;
   margin-left:30px;
   
 }



/*====◆おすすめ情報です====*/

#wrapper #content #migi #osusume-title{
    position:absolute;
	top:360px;
	left:110px;
 }	

#wrapper #content #migi #osusume{
    position:absolute;
	top:387px;
	left:80px;
	font-size:16px;
	
 }	

#wrapper #content #migi #osusume li{
   	 background-image:url(../images/maruya1.gif);
	 background-repeat:no-repeat;
	 background-position:left center;
	 text-indent:20px;
	 list-style:none;
}

#osusume li a{
     color:#0e00b0;
 }

#osusume li a:hover{
     text-decoration:none;
	 color:#ff0000;
}


/*====◆売れ筋写真・情報です====*/

#wrapper #content #migi #uresuji{
    position:absolute;
	top:510px;
	left:110px;
	width:690px;
 }	

#wrapper #content #migi #uresuji .sui-title{
			margin-left:40px;
			margin-top:15px;
			
}

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

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

.textbox1{
   width:200px;
   height:80px; 
}
   
.textbox1 a:hover{
   text-decoration:none;
   
 }


.text1{
   font-size:15px;
   color:#003300;
   font-weight:bold;
   text-align:left;
   margin-bottom:6px;
 }
 
.text2{
	font-size:14px;
	color:#0000cc;
	text-align:left;
	
}


#sui-title{
            margin-bottom:20px;
			margin-left:40px;
			margin-top:15px;
}

.conbox2{
   float:left;
   width:200px;
   height:240px;
   border:0px;
   margin-top:0px;
   margin-right:24px;
}

.imgbox2{
   width:200px;
   height:150px;
   margin-bottom:6px;
 }

.textbox2{
   width:200px;
   height:80px; 
}
   
.textbox2 a:hover{
   text-decoration:none;
   
 }




#modoru{
   font-size:14px;
   text-align:right;
   margin-right:10px;
 }