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





/* #duble-block
****************************/
#contentArea .header{
	margin:10px;
	zoom:1;
	background-color:#000000;
	border:1px #000000 solid;
}
#contentArea .header:after{
    content: ""; 
    display: block; 
    clear: both;
}
#contentArea .header .ttl-main{
	padding:5%;
	padding-right:0;
	float:left;
}
#contentArea .header .ttl-main .t_catch{
	margin-top:22px;
}
#contentArea .header .pic-main{
	float:right;
	width:auto;
}

#double-block{
	
}
#double-block 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);
}
#double-block .itemList{
	margin:10px -5px;
	text-align:left;
	word-spacing:-1em;
	display:table;
}
#double-block li{
	display:inline-block;
	/display: inline;
	/zoom: 1;
	width:323px;
	max-width:323px;
	margin:5px;
	vertical-align:top;
	text-align:left;
	word-spacing:normal;
}
#double-block li .pic{
	margin:9px 8px;
}
#double-block li h4{
	font-size:14px;
	font-weight:bold;
	padding:7px 9px;
}
#double-block li h4 .ttl{
	display:inline-block;
	float:left;
	/display:inline;
	/zoom:1;
	margin:0 3px;
}
#double-block li h4 .price{
	display:inline-block;
	/display:inline;
	/zoom:1;
	float:right;
	margin:0 3px;
}
#double-block li .t_read{
	font-size:11px;
	margin:5px 0;
}
#double-block li .t_disc{
	font-size:10px;
	margin:5px 10px;
}
#double-block li .buttons{
	margin-bottom:20px;
}
#double-block li .buttons .right{
	float:right;
}
#double-block li .buttons a{
	display:block;
	margin-top:5px;
	float:left;
}


@media only screen and (max-width:980px) {
	#double-block .itemList{
		text-align:center;
	}
	
}
@media only screen and (max-width:600px) {
	#double-block{
		width:95% !important;
	}
	#double-block .itemList{
		margin:10px 0 !important;
	}
	#double-block h3{
		margin-bottom:5px;
	}
	#double-block li{
		margin:10px 0 !important;
		width:100% !important;
	}
}

/*TEAM - #products
***************************
#team #products #double-block li{
	background-color:#FFF;
	border:#cacaca solid 1px;
	border-collapse:collapse;
}
#team #products .btn-store{
	width:222px;
	height:64px;
	margin:20px auto;
	background:url(../img/btn_store_over.gif) 0 0 no-repeat;
}
*/


/*BASKET BALL - #gamewear
****************************/
#gamewear .header{
	position: relative;
}
#gamewear .header .t_catch{
	position: absolute;
	top: 57%;
	left: 5%;
	clear:left;
}

#gamewear #contentArea 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);
}
#gamewear #double-block .itemList{
	margin:10px 5px 0 5px;
	width:100%;
}
#gamewear #double-block li{
	width:200px;
	max-width:200px;
	margin:10px;
}
#gamewear #double-block li .t_read_bold{
	font-size:14px;
	margin:5px 0 2px 0;
	font-weight: bold;
}
#gamewear #double-block li .pic{
	position:relative;
	margin:0 0 10px 0;
}
#gamewear #double-block li .pic .icon-new{
	position:absolute;
	right:0;
	bottom:0;
	width:28.2%;
	text-align:right;
	display:block;
}
#gamewear #double-block li .buttons{
	margin-bottom:20px;
}
#gamewear #double-block li .buttons .btn-catalog{background:url(../img/btn_catalog_mini_over.gif) 0 0 no-repeat;}
#gamewear #double-block li .buttons .btn-ordersheet{background:url(../img/btn_order_sheet_mini_over.gif) 0 0 no-repeat;}
#gamewear #double-block li .buttons .btn-catalog-green{background:url(../img/btn_catalog_mini_green_over.gif) 0 0 no-repeat;}
#gamewear #double-block li .buttons .btn-ordersheet-green{background:url(../img/btn_order_sheet_mini_green_over.gif) 0 0 no-repeat;}
#gamewear .btn-detaile{
	width:296px;
	height:42px;
	margin:0 auto 20px auto;
	background:url(../img/btn_detail02_over.gif) 0 0 no-repeat;
}
#gamewear .btn-3dsimulation{
	width:213px;
	height:87px;
	margin:20px auto;
	background:url(../img/btn_3dsimulation_over.gif) 0 0 no-repeat;
}
@media only screen and (max-width:980px) {
	#gamewear .header .t_catch{
		position: static;
		margin: 0 0 5% 5%;
	}
}
@media only screen and (max-width:600px) {
	#gamewear #double-block li{
		display: block;
		margin: 10px auto !important;
	}
}


/*BASKET BALL - #teamwear
****************************/
#teamwear #contentArea 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);
}
#teamwear #double-block .itemList{
	margin:10px 8px;
	width:100%;
}
#teamwear #double-block li{
	width:305px;
	max-width:305px;
	margin:10px;
}
#teamwear #double-block li .t_read_bold{
	font-size:14px;
	margin:5px 0 2px 0;
	font-weight: bold;
}
#teamwear #double-block li .pic{
	position:relative;
	margin:0 0 5px;
}
#teamwear #double-block li .pic .icon-new{
	position:absolute;
	right:0;
	bottom:0;
	width:28.2%;
	text-align:right;
	display:block;
}
#teamwear .btn-3dsimulation{
	width:213px;
	height:87px;
	margin:20px auto;
	background:url(../img/btn_3dsimulation_over.gif) 0 0 no-repeat;
}
#teamwear .btn-detail{
	margin:3px 0;
	background:url(../img/icon_arrow_right.gif) no-repeat left center;
	padding-left:17px;
	font-size:11px;
	color:#323232;
	display:inline-block;
	/display:inline;
	/zoom:1;
}
#double-block li .buttons .btn-catalog{background:url(../img/btn_catalog_over.gif) 0 0 no-repeat;}
#double-block li .buttons .btn-ordersheet{background:url(../img/btn_order_sheet_over.gif) 0 0 no-repeat;}
#double-block li .buttons .btn-ordersheet-pdf{background:url(../img/btn_order_sheet_pdf_over.gif) 0 0 no-repeat;}
#double-block li .buttons .btn-orderbook{background:url(../img/btn_order_book_over.gif) 0 0 no-repeat;}
#double-block li .buttons .btn-original{background:url(../img/btn_original_over.gif) 0 0 no-repeat;}

#teamwear #double-block li .buttons .btn-catalog-green{background:url(../img/btn_catalog_green_over.gif) 0 0 no-repeat;}
#teamwear #double-block li .buttons .btn-ordersheet-green{background:url(../img/btn_order_sheet_green_over.gif) 0 0 no-repeat;}


/* #support-team
****************************/
#support-team h2{
	margin-bottom:20px;
}
#support-team #double-block li{
	max-width:307px;
	padding:8px;
}
#support-team #double-block .pic{
	margin:0;
}
#support-team #double-block .ttl{
	font-size:18px;
	font-weight:bold;
	line-height:1.4;
	padding:10px 0;
}
#support-team #double-block .t-read{
	width:68.6%;
	float:left;
	margin-bottom:10px;
}
#support-team #double-block .shoulder{
	width:29.4%;
	float:right;
	margin-bottom:10px;
}
#support-team #double-block .link-url{
	display:block;
	clear:both;
	font-size:11px;
	color:#003779;
}
#support-team #double-block .box-nbl{
	background-color:#FFFFFF;
}
#support-team #double-block .box-nbl .ttl{
	color:#003779;
}
#support-team #double-block .box-nbl .t-read{
	width:100%;
}


/*BASKET BALL - #reversiblewear
****************************/

#reversiblewear #contentArea .header{
	margin-bottom: 0;
}
#reversiblewear .content-innner{
	text-align: center;
	margin: 0 10px;
	padding: 40px;
	background: #000;
}
#reversiblewear .content-innner .info-box{
	margin: 0 auto 40px auto;
	padding: 30px;
	border: 1px solid #fff;
}
#reversiblewear .content-innner .info-box ul{
	text-align: left;
	margin: 20px 0 30px 0;
}
#reversiblewear .content-innner .info-box ul li{
	margin-bottom: 10px;
}
#reversiblewear .content-innner .info-box ul li:last-child{
	margin-bottom: 0;
}
#reversiblewear .content-innner .info-box ul li.mrg{
	margin-bottom: 5px;
}
#reversiblewear .content-innner .info-box ul li.mrg2{
	margin-bottom: 7px;
}
#reversiblewear .content-innner .info-box .color{
	margin-bottom: 30px;
}
#reversiblewear .content-innner p{
	font-weight: bold;
	color: #fff;
	margin: -10px auto 0 auto;
}
#reversiblewear .content-innner .buttons a{
	display: block;
	margin:20px auto 10px auto;
}
#reversiblewear .content-innner .buttons .btn-catalog{
	width:182px;
	height:52px;
	background:url(../img/bb/reversiblewear/btn_catalog_over.gif) 0 0 no-repeat;
}
#reversiblewear .content-innner .banner a{
	display: block;
	margin: 0 auto;
}
#reversiblewear .content-innner .banner .btn-banner{
	width:566px;
	height:85px;
	background:url(../img/bb/reversiblewear/banner_over_pc.gif) 0 0 no-repeat;
}

