/*------ BASE ------*/
*{margin:0;padding:0;line-height:160%;}
html,body{margin:0; padding:0}
img{border:none;}
ul,ol{margin:0;padding:0;}
ul li{list-style:none;list-style-postion:inline}
ul li a{text-decoration:none;border:none;}
h2,h3,h3,h4,h5{margin:0;padding:0;}

.clearfix {clear:both;font-size:1px;}

body{
font-family:arial,Osaka,sans-serif,verdana;
color:#333;
text-align:center;
background:#fff4df;
}

a{color:#136fef;}
a:hover{color:#0051c1;}
/*------ /BASE ------*/

/*WHOLE*/
#mframe{
width:766px;
margin:0 auto;
text-align:left;
background:url(img/wrap.jpg) repeat-y;
}

/*HEADER*/
#headline{
height:84px;
background:url(img/header.jpg) no-repeat;
}

h1{ padding:0 0 0 43px;}
h1 a{display:block; width:370px; height:50px;}
h1 a span{ display:none;}

/*MENU*/
#nframe ul li{ padding:4px; border-bottom:#ddd dotted 1px;}
#nframe #listbox li{ padding:0; border:none;}
#nframe #listbox{ margin:10px 0;}

#nframe{
width:199px;
padding:10px 0 20px 32px;
position:relative;
float:left;
font-size:12px;
letter-spacing:1px;
color:#fff;
background:url(img/nav_btm.jpg) no-repeat bottom right;
}
#nframe2{ background:url(img/nav_bg.jpg) repeat-y;}
#nframe3{ padding-top:20px; background:url(img/nav_up.jpg) no-repeat;}
#nframe3 a{color:#1010f2}
#nframe3 a:hover{ color:#0000cc}

#navtop,#cate{
height:21px;
margin:10px 0;
display:block;
background:url(img/topi.jpg) no-repeat;
border-top:#2388b6 double 3px;
border-bottom:#2388b6 double 3px;
}
#cate{background:url(img/cate.jpg) no-repeat;}
#navtop span,#cate span{ display:none;}

#nframe ul{ padding:5px;}
#listbox li a{
margin:0 3px 1px 3px ; 
padding:3px 5px;
display:block;
border-bottom:#fff dashed 1px;
}

/*MAIN*/
#mframe table{
width:520px;
position:relative;
float:right;
}
#entry{
width:475px;
padding:10px 45px 0 0 ;
font-size:13px;
letter-spacing:1px;
line-height:300%;
}

#entry-title{
margin:10px 0;
padding:0 6px 5px 24px;
background:url(img/h2.jpg) no-repeat;
color:#333; 
}
#entry-title h2{ font-size:18px; letter-spacing:0;}

h3{
margin:10px 0;
padding:0 10px;
font-size:14px;
color:#444;
background:#eee;
border-bottom:#ccc solid 1px;
}
#main ul li{ line-height:300%;}

/*FOOTER*/

#footer{
width:651px;
margin:0 auto;
text-align:left;
font-size:12px;
padding:15px 10px;
letter-spacing:1px;
border-top:#ccc dotted 2px;
}

#footer ul li{line-height:230%;font-size:12px;}
#footer p{
padding:10px 0;
font-size:10px;
text-align:right;
letter-spacing:2px;
}



/**********************************************/
/* ITEMLIST                                   */
/**********************************************/

#cnt .itemlist{
}
.item_li{
	position:relative;
	float:left;
	width:24%;
	padding:2px;
	line-height:110%;
	background:#fff;
}

.item_li_in{
	height:205px;
	padding:3px 2px 10px 2px;
	border:1px #ddd solid;
	text-align:center;
}
.item_li_in a.commodity{
	font-size:12px;
	display:block;
	background:#eee;
	border:#ddd solid 1px;
}
.item_li_in a.commodity:hover{
	text-decoration:none;
	background:#f3f3f3;
	border:#e3e3e3 solid 1px;
}
.item_li_in img{
	width:105px;
}

.item_pr{
	height:40px;
	padding:4px 2px;
	font-size:11px;
	text-align:left;
	overflow:hidden;
	line-height:130%;
}
.item_li span{
	line-height:115%;
	display:block;
	font-size:10px;
	padding:0 2px;
	letter-spacing:-1px;
	height:28px;
	color:#555;
	text-align:left;
}


