/* ============================================================
   ジャンルページCSS
============================================================ */

/* --- 枠 --- */

#genre{
	width:960px;
	padding: 10px 0;
	margin: 0 auto;
}

#genre_left{
	float:left;
	width:230px;
}

#genre_right{
	float:left;
	width:720px;
	padding: 0 0 0 9px;
	text-align: left;
}

.main_select_beauty{
	background-color:#9C0202;
	text-align: center;
	margin-bottom: 7px;
}

.main_select_life{
	background-color:#5e3824;
	padding: 0px;
	text-align: center;
	margin-bottom: 7px;
}
.main_select_fasion{
	background-color:#000000;
	text-align: center;
	margin-bottom: 7px;
}
.main_select_gourmet{
	background-color:#ff6c13;
	text-align: center;
	margin-bottom: 7px;
}
.genre_select{
	width:230px;
	background: #edebeb;
	margin-bottom: 7px;
	
}
.genre_select_title{
width:230px;
}

.genre_select_body{
	width:228px;
	border:1px solid #cdcdcd;
	text-align: center;
	border-top: none;
}

.select_title{
	font-weight:bold;
	text-align: left;
	padding: 3px;
}

.genre_colum{
	width:230px;
	margin-bottom: 7px;
}


#genre_contents{
	width:720px;
	text-align: left;
	margin-bottom: 7px;
}

.life_left_box{
	width:300px;
	height:385px;
	float:left;
	padding:5px;
	border: 1px solid #5e3824;
}

.life_left_box_b{
	background-color:#efe9e1;
	text-align: center;
	height: 385px;
}

.life_right_box{
	width:398px;
	height:400px;
	float:left;
	padding:0 0 0 10px;
}

.right_min_box{
	border: 1px solid #5e3824;
	width:180px;
	height:184px;
	float: left;
	margin: 0 5px 5px 0;
	text-align: center;
	padding: 5px;
}


#genre_ranking{
	width:720px;
	margin-bottom: 7px;
}
.genre_ranking_body{
	width:718px;
	border:1px solid #CCC;
	border-top: none;
	background-image: url(../img/ranking_bg.gif);
	background-repeat: no-repeat;
}

.genre_ranking_box{
	width:228px;
	padding:5px;
	text-align: center;
	float: left;
}

.genre_ranking_box_ttl{
	padding:0 0 0 40px;
	height: 40px;
	text-align: left;
	font-weight: bold;
	overflow: hidden;
}


#genre_hotitem{
	width:720px;
	margin-bottom: 7px;
}
.genre_hotitem_body{
	width:718px;
	border:1px solid #CCC;
	border-top: none;
}

.hotitem_box{
	width:168px;
	float:left;
	padding: 5px;
	text-align: center;
	height: 260px;
}

#genre_recommend{
	width:720px;
	margin-bottom: 7px;
}

#genre_feature{
	width:720px;
	margin-bottom: 7px;
}


.gourmet_top{
	width:720px;
}


.gourmet_top table td{
	padding:0px;
	text-align:center;
}

.gourmet_top table td a{
	color:#FFF;
	font-weight:bold;
}

.gourmet_top table td a:hover{
	color:#FFF;
	font-weight:bold;
}











#shopping_category{
	width:980px;
	margin:10px auto;

}

#category_menu{
	width:230px;
	float:left;
}
#category_menu #goods_search{
	width:228px;
	padding: 0px;
	border: 1px solid #aaaa7d;
	background: #e6e6ce;
	margin-bottom: 5px;
}

#category_menu #goods_search_title{
	width:228px;
	padding: 0px;
}

#category_menu #goods_search_body{
	width:216px;
	padding: 3px;
	background: #f0f0e1;
	margin: 3px;
}

#category_menu #s_genre{
	width:228px;
	padding: 0px;
	border: 1px solid #aaaa7d;
	background: #FFFFFF;
	margin-bottom: 5px;
}

#category_menu #s_genre_title{
	width:208px;
	padding: 7px 5px 0 15px;
	background: url("../img/b_title.gif") top left no-repeat;
	height: 20px;
	font-weight: bold;
}

#category_menu #s_genre_body{
	width:216px;
	padding: 3px;
	background: #f0f0e1;
	margin: 3px;
}
#category_menu #s_genre_body ul{
	margin: 3px;
}
#category_menu #s_genre_body ul li{
	margin: 3px 0 0 3px;
	padding:0 0 3px 12px;
	background:url("../img/dot.gif")left center no-repeat;
	border-bottom: 1px dotted #666666;
}

#category_menu #b_genre{
	width:228px;
	padding: 0px;
	border: 1px solid #aaaa7d;
	background: #e6e6ce;
	margin-bottom: 5px;
}

#category_menu #b_genre_title{
	width:228px;
	padding: 0;
	height: 30px;
	font-weight: bold;
}

#category_menu #b_genre_body{
	width:216px;
	padding: 3px;
	background: #f0f0e1;
	margin: 3px;
}
#category_menu #b_genre_body ul{
	margin: 3px;
}
#category_menu #b_genre_body ul li{
	margin: 3px 0 0 3px;
	padding:0 0 3px 12px;
	background:url("../img/dot.gif")no-repeat left center;
	border-bottom: 1px dotted #666666;
	background-image:url("../img/dot.gif")
}