@media only screen and (max-width:980px) {
	#reversiblewear .content-innner .banner .btn-banner{
		width:302px;
		height:122px;
		background:url(../img/bb/reversiblewear/banner_over_sp.gif) 0 0 no-repeat;
	}
}
@media only screen and (max-width:600px) {
	#reversiblewear .content-innner{
		padding: 0 0 30px 0;
	}
	#reversiblewear .content-innner .info-box{
		margin: 0 auto;
		padding: 30px 30px 0 30px;
		border: none;
	}
	#reversiblewear .content-innner .info-box ul li{
		margin-bottom: 15px;
	}
	#reversiblewear .content-innner .info-box ul li.mrg{
		margin-bottom: 10px;
	}
	#reversiblewear .content-innner .info-box ul li.mrg2{
		margin-bottom: 12px;
	}
	#reversiblewear .content-innner p{
		margin: 30px auto 0 auto;
	}
	#reversiblewear .content-innner .buttons a{
		margin:20px auto 20px auto;
	}
}


/* 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/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%;
	}
}


/* function 
****************************/
#functionHolder{
	background:#FFF;
	border:#b4b4b4 solid 1px;
	border-collapse:collapse;
	padding:40px 40px 70px 40px;
}
#functionHolder .header{
	margin:0 0 20px 0;
}
#functionHolder .function-info-area,
#functionHolder .function-info-area01,
#functionHolder .function-info-area02{
	margin:20px 0 0 0;
	border-top:1px solid #ccced6;
}
#functionHolder .function-info-area:after,
#functionHolder .function-info-area01:after,
#functionHolder .function-info-area02:after{
	content: ""; 
  display: block; 
  clear: both;
}
#functionHolder .function-info-area .function-logo,
#functionHolder .function-info-area01 .function-logo,
#functionHolder .function-info-area02 .function-logo{
	margin:20px 0 0 0;
	float:left;
}
#functionHolder .function-info-area .function-logo p,
#functionHolder .function-info-area01 .function-logo p,
#functionHolder .function-info-area02 .function-logo p{
	margin:15px 0 0 0;
	line-height:1.8;
}
#functionHolder .function-info-area .function-info,
#functionHolder .function-info-area01 .function-info,
#functionHolder .function-info-area02 .function-info{
	margin:20px 0 0 0;
	float:right;
	text-align:right;
}
#functionHolder .function-info-area01 .function-logo{
	width:56%;
}
#functionHolder .function-info-area01 .function-info{
	width:41%;
}
#functionHolder .function-info-area01 .function-info span {
	margin-right:70px;
}
#functionHolder .function-info-area02 .function-logo{
	width:47%;
}
#functionHolder .function-info-area02 .function-info{
	width:50%;
}
#functionHolder .function-info-area01#DRYSAVERCOOL .function-info span {
	margin-right:15px;
}

/*
#functionHolder .tab{
	padding:0;
	width:100%;
	background:#FFF;
}
#functionHolder .tab li{
	width:20%;
	float:left;
}
#functionHolder .tab li a.m1{
	margin-left:0;
}
#functionHolder .tab a{
	height:60px;
	cursor:pointer;
	text-align:center;
	display:block;
	margin-left:1px;

	background:#ccced6 url(../img/players/function/arrows.png) no-repeat 95% 0;
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-ms-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}
#functionHolder .tab a span{
	display:block;
	padding:0 15px 0 5px;
}
#functionHolder .tab a.active,
#functionHolder .tab a.active:hover{
	cursor:default;
	background:#FFF url(../img/players/function/arrows.png) no-repeat 95% -60px;
}
#functionHolder .tab a:hover{
	background-color:#e5e6ea;
}
#functionHolder .tabContents{
	width:100%;
	position:relative;
	margin:5% 0;
}
#functionHolder .tabContents li{
	width:100%;
	position:relative;
}
#functionHolder .tabContents li .left-block{
	margin:0 3% 0 5%;
	width:48%;
	max-width:460px;
}
#functionHolder .tabContents li .right-block{
	margin:0 2% 0 0;
	width:42%;
}
#functionHolder .tabContents .pic{
	
}
#functionHolder .tabContents .t_read{
	color:#000;
	width:100%;
	margin-bottom:5%;
}
#functionHolder .tabContents .ttl{
	width:56%;
	margin-bottom:8%;
}
#functionHolder .tabContents .t-catch{
	width:73%;
	margin-bottom:5%;
}
#functionHolder .tabContents .info{
	background:#000830;
	padding:8px;
}
#functionHolder .tabContents .info .thumbs{
	float:right;
}
#functionHolder .tabContents .info .thumbs a{
	padding:3px;
}
#functionHolder .tabContents .pic span{
	display:block;
}
#functionHolder .tabContents .info .thumbs a.active{
	background-color:#ccd5de;
}

#functionHolder .tabContents .info a,
#functionHolder .tabContents .info span{
	color:#FFF;
	padding:2px;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

#functionHolder .tabContents .info a:after{
	content:url(../img/icon_allow_link_white.gif);
	margin-left:10px;
}
#functionHolder .tabContents .info a.btn-store{
	margin-top:4px;
}
#functionHolder .tabContents .info a.btn-store:after,#functionHolder .tabContents .info .thumbs a:after{
	content:"";
	margin-left:0;
}
*/




@media only screen and (max-width:980px) {
	
	
	/*
	#functionHolder .tab a.active,
	#functionHolder .tab a.active:hover{
		background-position:100% -60px;
	}
	#functionHolder .tab a{
		background-position:100% 0;
		line-height:0;
	}
	#functionHolder .tab a img{
	}
	*/
}



@media only screen and (max-width:600px) {
		
#functionHolder{
	padding:10px 10px 10px 10px;
}
#functionHolder .function-info-area .function-logo,
#functionHolder .function-info-area01 .function-logo,
#functionHolder .function-info-area02 .function-logo{
	width:100%;
	text-align:center;
}
#functionHolder .function-info-area .function-logo p,
#functionHolder .function-info-area01 .function-logo p,
#functionHolder .function-info-area02 .function-logo p{
	text-align:left;
}
#functionHolder .function-info-area .function-info,
#functionHolder .function-info-area01 .function-info,
#functionHolder .function-info-area02 .function-info{
	width:100%;
	text-align:center;
}
#functionHolder .function-info-area01 .function-info span{
	margin:0 0 0 0;
}

	
	/*
	#s-mode #functionHolder .tabContents{ background-color:#000000; border:none;}
	#s-mode #functionHolder .tabContents li{border: #b4b4b4 solid 1px; margin-bottom:10%;}
	
	
	
	#functionHolder .tabContents{
		width:100%;
		position:relative;
		margin:0 0 0 0;
	}
	#functionHolder .tabContents li .right-block{
		float:none;
		margin:5% auto 20px;
		width:90%;
	}
	#functionHolder .tabContents li .left-block{
		margin:0 auto;
		float:none;
		width:100%;
		max-width:460px;
	}
	#functionHolder .tabContents li{
		margin:0 0 65px;
	}
	#functionHolder .tabContents li:last-child{
		margin:0;
	}
	*/
}




/* news
********************/
#news .holder{
	width:93.42105263157894%;
	margin:6.578947368421053% 0 0 6.578947368421053%;
}
#news h2{
	margin-bottom:30px;
}
#news .article-holder{
	width:67.6056338028169%;
	float:left;
}
#news .article-holder-side{
	width:25.35211267605634%;
	float:right;
	border-top:#000 dotted 1px;
}
#news .article-holder-side .resent-data li{
	border-bottom:#000 dotted 1px;
	margin-bottom:-1px;
	padding:10px;
	font-size:10px;
}
#news .article-holder-side .date{
	color:#787878;
}
#news .article-holder-side .ttl a{
	color:#505050;
}
#news .article{
	margin:0 0 50px 0;
}
#news .article h3{
	font-size:18px;
	font-weight:bold;
	color:#000;
}
#news .article-header{
	border-top:#000 dotted 1px;
	border-bottom:#000 dotted 1px;
	padding:10px;
	margin-bottom:10px;
}
#news .article-info{
	color:#787878;
	font-size:10px;
}
#news .article-body{
	padding:10px;
}
#news .article-body p{
	font-size: 98%;
	line-height: 1.8;
	padding-bottom:1.5em;
}
#news .article-body p a{
	word-break:break-all;
}
#news .article-body img{
	width:auto;
	height:auto;
}
@media only screen and (max-width:600px) {
	#news .holder{
		width:87.27493074792243%;
		margin:6.578947368421053% 6.578947368421053% 0;
	}
	#news .article-holder{
		width:100%;
		float:none;
	}
	#news .article-holder-side{
		display:none;
	}
}



/* coordinate
****************************/
#coordinate #contentArea .holder{
	width:89.47368421052632%;
}
#coordinate #coordinate-items{
	margin:30px 0px 40px;
	text-align:center;
}
#coordinate #coordinate-items li{
	margin:5px;
	width:215px;
	height:215px;
	text-align:left;
	overflow:hidden;
	float:left;
	position:relative;
	display:inline-block;
	/display: inline;
	/zoom: 1;
}
#coordinate #coordinate-items li a{
	text-decoration:none;
}
#coordinate #coordinate-items li .itemOver{
	position:absolute;
	top:100%;
	width:190px;
	height:190px;
	padding:15px;
	background:url(../img/black-a70.png);
}
#coordinate #coordinate-items li .itemOver a{
	color:#FFFFFF;
}
#coordinate #coordinate-items li .itemOver h4{
	font-size:18px;
	font-weight:normal;
}
#coordinate #coordinate-items li .itemOver .date{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
#coordinate #coordinate-items li .itemOver .t_read{
	font-size:12px;
	margin-top:10px;
}

