@charset "utf-8";

/* 共通
************************/
.f-10{
	font-size:10px;
}
.f-red{
	color:#e50012;
}
.paging{
	clear:both;
	text-align:center;
	margin-bottom:30px;
}

.paging a{
	display:inline-block;
	margin:2px;
	
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity:1;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
.paging a:hover{
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity:0.5;
}

#sliderHolder {
	position:relative;
	margin:0 5px 5px 5px;
	-moz-box-shadow:	0px 0px 3px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
	box-shadow:  		0px 0px 3px 1px rgba(0, 0, 0, 0.3);
}
#sliderHolder p{
	height:auto;
	position:relative;
	border:#a0a0a0 solid 1px;
}
#sliderHolder .flexslider{
	height:auto;
	position:relative;
	border:#a0a0a0 solid 1px;
}


/* home 
****************************/
#home{
	overflow-x:hidden;
}

#home #masonry{
	margin:0 0;
}

#home #masonry .item {
	margin:5px;
	float: left;
	border:#a0a0a0 solid 1px;
	-moz-box-shadow:	0px 0px 3px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
	box-shadow:  		0px 0px 3px 1px rgba(0, 0, 0, 0.3);
}
#home #masonry .itemOver{
	position:absolute;
	top:100%;
	width:100%;
	height:100%;
}
#home #masonry .itemOver a{
	width:100%;
	height:100%;
	display:block;
}

#home #masonry .typeA {
	width:188px;
	overflow:hidden;
	position:relative;
}
#home #masonry .typeB {
	width:388px;
	overflow:hidden;
	position:relative;
}
#home #masonry .typeC {
	width:588px;
	overflow:hidden;
	position:relative;
}
#home #masonry .news{
	background-color:#FFFFFF;
	height:188px;
}
#home #masonry .news h3{
	margin:10px 15px 0 15px;
	padding-bottom:3px;
	border-bottom:#000 solid 1px;
	line-height:16px;
	font-size:16px;
	color:#00418e;
}
#home #masonry .news ul{
	margin:0 15px 10px;
	padding:3px 10px 0 0;
	line-height:18px;
	height:145px;
	overflow-y:auto;
}
#home #masonry .news li{
	border-bottom:#999999 dotted 1px;
	margin:3px 0;
	zoom:1;
}
#home #masonry .news li:after{
    content: ""; 
    display: block; 
    clear: both;
}

#home #masonry .news .date{
	color:#a0a0a0;
	font-size:10px;
	font-weight:bold;
	float:left;
	width:73px;
	letter-spacing:-0.5px;
}
#home #masonry .news .disc{
	color:#323232;
	font-size:10px;
	float:left;
	width:455px;
}
#home #masonry .news.typeB .disc{
	width:255px;
}

#home #masonry .news .disc a{
	color:#323232;
}
#home #masonry .news .disc img{
	vertical-align:middle;
	margin-bottom:1px;
	
}
/* home under 400px;
*******************/
#home #masonry .sm{
	float:left;
	min-width:
}
#home #masonry .sm .typeA,#home #masonry .sm .typeA{
	width:auto;
	top:0 !important;
	left:0 !important;
	position:relative;
}

#home #masonry .sm .typeA,#home #masonry .sm .typeB{
	width:auto;
	top:0 !important;
	left:0 !important;
	position:relative;
}
#home #masonry .sm .news .disc{
	width:100%;
}
#home #masonry .sm .item{
	float:none;
}

@media only screen and (max-width:600px) {
	#home #masonry{
		margin:0 auto;
	}
}
@media only screen and (max-width:400px) {
	#home #masonry{
		width:100% !important;
	}
}
/* catetop
****************************/
#catetop #itemHolder{
	width:100%;
}
#catetop #itemHolder .item {
	max-width:190px;
	margin:5px;
	float: left;
	-moz-box-shadow:	0px 0px 3px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
	box-shadow:  		0px 0px 3px 1px rgba(0, 0, 0, 0.3);
}
#catetop #itemHolder .item dl{
	position:relative;
	overflow:hidden;
	border:#a0a0a0 solid 1px;
}
#catetop #itemHolder .itemOver{
	position:absolute;
	top:100%;
	width:100%;
	height:100%;
}
#catetop #itemHolder .itemOver a{
	width:100%;
	height:100%;
	display:block;
}

@media only screen and (max-width:600px) {
	#catetop #sliderHolder{
		margin:0 1% 1% 1% !important;
	}
	#catetop #itemHolder{
		max-width:400px;
		margin:0 auto;
	}
	#catetop #itemHolder .item{
		width:48%;
		margin:1%;
	}
}

@media only screen and (max-width:400px) {
}

#catetop #itemHolder li .pic{
	background:#FFFFFF;
	border:#a0a0a0 solid 1px;
	max-width:215px;
}
#s-mode #catetop #itemHolder li .ttl{
	color:#FFFFFF;
}
#catetop #itemHolder li .ttl{
	color:#141414;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	margin:8px 0;
}
#catetop #itemHolder li .txt{
	font-size:12px;
}

#catetop #itemHolder li a{
	text-decoration:none;
}
#catetop #contentArea a img{
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
#catetop #contentArea a:hover img{
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity:0.5;
}
#catetop #itemHolder li a:hover .ttl{
	text-decoration:underline;
}





/* photo 
****************************/
#photoHolder{
	width:100%;
}
#photoHolder #mainImages{
	/* 970 */
	width:100%;
	position:relative;
}
#photoHolder #mainImages img.lazy{
	max-width:none;
	width:770px;
	height:900px;
}
#photoHolder #mainImages .prev,#photoHolder #mainImages .next{
	position:absolute;
	top:50%;
	margin-top:-27px;
	padding:10px;
	display:block;
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	
}
#photoHolder #mainImages .prev.deactive,#photoHolder #mainImages .next.deactive{
	-ms-filter: "alpha( opacity=00)";
	filter: alpha( opacity=00 );
	opacity:0.0;
}
#photoHolder #mainImages .prev:hover,#photoHolder #mainImages .next:hover{
	-ms-filter: "alpha( opacity=50)";
	filter: alpha( opacity=50 );
	opacity:0.5;
}
#photoHolder #mainImages .prev{
	left:0;
}
#photoHolder #mainImages .next{
	right:200px;
}
#photoHolder #mainImages li{
	width:100%;
	position:relative;
}
#photoHolder #mainImages .info{
	margin:0;
	width:200px;
	height:100%;
	position:absolute;
	background:#002d5c;
	top:0;
	right:0;
}
#team #photoHolder #mainImages .info{
	background:#000830;
}
#team #photoHolder #mainImages .info:after{
	content: ""; 
  display: block; 
  clear: both;
}
#photoHolder #mainImages .info p{
	position:absolute;
	top:50%;
	width:100%;
	margin-top:-25px;
}
#photoHolder #mainImages .info a,
#photoHolder #mainImages .info span{
	display:block;
	margin:2px 10px;
	color:#FFFFFF;
	position:relative;
}
#photoHolder #mainImages .info a:after{
	content:url(../img/common/icon_allow_link_white.gif);
	margin-left:10px;
	color:#FFFFFF;
}
#photoHolder #mainImages .info .link-func{
	border-top:#FFFFFF solid 1px; 
	padding:5px 0 0;
	margin-top:8px;
}
#photoHolder #mainImages .info a.link-func-icon{
	margin:5px 0 2px 10px;
	float:left;
}
#photoHolder #mainImages .info a.link-func-icon:after{
	content: ""; 
  display: block; 
  clear: both;
}
#photoHolder #mainImages .info a.btn-store{
	margin:5px 10px 2px;
}
#photoHolder #mainImages .info a.btn-store:after{
	content:"";
}
#photoHolder #mainImages .pic{
	position:relative;
	width:auto;
	background-color:#FFFFFF;
	max-width:770px;
	margin-right:200px;
}

#photoHolder #thumbsImages{
	padding:8px 0;
	margin:0 -4px 0 -3px;
}
#photoHolder #thumbsImages li{
	float:left;
}
#photoHolder #thumbsImages li a{
	display:block;
	background-color:#FFF;
	margin:3px;
}
#photoHolder #thumbsImages li a img{
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#photoHolder #thumbsImages li a:hover img{
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity:0.7;
}
#photoHolder #thumbsImages li a.active{
	padding:3px;
	margin:0;
	background:#002d5c;
}
#team #photoHolder #thumbsImages li a.active{
	background:#000830;
}

#photoHolder #thumbsImages li a.active:hover img{
	-ms-filter:none;
	filter:none;
	opacity:1;
}
@media only screen and (max-width:600px){
	#photoHolder #mainImages img.lazy{
		max-width:100%;
		width:100%;
		height:auto;
	}
	#photoHolder #mainImages .info{
		margin:0;
		width:100%;
		float:none;
		position:relative;
		height:auto;
		padding:10px 0;
	}
	#photoHolder #mainImages .info p{
		position:relative;
		top:0;
		margin-top:0 !important;
	}
	#photoHolder #mainImages li{
		margin:0 0 10% 0;
	}
	#photoHolder #mainImages .pic{
		margin:0;
		width:100%;
		float:none;
	}
	#photoHolder #thumbsImages{
		display:none;
	}
	#photoHolder #mainImages .prev,
	#photoHolder #mainImages .next{
		display:none !important;
	}
}



/* photoWide 
****************************/
#photoWideHolder{
	width:100%;
}
#photoWideHolder #mainImages{
	/* 970 */
	width:100%;
	position:relative;
}
#photoWideHolder #mainImages .prev,
#photoWideHolder #mainImages .next{
	position:absolute;
	top:50%;
	margin-top:-27px;
	padding:10px;
	display:block;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#photoWideHolder #mainImages .prev{left:0;}
#photoWideHolder #mainImages .next{right:0;}
#photoWideHolder #mainImages .prev.deactive,
#photoWideHolder #mainImages .next.deactive{
	-ms-filter: "alpha( opacity=00)";
	filter: alpha( opacity=00 );
	opacity:0.0;
}
#photoWideHolder #mainImages .prev:hover,
#photoWideHolder #mainImages .next:hover{
	-ms-filter: "alpha( opacity=50)";
	filter: alpha( opacity=50 );
	opacity:0.5;
}
#photoWideHolder #mainImages li{
	width:100%;
	position:relative;
}
#photoWideHolder #mainImages li .pic{
	position:relative;
	width:100%;
	max-width:970px;
	background-color:#FFFFFF;
}

#photoWideHolder #mainImages li img.lazy{
	max-width:none;
	width:970px;
	height:900px;
}

#photoWideHolder #mainImages li div.sp-block{
	display:none;
}
#photoWideHolder #mainImages li p.t-list{
	position:absolute;
	right:0;
	text-align:right;
	padding:8px 0 0 10px;
}
#photoWideHolder #mainImages li p.t-list a,
#photoWideHolder #mainImages li p.t-list span{
	display:block;
	margin:2px 0;
	color:#002d5c;
	position:relative;
}
#photoWideHolder #mainImages li p.t-list a.btn-store{
	margin:5px 0 0;
}

