@charset "utf-8";

/***************************************************
	CSS Information For IKOI
	File name : index.css
	Style Info : for TOPPAGE
***************************************************/

/* TOPPAGE index.html
------------------------------------------------------------ */
/*-----main-----*/
#main {	margin-top: 10px;}
#main .mainvisual {
	float: left;
	width: 554px;
	height: 277px;
	background: url(../img/index/main_visual.jpg) no-repeat;	
}
#main .mainvisual p.btn a {
	display: block;
	width: 155px;
	height: 40px;
	margin: 228px 0 0 10px;
	text-indent: -9999px;
	background: url(../img/index/index_btn01.jpg) 0 0 no-repeat;
}
#main .mainvisual p.btn a:hover {	background-position: 0 -40px;}

#main ul {
	float: right;
	width: 180px;
	padding: 0 10px 10px 10px;
	background: url(../img/index/main_bg.gif);
}
#main ul li {
	padding: 10px 0 0;
}
#main ul li a {
	display: block;
	width: 180px;
	height: 79px;
	text-indent: -9999px;
}
#main ul li.n01 a {	background: url(../img/index/main_navi01.jpg) 0 0 no-repeat;}
#main ul li.n02 a {	background: url(../img/index/main_navi02.jpg) 0 0 no-repeat;}
#main ul li.n03 a {	background: url(../img/index/main_navi03.jpg) 0 0 no-repeat;}
#main ul li a:hover {	background-position: 0 -79px;}
/*-----contents-----*/
#contents {
	float: left;
	width: 537px;
	_width: 547px;
	padding: 20px 0 0 10px;
}
/*#contents .banner h2.bn01 {
	float: left;
	width: 537px;
}*/
#contents .banner h2.bn01 a {
	display: block;
	width: 537px;
	height: 80px;
	margin-bottom: 10px; 
	text-indent: -9999px;
	background: url(../img/index/shopping.jpg) no-repeat;
}

#contents .banner h2.bn02 {
	margin-bottom: 10px; 
}

#contents .banner h2.n01 {
	float: left;
	width: 265px;
}
#contents .banner h2.n01 a {
	display: block;
	width: 265px;
	height: 109px;
	text-indent: -9999px;
	background: url(../img/index/banner04.jpg) no-repeat;
}

#contents .banner h2.n02 {
	float: right;
	width: 265px;
}
#contents .banner h2.n02 a {
	display: block;
	width: 265px;
	height: 109px;
	text-indent: -9999px;
	background: url(../img/index/banner07.jpg) no-repeat;
}

#contents .banner h2.n03 {
	float: left;
	width: 265px;
	padding: 8px 0 10px;
}
#contents .banner h2.n03 a {
	display: block;
	width: 265px;
	height: 80px;
	text-indent: -9999px;
	background: url(../img/index/banner05.jpg) no-repeat;
}

#contents .banner h2.n04 {
	float: right;
	width: 265px;
	padding: 8px 0 10px;
}
#contents .banner h2.n04 a {
	display: block;
	width: 265px;
	height: 80px;
	text-indent: -9999px;
	background: url(../img/index/banner08.jpg) no-repeat;
}

/*
#contents .banner h2.n03 {
	clear: both;
	width: 538px;
	padding-top: 10px;
}
#contents .banner h2.n03 a {
	display: block;
	width: 538px;
	height: 79px;
	text-indent: -9999px;
	background: url(../img/index/banner03.jpg) no-repeat;
}
*/

#contents p.lead {
	padding: 10px 10px 25px;
/*	font-size: 120%;*/
}
#contents p.lead a {
	font-size: 90%;
	font-weight: bold;
	color: #cc0000;
}
#contents .item h3 {
	padding-bottom: 20px;
}
#contents .item ul {
	float: left;
	width: 134px;
	padding: 0 0 30px 0;
	text-align: center;
}
#contents .item ul li.categry {
	font-weight: bold;
	padding: 3px 0;
}
#contents .item ul li.price {	padding-bottom: 2px;}
#contents .osirase {
	margin: 0 10px 15px;
	padding: 5px 10px;
	border: 1px solid #ff9900;
}
#contents .osirase h3 {
	padding-bottom: 3px;
	font-size: 120%;
	font-weight: bold;
	color: #ff9900;
}



/*-----side-----*/
#side {
	float: right;
	width: 180px;
	_width: 190px;
	padding: 20px 10px 0 0;
}
#side .item_list {	padding-bottom: 20px;}
#side .item_list li {	padding-bottom: 1px;}
#side .item_list li a {
	display: block;
	width: 180px;
	height: 55px;
	text-indent: -9999px;
}
#side .item_list li.n01 a {	background: url(../img/index/list01.jpg) no-repeat;}
#side .item_list li.n02 a {	background: url(../img/index/list02.jpg) no-repeat;}
#side .item_list li.n03 a {	background: url(../img/index/list03.jpg) no-repeat;}
#side .item_list li.n04 a {	background: url(../img/index/list04.jpg) no-repeat;}
#side .item_list li.n05 a {	background: url(../img/index/list10.jpg) no-repeat;}
#side .item_list li.n06 a {	background: url(../img/index/list06.jpg) no-repeat;}
#side .item_list li.n07 a {	background: url(../img/index/list07.jpg) no-repeat;}
#side .item_list li.n08 a {	background: url(../img/index/list08.jpg) no-repeat;}
#side .item_list li.n09 a {	background: url(../img/index/list09.jpg) no-repeat;}

#side h4.banner_order a {
	display: block;
	width: 179px;
	height: 60px;
	text-indent: -9999px;
	background: url(../img/temp/banner_order.jpg) no-repeat;
}
#side h4.banner {	padding: 10px 0;}