@media only screen and (max-width:980px) {
	#coordinate #coordinate-items li{
		float:none;
	}
}


/* shop-blog-top
****************************/
#shop-blog-top #contentArea .holder{
	width:89.47368421052632%;
}
#shop-blog-top .item-list{
	margin:30px 0px 40px;
	padding-top:30px;
	border-top:#000000 dotted 1px;
	text-align:center;
}
#shop-blog-top .item-list li{
	margin:5px;
	width:215px;
	height:215px;
	text-align:left;
	background-color:#FFFFFF;
	overflow:hidden;
	float:left;
	position:relative;
	display:inline-block;
	/display: inline;
	/zoom: 1;
}
#shop-blog-top .item-list li a{
	display:block;
	text-decoration:none;
}
#shop-blog-top .item-list li a .t-main{
	padding:12px 10px 0 10px;
	font-size:12px;
	color:#000000;
}

@media only screen and (max-width:980px) {
	#shop-blog-top .item-list li{
		float:none;
	}
}

/* basketball 
****************************/
/*
#simulation .holder-wide{
	background:#ffe600 url(../img/bb/3dsimulation/bg_base.gif) no-repeat 0 0;
	position:relative;
	padding-bottom:28px;
}
#simulation h2{
	padding:20px 20px 0 20px;
	text-align:center;
}
#simulation .article-info{
	min-height:543px;
	text-align:center;
	padding:10px;
	padding-bottom:0;
	position:relative;
}
#simulation .left-block{
	position:absolute;
	left:29px;
	top:34px;
	width:346px;
	float:none;
	text-align:center;
}
#simulation .left-block .point-list{
	background:#dbc711;
	border:#e2a727 solid 1px;
	padding:10px;
	padding-bottom:5px;
	margin-top:10px;
	text-align:left;
	max-width:346px;
	display:inline-block;
	/display:inline;
	/zoom:1;
}
#simulation .left-block .point-list li{
	margin-bottom:5px;
	background:#000 14px 14px no-repeat;
	font-size:12px;
	color:#FFFFFF;
	padding:14px 5px 14px 35px;
	line-height:18px;
}
#simulation .left-block .point-list li.num_1{background-image:url(../img/bb/3dsimulation/num_01.png);}
#simulation .left-block .point-list li.num_2{background-image:url(../img/bb/3dsimulation/num_02.png);}
#simulation .left-block .point-list li.num_3{background-image:url(../img/bb/3dsimulation/num_03.png);}
#simulation .left-block .point-list li.num_4{background-image:url(../img/bb/3dsimulation/num_04.png);}

#simulation .right-block{
	position:absolute;
	left:370px;
	top:34px;
	width:357px;
	float:none;
	text-align:center;
}
#simulation .right-block .pics{
	width:357px;
	margin:0 auto;
	position:relative;
}
#simulation .right-block .pics .btn-3dsimulation-circle{
	display:block;
	position:absolute;
	left:214px;
	top:158px;
	background:url(../img/bb/3dsimulation/btn_3dsimulation_start_over.png) no-repeat 0 0;
	width:117px;
	height:117px;
}



#simulation .right-block h4{
	margin:15px 17px 0 36px;
	text-align:left;
}
#simulation .right-block .t_read{
	text-align:left;
	margin:15px 17px 0 36px;
}
#simulation .btn-3dsimulation{
	width:213px;
	margin:20px auto;
	background:url(../img/btn_3dsimulation_over.gif) no-repeat 0 0;
}


@media only screen and (max-width:980px) {
	
	#simulation .holder-wide{
		background:#ffe600;
	}
	#simulation .left-block{
		position:relative;
		left:0;
		top:0;
		display:inline-block;
		/display:inline;
		/zoom:1;
		width:100%;
	}
	#simulation .right-block{
		position:relative;
		left:0;
		top:0;
		display:inline-block;
		/display:inline;
		/zoom:1;
		width:100%;
		margin-top:20px;
	}
	#simulation .right-block h4{
		margin:15px 17px;
	}
	
	#simulation .right-block .t_read{
		text-align:left;
		margin:15px 17px;
	}
}

@media only screen and (max-width:600px) {
	#simulation .right-block .pics{
		width:100%;
		margin:0 auto;
		position:relative;
	}
	#simulation .right-block .pics .btn-3dsimulation-circle{
		display:none;
	}
	
}
*/


/*BASKET BALL - campaign
****************************/
/*
#campaign .holder-wide{
	background:#000;
	position:relative;
	padding-bottom:28px;
	color:#FFFFFF;
	line-height:1.6;
}
#campaign .pic-main{
	text-align:center;
}
#campaign h2{
	text-align:center;
	padding:0 2.7%;
}
#campaign .t-catch{
	margin:0 auto 1.40625%;
	text-align:center;
	height:32px;
	background:#ffff01;
	position:relative;
	width:86.4865%;
}
#campaign .t-catch .base-left{position:absolute;left:0;top:0;}
#campaign .t-catch .base-right{position:absolute;right:0;top:0;}
#campaign .t-catch .t-center{padding:0 10px; line-height:0;}
#campaign .holder{
	width:86.4865%;
	margin-top:0;
}
#campaign .annotation{
	margin:4% auto;
	color:#a0a0a0;
	font-size:10px;
}
#campaign .annotation2{
	color:#a0a0a0;
	font-size:12px;
}
#campaign h3{
	background:url(../img/bb/campaign/bullet-yellow.png) no-repeat left center;
	color:#ffff01;
	font-size:14px;
	font-weight:bold;
	padding-left:20px;
	margin:20px 0 5px;
}
#campaign .c-txt{
	margin-bottom:20px;
}
#campaign .campaign-item-list{
	font-size:0;
	width:100%;
	display:table;
	word-spacing:-1em;
	text-align:center;
}
#campaign .campaign-item-list li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin:3px;
}
#campaign .campaign-item-list li img{
	border:#ffff01 solid 2px;
}
#campaign .campaign-product-list{
	background:#505050;
	color:#a0a0a0;
	padding:10px 30px 30px;
}
#campaign .campaign-product-list h4{
	color:#ffff01;
	padding-top:20px;
	font-size:14px;
}
#campaign .campaign-product-list h5{
	color:#fff;
	padding-top:5px;
}
#campaign .campaign-product-ttl{
	background:#505050 url(../img/bb/campaign/btn_down.gif) right center no-repeat;
	text-align:center;
	font-size:14px;
	padding:14px 55px 14px 25px;
	border-bottom:#000000 solid 1px;
	cursor:pointer;
	margin-top:15px;
}
#campaign .campaign-product-ttl.up{
	background:#505050 url(../img/bb/campaign/btn_up.gif) right center no-repeat;
}
#campaign .present-1{
	padding:0 0 0 1.5625%;
	min-height:35px;
	margin-top:20px;
}
#campaign .present-items-1{
	margin:4% 0 0 1.5625%;
	width:100%;
	max-width:627px;
	display:table;
	word-spacing:-1em;
	line-height:0;
	text-align:center;
}
#campaign .present-items-1 p{
	vertical-align:middle;
	display:inline-table;
	/display:inline;
	/zoom:1;
}
#campaign .present-howto{
	border:#ffff01 solid 1px;
	padding:15px;
	font-size:12px;
	margin-top:15px;
}
#campaign .present-howto .ttl{
	font-size:14px;
	color:#000;
	font-weight:bold;
	display:block;
	position:relative;
	padding:2px 15px 1px;
	margin:10px 0 15px;
	background-color:#ffff01;
}
#campaign .present-howto .ttl-btn{
	font-size:14px;
	text-align:center;
	margin-top:10px;
}
#campaign .present-howto .ttl p{
	background:url(../img/bb/campaign/base_howto_ttl.gif) no-repeat left top;
	position:absolute;
	height:5px;
	width:5px;
	line-height:0;
}
#campaign .present-howto .ttl .tl{
	top:0;
	left:0;
}
#campaign .present-howto .ttl .tr{
	background-position:right top;
	top:0;
	right:0;
}
#campaign .present-howto .ttl .br{
	background-position:right bottom;
	right:0;
	bottom:0;
}
#campaign .present-howto .ttl .bl{
	background-position:left bottom;
	left:0;
	bottom:0;
}
#campaign .present-howto .f-14{
	font-size:14px;
}


@media only screen and (max-width:600px) {
	
	#campaign .holder{
		width:92.5%;
	}
	#campaign .t-catch{
		width:92.5%;
	}
	#campaign .campaign-item-list li{
		max-width:153px;
		width:45%;
	}
	#campaign .present-items-1{
		margin-left:0;
	}
	#campaign .present-items-2{
		margin-left:0;
	}
}
@media only screen and (max-width:980px) {
		
	#campaign .present-items-1{
		display:block;
		word-spacing:nomal;
	}
	#campaign .present-items-1 p{
		display:block;
	}
	#campaign .present-items-2{
		background:none;
	}
	#campaign .present-items-2 p{
		display:block;
		text-align:center;
	}
}

#campaign .btn-holder{
	text-align:center;
	margin:1.5625% 0 0;
}

#campaign .btn-apply{
	height:52px;
	margin:0 0 20px 0;
	background:url(../img/bb/campaign/btn_entry_over.gif) no-repeat 0 0;
	display:inline-block;
	/display:inline;
	/zoom:1;
	
}
#campaign .btn-excel{
	margin:0 0 10px 0;
	width:182px;
	height:52px;
	background:url(../img/bb/campaign/btn_apply_excel_over.png) no-repeat 0 0;
	display:inline-block;
	/display: inline;
	/zoom: 1;
}
#campaign .btn-pdf{
	margin:0 0 10px 0;
	width:182px;
	height:52px;
	background:url(../img/bb/campaign/btn_apply_pdf_over.png) no-repeat 0 0;
	display:inline-block;
	/display: inline;
	/zoom: 1;
}
#campaign .attention{
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	margin-top:30px;
}
#campaign .campaign-footer{
	text-align:center;
	margin:30px 0 50px;
}

#campaign .campaign-footer a{
	color:#a0a0a0;
}
*/