#photoWideHolder #mainImages li p.t-list a.btn-link{
	display:block;
	/display:inline;
	/zoom:1;
	margin:10px 0;
}
#photoWideHolder #thumbsImages{
	z-index:10;
	padding:18px 0;
	margin:0 -4px 0 -3px;
}
#photoWideHolder #thumbsImages li{
	float:left;
}
#photoWideHolder #thumbsImages li a{
	display:block;
	background-color:#FFF;
	margin:3px;
}
#photoWideHolder #thumbsImages li a img{
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#photoWideHolder #thumbsImages li a:hover img{
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity:0.7;
}
#photoWideHolder #thumbsImages li a.active{
	padding:3px;
	margin:0;
	background:#002d5c;
}
#team #photoWideHolder #thumbsImages li a.active{
	background:#000830;
}

#photoWideHolder #thumbsImages li a.active:hover img{
	-ms-filter:none;
	filter:none;
	opacity:1;
}
#photoWideHolder .btn-movie{
	padding:0 0 10px;
	text-align:center;
}


@media only screen and (max-width:600px){
	#photoWideHolder #mainImages li{
		margin:0 0 15% 0;
	}
	#photoWideHolder #mainImages li img.lazy{
		max-width:100%;
		width:100%;
		height:auto;
	}
	#photoWideHolder #mainImages li .pic{
		background-color:transparent;
		text-align:center;
	}
	#photoWideHolder #mainImages li div.sp-block{
		text-align:center;
		display:block;
		padding:5% 0 2%;
	}
	#photoWideHolder #mainImages li div.sp-block .t-catch{
		padding:0 0 5% 0;
	}
	#photoWideHolder #mainImages li p.t-list{
		position:relative;
		right:auto;
		text-align:center;
		font-size:16px;
	}
	#photoWideHolder #mainImages li p.t-list a,
	#photoWideHolder #mainImages li p.t-list span{
		margin:0;
		padding:0 0 2% 0;
	}
	#photoWideHolder #thumbsImages{
		display:none;
	}
	#photoWideHolder #mainImages .prev,
	#photoWideHolder #mainImages .next{
		display:none !important;
	}
	
	#photoWideHolder .btn-movie{
		padding:0 0 10%;
	}
}


/*BASKET BALL - somecity
****************************/
#basketball #somecity{
	color:#fffefe;
	line-height:1.8;
}
#basketball #somecity .header{
	clear:left;
	margin:0 0 0 0 !important;
	border:none;
}
/*#basketball #somecity .header{
	position:relative;
	background:url(../img/bb/somecity/header_back.jpg) no-repeat;
	background-size:contain;
	max-width:740px;
	height:auto;
	padding:40% 50%;
}*/
#basketball #somecity .somecity-link{
}
#basketball #somecity .somecity-link .somecity-logo img,
#basketball #somecity .somecity-link .champion-logo img,
#basketball #somecity .header .mv_start img{
	width:100%;
}
#basketball #somecity .somecity-link .somecity-logo{
	position:absolute;
	right:53.5%;
	top:0%;
}
#basketball #somecity .somecity-link .champion-logo{
	position:absolute;
	left:46.5%;
	top:0%;
}
#basketball #somecity .somecity-link a:hover{
	opacity: 0.7;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
#basketball #somecity .ballaholic-link{
}
#basketball #somecity .ballaholic-link .left-block{
	width:52%;
}
#basketball #somecity .ballaholic-link .right-block{
	width:48%;
}
#basketball #somecity .ballaholic-link a:hover{
	opacity: 0.7;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
#basketball #somecity .header .mv_start{
	position:absolute;
	top:35%;
	left:42.5%;
}
#basketball #somecity .header .mv_start:hover{
	opacity: 0.7;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
#basketball #somecity .content-innner{
	padding:0 70px 0 70px;
}
#basketball #somecity .read{
	font-size:13px;
	line-height:1.8;
	text-align:center;
	position:relative;
	top:-40px;
}
#basketball #somecity .info{
	margin:-20px 0 0 0;
}
#basketball #somecity .info:after{
	content: ""; 
  display: block; 
  clear: both;
}
#basketball #somecity .info p{
	margin:20px 0 0 0;
	text-align:center;
	font-weight:bold;
}
#basketball #somecity .pic{
	margin:10px auto 0 auto;
	text-align:center;
}
#basketball #somecity .pic:after{
	content: ""; 
  display: block; 
  clear: both;
}
#basketball #somecity .pic .mrg{
	margin:0 10px 0 0;
}
#basketball #somecity ul.btn-somecity{
	padding:20px 0 50px 0;
}
#basketball #somecity ul.btn-somecity:after{
	content: ""; 
  display: block; 
  clear: both;
}
/*#basketball #somecity ul.btn-somecity li{
	float:left;
}*/
#basketball #somecity ul.btn-somecity li.mrg{
	/*margin:0 10px 0 0;*/
	text-align: center;
}
#basketball #somecity .about-somecity{
	margin: 5px 0 0 0;
}
#basketball #somecity .about-somecity:after{
	content: ""; 
  display: block; 
  clear: both;
}
#basketball .oct-mark-ttl{
	background:url(../img/bb/somecity/icon_oct.gif) left 50% no-repeat;
	margin:0 0 30px 0;
	padding:0 0 0 25px;
}
#basketball .oct-mark-ttl img{
	margin:0 8px 0 0;
}
#basketball .oct-mark-ttl p{
	color:#fff251;
	font-weight:bold;
}
#basketball #somecity .about-somecity .photo{
	text-align:center;
	padding:30px 0 60px 0;
}
#basketball #somecity .about-somecity .photo img{
}

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

#basketball #somecity .somecity-link .somecity-logo{
	right:35%;
}
#basketball #somecity .somecity-link .somecity-logo img,
#basketball #somecity .header .mv_start img{
	width:70%;
}
#basketball #somecity .somecity-link .champion-logo{
	left:45%;
}
#basketball #somecity .content-innner{
	padding:0 50px 0 50px;
}
#basketball #somecity .read{
	top:-20px;
	text-align:left;
}
#basketball #somecity .read span{
	display:none;
}
#basketball #somecity .info{
	margin:0px 0 0 0;
}
#basketball #somecity .pic img{
	width:48%;
}
#basketball #somecity ul.btn-somecity li{
	clear:left;
	text-align:center;
	width:100%;
}
#basketball #somecity ul.btn-somecity li.mrg{
	margin:0 0 10px 0;
}
	
}

@media only screen and (max-width:600px) {
	
#basketball #somecity .somecity-link .somecity-logo{
	right:40%;
}
#basketball #somecity .somecity-link .somecity-logo img{
	width:75%;
}
#basketball #somecity .header .mv_start img{
	width:60%;
}
#basketball #somecity .content-innner{
	padding:0 20px 0 20px;
}
#basketball #somecity .read{
	top:20px;
}
#basketball #somecity .info{
	margin:40px 0 0 0;
}
/*#basketball #somecity .info p{
	text-align:left;
}*/
#basketball #somecity .info span{
	display:none;
}
#basketball #somecity .pic img{
	width:48%;
}
#basketball #somecity ul.btn-somecity{
	padding:20px 0 20px 0;
}

}

/*BASKET BALL - campaign1509
****************************/
#basketball .yellow{
	color:#fdd000;
}
#basketball .small{
	font-size:10px;
}
#basketball .mid{
	font-size:12px;
}
#basketball #campaign1509{
	background:#df3232;
	color:#fff;
	line-height:1.6;
}
#basketball #campaign1509 .content-innner{
	padding:0 50px 70px 50px;
}
#basketball #campaign1509 .info{
	margin:20px 0 0 0;
}
#basketball #campaign1509 .info:after{
	content: ""; 
  display: block; 
  clear: both;
}
#basketball #campaign1509 .info > p{
	font-weight: bold;
}
#basketball #campaign1509 .info > p span{
	font-weight: normal;
}
#basketball #campaign1509 .info .yellow{
	margin:15px 0 0 0;
}
#basketball #campaign1509 .oct-mark-ttl{
	background:url(../img/bb/campaign1509/icon_oct.gif) left 50% no-repeat;
	margin: 30px 0 10px 0;
	padding:0 0 0 20px;
}
#basketball #campaign1509 .oct-mark-ttl p{
	color:#fff;
}
#basketball #campaign1509 .pic{
	margin:5px 0 0 0;
	float:left;
}
#basketball #campaign1509 .pic .mrg{
	margin:0 5px 0 0;
}
#basketball #campaign1509 .item_number{
	clear:both;
	border:1px solid #fff;
	background: #003475;
	height:30px;
	margin:30px 0 1px 0;
	padding: 5px 40px 5px 5px;
	position:relative;
}
#basketball #campaign1509 .item_number p{
	margin:5px 0 5px 0;
	width:100%;
	text-align:center;
	font-weight:bold;
}
#basketball #campaign1509 .item_number img{
	position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;
}
#basketball #campaign1509 .campaign-product-list{
	background:#1c1f87;
	color:#a0a0a0;
	border:1px solid #fff;
	padding:10px 30px 30px;
}
#basketball #campaign1509 .campaign-product-list h4{
	color:#ffff01;
	padding-top:20px;
	font-size:14px;
}
#basketball #campaign1509 .campaign-product-list h5{
	color:#fff;
	padding-top:5px;
}

#basketball #campaign1509 .present-result{
	margin:0 10px 0 10px;
	font-size:14px;
	text-align:center;
}
#basketball #campaign1509 .present-result p{
	text-align:left;
}
#basketball #campaign1509 .present-result .yellow{
	margin:0 0 20px 0;
}
#basketball #campaign1509 .entry{
	background:#fdd000;
	padding:20px 10px 10px 10px;
	color: #000;
}
#basketball #campaign1509 .entry p{
	font-size:14px;
	font-weight:bold;
}
#basketball #campaign1509 .entry p.blue {
	color: #00418e;
}
#basketball #campaign1509 .entry ul{
	margin: 0 10px 0 10px;
}
#basketball #campaign1509 .entry .btn_entry{
	margin:30px 0 30px 0;
	text-align:center;
}
#basketball #campaign1509 .entry .btn_entry p{
	margin:0 0 15px 0;
}
#basketball #campaign1509 .oct-ttl{
	background:#00418e url(../img/bb/campaign1509/img_ttl_right.gif) right 0 no-repeat;
	margin:10px 0 15px 0;
	height:27px;
	font-size:14px;
}
#basketball #campaign1509 .oct-ttl p{
	background:url(../img/bb/campaign1509/img_ttl_left.gif) left 0 no-repeat;
	font-weight:bold;
	height:21px;
	padding:3px 0 3px 15px;
	color:#fff;
}
#basketball #campaign1509 .attention{
	margin:30px 0 0 0;
	text-align:center;
	color:#fff;
	font-size:10px;
}
#basketball #campaign1509 .attention .mail{
	margin:20px 0 0 0;
}
#basketball #campaign1509 .attention .mail a{
	color:#a0a0a0;
}

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

