/* Šî–{ƒXƒ^ƒCƒ‹ */

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 150%;
}


 /* ƒ{ƒfƒBCSS */
 
body {
 font-family: "Hiragino Kaku Gothic Pro W3", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, "MS P Gothic", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
 text-align: center;
 background: #00bfff;
 color: #000000;
}
h1 {
	font-size: 80%;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}
#wrapper { 
 margin: 0 auto;
 width: 990px;
 background: url(../img/back.jpg) ;
}
#header {
 width: 930px;
 height: 300px;
 font-size: 200%;
  margin: 0px 0px 0px 30px;
 background: url(../img/top-maintitle.jpg);
 text-align: left;
 font-weight: bold;
}
#navi {
 width: 930px;
 height: 50px;
 margin: 20px 0px 10px 30px;
 background: #ffffff;
 text-align: left;

}
#pan {
 width: 930px; 
 height: 20px;
 background: #ffffff;
 margin: 0px 0px 10px 35px;
 text-align: left;
 font-size: 70%;
 line-height: 110%;
}
#contents {
 width: 930px;
 text-align: left;
 margin: 0px 0px 30px 30px;
 background: url();
}
#contents #leftcolumn { 
 width: 640px;
 float: left;
 display: inline;
 background: #ffffff;
 margin: 0px 0px 30px 0px;
 font-size: 90%;
}

#contents #leftcolumn #list{
	float: left;
	display: block;
	text-align: left;
	width: 200px;
	 margin: 15px 0px 10px 10px;
	background: url(../img/bg_recommendItem_top1.jpg) no-repeat;
}
#contents #leftcolumn #btm{
	display: block;
	width: 200px;
	height: 20px;
	font-size: 1px;
	background: url(../img/bg_recommendItem_btm1.jpg) no-repeat;
}

#contents #leftcolumn table{
	width: 170px;
	margin: 5px auto 5px auto;
	height: 174px;
}

#contents #leftcolumn td{
	vertical-align: top;
}

#contents #leftcolumn td.item{
	height: 170px;
	vertical-align: middle;
}

#contents #leftcolumn td.item img{
	height: 170px;
		height: 130px;
		border-style: none;
}

#contents #leftcolumn td.price{
	font-size: 11px;
	height: 20px;
	vertical-align: bottom;
}

#contents #leftcolumn td.price em{
	font-family: Arial;
	font-weight: bold;
}



#contents #leftcolumn #category1 {
 float: left;
 display: inline; 
 width: 640px;
 margin: 15px 0px 20px 0px;
 background: url(../img/002_bg_02.gif);
}
#contents #leftcolumn #category1 #text { 
 width: 320px;
 float: left;
 display: inline;
 margin: 0px 10px 0px 0px;
 font-size: 80%;
}
#contents #leftcolumn #category1 #image { 
 width: 300px;
 float: left;
 display: inline;
 margin: 0px 0px 0px 10px;
 font-size: 80%;
}

#contents #leftcolumn ul {
margin: 0 0 0 1.5em;
padding: 0;
}
#contents #rightcolumn { 
 width: 267px;
 float: right;
 display: inline;
 background: #ffffff;
 margin: 0px 0px 0px 10px;
}
#contents #rightcolumn #top{
	float: left;
	display: block;
	text-align: center;
	width: 265px;
	 margin: 0px 0px 25px 0px;
	background: url(../img/doga01.jpg) no-repeat;
}
#contents #rightcolumn #btm{
	display: block;
	width: 265px;
	height: 30px;
	font-size: 1px;
	background: url(../img/doga02.jpg) no-repeat;
}

#contents #rightcolumn table{
	width: 240px;
	margin: 0px auto 0px auto;
	height:160px;
}

#contents #rightcolumn td{
	vertical-align: top;
		height:140px;
	
}

#contents #rightcolumn td.item{
	height: 50px;
	vertical-align: middle;
}

#contents #rightcolumn td.item img{
	height: 10px;
}

#contents #rightcolumn td.price{
	font-size: 11px;
	height: 20px;
	vertical-align: bottom;
}

#contents #rightcolumn td.price em{
	font-family: Arial;
	font-weight: bold;
}

#footer { 
 width: 930px;
 height: 25px;
 clear: both;
 background: #ffffff;
 margin: 10px 0px 5px 30px;
 text-align: left;
 font-size: 70%;
}
#copyright {
 width: 930px; 
 height: 30px;
 text-align: center;
 font-size: 70%;
 line-height: 300%;
 clear: both;
 background: #ffffff;
 margin: 0px 0px 5px 30px;
}
.clear { clear: both; background: none; }


.font01 {
	font-size:  16.5px;	
	color:  #4652a0;

}
.font02 {
	font-size:  12px;

}

.font03 {
	font-size:  10px;

}