/*BASKET BALL - styling
****************************/
#styling .holder-wide{
	background:#000 url(../img/bb/styling/base_bg.png);
	position:relative;
	padding-bottom:28px;
}
#styling h2{
	position:relative;
	width:100%;
}
#styling .btn_simulation_circle{
	position:absolute;
	right:5%;
	top:32%;
	width:23.10810810810811%;
}
#styling .btn_simulation_circle a{
	display:block;
}
#styling h2 .social{
	position:absolute;
	right:0;
	bottom:10px;
}
#styling h2 .social li.fb{
	float:left;
	margin-right:5px;
	height:21px;
}
#styling h2 .social li.tw{
	float:left;
	width:100px;
	overflow:hidden;
	height:21px;
}


#styling #contentArea .holder{
	width:92.43243243243243%;
}
#styling .styling-item-list{
	display:table;
	word-spacing: -1em;
	text-align:left;
}
#styling .styling-item-list li{
	max-width:206px;
	margin:10px 11px 20px;
	vertical-align:top;
	text-align:left;
	display:inline-block;
	/display: inline;
	/zoom: 1;
	word-spacing: normal;
}
#styling .styling-item-list li h3{
	background:url(../img/bb/styling/base_ttl.png) no-repeat 0 0;
	color:#e50011;
	font-weight:bold;
	font-size:16px;
	padding:4px 10px;
	margin-bottom:10px;
	height:20px;
}
#styling .styling-item-list li .pic{
	margin-bottom:10px;
}
#styling .styling-item-list li .txt{
	color:#FFF;
	
}

#styling .btn-holder{
	display:block;
	text-align:center;
	margin:10px 0 50px;
}
#styling .btn-catalog{
	margin:5px 3px 0; 
	width:182px;
	height:52px;
	background:url(../img/bb/styling/btn_catalog_pdf_over.png) no-repeat 0 0;
	display:inline-block;
	/display: inline;
	/zoom: 1;
	line-height:0;
}
#styling .btn-order{
	margin:5px 3px 0; 
	width:182px;
	height:52px;
	background:url(../img/bb/styling/btn_order_excel_over.png) no-repeat 0 0;
	display:inline-block;
	/display: inline;
	/zoom: 1;
	line-height:0;
}
#styling .btn-order-book{
	margin:5px 3px 0; 
	width:182px;
	height:52px;
	background:url(../img/bb/styling/btn_orderbook_pdf_over.png) no-repeat 0 0;
	display:inline-block;
	/display: inline;
	/zoom: 1;
	line-height:0;
}


#styling .btn-3dsimulation-rectangle{
	display:inline-block;
	/display: inline;
	/zoom: 1;
	line-height:0;
	width:566px;
	height:85px;
	background:url(../img/bb/styling/btn_simulation_pc.png) no-repeat 0 0;
}


#styling .btn-3dsimulation-rectangle img{ display:none;}

#styling .attention{
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	margin-top:50px;
}
#styling .btn-holder .txt{
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
	margin:5px;
}

@media only screen and (max-width:980px) {
	#styling .styling-item-list{
		text-align:center;
	}
	#styling .btn-3dsimulation-rectangle{
		margin-top:5px;
		text-align:center;
		width:100%;
		height:auto;
		background:none;
	}
	#styling .btn-3dsimulation-rectangle img{display:inline;}
}


/*BASKET BALL - leggins
****************************/
/*
#leggins .holder-wide{
	background:#ffda2a;
	padding:4.054054054054054% 4.054054054054054% 0 4.054054054054054%;
}
#leggins .topArea{
	background:#f29600;
	border:#f29600 solid 3px;
	margin:0;
}

#leggins h2{
	float:left;
	padding:8px 10px 7px;
}

#leggins .tab{
	float:right;
	
	text-align:right;
	display:table;
	word-spacing:-1em;
	width:400px;
	font-size:0;
}
#leggins .tab a,
#leggins .tab span{
	display:inline-block;
	word-spacing:normal;
}
#leggins .tab a.btn-leggins{
	background:url(../img/bb/basketball-leggins/tab_01_over.gif) no-repeat center center;
	background-size:contain;
}
#leggins .tab a.btn-coodinate{
	background:url(../img/bb/basketball-leggins/tab_02_over.gif) no-repeat center center;
	background-size:contain;
}

#leggins h3{
	clear:both;
	background:#FFF;
	margin:0;
	border-top:#f29600 solid 3px;
}
#leggins h3 span{
	float:left;
	display:block;
	padding:10px;
	font-size:20px;
}
#leggins h3 span.h3coodinate{
	font-size:24px;
	padding:30px 10px 20px;
}
#leggins h3 img{
	float:left;
	margin:10px;
}

#leggins .holder{
	padding:4.59459459459459% 4.054054054054054% 0 4.054054054054054%;
	background:url(../img/bb/basketball-leggins/base_laggins_head.gif) no-repeat top right;
	margin:0 10px;
	width:auto;
	background-size:contain;
}

#leggins .holder .left-block{
	width:47.79411764705882%;
	margin-bottom:35px;
}
#leggins .holder .right-block{
	width:47.79411764705882%;
	margin-bottom:35px;
}
#leggins .holder .pic-main img{
	border:#c2c2c2 solid 1px;
}

#leggins .holder .pic-sub{
	text-align:center;
}
#leggins .holder .pic-coordinate{
	padding:10px 10px 0 10px; 
}
#leggins .holder .disc{
	font-size:12px;
	margin:15px 0 27px;
	text-align:left;
}
#leggins .holder .coodinatebox{
	clear:both;
	border:#f29600 solid 3px;
	background:url(../img/bb/basketball-leggins/base_laggins_check.gif);
}
#leggins .holder .coodinatebox p{
	text-align:center;
	padding:10px;
}
#leggins .holder .coodinatebox p img{
	max-width:281px;
	width:45%;
	margin:2%;
}
#leggins .holder .coodinatebox h4{
	background-color:#ffda2a;
	padding:10px;
}

#leggins .btn_store{
	width:223px;
	height:52px;
	margin:20px auto;
	background:url(../img/btn_store_over.gif) 0 0 no-repeat;
}

#leggins .bottomArea{
	background:#f29600;
	padding:3px;
	margin:0;
}
#leggins .bottomArea h2{
	margin-bottom:0 !important;
}
#leggins .bottomArea .tab{
	margin-bottom:0 !important;
}

@media only screen and (max-width:980px) {
	#leggins .tab{
		width:100%;
	}
	#leggins .tab a,
	#leggins .tab span{
		width:49.5%;
		max-width:179px;
	}

}
@media only screen and (max-width:600px) {
	
	#leggins h2{
		float:left;
		padding:5px 2px 8px;
	}

	#leggins .holder .left-block{
		width:100%;
		float:none;
		max-width:325px;
		margin:0 auto 15px auto;
	}
	#leggins .holder .right-block{
		width:100%;
		max-width:325px;
		float:none;
		margin:0 auto 45px auto;
	}
	#leggins .holder .disc{
		margin:15px 0 5px;
	}
	#leggins .holder .pic-sub{
		padding:0 0 20px 0;
	}
	#leggins h3 {
		text-align:center;
	}
	#leggins h3 img{
		float:none;
	}
	#leggins h3 span{
		float:none;
		font-size:16px;
	}
	#leggins h3 span.h3coodinate{
		font-size:18px;
		padding:5px 10px 20px;
	}
	#leggins .holder .pic-coordinate{
		padding:0 10px; 
	}
	#leggins .holder .coodinatebox p img{
		max-width:281px;
		width:92%;
	}
}
*/

/*BASKETBALL - gripsocks
****************************/
#gripsocks .holder-wide{
	line-height:20px;
	background:#FFF;
	border:#000000 solid 1px;
	border-collapse:collapse;
}
#gripsocks .holder-header {
	overflow:hidden;
	position:relative;
	border-bottom:#000000 solid 1px;
}
#gripsocks .holder-header h2{
	margin:30px 0 0 30px;
}
#gripsocks .holder-header .t-catch{
	margin:30px 30px 0;
}
#gripsocks .holder-header .t-note{
	margin:10px 0 0 30px;
	font-size:11px;
}
#gripsocks .holder-header .txt{
	margin:10px 0 0 30px;
}
#gripsocks .holder-header .txt a{
	  color: #df3232;
}
#gripsocks .holder-header .pic-main{
	float:right;
	margin:0 30px 0 0;
}

#gripsocks .holder-header .social{
	text-align:right;
	clear:both;
	padding:5px 0 10px;
}
#gripsocks .holder-header .social li{
	height:24px;
	display:inline-block;
	vertical-align:top;
	margin-left:5px;
	width:100px;
	overflow:hidden;
}