#basketball #campaign1509 .info .yellow{
	margin:15px 0 5px 0;
}
#basketball #campaign1509 .pic{
	margin:0 0 0 0;
	clear:left;
	width:100%;
	text-align:center;
}
#basketball #campaign1509 .pic .mrg{
	margin:0 0 5px 0;
}

}

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

#basketball #campaign1509 .content-innner{
	padding:0 10px 70px 10px;
}
#basketball #campaign1509 .item_number p{
	font-size:12px;
}
#basketball #campaign1509 .oct-ttl p{
	font-size:12px;
	padding:4px 0 4px 10px;
}

}


/*S-MODE
****************************/
#s-mode #photoHolder #mainImages .info{
	background:#4d4e52;
}
#s-mode #photoHolder #thumbsImages li a.active{
	background:#bc0e0e;
}

/*Performance
****************************/
#performance #photoHolder #mainImages .info{
	background:#4d4e52;
}
#performance #photoHolder #thumbsImages li a.active{
	background:#bc0e0e;
}

/* #hero
****************************/
#hero #thumbsImages{
	width:auto;
}
#hero #performer-profile{
	width:auto;
	margin:20px;
	font-size:12px;
	line-height:1.6;
	color:#FFFFFF;
}
#hero #performer-profile .ttl{
	font-size:12px;
	color:#787878;
}
#hero #performer-profile h3{
	color:#FFFFFF;
	font-weight:bold;
	margin:5px 0 10px;
}
#hero #performer-profile .profile{
	width:45%; 
	float:left;
	margin-right:5%;
	padding-bottom:5%;
	font-size:10px;
}
#hero #performer-profile .award{
	width:50%;
	float:left;
	padding-bottom:5%;
	font-size:10px;
}
#hero #performer-profile .award p{
	text-indent:-1em;
	margin-left:1em;
}
#hero #thumbsImages{
	float:left;
}
#hero .btn-movie{
	display:block;
	float:right;
	padding:10px 0;
}



@media only screen and (max-width:600px) {
	#hero #performer-profile{
		float:none;
		width:95%;
		margin:0 auto;
	}
	#hero .btn-movie{
		float:none;
		clear:both;
		max-width:280px;
		margin:0 auto 10%;
	}

	#hero #performer-profile .profile{
		width:100%; 
		float:none;
		margin-right:0;
	}
	#hero #performer-profile .award{
		width:100%; 
		float:none;
	}
}


/* players
****************************/
#players #swsa .holder-wide{padding-bottom:8%; }
#players #swsa .holder-wide .c-box{position:relative;background:#002651; color:#FFFFFF; width:100%; height:100%;}
#players #swsa .holder-wide .c-box .loading{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	background:#002651 url(../img/players/swsa/loader.gif) no-repeat center 24.1%;
}
#players #swsa .holder-wide .c-box .sws{position:relative;width:100%; height:100%;}


#players #swsa .c-box .pic-main{position:absolute;left:0;top:0; width:100%; height:100%;overflow: hidden; }

#players #swsa .c-box .pic-bg{position:absolute;left:-6.1%;top:-3.1%; width:112.2%; }

#players #swsa .c-box .pic-man{position:absolute;left:0;top:0; width:100%;}
#players #swsa .c-box .pic-man img{ opacity:0;}

#players #swsa .c-box .pic-winds{position:absolute;left:0;top:0; width:100%; height:100%;}
#players #swsa .c-box .pic-winds img{ opacity:0;}


/*
#players #swsa .c-box .pic-winds .n1{position:absolute;left:-159px;top:-205px;width:785px; height:735px;}
#players #swsa .c-box .pic-winds .n2{position:absolute;left:221px;top:-205px;width:470px; height:518px;}
#players #swsa .c-box .pic-winds .n3{position:absolute;left:518px;top:-49px;width:677px; height:675px;}
#players #swsa .c-box .pic-winds .n4{position:absolute;left:531px;top:261px;width:625px; height:829px;}
#players #swsa .c-box .pic-winds .n5{position:absolute;left:442px;top:498px;width:565px; height:799px;}
#players #swsa .c-box .pic-winds .n6{position:absolute;left:-332px;top:167px;width:845px; height:952px;}
*/

#players #swsa .c-box .pic-winds .n1{position:absolute; left:-16.4%; top:-10.2%; width:80.9%; height:36.7%;}
#players #swsa .c-box .pic-winds .n2{position:absolute; left:22.8%; top:-10.2%; width:48.6%; height:25.9%;}
#players #swsa .c-box .pic-winds .n3{position:absolute; left:53.4%; top:-2.4%; width:69.8%; height:33.6%;}
#players #swsa .c-box .pic-winds .n4{position:absolute; left:54.7%; top:13%; width:64.3%; height:41.4%;}
#players #swsa .c-box .pic-winds .n5{position:absolute; left:45.6%; top:24.9%; width:58.2%; height:39.9%;}
#players #swsa .c-box .pic-winds .n6{position:absolute; left:-34.2%; top:8.3%; width:87.1%; height:47.5%;} 



#players #swsa .c-box .cover-over{position:absolute;left:0;top:36.2%; width:100%;}


#players #swsa .c-box .logo{position:absolute;left:28.1%;top:20.1%; width:47.3%;}
#players #swsa .c-box h2{position:absolute;left:28.1%;top:36.6%; width:45.5%;}
#players #swsa .c-box .t-read{position:absolute;left:28.1%;top:48.5%; width:45%;}
#players #swsa .c-box .info{ position:absolute; left:21.6%; top:66%; width:52.7%;}
#players #swsa .c-box .info p{ position:absolute; left:0; top:0; width:100%; display:block;}

#players #swsa .c-box .plus{position:absolute;left:0;top:0; width:100%; height:100%;}
#players #swsa .c-box .plus p{position:absolute; width:3.4%;}

#players #swsa .c-box .p1{ left:22.4%; top:19.7%;}
#players #swsa .c-box .p2{left:75.5%; top:19.7%;}
#players #swsa .c-box .p3{left:22.4%; top:33.4%;}
#players #swsa .c-box .p4{left:75.5%; top:33.4%;}
#players #swsa .c-box .p5{left:22.4%; top:45.8%;}
#players #swsa .c-box .p6{left:75.5%; top:45.8%;}
#players #swsa .c-box .p7{left:22.4%; top:59.5%;}
#players #swsa .c-box .p8{left:75.5%; top:59.5%;}
#players #swsa .c-box .p9{left:22.4%; top:68.1%;}
#players #swsa .c-box .p10{left:75.5%; top:68.1%;}
#players #swsa .c-box .p11{left:22.4%; top:94.3%;}
#players #swsa .c-box .p12{left:75.5%; top:94.3%;}


#players #swsa .c-box .plus p.center1{
	left:48.95%;
	top:24.1%;
}

#players #swsa .c-box .plus p.center2{
	left:48.95%;
	top:81.2%;
	
}

#players #swsa .product{ width:100%; margin:0 auto; }
#players #swsa .product h3{width:41.7%; background:#FFFFFF; text-align:center; padding:10px 25%; margin:0 auto 3%; line-height:0;}

#players #swsa .product ul {width:94.4%; display:table; word-spacing:-1em; margin:0 auto;}
#players #swsa .product ul li{width:30.5%; display:inline-block; /display:inline; /zoom:1;margin:1.4%; word-spacing:normal;}
#players #swsa .product ul li > div{border:#FFFFFF solid 2px; }
#players #swsa .product ul li .ttl{ padding:8%; margin-bottom:8%; width:40%;}
#players #swsa .product ul li .pic{ width:100%; margin-left:14%; }
#players #swsa .product ul li .btn-detail{
	display:block;
	width:135px;
	margin:8% auto;
	background:url(../img/common/btn_detail_over.gif) top center no-repeat;
}

#players #swsa .btn-holder{ 
	width:95%; 
	padding:4% 0;
	margin:0 auto;
	text-align:center;
	display:table;
	word-spacing:-1em;
}

#players #swsa .btn-holder a{
	word-spacing:normal;
	margin:2% 1%;
	display:inline-block;
	/display:inline;
	/zoom:1;
}
#players #swsa .btn-holder a.btn-webstore{
	background:url(../img/common/btn_webstore_over.gif) no-repeat 0 0;
}
#players #swsa .btn-holder a.btn-store{
	background:url(../img/common/btn_store_over.gif) no-repeat 0 0;
}


@media only screen and (max-width:980px) {
	#players #swsa .product ul li{width:47.2%; margin:1.4%;}
}
@media only screen and (max-width:600px){
	#players #swsa .product ul{width:91.7%;}
	#players #swsa .product ul li{width:100%; max-width:280px; margin:3% auto; display:block;}
	#players #swsa .product ul li .ttl{ margin-bottom:5%;}
	#players #swsa .product ul li .pic{ width:90%; margin-left:15%;}
}


/* cass - PRODUCTS
****************************/
#cass #photoHolder #mainImages .info{
	background:#b4b4b4;
}
#cass #photoHolder #thumbsImages li a.active{
	background:#b4b4b4;
}
#cass #photoHolder #thumbsImages{
	float:left;
}
#cass #photoHolder #cass-lineup{
	float:right;
	text-align:right;
	padding:8px 0;
}
#cass #photoHolder #cass-lineup .btn-store{
	display:block;
	/display:inline;
	/zoom:1;
	margin:5px 0;
}
#cass #photoHolder #cass-lineup .btn-bnr{
	display:block;
	/display:inline;
	/zoom:1;
	margin:15px 0;
}

/* cass - REVERSE WEAVE
****************************/
#tvoc #contentArea .holder-wide{
	background:#FFFFFF url(../img/cass/tvoc/base.gif) repeat-x 0 0;
}
#tvoc #itemHolder{
	width:100%;
}
#tvoc #itemHolder li{
	width:100%;
}
#tvoc #itemHolder li.sm{
	position:relative;
}
#tvoc #itemHolder .info{
	margin:0 4.054054054054054%;
	width:40.54054054054054%;
	float:left;
}
#tvoc #itemHolder .pic{
	width:51.35135135135135%;
	max-width:380px;
	float:left;
}
#tvoc #itemHolder .t_catch{
	text-align:center;
	font-size:20px;
	margin:15px 0;
	font-weight:bold;
}
#tvoc #itemHolder .btn-detail{
	margin-top:15px;
}
#tvoc #itemHolder .ttl{
	padding-top:118px;
	padding-bottom:30px;
}


