.uc_nav{}

.uc_nav ul li{
	width:25%;
	height:24px;
	line-height:24px;
	float:left;
	background:#f1f1f1;
}

.uc_nav ul li a{
	display:block;
	padding-left:5px;
	transition: all 0.3s ease-in-out 0s;
}

.uc_nav ul li.active{
	background:#fff;
}

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

a{color:#e90d26;}
a:hover{color:#e90d26;}

.h_red{
	margin-bottom:10px;
	font-size:24px;
	color:#e90d26;
}

.uc_cnt{
	margin-top:20px;
}

.fukidashi_01{
	padding:10px;
	border:3px solid #aaaaaa;
	position:relative;
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */ 
}

.farrow_01{
	position:absolute;
	top:30px;
	left:-23px;
}

table.tb_seclog{
	margin:10px auto 10px;
	border-top:1px solid #ddd;
}

table.tb_seclog th, table.tb_seclog td{
	padding:15px 0;
	border-bottom:1px solid #ddd;
}

table.tb_seclog th.nonborder, table.tb_seclog td.nonborder{
	padding:15px 0 0;
	border-bottom:none;
}

table.tb_seclog th{padding-right:20px; width:28%;}

table.tb_seclog td input[type='text']{background:#ddd;width:100%;}
table.tb_seclog td input[type='text'].txt{width:60%;}

table.tb_seclog td textarea{
	padding:2px 1px;
	width:100%;
	border: medium none;
	background:#ddd;
}

.uc_btn img{
	width:80%;
	max-width:500px;
	height:auto;
}

.list_editor{margin:0 0 20px;}
.list_editor li{
	padding:10px 0;
	border-bottom:1px solid #ddd;
}

.commentfield{padding:20px;background:#ddd;}
.commentfield textarea{width:100%;}

.cmbtn{
	margin:0;
	padding:0 0 0 10px;
	height:40px;
	line-height:40px;
	font-size:16px;
	font-weight:bold;
	background:url(../img/btn_toggle_cl.jpg) right;
}
.cmfop{
	color:#fff;
	display:block;
}

.cmbtn.active{background:url(../img/btn_toggle_op.jpg) right;}

.cmfop:hover{color:#fff;text-decoration:none;}
	
.js-result{margin-top:10px;}

.fileUploder{
    position:relative;
    /*↓幅はデザイン依存。場合によっては、指定しなくていい*/
}
.fileUploder .upfile{
    position:absolute;
    top:0;
    right:0;
    /*↓念のため*/
    z-index:99;
    width:100%;
    height:100%;
    opacity:0;
    filter:alpha(opacity=0);
    /*↓IE8対策*/
    -ms-filter:"alpha(opacity=0)";
    font-size:200px;
    cursor:pointer;
    overflow:hidden;
}
button.btn{
	padding:8px 10px;
	border:none;
	background:#313131;
	color:#fff;
	font-size:12px;
	vertical-align:top;
}

.list_member{margin:0 0 10px;border-top:1px solid #ddd;}
.list_member li{
	padding:5px;
	border-bottom:1px solid #ddd;
}

.list_member li .avator{
	margin:0 10px 0 0;
	float:left;
	width:60px;
	height:60px;
	text-align:center;
	overflow:hidden;
}
.list_member li .avator img{margin-left:-30px;}

.list_ask{}
.list_ask li{
	margin-bottom:10px;
	padding:5px;
	border:4px solid #999;
}
.comment_head{
	margin:0 0 5px;
	padding:0 0 5px;
	position:relative;
	font-size:11px;
}

.comment_head span{
	float:right;
}

.list_product_uc{}

.list_product_uc li{
	margin-bottom:20px;
	padding:5px;
	background:#090a1f;
}

.list_product_uc li:last-child{
	margin-bottom:0;
}

.list_product_uc li .pic{
	margin-left:5px;
	width:300px;
	height:300px;
	overflow:hidden;
	background:#1f2146;
	float:right;
}

.list_product_uc li .pic p{
	display: table-cell;
	vertical-align: middle;
	width: 300px ;  
	height: 300px !important;
	height: auto;
	overflow:hidden; 
}
.list_product_uc li .pic p img{
	display: inline;  
	zoom: 1;
	width:100%;
	height:auto;
}

.list_product_uc li .cnt_pr{
	overflow: hidden; *zoom: 1;
	height:300px;
	position:relative;
}

.list_product_uc li .cnt_pr h4{
	margin-bottom:10px;
	font-size:18px;
	border-bottom:1px solid #1f2146;
}

.list_product_uc li .cnt_pr p{color:#465872; position:relative;z-index:10;}
.list_product_uc li .cnt_pr p span{margin-left:14px;color:#b4b3b3;}

.list_product_uc li .cnt_pr .num{
	position:absolute;
	bottom:0;
	right:0;
	font-size:200px;
	color:#1f2146;
	line-height:1em;
	z-index:1;
}

/********************************
screen_width_580px
********************************/
@media screen and (max-width: 580px) {
	.list_product_uc li .pic{float:none; margin:0 auto 10px;}
	.list_product_uc li .cnt_pr .num{display:none;}
	.list_product_uc li .cnt_pr{height:auto;}
}

/********************************
screen_width_480px
********************************/
@media screen and (max-width: 480px) {
	.ucicon{width:60px;}
	.list_product_uc li .pic{float:none; margin:0 auto 10px;}
	.list_product_uc li .pic, .list_product_uc li .pic p{width:100%;}
}

/********************************
screen_width_320px
********************************/
@media screen and (max-width: 320px) {
	.list_product_uc li .pic, .list_product_uc li .pic p{height: 200px !important;}
}