/** tab
===================================*/
.cal{
	    margin: 30px 0 5px 0;	
		min-height: 950px;
}

.cal h3{
	width:100%;
}

.cal h3 img{
	text-align:center;}

.cal ul{
	width:779px;
	margin:0 auto;
}

.cal ul li {
    float: left;
    list-style-type: none;
    width: 256px;
	font-size: 12px;
}

.cal ul li.goodsw{
	width: 259px;
}
 
.cal ul li a {
    font-size: 1.5em;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    display: block;
    padding: 12px 0 0 0;
    text-align: center;
    width: 100%;
	height:70px;
    background:url(../../images/cal/cal_btn_off.png) top center no-repeat;
}
.cal ul li a:hover{
     background:url(../../images/cal/cal_btn_on.png) top center no-repeat;
	 transition: 0.3s;
	 
}
.cal ul li a.current_room,
.cal ul li a.current_light,
.cal ul li a.current_sanrio,
.cal ul li a.current_rascal,
.cal ul li a.current_goods {
     background:url(../../images/cal/cal_btn_on.png) top center no-repeat;
	 transition: 0.3s;
}
 
.cal #main_room_cal,
.cal #main_room_light_cal,
.cal #main_sanrio_cal,
.cal #main_rascal_cal,
.cal #main_goods_cal{
    clear:both;
	width: 779px;
	margin:0 auto;
}
 
.cal #main_room_cal div,
.cal #main_room_light_cal div,
.cal #main_sanrio_cal div,
.cal #main_rascal_cal div,
.cal #main_goods_cal div{
    text-align: center;
}
 
.cal #main_room_cal p,
.cal #main_room_light_cal p,
.cal #main_sanrio_cal p,
.cal #main_rascal_cal p,
.cal #main_goods_cal p{
    margin-top:20px;
    line-height:2em;
    color:#C15757;
}
 
.cal #main_room_cal strong,
.cal #main_room_light_cal strong,
.cal #main_sanrio_cal strong,
.cal #main_rascal_cal strong,
.cal #main_goods_cal strong{
    font-size: 2em;
    font-weight: bold;
    color: #c15757;
    text-decoration: underline;
}

/** tab
===================================*/


@media screen and (max-width: 520px) {

.cal {
	width: 90%;
    margin: 0 auto;
    text-align: center;
    min-height: 680px;
}

.cal ul{
	/*width:779px;*/
	width:100%;
	margin:0 auto;
}

.cal ul li {
    float: left;
    list-style-type: none;
    /*width: 256px;*/
	width: 33%;
	font-size: 10px;
	font-weight: normal;
}

.cal ul li.goodsw{
	 /*width: 256px;*/
	width: 30%;
}
 
.cal ul li a {
    font-size:12px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    display: block;
    padding: 12px 0 0 0;
    text-align: center;
    width: 100%;
	height:70px;
    background:url(../../images/cal/cal_btn_off.png) top center no-repeat;
}
.cal ul li a:hover{
     background:url(../../images/cal/cal_btn_on.png) top center no-repeat;
	 transition: 0.3s;
	 
}
.cal ul li a.current_room,
.cal ul li a.current_light,
.cal ul li a.current_sanrio,
.cal ul li a.current_rascal,
.cal ul li a.current_goods {
     background:url(../../images/cal/cal_btn_on.png) top center no-repeat;
	 transition: 0.3s;
}
 
.cal #main_room_cal,
.cal #main_room_light_cal,
.cal #main_sanrio_cal,
.cal #main_rascal_cal,
.cal #main_goods_cal{
    clear:both;
	/*width: 779px;*/
	width: 100%;
	margin:0 auto;
}
 
.cal #main_room_cal div,
.cal #main_room_light_cal div,
.cal #main_sanrio_cal div,
.cal #main_rascal_cal div,
.cal #main_goods_cal div{
    text-align: center;
}
 
.cal #main_room_cal p,
.cal #main_room_light_cal p,
.cal #main_sanrio_cal p,
.cal #main_rascal_cal p,
.cal #main_goods_cal p{
    margin-top:20px;
    line-height:2em;
    color:#C15757;
}
 
.cal #main_room_cal strong,
.cal #main_room_light_cal strong,
.cal #main_sanrio_cal strong,
.cal #main_rascal_cal strong,
.cal #main_goods_cal strong{
    font-size: 2em;
    font-weight: bold;
    color: #c15757;
    text-decoration: underline;
}



}