#tvoc #itemHolder .item_1 .info{
	margin-right:0;
	width:330px;
}

#tvoc #itemHolder .item_1 .ttl{
	padding:40px 0 0 0;
	text-align:center;
}
@media only screen and (max-width:980px) {
	#tvoc #itemHolder .ttl{
		padding:10% 0 8%;
	}
	#tvoc #itemHolder .item_1 .info{
		margin:0 4.054054054054054%;
		width:40.54054054054054%;
		/*300px*/
	}
	#tvoc #itemHolder .item_1 .ttl{
		padding:10% 0 0 0;
	}
	#tvoc #itemHolder .t_catch{
		font-size:14px;
		margin:5% 0;
	}
}


@media only screen and (max-width:600px){
	#tvoc #itemHolder .t_catch{
		font-size:14px;
		margin:5% 0;
	}
	#tvoc #itemHolder .info{
		margin:0 auto;
		width:90%;
		float:none;
		/*300px*/
	}
	#tvoc #itemHolder .pic{
		margin:0 auto;
		width:100%;
		max-width:380px;
		float:none;
		margin-top:10%;
	}
	#tvoc #itemHolder .pic{
		margin:5% auto 10%;
		width:100%;
		max-width:380px;
		float:none;
		
	}
	
	#tvoc #itemHolder .item_1 .info{
		margin:0 auto;
		width:90%;
	}
	#tvoc #itemHolder .item_1 .ttl{
		padding:10% 0 0 0;
	}
	
}
#tvoc #thumbsHolder{
	padding:8px;
}
#tvoc #thumbsHolder li{
	float:left;
	margin:0 1px 1px 0;
}
#tvoc #thumbsHolder li a{
	display:block;
	padding:2px;
	background:#e6e6e6;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#tvoc #thumbsHolder li a:hover{
	background:#00418f;
}
#tvoc #thumbsHolder li a.active{
	background:#00418f;
}


/* CASS - REVERSE WEAVE - PRODUCTS
****************************/
#products_rw #contentArea .header{
	border:none;
	background:#FFFFFF url(../img/cass/products/header_bg.gif) repeat-x left bottom;
}
#products_rw #contentArea #sws-header.header{
	background:#000000 url(../img/cass/sws/products/header_bg.jpg) no-repeat left top;
}

#products_rw #contentArea #sws-header.header .pic-main{
	margin-top:4%;
}
#products_rw #contentArea .holder{
	width:88.15789473684211%;
}
#products_rw #contentArea h3{
	background:#dcdcdc;
	font-size:14px;
	font-weight:bold;
	color:#323232;
	text-align:center;
	padding:5px 5px 3px;
	margin:0 5px;
	
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	behavior: url(/champion/shared/css/PIE.htc);
}
#products_rw #contentArea h4 {
	text-align: center;
	margin: 5px auto 0;
}
#products_rw #contentArea p{
	font-weight: bold;
}
#products_rw #contentArea p.name{
	height: 65px;
}
#products_rw #contentArea p span{
	font-size:10px;
}
#products_rw .products-item-list{
	display:table;
	margin:10px 0 35px;
	word-spacing:-1em;
	width:100%;
}
#products_rw .products-item-list li{
	width:135px;
	margin:5px;
	padding:10px;
	background-color:#FFF;
	text-align:left;
	border:#c8c8c8 solid 1px;
	
	word-spacing: normal;
	display: inline-block;
	vertical-align: top;
	/display: inline;
	/zoom: 1;
}
#products_rw .products-item-list li .pic{
	width:auto;
	height:auto;
	margin:0 0 10px;
}
#products_rw .products-item-list li .pic img{
	margin:0;
	float:none;
}
#products_rw .products-item-list li .btn{
	margin-bottom:0;
}
#products_rw .products-item-list li .btn a{
	display:block;
	margin:0;
	float:none;
}
#products_rw li .btn-detail a{background:url(../img/common/btn_detail_over.gif) top center no-repeat;}


#products_rw .buttons-bottom{
	text-align:center;
	margin-bottom:20px;
}
#products_rw .buttons-bottom a{
	display:inline-block;
	margin-bottom:10px;
	/zoom:1;
	/display:inline;
}

#products_rw .buttons-bottom a.btn-webstore{
	background:url(../img/common/btn_webstore_over.gif) no-repeat 0 0;
}
#products_rw .buttons-bottom a.btn-store{
	background:url(../img/common/btn_store_over.gif) no-repeat 0 0;
}


@media only screen and (max-width:980px) {
	#products_rw .products-item-list {
		text-align:center;
	}
	
}
@media only screen and (max-width:600px) {
	#products_rw #contentArea .holder{
		width:95.3125%;
	}
	#products_rw .products-item-list li{
		margin:2px;
		padding:4px;
		width:135px;
	}
	
}
/* cass - sws - top
****************************/

#sws-top .holder-wide{background:#00004d; color:#FFFFFF;padding-bottom:8%;}
#sws-top .sws-top .right-block{width:44.4%; margin:5% 0 0 5.5%;}
/*#sws-top .sws-top .right-block{width:44.4%; margin-right:1.4%;}*/
#sws-top .sws-top .right-block .pic-main{margin-top:7%;}
#sws-top .sws-top .left-block{ width:44.4%; margin:6.5% 0 0 5.5%;}
#sws-top .sws-top .left-block .t-read{ line-height:1.8; font-size:12px; text-align:left; }

#sws-top .sws-top .left-block .t-catch{ font-weight:bold; font-size:14px; margin:20px 0 20px 0;}

#sws-top .sws-top .right-block .shoulder{margin:20px 5px 5px;text-align:right;}
#sws-top .sws-top .btn-holder{line-height:0; padding:3% 5.5% 0; margin:0;}
#sws-top .sws-top .btn-products{display:block;width:161px; height:39px; background:url(../img/cass/sws/top/btn_products_over.gif) no-repeat 0 0;}

#sws-top .coordinate{  margin:5.5% 0;}
#sws-top .coordinate h3{border-top:#FFF solid 1px; padding:2% 0 1.5%; margin:0 5.5%;}
#sws-top .coordinate .items{margin:0 auto 2%; width:90.4%;}
#sws-top .coordinate .items li{margin:0.8%; width:48.4%; float:left;}
#sws-top .coordinate .items li > div{border:#808080 dotted 1px; padding:4%; }
#sws-top .coordinate .items li .pic{margin:0 0 2% 0;}
#sws-top .coordinate .items li .txt span{ display:block; font-size:12px; padding:3px 0;}
#sws-top .coordinate .items li .txt a{ 
	display:inline-block; 
	/display:inline; 
	/zoom:1; 
	background:url(../img/common/list-menu_bullet.gif) right center no-repeat;
	color:#FFFFFF;
	padding:3px 10px 3px 0;
	font-size:12px;
}



#sws-top .technology{ border-top:#FFF solid 1px; border-bottom:#FFF solid 1px; margin: 5.5%;}
#sws-top .technology h3{ padding:2% 0;}
#sws-top .technology .info-1{ width:56.2%; margin:2% 2% 4% 0; float:left;}
#sws-top .technology .info-2{ width:39.2%; margin:-2% 0 4% 0; float:left;}
#sws-top .btn-holder{text-align:center;}
#sws-top .btn-products{display:inline-block;width:222px;height:52px;background:url(../img/common/btn_products_over.gif) no-repeat 0 0;}


@media only screen and (max-width:980px) {
}
@media only screen and (max-width:600px){
	#sws-top .sws-top .left-block,
	#sws-top .sws-top .right-block{width:92%; margin:0 auto; float:none; padding:5% 0 0; max-width:320px;}
	#sws-top .sws-top .right-block .shoulder{ display:none;}
	#sws-top .sws-top .right-block .pic-main{text-align:center; margin-top:0; padding-bottom:5%;}
	#sws-top .sws-top .btn-holder{padding:3% 0 5.5%; margin:0 auto;}
	#sws-top .sws-top .btn-products{margin:0 auto;}
	
	#sws-top .coordinate{ width:92%; margin:5.5% auto; max-width:320px;}
	#sws-top .coordinate h3{ padding:4% 0; margin:0;}
	#sws-top .coordinate .items{margin:0 auto; padding:1% 0 4%; width:100%;}
	#sws-top .coordinate .items li{margin:0 auto 5%; width:99%; float:none;}
	#sws-top .coordinate .items li > div{ padding:3%; }

	#sws-top .technology{ width:92%; margin:5.5% auto; max-width:320px;}
	#sws-top .technology h3{ padding:4% 0;}
	#sws-top .technology .info-1{ width:100%; margin:2% auto 4%; float:none;}
	#sws-top .technology .info-2{ width:100%; margin:2% auto 4%; float:none;}
	
}


