/*
#sliderBoxView {
	width:530px;
	height: 530px;
}
*/
/*
#sliderBoxView img{
	width:530px;
	height: 530px;
}
*/

/*ul#sliderBoxNavi {
	padding:0px;
	margin:0px;
	width: 530px;
*/
/*	
	height: 200px;
*/	
/*	
}
*/
/*
ul#sliderBoxNavi li img{
	width:100px;
	height:100px;
}
*/

ul#sliderBoxNavi li{
	list-style:none;
}
ul#sliderBoxNavi li {
/*	
	width:100px;
	height:100px;
*/	
	float:left;
}

ul#sliderBoxNavi li.active{
	border: solid 3px #FF0000;
}
ul#sliderBoxNavi li.unactive{
	border: solid 3px #FFFFFF;
}
/*
#youtube {
	width:530px;
	height: 530px;
	position:absolute;
}
*/
#youtube_box {
}

@media only screen and (min-width: 768px) {

.xfadepanel {
	width:634px;	
	background:url(../../img/bg_corssimg2.jpg) repeat center 20px;
    -webkit-box-shadow: inset 0px 0px 3px #555;
    -moz-box-shadow: inset 0px 0px 3px #555;
    box-shadow: inset 0px 0px 3px #555;
	border:1px solid #600;
}

.xfadepanel {
	margin:0 0 10px 0;	
}
	
#sliderBoxView {
	width:612px;
	height: 445px;
	position: relative;
	margin:10px;
	/*
    -webkit-box-shadow: inset 0px 0px 3px #000;
    -moz-box-shadow: inset 0px 0px 3px #000;
    box-shadow: inset 0px 0px 3px #000;
	background:#fff;
	*/
}

#sliderBoxView img{
	width:612px;
	max-height: 445px;
	/*
	height: 370px;
	*/
    -webkit-box-shadow:  0px 0px 3px #000;
    -moz-box-shadow:  0px 0px 3px #000;
    box-shadow:  0px 0px 3px #000;
}

ul#sliderBoxNavi {
	padding:0px;
	margin:0px;
	width:620px;
	padding:0 6px;
	/*
    -webkit-box-shadow: inset 0px 0px 3px #000;
    -moz-box-shadow: inset 0px 0px 3px #000;
    box-shadow: inset 0px 0px 3px #000;
	*/
}

ul#sliderBoxNavi li {
	list-style:none;
	float:left;
	max-heigh:81px;
	width:108px;
	margin:12px 6px;
	box-shadow: 0px 0px 3px #000;
	-webkit-box-shadow: 0px 0px 3px #000;
	-moz-box-shadow: 0px 0px 3px #000;
}
ul#sliderBoxNavi li img{
	width:108px;
	max-height:81px;	
}
ul#sliderBoxNavi li.active{
	border: solid 2px #FC0;
}
ul#sliderBoxNavi li.unactive{
	border: solid 2px #900;
}
#youtube {
	width:612px;
	height: 370px;	
	position:absolute;
}
#youtube_box {
}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
.xfadepanel {
	width:100%;	
	background:url(../../img/bg_corssimg2.jpg) repeat center 20px;
    -webkit-box-shadow: inset 0px 0px 3px #000;
    -moz-box-shadow: inset 0px 0px 3px #000;
    box-shadow: inset 0px 0px 3px #000;
	border:2px solid #600;
	background-size:106%;
}

.xfadepanel {
	margin:0 0 10px 0;	
}
	
#sliderBoxView {
	width:94%;
	height:270px;
	position: relative;
	margin:10px;
	/*
    -webkit-box-shadow: inset 0px 0px 3px #000;
    -moz-box-shadow: inset 0px 0px 3px #000;
    box-shadow: inset 0px 0px 3px #000;
	*/
}

#sliderBoxView img{
	width:368px;
	max-height:273px;
	border: solid 3px #900;
    -webkit-box-shadow:  0px 0px 3px #000;
    -moz-box-shadow:  0px 0px 3px #000;
    box-shadow:  0px 0px 3px #000;
}

ul#sliderBoxNavi {
	padding:0px;
	margin:0px;
	width:620px;
	padding:0 6px;
    -webkit-box-shadow: inset 0px 0px 3px #000;
    -moz-box-shadow: inset 0px 0px 3px #000;
    box-shadow: inset 0px 0px 3px #000;
}

ul#sliderBoxNavi li {
	list-style:none;
	float:left;
	width:59px;
	margin:16px 6px 8px 6px;
	box-shadow: 0px 0px 3px #000;
	-webkit-box-shadow: 0px 0px 3px #000;
	-moz-box-shadow: 0px 0px 3px #000;
}
ul#sliderBoxNavi li img{
	width:59px;
	max-height:44px;
}
ul#sliderBoxNavi li.active{
	border: solid 2px #e00;
}
ul#sliderBoxNavi li.unactive{
	border: solid 2px #900;
}
#youtube {
	width:368px;
	height:210px;
	position:absolute;
	background:#333;
}

#youtube_box {
}

}

@media only screen and (max-width: 479px){
.xfadepanel {
	width:100%;
	height:260px;
	background:url(../../img/bg_corssimg2.jpg) repeat center 5px;
    -webkit-box-shadow: inset 0px 0px 3px #000;
    -moz-box-shadow: inset 0px 0px 3px #000;
    box-shadow: inset 0px 0px 3px #000;
	border:2px solid #600;
	background-size:106%;
}

.xfadepanel {
	margin:0 0 0px 0;	
}
	

#youtube {
	width:280px;
	height:160px;
	position:absolute;
	top:5px;
	left:5px;
}

#sliderBoxView {
	width:100%;
	height:210px;
}

#sliderBoxView img {
	width:280px;
	max-height:200px;
	margin:5px 0 0 0;
	padding:0 5px;
}

ul#sliderBoxNavi {
	width:100%;
	padding-left:6px;
}

ul#sliderBoxNavi li {
	list-style:none;
	float:left;
	margin:6px 3px 8px 3px;
	box-shadow: 0px 0px 3px #000;
	-webkit-box-shadow: 0px 0px 3px #000;
	-moz-box-shadow: 0px 0px 3px #000;
}

ul#sliderBoxNavi li img {
	width:48px;
	max-height:40px;
}

.content ul#sliderBoxNavi {
	margin:0;
}

.countdown_pc {
}
.countdown_smp {
	padding-top:10px;
}

.list-tabbed-container {
	padding-top:10px;	
}

ul#sliderBoxNavi li.active{
	border: solid 1px #e00;
}
ul#sliderBoxNavi li.unactive{
	border: solid 1px #900;
}

}