#gripsocks .video-box{
	width:100%;
	border-bottom:#000000 solid 1px;
	text-align:center;
	display:table;
	word-spacing:-1em;
}
#gripsocks .video-box li{
	word-spacing:normal;
	display:inline-block;
	/display:inline;
	/zoom:1;
	width:41.33%;
	padding:5% 0;
}
#gripsocks .video-box li.box-video1{
	margin-right:0.7%;
}
#gripsocks .video-box li.box-video2{
	margin-left:0.7%;
}
#gripsocks .video-box p{
	margin-bottom:12px;
	text-align:left;
}
#gripsocks .video-box a{
	display:block;
}
#gripsocks .video-box a img{
	border:#000000 solid 1px;
}

#gripsocks .box-reason{
	width:100%;
	max-width:630px;
	margin:0 auto;
	padding-bottom:10px;
}
#gripsocks .box-reason .toggle{
	display:none;
}
#gripsocks .box-reason .t-catch{
	text-align:center;
	margin-top:20px;
}
#gripsocks .box-reason h3{
	background-color:#000000;
	padding:3px;
}
#gripsocks .box-reason .btn-clickhere {
	padding:1px 0;
	background-color:#FFF;
	border-bottom:#000 solid 6px;
}
#gripsocks .box-reason .btn-clickhere a{
	background:url(../img/btn_clickhere_down.gif) #e6e6e6 center 0 no-repeat;
	display:block;
	height:39px;
	width:100%;
	overflow:hidden;
	text-indent:-999px;
}
#gripsocks .box-reason .btn-clickhere a:hover{
	background:url(../img/btn_clickhere_down.gif) #e6c4c6 center -39px no-repeat;
}
#gripsocks .box-reason .btn-clickhere a.active{
	background:url(../img/btn_clickhere_up.gif) #e6e6e6 center 0 no-repeat;
}
#gripsocks .box-reason .btn-clickhere a.active:hover{
	background:url(../img/btn_clickhere_up.gif) #e6c4c6 center -39px no-repeat;
}
#gripsocks .box-reason1,#gripsocks .box-reason2,#gripsocks .box-reason3{
	padding-bottom:30px;
}
#gripsocks .btn-grip-socks{
	padding: 0 0 50px 0;
}
#gripsocks .btn-grip-socks p{
	text-align: center;
}
#gripsocks .btn-grip-socks p.lineup{
	margin-bottom:10px;
}
#gripsocks h4{
	color:#000000;
	font-size:16px;
	font-weight:bold;
	margin:5px 0;
}

#gripsocks .func-list{
	color:#000000;
	padding:10px 0;
}
#gripsocks .func-list-1{
	float:left;
	margin-bottom:10px;
	padding-top:10px;
	padding-right:3%;
	width:46%;
}
#gripsocks .func-list-2{
	float:left;
	border-left:#000 solid 1px;
	margin-bottom:10px;
	padding-top:10px;
	padding-left:3%;
	width:47%;
}
#gripsocks .func-list-3{
	border-top:#000 solid 1px;
	padding-top:10px;
	clear:both;
}
#gripsocks .func-list-3 h4{
	margin-top:12.98701298701299%;
}
#gripsocks .func-list-3 img{
	float:left;
	width:50%;
	max-width:286px;
}
#gripsocks .effect-list {
	padding:10px 0 20px;
	font-size:12px;
}
#gripsocks .effect-list h4{
	font-size:14px;
}
#gripsocks .effect-list li{
	border-bottom:#000 solid 1px;
	padding-bottom:18px;
	margin-bottom:18px;
}
#gripsocks .effect-list-1 h4{font-size:14px; padding:0 0 5px;}

#gripsocks .effect-list .effect-list-2 .left-block,
#gripsocks .effect-list .effect-list-3 .left-block{
	width:423px;
}
#gripsocks .effect-list .effect-list-2 .right-block,
#gripsocks .effect-list .effect-list-3 .right-block{
	width:173px;
}

#gripsocks .effect-list .effect-list-3{
	border-bottom:none;
	margin-bottom:0;
}
#gripsocks .effect-list .effect-list-4{
	background:#e6e6e6;
	padding:20px;
	margin-bottom:10px;
	
	border-bottom:none;
	position:relative;
}
#gripsocks .effect-list .effect-list-4 h3{
	background:none;
	margin-bottom:18px;
}
#gripsocks .effect-list .effect-list-4 .profile{
	border-top:#000 solid 1px;
	margin-top:15px;
	padding-top:15px;
	font-size:12px;
}
#gripsocks .effect-list .effect-list-4 .profile .left-block{
	width:23%;
	margin-right:4%;
	margin-bottom:5%;
}

#gripsocks .effect-list .effect-list-4 .profile h4{
	width:72%;
	float:left;
}
#gripsocks .effect-list .effect-list-4 .profile .ttl-profile{
	width:72%;
	margin:3px 0 10px;
	float:left;
	font-weight:bold;
}
#gripsocks .effect-list .effect-list-4 .profile .p{
	width:72%;
	margin:3px 0 10px;
	float:left;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

#gripsocks .effect-list .effect-list-4 .profile .disc{
	width:72%;
	float:left;
	line-height:16px;
}
#gripsocks .effect-list .effect-list-5{
	border-bottom:none ;
	padding-bottom:0;
	margin-bottom:0;
	padding-top:10px
}
#gripsocks .effect-list .effect-list-5 h3{
	background:#000;
	
	padding:10px;
	text-align:center;
	margin-bottom:0;
}

#gripsocks .effect-list .effect-list-5 .basketball{
	background:url(../img/icon_basketball.gif) no-repeat 10px 10px;
	padding-top:15px;
	font-size:12px;
}

#gripsocks .effect-list .effect-list-5 .fencing{
	background:url(../img/icon_fencing.gif) no-repeat 10px 10px;
	border-top:#000 solid 1px;
	margin-top:20px;
	padding-top:15px;
	font-size:12px;
}
#gripsocks .effect-list .effect-list-5 .badminton{
	background:url(../img/icon_badminton.gif) no-repeat 10px 10px;
	border-top:#000 solid 1px;
	margin-top:20px;
	padding-top:15px;
	font-size:12px;
}
#gripsocks .effect-list .effect-list-5 h4{
	margin-left:97px;
	font-size:12px;
	font-weight:normal;
	margin-bottom:5px;
}
#gripsocks .effect-list .effect-list-5 h4 span{
	font-weight:bold;
}
#gripsocks .effect-list .effect-list-5 .t_read{
	margin-left:97px;
}

#gripsocks .effect-list .effect-list-5 .t_graph_note{
	clear:both;
	text-align:center;
	padding:0 10px 10px;
}
#gripsocks .effect-list .effect-list-5 .t_graph_note img{
	vertical-align:middle;
	margin-bottom:1px;
}
#gripsocks .effect-list .effect-list-5 .t_note{
	background:#e6e6e6;
	padding:10px;
}


#gripsocks .effect-list .effect-list-5 .left-block{
	padding:20px 10px;
}
#gripsocks .effect-list .effect-list-5 .right-block{
	padding:20px 10px;
	float:left;
}

#gripsocks .uservoice{
	padding:0 0 20px;
	text-align:center;
}
#gripsocks .uservoice .sp{
	display:none;
}


@media only screen and (max-width:980px) {
	#gripsocks .holder-header .pic-main{
		position:relative;
		top:0;
		left:0;
		margin-top:20px;
		text-align:center;
	}
	#gripsocks .effect-list .effect-list-2 .left-block,
	#gripsocks .effect-list .effect-list-3 .left-block{
		width:100%;
		text-align:center;
		float:none;
	}
	#gripsocks .effect-list .effect-list-2 .right-block,
	#gripsocks .effect-list .effect-list-3 .right-block{
		width:100%;
		max-width:423px;
		float:none;
		margin:15px auto 0;
	}
	#gripsocks .effect-list .effect-list-4 .profile .disc{
		clear:both;
	}
	#gripsocks .effect-list .effect-list-5 .left-block{
		float:none;
		text-align:center;
		padding:20px 0;
		width:100%;
	}
	#gripsocks .effect-list .effect-list-5 .right-block{
		float:none;
		width:100%;
		text-align:center;
		padding:20px 0;
	}
	#gripsocks .box-reason{
		margin:0 auto;
		width:93%;
	}
}
@media only screen and (max-width:600px) {
	#gripsocks .holder-header h2{
		margin:4.5% 4.5% 0 4.5%;
	}
	#gripsocks .holder-header .t-catch{
		margin:4.5% 4.5% 0;
	}
	#gripsocks .holder-header .t-note{
		margin:10px 0 0 4.5%;
		font-size:10px;
	}
	#gripsocks .holder-header .pic-main{
		float:right;
		margin:0 4.5% 4.5% 0;
	}
	
	#gripsocks .video-box li{
		display:block;
		width:93%;
		max-width:305px;
	}
	#gripsocks .video-box li.box-video1{
		padding:10% 0 5%;
		margin:0 auto;
	}
	#gripsocks .video-box li.box-video2{
		padding:5% 0 10%;
		margin:0 auto;
	}
	#gripsocks .video-box p{
		margin-bottom:2%;
	}

	
	#gripsocks .func-list-1{
		float:none;
		width:100%;
		padding:0;
		margin:0 0 18px;
		text-align:center;
	}
	#gripsocks .func-list-2{
		float:none;
		width:100%;
		border-left:none;
		border-top:#000 solid 1px;
		margin:0 0 18px;
		padding:18px 0 0;
		text-align:center;
	}
	#gripsocks .func-list-3{
		border-top:#000 solid 1px;
		padding:18px 0 0;
		clear:both;
		float:none;
		width:100%;
		text-align:center;
	}
	#gripsocks .func-list-1 h4,
	#gripsocks .func-list-2 h4,
	#gripsocks .func-list-3 h4 {
		margin: 5px auto;
		text-align:left;
		max-width:286px;
	}
	#gripsocks .func-list-1 p,
	#gripsocks .func-list-2 p,
	#gripsocks .func-list-3 p {
		margin: 0 auto;
		text-align:left;
		max-width:286px;
	}
	#gripsocks .func-list-1 img,
	#gripsocks .func-list-2 img,
	#gripsocks .func-list-3 img {
		float:none;
	}
	#gripsocks .func-list-3 img {
		width:100%;
	}
	#gripsocks .effect-list .effect-list-4 .profile .ttl-profile span{
		line-height:16px;
		font-size:11px;
	}
	#gripsocks .effect-list .effect-list-5 h4{
		margin-top:15px;
	}
	#gripsocks .effect-list .effect-list-5 h4 span{
		display:block;
		font-size:11px;
	}
	#gripsocks .effect-list .effect-list-5 .t_read{
		margin-left:0;
		margin-top:20px;
	}
	#gripsocks .box-reason{
		margin:0 auto;
		width:93%;
		padding-bottom:0;
	}
	#gripsocks .btn-grip-socks{
		width: 93%;
		margin: 0 auto;
		padding: 0 0 20px 0;
	}
	#gripsocks .btn-grip-socks p.mrg {
		width: 100%;
		margin: 0 0 10px 0;
	}
	#gripsocks .uservoice img{
		display:none;
	}
	#gripsocks .uservoice .sp{
		display:block;
		margin-top:3%;
	}
	
}