/* cass - sws - common
****************************/
/*
#sws .holder-wide{background:#000;color:#FFFFFF;padding:1px 0;}
#sws #sws-hdeader{width:100%;display:table;word-spacing:-1em;line-height:0;text-align:right;}
#sws #sws-hdeader p{display:inline-block;margin:0 1px 1px 0;word-spacing:normal;}
#sws #sws-hdeader .logo{display:block;padding:18px 0 16px;width:170px;float:left;margin:0 1px 1px;text-align:center;}
#sws #sws-hdeader p a{display:inline-block;border:#FFF solid 2px;background:#FFFFFF;}
#sws #sws-hdeader p a.active{border:#df2d32 solid 2px;}
#sws #sws-hdeader p a.active img{-ms-filter: "alpha( opacity=70 )";filter: alpha( opacity=70 );opacity:0.7;}
#sws #sws-hdeader p a:hover{border:#df2d32 solid 2px;}
#sws .sws-content{margin:4.054054054054054%;border:#FFF dotted 1px;}
#sws .sws-content h3.what-is{padding:18px;}
#sws .sws-content .pic-main{margin:3.529411764705882% 3.529411764705882% 3.529411764705882%  2%;width:53.24705882352941%;}
#sws .sws-content .pic-sub{width:36.32941176470588%;margin:8.823529411764706% 3.823529411764706% 0 0;}
#sws .sws-content-detail{border-top:#FFF dotted 1px;display:table;word-spacing:1em;}
#sws .sws-content-detail .right-block,#sws .sws-content-detail .left-block{width:50%;display:inline-block;word-spacing:normal;}
#sws .sws-content-detail .left-block div,#sws .sws-content-detail .right-block div{padding:0 10px 10px;height:100%;}
#sws .sws-content-detail .right-block div{border-left:#FFF dotted 1px;}
#sws .sws-content-detail p{float:left;width:47%;}
#sws .sws-content-detail p.pic{margin:10px 3% 0 0;width:50%;}
#sws .sws-content-detail p span{display:block;color:#ffffff;font-size:12px;}
#sws .sws-content-detail p span.ttl{color:#a0a0a0;font-size:18px;margin:10px 0 5px;}
#sws .btn-holder{text-align:center;margin:35px 0 50px;}
#sws .btn-products{display:inline-block;width:222px;height:52px;background:url(../img/common/btn_products_over.gif) no-repeat 0 0;margin-top:7px;}
#sws .btn-function{display:inline-block;width:222px;height:52px;background:url(../img/common/btn_function_over.gif) no-repeat 0 0;margin-top:7px;}
#sws .interview-list-holder{margin:4.054054054054054%;}
#sws .interview-list{float:left;width:50%;}
#sws .interview-list a{width:100%;display:block;margin-bottom:10px;}
#sws .interview-list a p{float:left;width:238px;}
#sws .interview-list a .pic{width:76px;margin-right:15px;border:#FFFFFF 2px solid;background:#FFFFFF;}
#sws .interview-list a.active .pic{border:#df2d32 solid 2px;}
#sws .interview-list a.active img{-ms-filter: "alpha( opacity=70 )";filter: alpha( opacity=70 );opacity:0.7;}
#sws .interview-list a.active span.ttl{color:#FFFFFF;}
#sws .interview-list a:hover {text-decoration:none;}
#sws .interview-list a:hover span{color:#FFFFFF;}
#sws .interview-list a:hover span.ttl{color:#FFFFFF;}
#sws .interview-list a:hover .pic{border:#df2d32 solid 2px;}
#sws .interview-list a span{display:block;color:#FFFFFF;}
#sws .interview-list a span.ttl{color:#c8c8c8;font-size:12px;margin-bottom:10px;}
#sws .sws-experience-main{padding:0 1px;}
#sws .sws-experience-main .left-block{width:60%;}
#sws .sws-experience-main .left-block img{border-right:#000 solid 1px;}
#sws .sws-experience-main .right-block{background:url(../img/cass/sws/common/bg_check.gif);width:40%;min-height:400px;}
#sws .sws-experience-main .right-block h3{margin:45px 0 0 15px;}
#sws .sws-experience-main .right-block .profile{margin:45px 0 10px 15px;font-size:12px;}
#sws .sws-experience-main .right-block .profile .ttl{margin-bottom:5px;}
#sws .sws-experience-main .right-block .profile .disc{color:#e6e6e6;}
#sws .sws-content h4{color:#df2d32;font-size:18px;margin:13px;text-align:center;font-weight:normal;}
#sws .sws-content .interview{margin:0 3.529411764705882% 0 4.411764705882353%;width:57.64705882352941%;float:left;}
#sws .sws-content .interview .qNum{clear:both;float:left;width:15.30612244897959%;max-width:60px;}
#sws .sws-content .interview dl{float:left;width:82.14285714285714%;margin-left:2.551020408163265%;margin-bottom:20px;font-size:12px;}
#sws .sws-content .interview dl dt{color:#a0a0a0;font-size:18px;margin:4.411764705882353% 0;}
#sws .sws-content .pics{margin-top:1.470588235294118%;margin-right:4.411764705882353%;width:30%;float:right;}
#sws .sws-content .pics img{margin-bottom:1px;}
#sws .sws-content .attention{clear:both;margin:0 4.411764705882353% 4.411764705882353%;font-size:12px;text-align:right;}
@media only screen and (max-width:980px) {
	#sws .sws-content-detail p{float:left;width:100%;}
	#sws .sws-content-detail p.pic{margin:10px 0 0 0;width:100%;}
	#sws .interview-list{float:none;width:100%;max-width:334px;margin:0 auto;}
	#sws .interview-list a{position:relative;min-height:80px;}
	#sws .interview-list a p{margin-left:95px;width:auto;}
	#sws .interview-list a .pic{margin:0;position:absolute;top:0;left:0;}
	#sws .sws-experience-main{padding:0;background:url(../img/cass/sws/common/bg_check.gif);}
	#sws .sws-experience-main .left-block{width:100%;text-align:center;float:none;}
	#sws .sws-experience-main .left-block img{border-right:none;}
	#sws .sws-experience-main .right-block{width:100%;max-width:472px;margin:0 auto;min-height:20px;float:none;}
	#sws .sws-experience-main .right-block h3{margin:30px 15px 0;}
	#sws .sws-experience-main .right-block .profile{margin:30px 15px 0;font-size:12px;padding-bottom:30px;}
}
@media only screen and (max-width:670px) {
	#sws #sws-hdeader p{width:70px;}
	#sws #sws-hdeader .logo{padding:13px 0 11px;width:166px;}
}
@media only screen and (max-width:600px){
	#sws .holder-wide{}
	#sws #sws-hdeader{display:none;}
	#sws .sws-content .pic-main{width:92.94117647058824%;margin:3.529411764705882%;text-align:center;}
	#sws .sws-content .pic-sub{width:92.94117647058824%;text-align:center;margin:3.529411764705882%;}
	#sws .sws-experience-main{margin-top:-1px;padding:0;background:url(../img/cass/sws/common/bg_check.gif);}
	#sws .sws-experience-main .left-block{width:100%;text-align:center;}
	#sws .sws-experience-main .left-block img{border-right:none;}
	#sws .sws-experience-main .right-block{width:100%;min-height:20px;}
	#sws .sws-content h4{font-size:16px;margin:13px;}
	#sws .sws-content .interview{margin:0 4.411764705882353%;width:91.17647058823529%;}
	#sws .sws-content .interview dl dt{color:#a0a0a0;font-size:16px;margin:4.411764705882353% 0;}
	#sws .sws-content .pics{margin:0 4.411764705882353% 4.411764705882353%;width:91.17647058823529%;}
	#sws .sws-content .pics img{width: 49.2%;float: left;margin: 1px;}
	#sws .sws-content .attention{font-size:11px;}
}
*/


/* about 
****************************/

#about h2{
	margin-bottom:10px;
}
#about .tab-about{
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	width:100%;
}
#about .tab-about:after{
	content: ""; 
  display: block; 
  clear: both;
}
#about .tab-about a{
	text-align:center;
	cursor:pointer;
	display:block;
	background:url(../img/about/tab_back.gif) no-repeat center top;
	opacity: 1;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;

	color:#fff;
	font-weight:bold;
	line-height:1.4;
}
#about .tab-about a.active,
#about .tab-about a.active:hover{
	cursor:default;
	background: url(../img/about/tab_back.gif) no-repeat center top;
	color:#df3232;
}
#about .tab-about a:hover{
	background: url(../img/about/tab_back.gif) no-repeat center top;
	opacity: 0.7;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	text-decoration:none;
}
#about .tab-about a.active:hover{
	cursor:default;
	background: url(../img/about/tab_back.gif) no-repeat center top;
	color:#df3232;
	opacity: 1;
}
#about .tab-about li{
	width:50%;
	float:left;
}
#about .tab-about li a.m-1{
	margin:0 10px 0 0;
	padding:9px 0 0 0;
	height:60px;
	font-size:16px;
}
#about .tab-about li a.m-2{
	margin:0 0 0 0;
	padding:19px 0 0 0;
	height:50px;
	font-size:16px;
}

#about .about-Contents{
	width:100%;
	position:relative;
}
#about .about-Contents li{
	width:100%;
	position:relative;
}
#about .about-Contents p,
#about .about-Contents dl,
#about .about-Contents ul{
	color:#010000;
	line-height:1.8;
}
#about .about-Contents .ttl{
	margin:0 0 25px 0;
}
#about .about-Contents dl dt{
	font-size:22px;
	font-weight:bold;
	margin:20px 0 5px 0;
	line-height:1.4;
}
#about .about-Contents .left-block{
	width:58% !important;
	margin:0 0 0 0;
}
#about .about-Contents .right-block{
	width:40% !important;
	margin:20px 0 0 0;
}
#about .about-Contents .right-block .link-btn{
	margin: 10px 20px 0 0;
	text-align: center;
}
#about .about-Contents .btn_holder{
	margin:30px 0 0 0;
	text-align:center;
}
#about .about-Contents .btn_holder:after{
	content: ""; 
  display: block; 
  clear: both;
}
#about .about-Contents .btn_holder li{
	float:left;
}
#about .about-Contents .btn_holder li.mrg{
	margin:0 10px 0 0;
}
#about .about-Contents .btn_holder .btn-reverse{
	width:325px;
	height:60px;
	margin:0 5px 0 0;
	background:url(../img/about/btn_reverse_over.gif) no-repeat 0 0;
	display:inline-block;
	/display: inline;
	/zoom: 1;
	line-height:0;
}
#about .about-Contents .btn_holder .btn-championweb{
	width:325px;
	height:60px;
	background:url(../img/about/btn_championweb_over.gif) no-repeat 0 0;
	display:inline-block;
	/display: inline;
	/zoom: 1;
	line-height:0;
}
#about .about-Contents .about-block{
	padding:10px 0 50px 0;
}
#about .about-Contents .about-block:after{
	content: ""; 
  display: block; 
  clear: both;
}
#about .about-Contents .about-block .history_area{
	padding:25px 0 0 0;
}
#about .about-Contents .about-block .history_area .link-btn{
	margin: 10px 0 0 15%;
	text-align: left;
}
#about .footer{
	position:relative;
	left:-8%;
}

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

	#about .about-Contents .tab-about li a.m-1{
		margin:0 10px 0 0;
		padding:9px 0 0 0;
		height:60px;
		font-size:13px;
	}
	#about .about-Contents .btn_holder .btn-reverse{
		margin:0 0 0 0;
	}

}

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

	#about .about-Contents .tab-about,
	#about .about-Contents .sp{
		display:none;
	}
	#about .about-Contents .ttl{
		margin:0 0 0 0;
	}
	#about .about-Contents .btn_holder .btn-reverse,
	#about .about-Contents .btn_holder .btn-championweb{
		width:auto;
		height:auto;
	}
	#about .about-Contents .left-block{
		width:100% !important;
		clear:both;
	}
	#about .about-Contents .right-block{
		width:100% !important;
		clear:both;
		text-align:center;
		margin:0 auto;
	}
	#about .about-Contents .right-block .link-btn{
		margin: 10px auto 10px;
	}
	#about .about-Contents .about-block .history_area .link-btn{
		margin: 10px auto 0;
		text-align: center;
	}

}

#list-menu{
	margin-bottom:40px;
	padding:5px;
	background:#a0a0a0;
	
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/champion/shared/css/PIE.htc);
}
#list-menu a{
	display:inline-block;
	margin:3px 10px 0;
	font-size:12px;
	color:#FFFFFF;
	background:url(../img/common/list-menu_bullet.gif) 0 5px no-repeat;
	padding:0 0 0 10px;
}
#list-menu span{
	display:inline-block;
	margin:3px 10px 0;
	font-size:12px;
	color:#df3232;
	background:url(../img/common/list-menu_bullet.gif) 0 5px no-repeat;
	padding:0 0 0 10px;
}

