@charset "utf-8";


/*----------------------------------------------------------
	contents:TOP
----------------------------------------------------------*/

body#index {
	background:url("../img/common/bg_body_top.jpg") no-repeat scroll center top #FFFFFF;
}

#index #contents {
	position: relative;
	margin: -17px 0 0;
}

#index #main {
	margin: 0 0 50px 0;
}

#intro {
	height: 100%;
	background: #000 url(../img/intro/noFlashImage.jpg) no-repeat center center;
	text-align: center;
}

a .btNext {
	margin: 520px 0 0 0;
}



/*----------------------------------------------------------
	contents:Search
----------------------------------------------------------*/

/* -- clear float -- */ 
#searchArea {
	min-height:0;
	display: inline-table;
}

#searchArea:after{
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}

/* \*/
* html #searchArea {height:0;}
#searchArea {display: block;}
/* */
/* -- end clear float -- */

#searchSection {
	float: left;
	height: 71px;
	text-align: left;
	background: url(../img/top/bg_topSearch.jpg) no-repeat 0 0;
	margin: 0 0 0 -60px;
	padding: 0 5px 0 0;
}

#searchSection h2 {
	padding: 4px 0 2px 60px;
}

#searchSection form {
	padding: 0 0 0 100px;
}

#keywordSearch {
	width: 220px;
	margin: 0 2px 0 0;
}




/*----------------------------------------------------------
	contents:catalogNavi
----------------------------------------------------------*/

/* 
	LEVEL ONE
*/
ul.catalogNavi {
	float: left;
	width: 330px;
	height: 17px;
	list-style: none;
	margin: 0;
	padding: 20px 0 0;
	position: relative;
	z-index: 100;
}

* html ul.catalogNavi {
	padding: 23px 0 0;
}

*+html ul.catalogNavi {
	padding: 25px 0 0;
}

ul.catalogNavi li { float: left; zoom: 1; }

ul.catalogNavi li a {
	display: block;
	float: left;
	height: 17px;
	text-decoration: none;
	cursor: pointer;
}

ul.catalogNavi li span {
	display: none;
}

ul.catalogNavi li .point {
	width: 108px;
	background: url(../img/top/catalogNavi.gif) 0 0;
}

ul.catalogNavi li .genre {
	width: 111px;
	background: url(../img/top/catalogNavi.gif) -108px 0;
}

ul.catalogNavi li .theme {
	width: 111px;
	background: url(../img/top/catalogNavi.gif) -219px 0;
}

ul.catalogNavi li .point a:hover {background-position: 0 -17px;}
ul.catalogNavi li .genre a:hover {background-position: -108px -17px;}
ul.catalogNavi li .theme a:hover {background-position: -219px -17px;}

ul.catalogNavi li.hover,
ul.catalogNavi li:hover { position: relative; }



/* 
	LEVEL TWO
*/
ul.catalogNavi li ul { width:180px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 100;}
ul.catalogNavi li ul li { font-weight: normal; float: none; text-align: left;vertical-align:bottom;}

* html ul.catalogNavi li ul li {
	height: 23px;
}

*+html ul.catalogNavi li ul li {
	height: 25px;
}

/* IE 6 & 7 Needs Inline Block */
ul.catalogNavi li ul li a {
	float: none;
	display: inline-block;
	width: 164px;
	height: auto;
	color: #fff;
	background: #afafb0;
	text-decoration: none;
	padding: 3px 8px;
}

* html ul.catalogNavi ul li a {
	width: 180px;
	height: 23px;
}

*+html ul.catalogNavi ul li a {
	width: 180px;
}


ul.catalogNavi li ul li a:hover {
	color: #fff;
	background: #ccc;
	text-decoration: none;
}

ul.catalogNavi li ul li a:visited {
	color: #fff;
}

*+html ul.catalogNavi ul li { display: inline; width: 100%; }





/*----------------------------------------------------------
	contents:recommendArea
----------------------------------------------------------*/

#recommendArea {
	height: 310px;
	background: url(../img/top/bg_bannerSection.jpg) no-repeat right top;
}

/* -- clear float -- */ 
#recommendArea {
	min-height:0;
	display: inline-table;
}

#recommendArea:after{
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}

/* \*/
* html #recommendArea {height:0;}
#recommendArea {display: block;}
/* */
/* -- end clear float -- */

#flashSection {
	width: 590px;
	height: 310px;
	float: left;
	background: #ccc;
}

#bannerSection {
	height: 300px;
	overflow-y: scroll;
	text-align: left;
	padding: 0 0 10px 0;
}

* html #bannerSection {
	height: 310px;
}

*+html #bannerSection {
	position: relative;
}

#bannerSection .banner {
	margin: 0 0 0 5px;
	padding: 10px 0 0 10px;
	position: relative;
}

/* -- clear float -- */ 
.banner {
	min-height:0;
	display: inline-table;
}

.banner:after{
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}

/* \*/
* html .banner {height:0;}
.banner {display: block;}
/* */
/* -- end clear float -- */

#bannerSection .banner a.thumbnail {
	display: block;
	width: 100px;
	height: 52px;
	float: left;
	padding: 0 5px 0 0;
}

#bannerSection .banner a.thumbnail span {
	display: none;
}


#bannerSection .banner .poiwari { background: url(../img/top/bn_poiwari.jpg) no-repeat;}
#bannerSection a.poiwari:hover { background: url(../img/top/bn_poiwari.jpg) no-repeat;}