#category_menu #b_genre_body p.stitle{
	background:#fff2bd;
	padding: 3px;
	font-weight: bold;
}
#category_menu #genre_ranking{
	width:228px;
	padding: 0px;
	border: 1px solid #aaaa7d;
	background: #e6e6ce;
	margin-bottom: 5px;
}
#category_menu #genre_ranking .genre_ranking_body1{
	width:216px;
	padding: 3px;
	background:url("../img/rankingbg_1.gif")top left no-repeat #FFFFFF;
	margin: 3px;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url("../img/rankingbg_1.gif");
}
#category_menu #genre_ranking .genre_ranking_body2{
	width:216px;
	padding: 3px;
	background:url("../img/rankingbg_2.gif")top left no-repeat #FFFFFF;
	margin: 3px;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url("../img/rankingbg_2.gif");
}
#category_menu #genre_ranking .genre_ranking_body3{
	width:216px;
	padding: 3px;
	background:url("../img/rankingbg_3.gif")top left no-repeat #FFFFFF;
	margin: 3px;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url("../img/rankingbg_3.gif");
}

#category_main{
	width:740px;
	float:left;
	margin: 0 0 0 10px;
}


#rec_item{
	width:720px;
	margin: 0 0 10px 0;
	padding: 0px;
}

#rec_item .rec_item_box{
	width:712px;
	border: 1px solid #eeeeee;
	padding:3px 3px 0 3px;
	margin: 0;
	background: #ｆｆｆｆｆｆ;
}

#rec_item .rec_item_box .rec_imgbox{
	width:48px;
	text-align: center;
	float: left;
}
#rec_item .rec_item_box .rec_imgbox img{
	margin:0px;
}
#rec_item .rec_item_box .rec_titlebox{
	font-weight:bold;
	text-align:left;
	font-size:90%;
	height:36px;
	overflow:hidden;
	float: left;
	padding: 5px 0 5px 5px;
	width: 475px;
}
#rec_item .rec_item_box .rec_pricebox{
	font-weight:bold;
	text-align:right;
	font-size:90%;
	height:36px;
	overflow:hidden;
	float: left;
	padding: 5px 0 5px 5px;
	width: 52px;
	color: #C03;
}
#rec_item .rec_item_box .rec_shopbox{
	font-weight:bold;
	text-align:center;
	font-size:90%;
	height:36px;
	overflow:hidden;
	float: left;
	padding: 5px 0 5px 5px;
	width: 120px;
}

#rec_item .rec_item_box .rec_txtbox{
	width:160px;
	margin-top: 3px;
	font-size: 90%;
}


#rec_item .rec_item_box2{
	width:712px;
	border: 1px solid #eeeeee;
	padding:3px 3px 0 3px;
	margin: 0;
	background: #e7ecee;
}

#rec_item .rec_item_box2 .rec_imgbox{
	width:48px;
	text-align: center;
	float: left;
}
#rec_item .rec_item_box2 .rec_imgbox img{
	margin:0px;
}
#rec_item .rec_item_box2 .rec_titlebox{
	font-weight:bold;
	text-align:left;
	font-size:90%;
	height:36px;
	overflow:hidden;
	float: left;
	padding: 5px 0 5px 5px;
	width: 475px;
}
#rec_item .rec_item_box2 .rec_pricebox{
	font-weight:bold;
	text-align:right;
	font-size:90%;
	height:36px;
	overflow:hidden;
	float: left;
	padding: 5px 0 5px 5px;
	width: 52px;
	color: #C03;
}
#rec_item .rec_item_box2 .rec_shopbox{
	font-weight:bold;
	text-align:center;
	font-size:90%;
	height:36px;
	overflow:hidden;
	float: left;
	padding: 5px 0 5px 5px;
	width: 120px;
}

#rec_item .rec_item_box2 .rec_txtbox{
	width:160px;
	margin-top: 3px;
	font-size: 90%;
}
#hot_item{
	width:710px;
	margin: 0 0 10px 0;
	padding: 5px;
}
#hot_item .hot_item_box{
	float:left;
	width:165px;
	padding:5px;
	margin: 0;
	background: #FFFFFF;
}

#hot_item .hot_item_box .hot_imgbox{
	width:125px;
	text-align: center;
}
#hot_item .hot_item_box .hot_imgbox img{
margin:5px;
}

#hot_item .hot_item_box .hot_txtbox{
	width:160px;
	margin-top: 3px;
	font-size: 90%;
}

#category_main #shop_search{
	width:540px;
	margin: 0 0 10px 0;
	background: #f0f0e1;
	padding: 5px;
}