@media only screen and (max-width:600px) {
	#list-menu a{
		display:block;
	}
	#list-menu span{
		display:block;
	}
	#list-menu{
		padding:7px 5px;
	}
}

/*
#about-aaaa{
	padding-bottom:30px;
	margin:0 10px;
	border-bottom:#000000 dotted 1px;
}

#about-aaaa .left-block{
	width:56.71875%;
}
#about-aaaa .t_read{
	margin:30px 30px 0 0;
}

#about-aaaa .right-block{
	width:43.28125%;
}

#about-challenge{
	margin:0 10px;
	margin-top:30px;
}

#about-challenge .left-block{
	width:37.5%;
	text-align:center;
}
#about-challenge .left-block img{
	margin-bottom:1px;
}

#about-challenge .right-block{
	width:62.5%;	
}

#about-challenge .right-block dt{
	margin-left:30px;
	margin-bottom:10px;
	font-size:16px;
	font-weight:bold;
}
#about-challenge .right-block dd{
	margin-left:30px;
	margin-bottom:30px;
}
#about .btn-history{
	width:223px;
	height:52px;
	margin:20px auto;
	background:url(../img/about/btn_history_over.gif) no-repeat 0 0;
}


@media only screen and (max-width:600px) {
	
	#about-aaaa .left-block{
		width:100%;
		padding-bottom:20px;
	}
	#about-aaaa .t_read{
		margin:30px 0 0 0;
	}
	
	#about-aaaa .right-block{
		width:100%;
		text-align:center;
	}

	#about-challenge .left-block{
		width:100%;
		padding-bottom:20px;
	}
	#about-challenge .right-block{
		width:100%;	
	}
	
	#about-challenge .right-block dt,
	#about-challenge .right-block dd{
		margin-left:0;
	}
}
*/


/* history 
****************************/

#history h2{
	margin-bottom:20px;
}
#history h3{
	margin:0 10px;
}
#history .time-line{
	margin:20px 10px 0;
}
#history .time-line li{
	width:100%;
	background:url(../img/history/border_bg.gif) no-repeat 15.625% top;
	padding-top:30px;
}

#history .time-line li.first{
	background-position:15.625% -30px;
	padding-top:0;
}
#history .time-line .left-block{
	width:17.1875%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	line-height:24px;
}
#history .time-line .right-block{
	width:78.125%;
	max-width:380px;
	float:left;
	padding-left:4.6875%;
	font-size:12px;
}

#history .time-line .right-block h4{
	font-size:18px;
	color:#000000;
	margin-bottom:5px;
}


@media only screen and (max-width:600px) {
	#history h3{
		margin-left:0;
		margin-right:0;
	}
	#history .time-line {
		margin-left:0;
		margin-right:0;
	}
	#history .time-line .left-block{
		font-size:16px;
	}
}
#history .btn-about{
	width:223px;
	height:52px;
	margin:20px auto;
	background:url(../img/history/btn_about_over.gif) no-repeat 0 0;
}



/* shoplist 
****************************/

#shoplist h2{
	margin-bottom:20px;
}
#shoplist h3{
	background:#dcdcdc;
	font-size:14px;
	font-weight:bold;
	color:#323232;
	text-align:center;
	padding:5px 5px 3px;

	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/champion/shared/css/PIE.htc);
}
#shoplist .select-pref{
	text-align:center;
	padding:10px;
}
#shoplist select.pref{
	width:110px;
}
#shoplist .placeHolder{
	margin:15px 0;
	min-height:400px;
}
#shoplist .placeHolder h4{
	display:inline-block;
	/display: inline;
	/zoom: 1;
	padding:20px 10px;
	font-size:12px;
	line-height:12px;
	color:#FFFFFF;
	font-weight:normal;
	margin-bottom:6px;
	
	position:relative;
	background: #3275C5;
	background: -webkit-gradient(linear, left top, right bottom, from(#3275C5), to(#003778));
	background: -webkit-linear-gradient(left top,right bottom,#3275C5, #003778);
	background: -moz-linear-gradient(left top,#3275C5, #003778);
	background: -ms-linear-gradient(left top,#3275C5, #003778);
	background: -o-linear-gradient(left top,#3275C5, #003778);
	background: linear-gradient(left top,#3275C5, #003778);
	-pie-background: linear-gradient(left top,#3275C5, #003778);
	behavior: url(/champion/shared/css/PIE.htc);
}
#shoplist #map-default{
	text-align:center;
}
#shoplist .placeHolder div{
	border-bottom: #333 dotted 1px;
	margin-bottom:50px;
	display:none;
}
#shoplist .placeHolder dl{
	width:100%;
	border-top: #333 dotted 1px;
	margin:5px 0;
	padding:10px 0;
}
#shoplist .placeHolder dl dt{
	font-size:18px;
	font-weight:bold;
	padding:5px 0;
}
#shoplist .placeHolder dl dd{
	color:#323232;
	font-weight:12px;
}
#shoplist .placeHolder dl dd.tel{
	display:inline-block;
	min-width:125px;
	background:url(../img/shoplist/icon_tel.gif) no-repeat 3px 3px;
	padding:0 12px;
}
#shoplist .placeHolder dl dd.site{
	display:inline-block;
	padding:0 0 0 20px;
	background:url(../img/shoplist/icon_site.gif) no-repeat 1px 4px;
	word-break:break-all;
}
/* champion shop */
#shoplist #championshop .c-placeHolder{
	margin:15px 0;
	padding:15px 0;
}
#shoplist #championshop .c-placeHolder li{
	border-top:#000 dotted 1px;
	padding:10px;
}
#shoplist #championshop .c-placeHolder h4{
	background:url(../img/common/logo-120.png) no-repeat left center;
	padding:0 0 0 140px;
	display:block;
	font-size:18px;
	line-height:1.6;
	color:#323232;
	font-weight:bold;
	margin:10px 0 0;
}
#shoplist #championshop .c-placeHolder .pic{
	float:left;
	width:26.25%;
	margin-top:15px;
	margin-right:5%;
}
#shoplist #championshop .c-placeHolder .txt{
	float:left;
	font-size:12px;
	line-height:1.8;
	width:68.75%;
	margin-top:15px;
}
#shoplist #championshop .c-placeHolder .disc{
	color:#787878;
	font-size:10px;
	margin:15px 0;
}
#shoplist #championshop .c-placeHolder .btns{
	margin-bottom:15px;
}
#shoplist #championshop .c-placeHolder .btns a{
	display:inline-block;
	/display: inline;
	/zoom: 1;
	width:48%;
	max-width:150px;
	background-color:#FFF;
}
#shoplist #championshop .c-placeHolder .mobile{
	margin:15px 0;
}
#shoplist #championshop .c-placeHolder .mobile img{
	margin-right:10px;
	float:left;
}
#shoplist #championshop .c-placeHolder .btns a img{
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
#shoplist #championshop .c-placeHolder .btns a:hover img{
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity:0.5;
}


@media only screen and (max-width:600px) {
	
	
	#shoplist #championshop .c-placeHolder h4{
		background:none;
		padding:0 0 0 0;
		text-align:center;
	}
	#shoplist #championshop .c-placeHolder .pic{
		float:none;
		width:100%;
		text-align:center;
	}
	#shoplist #championshop .c-placeHolder .txt{
		width:100%;
		float:none;
	}
	#shoplist #championshop .c-placeHolder .btns{
		text-align:center;
	}
	
	
}


/* catalog
********************/
#catalog .holder {
	padding-bottom: 20px;
}
#catalog h2{
	margin-bottom:30px;
}
#catalog h3{
	background:#dcdcdc;
	font-size:14px;
	font-weight:bold;
	color:#323232;
	text-align:center;
	padding:5px 5px 3px;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/champion/shared/css/PIE.htc);
}
#catalog a img{
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
#catalog a:hover img{
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity:0.7;
}

#catalog .catalog-items{
	margin:70px 0 30px 0;
}
#catalog .catalog-items ul{
	width:100%;
	text-align:center;
	margin:0 auto;
}
#catalog .catalog-items ul li{
	width:49%;
	display: inline-block;
	font-size:12px;
	font-weight:bold;
	color:#787878;
	text-align:left;
	vertical-align:bottom;
	box-sizing: border-box;
	padding: 5px;
}
#catalog .catalog-items ul li:hover{
	background: #dcdcdc;
}
#catalog .catalog-items ul li a{
	display: block;
}
#catalog .catalog-items ul li a:hover{
	text-decoration: none;
}
#catalog .catalog-items ul li div{
	display: inline-block;
}
#catalog .catalog-items ul li div p{
	margin: 0 0 65px 10px;
}
#catalog .catalog-items ul li div p span{
	font-size:10px;
	font-weight: normal;
}
#catalog .catalog-items ul li div span{
}
#catalog .catalog-items ul li div span img{
	margin: 10px 10px 0;
}

#catalog .order-sheets{
	margin:30px 0 0 0;
}
#catalog .order-sheets dl{
	width:50%;
	padding-bottom:40px;
	float:left;
}
#catalog .order-sheets dl dt{
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
}
#catalog .order-sheets dl dd{
	margin-top:15px;
}
#catalog .order-sheets dl dd ul{
	padding:0 10px;
}
#catalog .order-sheets dl dd ul li{
	float:left;
	padding:5px 30px 0 0;
	border-right:1px solid #ccced6;
}
#catalog .order-sheets dl dd ul li.last{
	padding:5px 0 0 30px;
	border-right:none;
}
#catalog .order-sheets dl dd ul li p{
	font-size:12px;
	color:#787878;
	margin-top:10px;
	text-align:center;
}
#catalog .order-sheets dl dd ul li img.mrg{
	margin:0 0 0 20px;
}
@media only screen and (max-width:980px) {
	#catalog .catalog-items ul li{
		text-align: center;
	}
	#catalog .catalog-items ul li div.img{
		margin: 0 0 10px 0;
	}
	#catalog .catalog-items ul li div p{
		margin: 0 0 0 0;
		display: inline-block;
	}
	#catalog .catalog-items ul li div span{
		display: inline-block;
	}
	#catalog .catalog-items ul li div span img{
		margin: 0 10px 0;
	}
	#catalog .order-sheets dl dt{
		margin-left:0;
	}
	#catalog .order-sheets dl dd ul{
		padding:0 0;
	}
	#catalog .order-sheets dl dd ul li{
		padding:5px 10px 0 0;
	}
	#catalog .order-sheets dl dd ul li.last{
		padding:5px 0 0 10px;
	}
	#catalog .order-sheets dl dd ul li img.mrg{
		margin:0 0 0 5px;
	}
}
@media only screen and (max-width:732px) {
	#catalog .catalog-items ul li div p{
		margin: 0 0 10px 0;
		display: block;
	}
	#catalog .catalog-items ul li div span{
		display: block;
	}
}
@media only screen and (max-width:600px) {
	#catalog .catalog-items{
		margin: 0 0 30px 0;
	}
	#catalog .order-sheets dl{
		width:100%;
		padding-bottom:40px;
		clear:left;
		text-align:center;
	}
	#catalog .order-sheets dl dd ul li{
		float:left;
		padding:5px 0 0 0;
		width:64%;
		text-align:center;
		margin:0 auto;
	}
	#catalog .order-sheets dl dd ul li.last{
		padding:5px 0 0 0;
		border-right:none;
		width:35%;
	}
	#catalog .order-sheets dl dd ul li img.mrg{
		margin:0 0 0 30px;
	}
}




