@charset "shift_jis";

@import url("/root/gift/css/index.css") ;

/* =============================================

	2010年　お中元 Index StyleSheet (Japanese)

============================================= */

/* === clear float elements Start ============================================= */
body #container #contents #main #chugenArea #allBnrSection ul:after,
body #container #contents #main #chugenArea #priceSection:after,
body #container #contents #main #chugenArea #allBnrSection ul li dl:after,
body #container #contents #main #chugenArea #linkSection ul:after{
	content : " ";
	display : block ;
	height : 0 ; 
	visibility : hidden ;
	clear : both ;
}

body #container #contents #main #chugenArea #allBnrSection ul,
body #container #contents #main #chugenArea #priceSection,
body #container #contents #main #chugenArea #allBnrSection ul li dl,
body #container #contents #main #chugenArea #linkSection ul{
	*zoom : 1 ;
	_display : inline-block ;
	_height : 1em ;
}
/* === clear float elements End ============================================= */
body #container #contents #main #chugenArea .area-search .area-search-bar{
	height: 38px;
}
body #container #contents #main #chugenArea .area-search .area-search-bar h3#h-search-item{
	margin: 0 ;
	background-image:url(reco_item.gif);
	height: 32px;
}
body #container #contents #main #chugenArea .area-search .area-search-bar h3#h-search-brand{
	margin: 0 ;
	background-image:url(reco_brand.gif);
	height: 32px;
}


/* === chugenArea Start ============================================= */
body #container #contents #main #chugenArea{
	margin: 0 0 0 10px;
	width: 660px;
}
body #container #contents #main #chugenArea h2{
	margin: 0 0 5px 0;
	color: #333333;
}

/* --- #headSection Start --------------------------------------------- */
body #container #contents #main #chugenArea #headSection{
	background: #ffeba7 url(f_index_bg_100701.jpg) repeat-x top center;
}
body #container #contents #main #chugenArea #headSection h3.can{
	padding: 10px 10px 0 10px;
	float: left;
}
body #container #contents #main #chugenArea #headSection p.catlog{
	padding: 11px 0 0 0;
	float: left;
}
body #container #contents #main #chugenArea #headSection p.can{
	clear: both;
	text-align: center;
}

body #container #contents #main #chugenArea #headSection h3.head{
	padding: 0 10px 0 10px;
	float: left;
}
body #container #contents #main #chugenArea #headSection p.ex{
	padding: 12px 0 0 0;
	float: left;
}
body #container #contents #main #chugenArea #headSection .notes{
	padding: 1px 1px 1px 1px;
	clear: both;
	color: #ff0000;
}
/* --- #headSection End ----------------------------------------------- */

/* --- #priceSection Start --------------------------------------------- */
body #container #contents #main #chugenArea #priceSection{
	margin: 0 0 10px 0;
	padding: 0 0 15px 10px;
	background: #ffeba7;
}
body #container #contents #main #chugenArea #priceSection dt{
	margin: 0 0 3px 0;
}
body #container #contents #main #chugenArea #priceSection dd{
	float: left;
}
/* --- #priceSection End ----------------------------------------------- */

/* --- #allBnrSection Start --------------------------------------------- */
body #container #contents #main #chugenArea #allBnrSection div.tit{
	padding: 0 0 0 110px;
	background: url(f_all_bg.jpg) no-repeat top center;
	height: 125px;
}
body #container #contents #main #chugenArea #allBnrSection div.tit h3{
	padding: 20px 0 10px 0;
}
body #container #contents #main #chugenArea #allBnrSection div.tit p{
	padding: 0 10px 0 5px;
}
body #container #contents #main #chugenArea #allBnrSection p{
	margin: 0 0 10px 0;
}
body #container #contents #main #chugenArea #allBnrSection ul{
	clear: both;
}
body #container #contents #main #chugenArea #allBnrSection ul.pickupBnr{
	padding: 0 0 15px 0;
}
body #container #contents #main #chugenArea #allBnrSection ul li{
	margin: 0 10px 0 0;
	padding: 0 0 10px 0;
	float: left;
}

body #container #contents #main #chugenArea #allBnrSection ul li.bnrS{
	width: 325px;
}

body #container #contents #main #chugenArea #allBnrSection ul li img{
	display: block;
	margin: 0 0 5px 0;
}
body #container #contents #main #chugenArea #allBnrSection ul li.last{
	margin: 0;
}
body #container #contents #main #chugenArea #allBnrSection ul li dl dt{
	margin: 0 10px 0 0;
	float: left;
}
body #container #contents #main #chugenArea #allBnrSection ul li dl dd{
	float: left;
	width: 215px;
}
body #container #contents #main #chugenArea #allBnrSection ul li dl dd a{
	margin: 0 0 5px 0;
	display: block;
}
/* --- #allBnrSection End ----------------------------------------------- */
/* --- #linkSection Start --------------------------------------------- */
body #container #contents #main #chugenArea #linkSection{
	margin: 0 0 10px 0;
	background: url(bnr_bg.gif) no-repeat left top;
}
body #container #contents #main #chugenArea #linkSection p{
	padding: 20px 0 15px 0;
}
body #container #contents #main #chugenArea #linkSection ul li{
	padding: 0 0 10px 0;
	float: left;
}
body #container #contents #main #chugenArea #linkSection ul.bnrM li{
	width: 325px;
	margin: 0 10px 0 0;
}
body #container #contents #main #chugenArea #linkSection ul.bnrS li{
	width: 214px;
	margin: 0 9px 0 0;
}
body #container #contents #main #chugenArea #linkSection ul li.last{
	margin: 0;
}
body #container #contents #main #chugenArea #linkSection ul li img{
	display: block;
	margin: 0 0 3px 0;
}
/* --- #linkSection End ----------------------------------------------- */
/* --- #headSection Start --------------------------------------------- */
body #container #contents #localmenu dl.first{
	padding: 0 0 10px 0;
}
body #container #contents #localmenu dl.first dt{
	margin: 0 0 10px 0;
}
body #container #contents #localmenu dl.first dd{
	margin: 0 0 5px 0;
}
/* --- #headSection End ----------------------------------------------- */
/* --- #mutualLink Start --------------------------------------------- */
body #container #contents #main #chugenArea h3#mutualLink{
	padding: 10px 0;
	margin: 0;
	font-weight: 800;
	text-align: center;
	background: url(f_mutual_bg.gif) no-repeat left top;
	width: 660px;
	min-height: 15px;
	_height: 15px;
	color: #333;
}
/* --- #mutualLink End ----------------------------------------------- */
/* === chugenArea End ============================================= */