#bannerSection .banner .kidson { background: url(../img/top/bn_kidson_on.jpg) no-repeat;}
/* #bannerSection .active .kidson { background: url(../img/top/bn_kidson_on.jpg) no-repeat;} */
#bannerSection a.kidson:hover { background: url(../img/top/bn_kidson_on.jpg) no-repeat;}

#bannerSection .banner .nissen { background: url(../img/top/bn_nissen_on.jpg) no-repeat;}
/* #bannerSection .active .nissen { background: url(../img/top/bn_nissen_on.jpg) no-repeat;} */
#bannerSection a.nissen:hover { background: url(../img/top/bn_nissen_on.jpg) no-repeat;}

#bannerSection .banner .montthabor { background: url(../img/top/bn_montthabor_on.jpg) no-repeat;}
/* #bannerSection .active .montthabor { background: url(../img/top/bn_montthabor_on.jpg) no-repeat;} */
#bannerSection a.montthabor:hover { background: url(../img/top/bn_montthabor_on.jpg) no-repeat;}

#bannerSection .banner .netshopping { background: url(../img/top/bn_netshopping_on.jpg) no-repeat;}
/* #bannerSection .active .netshopping { background: url(../img/top/bn_netshopping_on.jpg) no-repeat;} */
#bannerSection a.netshopping:hover { background: url(../img/top/bn_netshopping_on.jpg) no-repeat;}

#bannerSection .banner .nihondaihyo { background: url(../img/top/bn_nihondaihyo_on.jpg) no-repeat;}
/* #bannerSection .active .nihondaihyo { background: url(../img/top/bn_nihondaihyo_on.jpg) no-repeat;} */
#bannerSection a.nihondaihyo:hover { background: url(../img/top/bn_nihondaihyo_on.jpg) no-repeat;}

#bannerSection .banner .jutou { background: url(../img/top/bn_jutou_on.jpg) no-repeat;}
/* #bannerSection .active .jutou { background: url(../img/top/bn_jutou_on.jpg) no-repeat;} */
#bannerSection a.jutou:hover { background: url(../img/top/bn_jutou_on.jpg) no-repeat;}

#bannerSection .banner .golfplan { background: url(../img/top/bn_golfplan_on.jpg) no-repeat;}
/* #bannerSection .active .golfplan { background: url(../img/top/bn_golfplan_on.jpg) no-repeat;} */
#bannerSection a.golfplan:hover { background: url(../img/top/bn_golfplan_on.jpg) no-repeat;}

#bannerSection .banner .akagi { background: url(../img/top/bn_akagi_on.jpg) no-repeat;}
/* #bannerSection .active .akagi { background: url(../img/top/bn_akagi_on.jpg) no-repeat;} */
#bannerSection a.akagi:hover { background: url(../img/top/bn_akagi_on.jpg) no-repeat;}

#bannerSection .banner .iPod { background: url(../img/top/bn_iPod_on.jpg) no-repeat;}
/* #bannerSection .active .iPod { background: url(../img/top/bn_iPod_on.jpg) no-repeat;} */
#bannerSection a.iPod:hover { background: url(../img/top/bn_iPod_on.jpg) no-repeat;}

#bannerSection .banner .family { background: url(../img/top/bn_family_on.jpg) no-repeat;}
/* #bannerSection .active .family { background: url(../img/top/bn_family_on.jpg) no-repeat;} */
#bannerSection a.family:hover { background: url(../img/top/bn_family_on.jpg) no-repeat;}


#bannerSection .banner p {
	width: 220px;
	float: left;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	margin: 0;
}

* html #bannerSection .banner p {
	padding: 0 0 0 5px;
}

*+html #bannerSection .banner p {
	display: block;
	height: 52px;
}

#id_netshopping p span {
	font-size: 85%;
}

#bannerSection .active {
	background: url(../img/top/icon_bannerActive.gif) no-repeat left 31px;
}

#bannerSection .active p {
	color: #fff;
}

#bannerSection .banner a.detail {
	display: block;
	width: 64px;
	height: 19px;
	background: url(../img/top/bt_detail.png) no-repeat;
	position: absolute;
	top: 45px;
	left: 270px;
}

* html #bannerSection .banner a.detail {
	cursor: pointer;
}

*+html #bannerSection .banner a.detail {
}

* html #bannerSection .banner .minus {
}

*+html #bannerSection .banner .minus {
}

#bannerSection .banner a.detail:hover {
	background: url(../img/top/bt_detail_on.png) no-repeat;
}

#bannerSection .banner a.detail span {
	display: none;
}







/*----------------------------------------------------------
	contents:itemScrollArea
----------------------------------------------------------*/

#itemScrollArea {
	width: 735px;
	height: 95px;
	float: right;
	background: #fff;
	margin: 19px 0 0;
}

#textArea {
	clear: both;
	font-size: 80%;
	text-align: left;
	border-bottom: 1px solid #666666;
	margin: 0 0 0 215px;
	padding: 56px 0 15px;
}



#textArea a {
	color: #005BA8;
}



/*----------------------------------------------------------
	contents:itemBannerArea
----------------------------------------------------------*/

.itemBannerArea {
	padding: 25px 0 0;
}

.itemBannerArea ul {

}

.itemBannerArea ul li {
	float: right;
	padding: 0 0 0 10px;
}