/*BASKET BALL - champion-cup
****************************/
#basketball .holder-wide{
	background:#000;
	padding:0 0 0 0;
}
#basketball .header{
	clear:left;
	margin:0 0 0 0 !important;
	border:none;
}
#basketball #champion-cup{
	color:#fffefe;
	line-height:1.8;
}
#basketball #champion-cup .content-innner{
	padding:35px 40px 20px 40px;
}
#basketball #champion-cup .read{
	font-size:16px;
	line-height:1.8;
	text-align:center;
}
#basketball #champion-cup .info{
	margin:0 30px 20px 30px;
}
#basketball #champion-cup .info .check{
	color:#fff100;
	font-weight:bold;
	margin:40px 0 30px 0;
}
#basketball #champion-cup .info  ul.btn li{
	float:left;
	margin:0 0 10px 0;
}
#basketball #champion-cup .info  ul.btn:after{
	content: ""; 
  display: block; 
  clear: both;
}
#basketball #champion-cup .info  ul.btn li.top{
	margin-right:10px;
}
#basketball #champion-cup .info .img{
	text-align: center;
	margin: 40px auto;
}
#basketball .result-game{
	border:1px solid #a0a0a0;
	margin:0 0 10px 0;
	padding:30px 30px 30px 30px;
	font-size:12px;
}
#basketball .result-game:last-child{
	margin:0 0 20px 0;
}
#basketball .result-game:after{
	content: ""; 
	display: block; 
	clear: both;
}
#basketball .result-game span.sp{
	display:none;
}
#basketball .result-game .oct-ttl{
	background:#505050 url(../img/bb/champion-cup/img_ttl_right.gif) right 0 no-repeat;
	margin:0 0 20px 0;
	height:27px;
	font-size:16px;
}
#basketball .result-game .oct-ttl p{
	background:url(../img/bb/champion-cup/img_ttl_left.gif) left 0 no-repeat;
	font-weight:bold;
	height:27px;
	text-align: center;
}
#basketball .result-game ul:after{
	content: ""; 
	display: block; 
	clear: both;
}
#basketball .result-game ul li dl dt{
	float:left;
	width:9%;
}
#basketball .result-game ul li dl dd{
	margin: 0 0 0 10%;
	width:90%;
}
#basketball .result-game .winner{
	border:1px solid #505050;
	margin:20px 0 0 0;
	padding:20px 20px;
}
#basketball .result-game .winner:after{
	content: ""; 
  display: block; 
  clear: both;
}
#basketball .result-game .winner div:first-child{
	margin:0 4px 0 0;
}
#basketball .result-game .winner div{
	float:left;
	width: 276px;
	text-align: center;
}
#basketball .result-game .winner p{
	font-size:14px;
	font-weight:bold;
	margin:10px 0 0 0;
	text-align: left;
}
#basketball .result-game .winner div:after{
	content: ""; 
  display: block; 
  clear: both;
}
#basketball .result-game .col-top{
	border-bottom:2px solid #505050;
	margin:10px 0 0 0;
	font-weight:bold;
	font-size:14px;
}
#basketball .result-game .col-top:after{
	content: ""; 
  display: block; 
  clear: both;
}
#basketball .result-game .col{
	margin:10px 0 0 0;
	word-wrap:break-word;
}
#basketball .result-game .col:after{
	content: ""; 
  display: block; 
  clear: both;
}
#basketball .result-game  .border{
	border-bottom:1px solid #505050;
	font-weight:bold;
}
#basketball .result-game .col-top p.cell01,
#basketball .result-game .col p.cell01{
	width:16.5%;
	float:left;
	padding:0 10px 0 0;
}
#basketball .result-game .col-top p.cell02,
#basketball .result-game .col p.cell02{
	width:30%;
	float:left;
	padding:0 10px 0 0;
}
#basketball .result-game .col-top p.cell03,
#basketball .result-game .col p.cell03{
	width:20%;
	float:left;
	padding:0 10px 0 0;
}
#basketball .result-game .col-top p.cell04,
#basketball .result-game .col p.cell04{
	width:28%;
	float:left;
}
#basketball .result-game .col b{
	display:none;
	font-size:14px;
}
#basketball .result-game .col span{
	margin:0 0 0 37px;
}
#basketball .result-game .col span.kome{
	font-size:9px;
	margin:0 0 0 0;
}

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

#basketball #champion-cup .content-innner{
	padding:35px 40px 20px 40px;
}
#basketball #champion-cup .read{
	text-align:left;
}
#basketball #champion-cup .read span{
	display:none;
}
#basketball #champion-cup .info{
	margin:20px 0 0 0;
}
#basketball #champion-cup .info  ul.btn li{
	width:100%;
	margin:0 0 10px 0;
	text-align:center;
}
#basketball #champion-cup .info  ul.btn li.top{
	margin-right:0;
}
#basketball .result-game ul li dl dt{
	width:15%;
}
#basketball .result-game ul li dl dd{
	margin: 0 0 0 15%;
	width:85%;
}
#basketball .result-game .winner div{
	width:100%;
	padding: 10px 0;
}
#basketball .result-game .winner div:last-child{
	padding: 10px 0 0 0;
}
#basketball .result-game .winner div p{
	text-align: center;
}
#basketball .result-game .col-top p.cell01,
#basketball .result-game .col p.cell01{
	width:21%;
}
#basketball .result-game .col-top p.cell02,
#basketball .result-game .col p.cell02{
	width:20%;
}
#basketball .result-game .col-top p.cell03,
#basketball .result-game .col p.cell03{
	width:20%;
}
#basketball .result-game .col-top p.cell04,
#basketball .result-game .col p.cell04{
	width:25%;
}
	
}

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

#basketball .read{
	font-size:15px;
}
#basketball #champion-cup .content-innner{
	padding:35px 10px 10px 10px;
}
#basketball #champion-cup .read{
	top:-20px;
}
#basketball #champion-cup .info{
	margin:40px 10px 20px 10px;
}
#basketball .result-game{
	margin:0 0 10px 0;
	padding:15px 10px 10px 10px;
	font-size:12px;
}
#basketball .result-game span.sp{
	display:inline;
}
#basketball .result-game .oct-ttl{
	font-size:15px;
}
#basketball .result-game .oct-ttl p{
	padding:0 0 0 10px;
}
#basketball .result-game ul li dl dt{
	width:20%;
}
#basketball .result-game ul li dl dd{
	margin: 0 0 0 21%;
	width:79%;
}
#basketball .result-game .winner{
	margin:20px 0 0 0;
	padding:0 10px 10px 10px;
}
#basketball .result-game .col-top{
	display:none;
}
#basketball .result-game .col{
	margin:15px 0 0 0;
}
#basketball .result-game .col b{
	display:block;
}
#basketball .result-game .col-top p.cell01,
#basketball .result-game .col p.cell01{
	width:35%;
	clear:left;
}
#basketball .result-game .col-top p.cell02,
#basketball .result-game .col p.cell02{
	width:61%;
	padding:0 0 0 0;
}
#basketball .result-game .col-top p.cell03,
#basketball .result-game .col p.cell03{
	width:35%;
	clear:left;
}
#basketball .result-game .col-top p.cell04,
#basketball .result-game .col p.cell04{
	width:61%;
}
	
}