#category_main #shop_search #shop_com{
	width:500px;
	margin: 0 auto 5px auto;
	padding: 5px;
}
#category_main #shop_search #shop_select{
	width:500px;
	margin: 5px auto;
	padding: 5px;
	text-align: center;
	background: #FFFFFF;
}
#category_main #shop_search #shop_select dl{
	margin:0 auto;
	width: 250px;
}
#category_main #shop_search #shop_select dd{
	float:left;
	margin-left: 5px;
}
/* --- 　 --- */
#category_main #category_center{
	float:left;
	width:550px;
}
#category_main #category_center ul{
	text-align: left;
	width: 550px;
	margin: 0 auto;
	margin-left:20px;
}

#center_banner{
	padding:5px;
	text-align: center;
}

#center_banner ul{
	text-align: left;
	width: 720px;
	margin: 0 auto;
}

#center_banner ul li{
	padding:0;
	float: left;
	background: #f0f0e1;
	margin: 0 5px 5px 0px;
	width: 230px;
	text-align: center;
	height: 56px;
}

#category_main #category_right{
	float:left;
	width:180px;
	margin: 0 0 0 10px;
}

#category_main #category_right #colum_right{
	background-color:#e2dfd6;
	padding:5px 2px;
	width:172px;
	margin-bottom:10px;
}

#category_main #category_right #colum_right p{
padding:0;
margin:0 0 5px 0;
}
#category_main #category_right #special{
	width:174px;
	border: 1px solid #ff99cc;
}
#category_main #category_right #special .s_cont{
	width:155px;
	border-bottom: 2px dotted #aaaa7d;
	margin: 8px auto;
	padding: 0 0 5px 0;
	text-align: center;
}

#category_main #main_title{
	width:720px;
	height: 25px;
	background: url("../img/main_title.gif");
	padding: 5px 0 0 20px;
	font-size: 120%;
	font-weight: bold;
	color: #9b073a;
}

#category_main .paging{
	margin: 0;
}

#category_main .paging .b_page{
	width:100px;
	float:left;
	text-align: left;
	font-weight: bold;
}


#category_main .paging .number{
	text-align:left;
	float:left;
	width:540px;
	font-weight: bold;
}

#category_main .paging .n_page{
	width:200px;
	float:left;
	text-align: right;
	font-weight: bold;
}

#category_main #main_item{
	width:735px;
	clear: left;
	border-top: 2px dotted #666666;
	padding: 0 0 0 5px;
	border-bottom: 2px dotted #666666;
	margin: 3px 0;

}

#category_main #main_item .itembox{
	float:left;
	width:345px;
	border: 1px solid #eeeeee;
	padding:5px;
	margin: 7px 7px 0 0;
	overflow:hidden;
}

#category_main #main_item .itembox .imgbox{
	float:left;
	width:140px;
	height:140px;
	margin-top: 3px;
	text-align: center;
}
#category_main #main_item .itembox .imgbox img{
margin:5px;
}

#category_main #main_item .itembox .txtbox{
	float:left;
	width:200px;
	height:135px;
	margin-left:5px;
	margin-top: 3px;
	padding-top: 5px;
}


#member_navi{
	width:800px;
	margin:10px auto 0 auto;
	height: 35px;
	background: url("../img/menu_bg.gif") top left;
}

#member_navi ul{
	padding:10px 10px 0px 100px;
}

#member_navi ul li.leftcol{
	float:left;
	padding: 0 10px;
}
#member_navi ul li.sidecol{
	float:left;
	border-left:1px solid #CCCCCC;
	padding: 0 10px;
}

#select_box{
	width:700px;
	margin: 0 auto;
}

#select_box #left_box{
	width:338px;
	margin: 0 10px 0 0;
	float: left;
	border: 1px solid #9b073a;
	background-color: #F0F0E0;
	height: 200px;
}

#select_box #right_box{
	width:338px;
	margin: 0 0 0 10px;
	float: left;
	border: 1px solid #9b073a;
	background-color: #F0F0E0;
	height: 200px;
}

#select_box #right_box ul{
	padding:10px;
}

#select_box #right_box ul li{
	float:left;
	width:140px;
	padding: 0 0 0 18px;
	text-align: left;
	background: url(../img/li_mark.gif) left top no-repeat;
	margin: 0;
	height: 20px;
}


#present_form{
	width:800px;
	margin: 10px auto;
	border: 1px solid #f0f0e0;
}

#present_titlebar{
	width:800px;
	background: url("../img/title.gif") left center no-repeat;
	height: 40px;
}

#present_titlebar #title_head{
	font-weight:bold;
	font-size:120%;
	color: #9B073A;
	padding: 10px 0 0 160px;
}
#present_body{
	text-align:center;
	padding: 10px;
}

#id_select{
border:1px solid #f0f0e0;
margin:0 auto;
padding:3px;
}

#id_select .bx{
padding:3px 5px;
border-bottom:1px solid #999999;
border-right:1px solid #999999;
}


#present_table{
margin:0 auto;
}

.genre_info{
	width:228px;
	padding: 0px;
	border: 1px solid #aaaa7d;
	background: #FFFFFF;
	margin-bottom: 5px;
	line-height: 1.2;
	overflow: hidden;
	background-color: #E6E6CE;
}
.genre_info_body{
	margin:3px;
	background-color:#FFFFFF;
	padding: 10px;
	padding-bottom:5px;
}