/* links
********************/
#links h2{
	margin-bottom:30px;
}
#links h3{
	background:#dcdcdc;
	font-size:14px;
	font-weight:bold;
	color:#323232;
	text-align:center;
	padding:5px 5px 3px;

	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/champion/shared/css/PIE.htc);
}

#links #champion-domestic{
	margin:20px 0 40px;
	border-top:#000 dotted 1px;
}
#links #champion-domestic li{
	border-bottom:#000 dotted 1px;
}
#links #champion-domestic li .photo{
	float:left;
	width:29.6875%;
	margin-right:3.125%;
	background-color:#FFFFFF;
}
#links #champion-domestic li .txt{
	float:left;
	width:67.1875%;
	font-size:12px;
}
#links #champion-domestic li h4{
	font-size:14px;
	margin-bottom:10px;
	color:#000;
}
#links #champion-domestic a{
	display:block;
	padding:20px 10px ;
}
#links #champion-domestic li a:hover{
	background:#dcdcdc !important;
}
#links #champion-domestic li a:hover h4{
	color:#787878;
	text-decoration:underline;
}

#links #champion-suponser,#links #champion-asreet{
	margin:20px 0 30px;
	padding:10px;
	word-spacing: -1em;
	display:table;
}

@media only screen and (max-width:980px) {
	#links #champion-suponser,#links #champion-asreet{
		text-align:center;
	}
}


#links #champion-suponser li, #links #champion-asreet li{
	width:318px;
	margin:0 0 10px 0;
	display:inline-block;
	/display: inline;
	/zoom: 1;
	word-spacing: normal;
	vertical-align: middle;
}
#links #champion-suponser li a, #links #champion-asreet li a{
	text-decoration:none;
	display:block;
}
#links #champion-suponser li .pic, #links #champion-asreet li .pic{
	width:130px;
	background-color:#FFFFFF;
	vertical-align: middle;
	display:inline-block;
	word-spacing: normal;
	/display: inline;
	/zoom: 1;
}

#links #champion-suponser li h4, #links #champion-asreet li h4{
	text-align:left;
	width:170px;
	margin-left:10px;
	font-size:12px;
	vertical-align: middle;
	display:inline-block;
	word-spacing: normal;
	/display: inline;
	/zoom: 1;
}

@media only screen and (max-width:600px) {
	
	#links #champion-links{
		border:#CCCCCC solid 1px;
	}
}

@media only screen and (max-width:400px) {
	
	#links #champion-suponser li, #links #champion-asreet li{
		width:100%;
	}
	#links #champion-suponser li .pic, #links #champion-asreet li .pic{
		width:130px;
	}
	
	#links #champion-suponser li h4, #links #champion-asreet li h4{
		width:100%;
		text-align:center;
		margin:5px 0 10px 0;
	}
}
#links #champion-suponser li a:hover h4, #links #champion-asreet li a:hover  h4{
	text-decoration:underline;
}


#links #champion-links{
	margin:0 0 20px;
	background:#FFFFFF;
	padding:15px;
	font-size:12px;
	line-height:1.8;
}
#links #champion-links a{
	text-decoration:underline;
}

/* contact
********************/
#contact h2{
	margin-bottom:20px;
}

#contact .customer{
	border-top:#000 dotted 1px;
	padding:10px;
	margin-bottom:20px;
}
#contact .c-mate{
	border-top:#000 dotted 1px;
	border-bottom:#000 dotted 1px;
	
	padding:10px;
	margin-bottom:20px;
}

#contact h3{
	padding:20px 0 10px;
}
#contact h4{
	padding:10px 0;
}
#contact #contentArea p{
	padding:8px 0;
}

#contact #contentArea p a{
	text-decoration:underline;
}
#contact #contentArea p a:hover{
	text-decoration:none;
}

#contact .btn-apply{
	width:222px;
	margin:20px auto;
}
#contact .btn-apply a{
	background:url(../img/common/btn-apply_over.png) no-repeat 0 0;
	display:block;
}



/* special
********************/
#special p,
#special dl,
#special ul,
#special a{
	color:#00418f;
	line-height:1.6;
}
#special .special_back{
	border:5px solid #00418f;
}
/*#special .tie-up-movie{
	position:relative;
	padding:30px 0 56.25% 0;
	height:0;
	overflow:hidden;
}
#special .tie-up-movie iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}*/
#special .special-info{
	margin:0 55px 0 55px;
	padding:20px 0 20px 0;
}
#special .special-info dl dt{
	font-size:18px;
	font-weight:bold;
	border-bottom: #f7dc07 3px solid;
	display: inline-block;
}
#special .special-info dl dt.title{
	background: #f7dc07;
	padding: 5px 10px;
	border: none;
}
#special .special-info dl dd{
	font-size:16px;
	font-weight:bold;
}
#special .special-info dl dd p{
	margin: 5px 0 20px 0;
}
#special .special-info dl dd ul li{
	margin:20px 0 0 0;
	padding:0 0 0 35px;
	list-style-position: outside;
}
#special .special-info dl dd ul li.img-area{
	float: left;
	width: 67%;
}
#special .special-info dl dd ul li.img-block{
	margin: 20px 0 0 70%;
}
#special .special-info dl dd ul li.img-block.sp{
	display: none;
}
#special .special-info dl dd ul:after{
	content: ""; 
  display: block; 
  clear: both;
}
#special .special-info dl dd ul li p{
	font-size:12px ;
	line-height:1.6;
	margin:10px 0 0 0;
}
#special .special-info dl dd ul li.mark01{
	background:url(../img/sweatfair/list_mark_01.gif) no-repeat left 2px;
}
#special .special-info dl dd ul li.mark02{
	background:url(../img/sweatfair/list_mark_02.gif) no-repeat left 2px;
}
#special .special-info dl dd ul li.mark03{
	background:url(../img/sweatfair/list_mark_03.gif) no-repeat left 2px;
}
#special .special-info dl dd ul li.mark04{
	background:url(../img/sweatfair/list_mark_04.gif) no-repeat left 2px;
}
#special .special-info02{
	margin:40px 55px 0 55px;
	padding:20px 30px 20px 30px;
	background:#dfe8f1;
}
#special .special-info02 dl dt{
	font-size:15px;
	font-weight:bold;
}
#special .special-info02 dl dd ul li{
	list-style:disc outside;
	margin:15px 0 0 15px;
}
#special .special-info02 dl dd ul li a{
	color:#00418e;
	text-decoration:underline;
}
#special .special-info02 dl dd ul li a:hover{
	text-decoration:none;
}
#special .special_back .btn-holder{
	text-align:center;
}
#special .attention{
	text-align:center;
	margin:20px 0 0 0;
}
#special .attention span{
	display:none;
}

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

/*#special .tie-up-movie{
	width:100%;
	height:100%;
}*/
	#special .special-info{
		margin:0 30px 0 30px;
	}
	
}

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

	#special .special_back{
		border: none;
	}
	#special .special-info{
		margin:0 20px 0 20px;
	}
	#special .special-info dl dd ul li.img-area{
		clear: left;
		width: auto;
	}
	#special .special-info dl dd ul li.img-block{
		margin: 0 0 0 0;
		display: none;
		text-align: center;
	}
	#special .special-info dl dd ul li.img-block.sp{
		padding: 0 0 0 0;
		display: block;
	}
	#special .special-info02{
		margin:40px 20px 0 20px;
		padding:20px 15px 20px 15px;
	}
	#special .special_back .btn-holder{
		margin:0 20px 0 20px;
	}
	#special .attention{
		margin:20px 20px 0 20px;
		text-align: left;
	}
	#special .attention span{
		display:inline-block;
	}

}


/* smartathletic - #products
********************/
#smartathletic #products .pic {position:relative;}

#smartathletic #products .pic .point{
	position:absolute;
	display:block;
	left:0;
	top:0;
	display:none;
	width:30px;
	height:30px;
}
#smartathletic #products .pic .point span{
	display:block;
	width:14px;
	height:14px;
	border:#FFFFFF solid 3px;
	line-height:0;
	text-indent:-9999px;
	position:absolute;
	left:5px;
	top:5px;
}

#smartathletic #products .n1 .n1{ top: 25%; left: 67%; }
#smartathletic #products .n1 .n2{ top: 60%; left: 39%; }
#smartathletic #products .n2 .n1{ top: 30%; left: 55%; }
#smartathletic #products .n3 .n1{ top: 32%; left: 41%; }

#smartathletic #products .point,
#smartathletic #products .point span{
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
#smartathletic #products .point:hover{
	width:30px;
	height:30px;
}
#smartathletic #products .point:hover span{
	left:0;
	top:0;
	width:30px;
	height:30px;
	border:none;
	background-color:#FFFFFF;
}

#smartathletic #products .pic .t-catch{
	display:none;
	position:absolute;
}
#smartathletic #products .n1 .pic .t-catch{ width: 32%; top: 5%; left: 3%; }
#smartathletic #products .n2 .pic .t-catch{ width: 32%; top: 5%; left: 62.5%; }
#smartathletic #products .n3 .pic .t-catch{ width: 31.5%; top: 5%; left: 3%; }
#smartathletic #products .pic .t-name{
	display:none;
	position:absolute;
}
#smartathletic #products .n1 .pic .t-name{ width: 28.5%; top: 22.5%; left: 3%; }
#smartathletic #products .n2 .pic .t-name{ width: 28.5%; top: 22.5%; left: 62.5%; }
#smartathletic #products .n3 .pic .t-name{ width: 39.5%; top: 22.5%; left: 3%; }