/*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 - campaign1412
****************************/
/*#campaign1412 .holder-wide{
	background:#00418e;
	position:relative;
	padding-bottom:28px;
	color:#FFFFFF;
	line-height:1.6;
}
#campaign1412 .pic-main{
	text-align:center;
}
#campaign1412 .t-period{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#00418e;
	background:#fff100;
	padding:13px 10px 10px 10px;
}
#campaign1412 .holder{
	width:86.4865%;
	margin-top:0;
}
#campaign1412 h3{
	background:url(../img/bb/campaign1412/bullet-yellow.png) no-repeat left center;
	color:#fff100;
	font-size:14px;
	font-weight:bold;
	padding-left:20px;
	margin:30px 0 10px;
}
#campaign1412 .c-txt{
	margin-bottom:20px;
}
#campaign1412 .campaign-item-list{
	width:100%;
	display:table;
	word-spacing:-1em;
	text-align:center;
	margin-bottom:10px;
}
#campaign1412 .campaign-item-list li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	width:25%;
}
#campaign1412 .campaign-item-list li img{
	margin:2px;
}
#campaign1412 .c-txt{
	width:50%;
	float:left;
}

#campaign1412 .present-howto{
	font-size:14px;
}
#campaign1412 .present-howto .ttl{
	position:relative;
	background-color:#fff100;
	height:27px;
	margin:20px 0 20px;
}
#campaign1412 .present-howto .ttl span{
	font-size:14px;
	line-height:1;
	color:#000;
	font-weight:bold;
	display:inline-block;
	padding:7px;
	padding-left:20px;
}
#campaign1412 .present-howto .ttl:before{
	content:url(../img/bb/campaign1412/box_1by3.jpg);
	position:absolute;
	display:block;
	left:0;
	top:0;
}
#campaign1412 .present-howto .ttl:after{
	content:url(../img/bb/campaign1412/box_3by3.jpg);
	display:block;
	position:absolute;
	right:0;
	top:0;
}
#campaign1412 .box-attention{
	background:#FFF;
	padding:20px 15px;
	margin-top:20px
}

#campaign1412 .box-attention .ttl{
	background:url(../img/bb/campaign1412/bullet1.png) no-repeat 0 center;
	color:#00418e;
	padding:0 10px 0 20px;
	font-size:14px;
	height:20px;
	font-weight:bold;
}
#campaign1412 .box-attention ul{
	font-size:12px;
	color:#333;
	line-height:1.4;
}
#campaign1412 .box-attention li{
	text-indent:-1em;
	padding:5px;
	padding-left:1em;
}
#campaign1412 .btn-holder{
	text-align:center;
	margin: 40px 0 0;
}
#campaign1412 .btn-holder a{
	line-height:0;
	display:inline-block;
	line-height:0;
	background:url(../img/bb/campaign1412/btn_entry_over.gif) no-repeat 0 0;
	background-size:100% auto;
}
#campaign1412 .btn-holder 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;
}
#campaign1412 .btn-holder a:hover img{
	-ms-filter: "alpha( opacity=0 )";filter: alpha( opacity=0 );opacity:0
}
#campaign1412 .campaign-footer{
	text-align:center;
	font-size:10px;
	margin:30px 0;
	color:#FFFFFF;
}

#campaign1412 .campaign-footer a{
	color:#FFFFFF;
}




@media only screen and (max-width:600px) {
	
	#campaign1412 .holder{
		width:92.5%;
	}
	#campaign1412 .campaign-item-list li{
		max-width:155px;
		width:50%;
	}
	#campaign1412 .t-period{
		font-size:16px;
	}
	#campaign1412 .c-txt{
		width:100%;
		float:left;
	}
	#campaign1412 .present-howto .f-14 span{
		width:40%;
	}
}*/


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

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

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

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

}

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

#basketball #campaign1504 .content-innner{
	padding:0 10px 70px 10px;
}
#basketball #campaign1504 .item_number p{
	font-size:12px;
}
#basketball #campaign1504 .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/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/btn_webstore_over.gif) no-repeat 0 0;
}
#players #swsa .btn-holder a.btn-store{
	background:url(../img/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 {
	
}
#products_rw #contentArea h4 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/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/btn_webstore_over.gif) no-repeat 0 0;
}
#products_rw .buttons-bottom a.btn-store{
	background:url(../img/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/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/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/btn_products_over.gif) no-repeat 0 0;margin-top:7px;}
#sws .btn-function{display:inline-block;width:222px;height:52px;background:url(../img/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 .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 .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;
}

}

#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/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/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/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{
	width:100%;
	margin:20px 0 30px 0;
}
#catalog .catalog-items ul{
	text-align:center;
	margin:0 auto;
}
#catalog .catalog-items ul li{
	float:left;
	width:33%;
}
#catalog .catalog-items ul li p{
	font-size:12px;
	font-weight:bold;
	color:#787878;
	text-align:left;
	vertical-align:bottom;
	position:relative;
	margin-top:210px;
}
#catalog .catalog-items ul li p span{
	position:absolute;
	top:26px;
}
#catalog .catalog-items ul li p img{
	margin-right:10px;
}
#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.left-block{
		display:none;
	}
	#catalog .catalog-items ul li{
		clear:left;
		width:100%;
	}
	#catalog .catalog-items ul li p{
		text-align:center;
		margin: 10px 0 0 -20px;
	}
	#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:600px) {
	#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:top;
}
#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:top;
	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;
	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/btn-apply_over.png) no-repeat 0 0;
	display:block;
}



/* katsuya_terada
********************/
#s-mode #katsuya_terada #contentArea{
	background:url(../img/white-a90.png);
	border:#fff solid 1px;
}
#katsuya_terada .holder-wide{
	background-color:#000000;
	color:#ffffff;
}

#katsuya_terada .pic-main {
	position:relative;
}
#katsuya_terada .pic-main .fancy{
	position:absolute;
	display:block;
	width:50%;
	left:1%;
	top:83.5%;
	font-size:0;
}
#katsuya_terada .pic-main .btn-tshirts{
	position:absolute;
	display:block;
	width:27.02702702702703%;
	right:1%;
	top:65.2%;
	font-size:0;
}

#katsuya_terada .holder{
	margin-top:6%;
	padding-bottom:6%;
}
#katsuya_terada .holder > .t-read{
	width:65%;
	margin:4% auto 0;
}
#katsuya_terada .holder-wide > .social{
	display:block;
	margin-top:10px;
	text-align:right;
}
#katsuya_terada .holder-wide > .social li{
	text-align:left;
	width:115px;
	height:20px;
	overflow:hidden;
	display:inline-block;
	/display:inline;
	/zoom:1;
}
#katsuya_terada .holder-wide > .social li.tw{
	margin-right:-17px;
}

#katsuya_terada .holder > .box-collabo-tab{
	margin-top:8%;
	width:100%;
}
#katsuya_terada .holder > .box-collabo-tab li{
	width:33.33333333333%;
	float:left;
}
#katsuya_terada .holder > .box-collabo-tab li a.n1{
	margin-left:0px;
}
#katsuya_terada .holder > .box-collabo-tab li a{
	margin-left:1px;
	border:#FFF solid 1px;
	padding:7px;
	display:block;
	text-align:center;
	line-height:0;
	
	-ms-filter: "alpha( opacity=40 )";
	filter: alpha( opacity=40 );
	opacity:0.4;
	
	-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;
}
#katsuya_terada .holder > .box-collabo-tab li a.active,
#katsuya_terada .holder > .box-collabo-tab li a:hover{
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity:1;
}

#katsuya_terada .holder > .box-collabo{
	margin-top:4%;
	padding-bottom:8%;
	width:100%;
	position:relative;
}
#katsuya_terada .holder > .box-collabo li{
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
#katsuya_terada .holder > .box-collabo a{
	color:#b4b4b4;
}

#katsuya_terada .holder > .box-collabo .ttl{
	float:left;
	width:44%;
	margin:0 4% 4% 0;
}
#katsuya_terada .holder > .box-collabo .txt{
	float:left;
	margin:0 4% 4% 0;
	width:44%;
	color:#b4b4b4;
}
#katsuya_terada .holder > .box-collabo .btn-store{
	float:left;
	display:block;
	position:relative;
	font-size:0;
}
#katsuya_terada .holder > .box-collabo .pic{
	float:right;
	width:52%;
}
#katsuya_terada .holder > .bnr-facebook{
	padding-bottom:4%;
	position:relative;
	display:block;
	font-size:0;
	width:100%;
}
#katsuya_terada .holder > .bnr-facebook a{
	background-color:#FFFFFF;
	display:block;
	max-width:640px;
	margin:0 auto;
}
#katsuya_terada .pic-main a .over,
#katsuya_terada .holder > .box-collabo .btn-store .over,
#katsuya_terada .holder > .bnr-facebook .over{
	width:100%;
	height:100%;
	display:block;
}
#katsuya_terada .pic-main ul{ width:100%; position:absolute; top:0;left:0;}
#katsuya_terada .pic-main ul li{ width:100%; position:absolute; top:0;left:0;}

#katsuya_terada .pic-main a img,
#katsuya_terada .holder > .box-collabo .btn-store img,
#katsuya_terada .holder > .bnr-facebook img{
	vertical-align:top;
}
#katsuya_terada .holder > .box-collabo .btn-store .def{
	text-align:left;
	position:absolute;
	display:block;
	top:0px;
	left:0;
	width:100%;
	height:100%;
	-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;
}

#katsuya_terada .pic-main a .def,
#katsuya_terada .holder > .bnr-facebook .def{
	text-align:left;
	position:absolute;
	display:block;
	top:0px;
	left:0;
	width:100%;
	height:100%;
}

#katsuya_terada .pic-main a:hover .def,
#katsuya_terada .holder > .box-collabo .btn-store:hover .def,
#katsuya_terada .holder > .bnr-facebook:hover .def{
	-ms-filter: "alpha( opacity=0 )";
	filter: alpha( opacity=0 );
	opacity:0;
}
#katsuya_terada .holder > .profile{
	background-color:#141414;
	border:#2c2c2c solid 1px;
	padding:0 4% 4% 4%;
}
#katsuya_terada .holder > .profile .ttl{
	text-align:center;
	border-bottom:#2c2c2c solid 1px;
	padding:2% 0;
	margin-bottom:4%;
}

