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

/* --- 枠 --- */

#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 #feature_update{
	width:228px;
	padding: 0px;
	border: 1px solid #aaaa7d;
	background: #e6e6ce;
	margin-bottom: 5px;
}

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

#category_menu #feature_update_body{
	width:216px;
	padding: 3px;
	background: #f0f0e1;
	margin: 3px;
}
#category_menu #feature_update_body ul{
	margin: 3px;
}
#category_menu #feature_update_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;
	line-height: 1.2;
}



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

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

#category_menu #feature_info_body{
	width:216px;
	padding: 3px;
	background: #f0f0e1;
	margin: 3px;
}
#category_menu #feature_info_body ul{
	margin: 3px;
}
#category_menu #feature_info_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;
	line-height: 1.2;
}



#category_menu #s_genre{
	width:228px;
	padding: 0px;
	border: 1px solid #aaaa7d;
	background: #e6e6ce;
	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_menu{
	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;
}

#category_main #center_title{
	background:url("../img/center_title.gif")top left no-repeat #FFFFFF;
	background-image:url("../img/center_title.gif");
	height: 25px;
	color: #9B073A;
	font-weight: bold;
	padding: 5px 0 0 10px;
	font-size: 120%;
}

#category_main #center_title{
	background:url("../img/center_title.gif")top left no-repeat #FFFFFF;
	background-image:url("../img/center_title.gif");
	height: 25px;
	color: #9B073A;
	font-weight: bold;
	padding: 5px 0 0 10px;
	font-size: 120%;
}

#category_main #center_body{
	padding: 5px;
	margin-top: 5px;
}

#category_main #center_body .titlebar{
	background:url("../img/titlebar_bg.gif")top left no-repeat #FFFFFF;
	background-image:url("../img/titlebar_bg.gif");
	border-bottom: 1px solid #b0b09a;
	font-weight: bold;
	padding: 5px;
	border-left: 5px solid #b0b09a;
	color: #660;
}

/* --- 　 --- */
#category_main #category_center{
	float:left;
	width:740px;
}
#category_main #category_center ul{
	text-align: left;
	width: 550px;
	margin: 0 auto;
	margin-left:20px;
}

#category_main #category_center #center_banner{
	padding:0px;
	text-align: center;
}

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

#category_main #category_center #center_banner ul li{
	padding:0;
	float: left;
	background: #f0f0e1;
	margin: 0 5px 5px 5px;
	width: 173px;
	text-align: center;
	height: 63px;
}

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

#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;
}


.futre_item{
	width:710px;
	padding: 10px;
	margin-bottom: 15px;
}
.fibox{
	width:338px;
	float: left;
	padding: 0;
	margin: 10px 0 0 10px;
	border-right: 2px dotted #eeeeee;
	border-bottom: 1px solid #eeeeee;
	border-left: 2px dotted #eeeeee;
	border-top: 1px solid #eeeeee;
}
.fibox_title{
	width:318px;
	background: url("../img/titlebar_bg.gif")top left no-repeat #FFFFFF;
	padding: 5px 10px;
	font-weight: bold;
	background-image: url("../img/titlebar_bg.gif");
	border-bottom: 1px solid #d4d4c7;
}

.fibox_img{
	width:90px;
	float: left;
	padding: 5px;
	overflow: hidden;
	height: 90px;
	text-align: center;
}

.fibox_col{
	width:228px;
	float: left;
	overflow: hidden;
	height: 90px;
	padding: 5px;
	line-height: 1.3;
}

.fibox_icon{
	float:left;
	width:328px;
	padding:0;
}
.fibox_icon img{
	padding:2px 0 0 3px;
}
.fibox_buy{
	float:left;
	width:318px;
	padding: 5px;
	height: 45px;
	text-align: center;
}
.fibox_icon ul{
	padding:0;
}
.fibox_icon ul li.icon1{
	padding:3px 5px 5px 70px;
	background: url("../img/icon1.gif") no-repeat left top;
	background-image: url("../img/icon1.gif");
	line-height:1.2;
}
.fibox_icon ul li.icon2{
	padding:3px 5px 5px 70px;
	background: url("../img/icon2.gif") no-repeat left top;
	background-image: url("../img/icon2.gif");
	line-height:1.2;
	width: 250px;
}
.fibox_icon ul li.icon3{
	padding:3px 5px 5px 70px;
	background: url("../img/icon3.gif") no-repeat left top;
	background-image: url("../img/icon3.gif");
	line-height:1.2;
	width: 250px;
}

.f_pickup{
	width:720px;
	padding: 5px;
	border: 1px dotted #e6e6ce;
	background-image: url(../img/sp_bg.gif);
	margin-bottom: 5px;
}
.f_pickup .pic_left{
	width:490px;
	float: left;
	height: 230px;
	background-color: #FFFFFF;
}
.f_pickup .pic_right{
	width:230px;
	float: left;
	padding: 0;
}

p.stitle{
	background:#fff2bd;
	padding: 3px;
	font-weight: bold;
}

.top_menu{
padding:0;
}

.pickup_feature{
	padding:7px 5px 0 7px;
	width:368px;
	height:245px;
	float:left;
	background-image: url(../img/pickup_top.gif);
	background-repeat: no-repeat;
}

.pickup_update{
	float:left;
	width:220px;
	height:294px;
	background-color: #E2DED8;
	;
	overflow: hidden;
}

.pickup_update ul{
	padding:10px;
}

.lineup{
	padding:0 0 5px 5px;
}

.line_box{
	padding:0 7px 7px 0;
	width: 480px;
	float: left;
	height: 210px;
}

.line_ttl{
	padding:5px;
	background-image: url(../img/line_ttl_bg.gif);
	color: #ffffff;
	font-weight: bold;
}

.line_txt{
	background:#deecf3;
	padding: 5px;
	height: 170px;
	overflow: hidden;
}
.line_txt img{
	margin-right:10px;
	padding:5px;
	background-color:#FFFFFF;
}

.btm_box{
	padding:10px 0;
}
.btm_left{
	width:690px;
	padding:0;
	float:left;
}
.btm_right{
	width:285px;
	padding:0;
	float:left;
}

.fea_box{
	background:#f6e3d2;
	width:200px;
	float: left;
	margin: 0 10px 10px 0;
	padding: 10px;
	height: 130px;
	overflow: hidden;
}

.osusume_box{
	background:#dedcd8;
	width:265px;
	margin: 5px 5px 0 5px;
	padding: 5px;
}
.osusume_box img{
	margin-right:10px;
	padding:5px;
	background-color:#FFFFFF;
	margin-bottom: 5px;
}

.pick_box {
	width:760px;
	float: left;
}