#smartathletic #photoWideHolder #mainImages li .link-box {
	background: #002d5c;
	width: 100%;
	display: table;
}
#smartathletic #photoWideHolder #mainImages li .link-box .t-list{
	position: inherit;
	right: 0;
	text-align: inherit;
	padding: 0 15px;
	line-height: 1.6;
	width: 55%;
	display: table-cell;
	vertical-align: middle;
	color: #fff;
}
#smartathletic #photoWideHolder #mainImages li .link-box .t-list b {
	margin: 0 5px;
}
#smartathletic #photoWideHolder #mainImages li .link-box .t-list a{
	background: url(../img/common/icon_allow_link_white02.gif) no-repeat right 50%;
	display: inline-block;
	color: #fff;
	position: inherit;
	margin: 0;
	padding: 0 12px 0 0;
}
#smartathletic #photoWideHolder #mainImages li .link-box .t-list span {
	display: none;
}
#smartathletic #photoWideHolder #mainImages li .link-box .btn-link{
	width: 45%;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
}
#smartathletic #photoWideHolder #mainImages li .link-box .btn-link a{
}
#smartathletic #photoWideHolder #mainImages li .link-box .btn-link img{
	margin: 0 5px 5px 0 ;
	padding: 0;
}
#smartathletic #photoWideHolder #mainImages li .link-box .btn-link a.btn-store{
	margin: 0;
}
#smartathletic #thumbsImages{
	float:left;
	padding:8px 0;
}
#smartathletic #photoWideHolder #special-bnr{
	float:right;
	text-align:right;
	padding:5px 0;
}
#smartathletic #photoWideHolder #special-bnr a{
	display: block;
	/display:inline;
	/zoom:1;
	margin:5px 0 10px;
}

.smartAthleticModalContent{
	width:100%;
	max-width:650px;
	width:650px\9;
}
.smartAthleticModalContent > div{border:#FFFFFF solid 6px;background-color:#000000;}
.smartAthleticModalContent .info{
	width:100%;
	max-width:650px;
	color:#FFFFFF;
	font-size:14px;
	line-height:1.6;
}
.smartAthleticModalContent .info .img{
}
.smartAthleticModalContent .info .t-read{
	width: 84%;
	margin: 35px auto;
}
.smartAthleticModalContent .btn{
	text-align: center;
	padding-bottom: 45px;
}

.smartAthleticModalContent .pic img.imgPc {display:block;}
.smartAthleticModalContent .pic img.imgSp {display:none;}


@media only screen and (max-width:895px){
	#smartathletic #photoWideHolder #special-bnr{
		float: none;
		text-align: center;
	}
	#smartathletic #photoWideHolder #special-bnr a{
		display: inline-block;
		margin:5px 0;
	}
}
@media only screen and (max-width:600px){
	
	#smartathletic #products .pic .t-catch{ display:none !important; }
	#smartathletic #products .pic .t-name{ display:none !important; }
	#smartathletic #products .pic .point{ display:none !important; }
	
	#smartathletic #photoWideHolder #mainImages li .sp-block .t-read {
		margin-bottom: 10%;
	}
	
	#smartathletic #photoWideHolder #mainImages li .link-box {
		box-sizing: border-box;
		padding: 10px 0;
	}
	#smartathletic #photoWideHolder #mainImages li .link-box .t-list{
		box-sizing: border-box;
		padding: 10px 15px;
		line-height: 0.8;
		width: 100%;
		display: block;
	}
	#smartathletic #photoWideHolder #mainImages li .link-box .t-list b {
		display: none;
	}
	#smartathletic #photoWideHolder #mainImages li .link-box .t-list a{
		background: url(../img/common/icon_allow_link_white02.gif) no-repeat 95% 50%;
		display: block;
	}
	#smartathletic #photoWideHolder #mainImages li .link-box .t-list a:hover{
		text-decoration: none;
	}
	#smartathletic #photoWideHolder #mainImages li .link-box .t-list span {
		display: block;
	}
	#smartathletic #photoWideHolder #mainImages li .link-box .btn-link{
		width: 100%;
		display: block;
		text-align: center;
		margin: 0 0 0 0;
		box-sizing: border-box;
		padding-bottom: 5px;
	}
	#smartathletic #photoWideHolder #mainImages li .link-box .btn-link a{
		display: inline-block;
	}
	#smartathletic #photoWideHolder #mainImages li .link-box .btn-link img{
		margin: 5px;
	}
	#smartathletic #photoWideHolder #special-bnr{
		margin: -30px auto 10px;
	}
	#smartathletic #photoWideHolder #special-bnr a{
		padding: 0;
	}
	#smartathletic #photoWideHolder #special-bnr a.imgPc{
		display:  none;
	}

	.smartAthleticModalContent > div{
		border: none;
		padding: 10px;
	}
	.smartAthleticModalContent .info .t-read{
		width: 95%;
		margin: 20px auto;
		text-align: left;
		line-height: 2.0;
	}
	.smartAthleticModalContent .btn{
		padding-bottom: 30px;
	}
	
	.smartAthleticModalContent .pic img.imgPc {display:none;}
	.smartAthleticModalContent .pic img.imgSp {display:block;}
}



/* smartathletic - #wrapair
****************************/

#wrapair #contentArea .header{
	margin-bottom: 0;
	border: none;
}
#wrapair .content-innner{
	text-align: center;
	margin: 0 10px;
	background: #f8f8f8;
	padding: 0 30px 40px 30px;
}
#wrapair .content-innner .content-box{
	margin: 0 auto;
	padding-top: 40px;
}
#wrapair .content-innner .content-box .box-cell{
	text-align: left;
}
#wrapair .content-innner .content-box .box-cell.style1{
	width: 58%;
}
#wrapair .content-innner .content-box .box-cell.style2{
	width: 37%;
}
#wrapair .content-innner .content-box .box-cell.style1 .img{
	margin-bottom: 30px;
}
#wrapair .content-innner .content-box .box-cell.left{
	float: left;
}
#wrapair .content-innner .content-box .box-cell.right{
	float: right;
}
#wrapair .content-innner .content-box .box-cell h3{
	margin-bottom: 20px;
}
#wrapair .content-innner .content-box .box-cell p{
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 20px;
}
#wrapair .content-innner .content-box .btn-box{
	float: left;
}
#wrapair .content-innner .content-box .btn-box a{
	display: inline-block;
	float: right;
}

#wrapair .content-innner .content-box .btn-box a:first-child{
	float: left;
	margin-right: 10px;
}

#wrapair .content-innner .content-box .box-cell .bottom-box{
	width: 100%;
	border-top: 1px solid #000;
	padding-top: 20px;
}
#wrapair .content-innner .content-box .box-cell .bottom-box .box-cell{
	width: 100%;
}
#wrapair .content-innner .content-box .box-cell .bottom-box .box-cell .text{
	float: left;
	width: 55%;
}
#wrapair .content-innner .content-box .box-cell .bottom-box .box-cell .text .sttl{
	font-size: 16px;
	margin: 0 0 10px 0;
}
#wrapair .content-innner .content-box .box-cell .bottom-box .box-cell .text p{
	font-size: 12px;
	line-height: 1.4;
}
#wrapair .content-innner .content-box .box-cell .bottom-box .box-cell .img{
	margin-left: 58%;
	text-align: right;
}

#wrapair .content-innner .content-box > h3{
	background:#a0a0a0;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding:7px 5px 5px;
	margin-bottom: 20px;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/champion/shared/css/PIE.htc);
}
#wrapair .content-innner .content-box .sttl{
	font-size: 14px;
	font-weight: bold;
	margin: 10px auto;
}
#wrapair .content-innner .content-box ul{
	text-align: center;
	margin-bottom: 30px;
}
#wrapair .content-innner .content-box ul li{
	width: 164px;
	display: inline-block;
	background: #fff;
	border: 1px solid #787878;
	margin: 0 1px 8px;
	box-sizing: border-box;
	padding: 10px;
}
#wrapair .content-innner .content-box ul li.1st{
	margin: 0 1px 8px 0;
}
#wrapair .content-innner .content-box ul li p{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 6px auto;
}

#wrapair .content-innner .content-box ul li > img{
	margin: 0 auto 12px;
}
#wrapair .content-innner .content-box .btn-box-bottom a{
	display: inline-block;
	margin: 5px;
}
#wrapair .content-innner .content-box .btn-webstore{
	width:195px;
	height:52px;
	background:url(../img/smartathletic/wrap_air/btn_webstore_over.gif) 0 0 no-repeat;
}
#wrapair .content-innner .content-box .btn-wrap{
	width:195px;
	height:52px;
	background:url(../img/smartathletic/wrap_air/btn_wrapair_over.gif) 0 0 no-repeat;
}

@media only screen and (max-width:980px) {
	#wrapair .content-innner{
		padding: 0 20px 30px;
	}
	#wrapair .content-innner .content-box{
		padding-top: 30px;
	}
	#wrapair .content-innner .content-box .btn-box{
		clear: both;
		text-align: center;
		width: 100%;
	}
	#wrapair .content-innner .content-box .btn-box a{
		float: none;
		margin: 5px;
	}
	#wrapair .content-innner .content-box .btn-box a:first-child{
		float: none;
		margin: 5px;
	}
}

@media only screen and (max-width:600px) {
	#wrapair .content-innner{
		padding: 0 20px;
	}
	#wrapair .content-innner .content-box{
		padding-top: 30px;
	}
	#wrapair .content-innner .content-box .box-cell.style1{
		width: 100%;
	}
	#wrapair .content-innner .content-box .box-cell.style2{
		width: 100%;
	}
	#wrapair .content-innner .content-box .box-cell.style1 .img{
		margin-bottom: 20px;
	}
	#wrapair .content-innner .content-box .box-cell.left{
		float: inherit;
		margin: 0 auto;
		text-align: center;
	}
	#wrapair .content-innner .content-box .box-cell.right{
		float: inherit;
		margin: 0 auto;
		text-align: center;
	}
	#wrapair .content-innner .content-box .box-cell h3{
		margin-bottom: 15px;
	}
	#wrapair .content-innner .content-box .box-cell p{
		text-align: left;
	}
	
	#wrapair .content-innner .content-box .btn-box{
		margin-top: 10px;
	}
	
	#wrapair .content-innner .content-box .box-cell .bottom-box .box-cell{
		width: 100%;
		float: inherit;
		clear: both;
	}
	#wrapair .content-innner .content-box .box-cell .bottom-box .box-cell .text{
		float: left;
		width: 52%;
	}
	#wrapair .content-innner .content-box .box-cell .bottom-box .box-cell .img{
		margin-left: 55%;
		text-align: right;
	}
	
	#wrapair .content-innner .content-box .sttl{
		text-align: left;
	}
	#wrapair .content-innner .content-box ul{
		margin: 0 -9px 20px;
	}
	#wrapair .content-innner .content-box ul li{
		width: 46%;
	}
	#wrapair .content-innner .content-box .btn-box-bottom{
		padding-bottom: 20px;
	}
}

@media only screen and (max-width:600px) {
/*	.fancybox-outer{
	  position: relative;
	  width: 100%;
	  padding-top: 56.25%;
	}
	.fancybox-inner{
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 100% !important;
	  height: 100% !important;
	}*/
/*	iframe .ytp-thumbnail-overlay.ytp-cued-thumbnail-overlay{
		background-image: none !important;
		background-size: contain;
		border: 1px solid #fff;
	}
*/}