#katsuya_terada .holder > .profile .box1{
	float:left;
	width:41%;
	margin-right:4%;
	font-size:12px;
	line-height:1.8;
	color:#CCC;
}
#katsuya_terada .holder > .profile .box2{
	float:left;
	width:55%;
	font-size:10px;
	line-height:2.2;
	color:#CCC;
}
#katsuya_terada .holder > .profile .box2 .bold{
	font-size:12px;
	color:#FFF;
}
@media only screen and (max-width:980px) {
		
	#katsuya_terada .holder > .t-read{
		width:100%;
	}

	#katsuya_terada .holder > .profile .box1{
		float:none;
		width:100%;
		margin-right:0;
	}
	#katsuya_terada .holder > .profile .box2{
		float:none;
		width:100%;
		line-height:2;
		margin-top:6%;
	}
	#katsuya_terada .holder > .profile .box2 .bold{
		font-size:12px;
		color:#FFF;
	}
}

@media only screen and (max-width:600px) {
	#katsuya_terada .holder{
		margin-top:10%;
		width:92%;
		padding-bottom:4%;
	}
	
	#katsuya_terada .holder > .box-collabo-tab{display:none;}
	
	#katsuya_terada .holder > .box-collabo{
		height:auto !important;
	}
	#katsuya_terada .holder > .box-collabo li{
		position:relative;
		display:block !important;
		top:auto;
		left:auto;
		padding:4% 0;
	}
	#katsuya_terada .holder > .box-collabo li:nth-child(2){
		margin:10% 0;
	}
	#katsuya_terada .holder > .box-collabo li .shoulder{
		border:#FFF solid 1px;
		padding:7px;
		text-align:center;
		width:50%;
		display:block;
		line-height:0;
		margin-bottom:6%;
	}
	#katsuya_terada .holder > .box-collabo .ttl{
		float:none;
		width:70%;
	}
	#katsuya_terada .holder > .box-collabo .txt{
		float:none;
		width:100%;
	}
	#katsuya_terada .holder > .box-collabo .btn-store{
		float:none;
	}
	#katsuya_terada .holder > .box-collabo .pic{
		float:none;
		width:100%;
	}
	
	#katsuya_terada .holder > .box-collabo{
		margin-top:12%;
		padding-bottom:10%;
	}
	#katsuya_terada .holder > .bnr-facebook{
		padding-bottom:10%;
		
	}

}

.pc-only{display:block;}
.sp-only{display:none;}
@media only screen and (max-width:600px) {
	.sp-only{display:block;}
	.pc-only{display:none;}
}


/* 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
********************/



#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{left: 53%;	top: 31.5%;}
#smartathletic #products .n1 .n2{left: 50.5%;	top: 74.5%;}

#smartathletic #products .n2 .n1{left: 37.5%;	top: 21.5%;}
#smartathletic #products .n2 .n2{left: 18%;	top: 49.5%;}

#smartathletic #products .n3 .n1{left: 41.5%;	top: 30%;}
#smartathletic #products .n3 .n2{left: 70%;	top: 78%;}

#smartathletic #products .n4 .n1{left: 47%;	top: 28%;}
#smartathletic #products .n4 .n2{left: 39%;	top: 56.5%;}

#smartathletic #products .n5 .n1{left: 52.5%;	top: 44.5%;}
#smartathletic #products .n5 .n2{left: 52.5%;	top: 64.5%;}

#smartathletic #products .n6 .n1{left: 27%;	top: 20%;}
#smartathletic #products .n6 .n2{left: 42%;	top: 76.5%;}

#smartathletic #products .n7 .n1{left: 54.5%;	top: 32%;}
#smartathletic #products .n7 .n2{left: 51%;	top: 69.5%;}

#smartathletic #products .n8 .n1{left:30.5%; top:28%;}
#smartathletic #products .n8 .n2{left:39.5%; top:31.5%;}
#smartathletic #products .n8 .n3{left: 14.5%;	top: 30%;}
#smartathletic #products .n8 .n4{left: 32.5%;	top: 57%;}
#smartathletic #products .n8 .n5{left: 28.5%;	top: 72%;}

#smartathletic #products .n9 .n1{left: 60.5%;	top: 29%;}
#smartathletic #products .n9 .n2{left: 76.5%;	top: 69.5%;}

#smartathletic #products .n10 .n1{left: 20.5%; top: 24%;}
#smartathletic #products .n10 .n2{left: 33.5%;	top: 55.5%;}

#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;
	top:0;
	left:0;
}

.smartAthleticModalContent{
	max-width:780px;
	width:100%;
	width:780px\9;
}
.smartAthleticModalContent > div{padding:4.296875%;border:#FFFFFF solid 6px;background-color:#000000;}
#modal-8.smartAthleticModalContent > div{ padding: 8.59375% 4.296875%; }
.smartAthleticModalContent .info{
	width:45%;
	padding-right:5%;
	max-width:310px;
	color:#FFFFFF;
	font-size:14px;
	float:left;
	line-height:1.6;
}
#modal-8.smartAthleticModalContent .info{
	width: auto;
	padding-right: 0;
	max-width: 668px;
	float: none;
}

.smartAthleticModalContent .info .ttl{margin-bottom:5%;}
.smartAthleticModalContent .info .t-read{margin-bottom:5%;}
.smartAthleticModalContent .pic{
	float:right;
	width:50%;
	max-width:350px;
	position: relative;
}
#modal-8.smartAthleticModalContent .pic{
	float: none;
	width: auto;
	max-width: 668px;
	position: relative;
}

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


#modal-2 .info .t-info{text-align:center; }
#modal-1 .ttl{margin-top:34%;}
#modal-5 .ttl{margin-top:41%;}
#modal-3 .ttl{margin-top:36%;}
#modal-3 > div{
	background:#003c62 url(../img/smartathletic/products/info3_bg.jpg) no-repeat right center;
	background-size:auto 100%;
}
#modal-3 .pic{visibility:hidden;}
#modal-4 .ttl{margin-top:36%;}
#modal-6 .ttl{margin-top:34%;}
#modal-7 .ttl{margin-top:12%;}
#modal-9 .ttl{margin-top:28%;}


#smartathletic #photoWideHolder #mainImages li p.t-list{
	position: relative;
	right: 0;
	text-align: left;
	padding: 0 15px;
	height: 50px;
	line-height: 48px;
	color:#fff;
	background: #002d5c;
}
#smartathletic #photoWideHolder #mainImages li p.t-list b {
	margin: 0 10px;
}
#smartathletic #photoWideHolder #mainImages li p.t-list  span {
	display: none;
}
#smartathletic #photoWideHolder #mainImages li p.t-list a{
	display: inline-block;
	margin: 0;
	padding: 0 12px 0 0;
	color: #fff;
	position: inherit;
	background: url(../img/icon_allow_link_white02.gif) no-repeat right 50%;
}
#smartathletic #photoWideHolder #mainImages li p.t-list a.btn-store{
	position: absolute;
	top: -3px;
	right: 5px;
	margin: 0;
	padding: 0;
	background: none;
}



@media only screen and (max-width:600px){
	
	#smartathletic #products .pic .t-catch{ display:none !important; }
	#smartathletic #products .pic .point{ display:none !important; }
	
	.smartAthleticModalContent > div{padding:5%;}
	.smartAthleticModalContent .info{
		width:100%;
		padding:0;
		max-width:350px;
		margin:0 auto;
		float:none;
		text-align:left;
	}
	.smartAthleticModalContent .info .ttl{margin-bottom:5%;}
	.smartAthleticModalContent .info .t-read{margin-bottom:5%;}
	.smartAthleticModalContent .info .t-info{margin-bottom:5%;}
	.smartAthleticModalContent .pic{
		width:100%;
		max-width:350px;
		margin:0 auto;
		padding:0;
		float:none;
		text-align:center;
	}
	
	.smartAthleticModalContent .pic img.imgPc {display:none;}
	.smartAthleticModalContent .pic img.imgSp {display:block;}

	
	#modal-1 > div,#modal-2 > div{border-bottom:none;}
	#modal-3 > div{background:#000;}
	#modal-3 .pic{visibility:visible;}
	
	#modal-1 .ttl{margin-top:0%;}
	#modal-5 .ttl{margin-top:0%;}
	#modal-3 .ttl{margin-top:0%;}
	#modal-4 .ttl{margin-top:0%;}
	#modal-6 .ttl{margin-top:0%;}
	#modal-7 .ttl{margin-top:0%;}
	#modal-9 .ttl{margin-top:0%;}


	#smartathletic #photoWideHolder #mainImages li .sp-block .t-read {
		margin-bottom: 10%;
	}
	
	#smartathletic #photoWideHolder #mainImages li p.t-list{
		padding: 20px;
		height: auto;
		line-height: 0.8;
	}
	#smartathletic #photoWideHolder #mainImages li p.t-list b {
		display: none;
	}
	#smartathletic #photoWideHolder #mainImages li p.t-list  span {
		display: block;
	}
	#smartathletic #photoWideHolder #mainImages li p.t-list a{
		display: table;
		position: inherit;
	}
	#smartathletic #photoWideHolder #mainImages li p.t-list a.btn-store{
		position: inherit;
		top: 0 ;
		left: 0;
		margin: 20px 0 0 0;
		padding: 0;
	}


}

p.footer{
	text-align:center;
	margin-bottom:20px;
}
p.footer a{ color:#ffffff; }