@charset "utf-8";

/* product */
#vaamContents.product .categoryHeader {background:url(/smartphone/sports/vaam/common/images/gn_bg.png) left top repeat-y; background-size:100% auto; height:45px; clear:both; zoom:1; overflow:hidden;}
#vaamContents.product .categoryHeader h1{float:left; padding:12px 9px;}
#vaamContents.product .categoryHeader p{float:right; padding:2.5px 0 0;}
#vaamContents.product .mv img{width:100%;}
#vaamContents.product .mv {margin-bottom:20px; background-size:contain;}
#vaamContents.product .tabs {padding-bottom:15px; overflow:hidden; margin-bottom:0;}
#vaamContents.product .tabs ul {clear:both; zoom:1; position:relative; left:4%;}
#vaamContents.product .tabs ul:after{content:''; clear:both; display:block;}
#vaamContents.product .tabs ul:before{content:''; width:100%; height:3px; background:#e3e3e3; position:absolute; left:-3.5%; bottom:0px;}
#vaamContents.product .tabs ul li {display:inline-block; float:left; width:29%; margin:0 1%; padding:6px 0 0;}
#vaamContents.product .tabs ul li a{display:block; border:3px solid #e3e3e3; height:59px; text-indent:100%; overflow:hidden; white-space:nowrap; position:relative;}
#vaamContents.product .tabs ul li:nth-child(1) a{background:url(/smartphone/sports/vaam/product/images/tab1.png) center center no-repeat #eee; background-size:68px 40px;}
#vaamContents.product .tabs ul li:nth-child(2) a{background:url(/smartphone/sports/vaam/product/images/tab2.png) center center no-repeat #eee; background-size:78px 39px;}
#vaamContents.product .tabs ul li:nth-child(3) a{background:url(/smartphone/sports/vaam/product/images/tab3.png) center center no-repeat #eee; background-size:59px 39px;}
#vaamContents.product .tabs ul li.on {padding:0; position:relative;}
#vaamContents.product .tabs ul li.on:after{content:''; background:#e3e3e3; position:absolute; left:-3px; bottom:0; width:6px; height:3px; z-index:100; margin:0;}
#vaamContents.product .tabs ul li.on:before{content:''; background:#e3e3e3; position:absolute; right:-3px; bottom:0; width:6px; height:3px; z-index:100; margin:0;}
#vaamContents.product .tabs ul li.on a{height:65px; border-bottom:3px solid #fff;}
#vaamContents.product .tabs ul li.on:nth-child(1) a{background:url(/smartphone/sports/vaam/product/images/tab1on.png) center center no-repeat #fff; background-size:68px 44px;}
#vaamContents.product .tabs ul li.on:nth-child(2) a{background:url(/smartphone/sports/vaam/product/images/tab2on.png) center center no-repeat #fff; background-size:78px 44px;}
#vaamContents.product .tabs ul li.on:nth-child(3) a{background:url(/smartphone/sports/vaam/product/images/tab3on.png) center center no-repeat #fff; background-size:59px 44px;}

#vaamContents.product .tabs.bottom {margin:-22px 0 0;}
#vaamContents.product .tabs.bottom ul:before{content:''; width:100%; height:3px; background:#e3e3e3; position:absolute; left:-3.5%; top:0px;}
#vaamContents.product .tabs.bottom ul li {padding:0 0 6px;}
#vaamContents.product .tabs.bottom ul li:nth-child(1) a{background:url(/smartphone/sports/vaam/product/images/tab1b.png) center 5px no-repeat #eee; background-size:68px 40px;}
#vaamContents.product .tabs.bottom ul li:nth-child(2) a{background:url(/smartphone/sports/vaam/product/images/tab2b.png) center 5px no-repeat #eee; background-size:78px 39px;}
#vaamContents.product .tabs.bottom ul li:nth-child(3) a{background:url(/smartphone/sports/vaam/product/images/tab3b.png) center 5px no-repeat #eee; background-size:59px 40px;}
#vaamContents.product .tabs.bottom ul li.on:nth-child(1) a{background:url(/smartphone/sports/vaam/product/images/tab1bOn.png) center 5px no-repeat #fff; background-size:68px 46px;}
#vaamContents.product .tabs.bottom ul li.on:nth-child(2) a{background:url(/smartphone/sports/vaam/product/images/tab2bOn.png) center 5px no-repeat #fff; background-size:78px 46px;}
#vaamContents.product .tabs.bottom ul li.on:nth-child(3) a{background:url(/smartphone/sports/vaam/product/images/tab3bOn.png) center 5px no-repeat #fff; background-size:59px 46px;}
#vaamContents.product .tabs.bottom ul li.on a {border-top:3px solid #fff; border-bottom:3px solid #e3e3e3;}
#vaamContents.product .tabs.bottom ul li.on:before{content:''; background:#e3e3e3; position:absolute; right:-3px; top:0;}
#vaamContents.product .tabs.bottom ul li.on:after {content:''; background:#e3e3e3; position:absolute; left:-3px; top:0;}

#vaamContents.product .archives {padding:0 0 33px;}
#vaamContents.product .archives header{position:relative; padding:0 10px; margin-bottom:10px;}
#vaamContents.product .archives header h1 img{width:100%;}
#vaamContents.product .archives header p.jada{position:absolute; right:10px; bottom:20%; padding:0; width:28.6%;}
#vaamContents.product .archives header p.jada img{width:100%;}
#vaamContents.product .archives ul.icon {margin:0 10px 5px; font-size:0; zoom:1; overflow:hidden;}
#vaamContents.product .archives ul.icon:after{content:''; clear:both; display:block;}
#vaamContents.product .archives ul.icon li{float:left; padding:0 6px 6px 0;}
#vaamContents.product .archives p {padding:0 10px 10px; line-height:19px;}
#vaamContents.product .archives p.notes {padding:0 10px 0; font-size:12px; line-height:16px;}
#vaamContents.product .archives ul.link {font-size:0; padding:0 7px 3px; clear:both; zoom:1; display:table; width:100%;}
#vaamContents.product .archives ul.link:after{content:''; clear:both; display:block;}
#vaamContents.product .archives ul.link li {padding:0 3px 3px; display:table-cell; width:50%;}
#vaamContents.product .archives ul.link li img {width:100%;}

#vaamContents.product .detail {padding:0 10px 30px;}
#vaamContents.product .detail img{width:100%;}
#vaamContents.product .detail header{position:relative; padding:0; margin-bottom:10px;}
#vaamContents.product .detail header p.jada{position:absolute; right:0px; bottom:0px; padding:0; width:28.6%;}
#vaamContents.product .detail ul.icon {margin:0 0 5px; font-size:0; zoom:1; overflow:hidden;}
#vaamContents.product .detail ul.icon:after{content:''; clear:both; display:block;}
#vaamContents.product .detail ul.icon li{float:left; padding:0 9px 12px 0;}
#vaamContents.product .detail ul.icon li img {width:auto;}
#vaamContents.product .detail p{font-size:12px; line-height:14px; margin-bottom:10px;}
#vaamContents.product .detail p.lead{font-size:13px; line-height:17.5px; margin-bottom:10px;}
#vaamContents.product .detail p.note{font-size:10px; line-height:12px; margin-bottom:10px;}
#vaamContents.product .detail ul.notes{margin-bottom:10px;}
#vaamContents.product .detail ul.notes li{text-indent:-1em; padding-left:1em;}
#vaamContents.product .detail figure {padding:10px 0 20px;}
#vaamContents.product .detail h2 {margin-bottom:5px;}
#vaamContents.product .detail p.composi {padding-bottom:10px;}
#vaamContents.product .detail ul.type {clear:both; zoom:1; width:100%; display:table; padding:0 0 15px; margin:0 -3px 0;}
#vaamContents.product .detail ul.type:after{content:''; clear:both; display:block;}
#vaamContents.product .detail ul.type li{display:table-cell; width:25%;  padding:0 3px;}


#vaamContents.product .lineup {padding:0 10px 0px;}
#vaamContents.product .lineup article{margin-bottom:35px; background:url(/smartphone/sports/vaam/common/images/hr.png) center top no-repeat; background-size:contain; padding:15px 0 0;}
#vaamContents.product .lineup h1 + article {background:none; }
#vaamContents.product .lineup h1 img {width:100%}
#vaamContents.product .lineup h2 img {width:100%}
#vaamContents.product .lineup h2 {margin-bottom:10px;}
#vaamContents.product .lineup h2 + p{font-size:14px; line-height:19px; margin-bottom:10px;}
#vaamContents.product .lineup .texts {zoom:1; overflow:hidden;}
#vaamContents.product .lineup .texts h3{margin-bottom:7px;}
#vaamContents.product .lineup .texts p,
#vaamContents.product .lineup .texts ul {font-size:12px; line-height:14px; margin-bottom:20px;}
#vaamContents.product .lineup .texts ul + ul {border-top:1px dashed #cbcbcb; margin-top:-10px; padding-top:10px;}
#vaamContents.product .lineup .texts ul li.amino {padding-left:1em; text-indent:-1em;}

#vaamContents.product .lineup .toggle {clear:both; zoom:1;}
#vaamContents.product .lineup .toggle a{display:block; background:#eee; padding:0 12px; line-height:35px; position:relative; font-size:0;}
#vaamContents.product .lineup .toggle a img {vertical-align:middle;}
#vaamContents.product .lineup .toggle a:before{content:''; background:url(/smartphone/sports/vaam/product/images/plus.png) left top no-repeat; width:15px; height:15px; background-size:15px 15px; position:absolute; right:10px; top:10px;}
#vaamContents.product .lineup .toggle.open a:before{content:''; background:url(/smartphone/sports/vaam/product/images/minus.png) left top no-repeat; width:15px; height:15px; background-size:15px 15px; position:absolute; right:10px; top:10px;}
#vaamContents.product .lineup .toggleitem {font-size:12px; line-height:14px; padding:10px 0 0; display:none;}
#vaamContents.product .lineup .toggleitem sub{position:relative; top:0.3em; font-size:9px;}
#vaamContents.product .lineup .rakuraku{position:absolute; top:-5px; right:10px; width:35%;}
#vaamContents.product .lineup .rakuraku img{width:100%;}

#vaamContents.product .productGallery {float:left; width:56%; padding:0 20px 20px 10px; max-width:294px;}
#vaamContents.product .productGallery ul.main img {width:100%; height:auto;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#vaamContents.product .productGallery ul.main img.active{z-index:10;}
#vaamContents.product .productGallery ul.main {position:relative;}
#vaamContents.product .productGallery ul.main li {position:absolute; top:0;}
#vaamContents.product .productGallery ul.thumbs {padding:100% 0 0; position:relative; font-size:0; clear:both; zoom:1; margin:0 -1px;}
#vaamContents.product .productGallery ul.thumbs:after{content:''; clear:both; display:block;}
#vaamContents.product .productGallery ul.thumbs li {width:33.3333%; float:left; padding:0 1px 0; position:relative;}
#vaamContents.product .productGallery ul.thumbs img{width:100%; height:auto; border:3px solid #fff;}
#vaamContents.product .productGallery ul.thumbs li img.active{border-color:#eee;}

#vaamContents.product #otherProducts {padding:0 0 29px; clear:both; zoom:1; overflow:hidden; margin-bottom:0;}
#vaamContents.product #otherProducts:after{content:''; clear:both; display:block;}
#vaamContents.product #otherProducts h2{padding:0 12px 10px;}
#vaamContents.product #otherProducts img {width:100%;}
#vaamContents.product #otherProducts ul {font-size:0; padding:0 7px 0; width:100%; display:table;}
#vaamContents.product #otherProducts ul li {padding:0 3px 6px; display:table-cell; table-layout:fixed;}
#vaamContents.product #otherProducts .banner {padding:20px 10px 0;}


/* promotion */
#vaamContents.product .promotion {padding-bottom:10px; width:100%;}
/*#vaamContents.product .promotion h1{margin:0 10px 15px;}*/
#vaamContents.product .promotion img {width:100%;}
#vaamContents.product .promotion .movie {margin:0; background:url(/smartphone/sports/vaam/campaign/promotion/images/bg.jpg) center top no-repeat; background-size:100% auto; position:relative;}
#vaamContents.product .promotion .movie h2 img {width:100%;}
#vaamContents.product .promotion .moviearea {position:absolute; left:5%; top:22%;/* border:1px solid #000;*/ width:90%; height:65%;}
#vaamContents.product .promotion .playtime {position:absolute; left:5%; bottom:8%;}

#vaamContents.product .banner {margin: 10px 0;}


/* 200401 antidoping */

.antidoping .mainContents {
	padding: 10px;
}

#vaamContents.antidoping .mainContents p {
	padding: 0;
}

#vaamContents.antidoping .mainContents .archives.antidopingheader {
	margin-bottom: 10px;
}

#vaamContents.product .antidopingheader header {
	padding: 0;
	margin: 0;
}

#vaamContents.antidoping .mainContents .archives {
	margin-bottom: 30px;
}

#vaamContents.product .archives.noborder {
	padding: 0;
	background: none;
}

#vaamContents.product .archives h2 {
	font-weight: bold;
	margin-bottom: 5px;
}

#vaamContents.product .archives figure {
	margin-top: 15px;
	text-align: center;
}

#vaamContents.product .archives figure img {
	width: 80%;
}

#vaamContents.product .archives {
    margin-bottom: 35px;
    background: url(/smartphone/sports/vaam/common/images/hr.png) center top no-repeat;
    background-size: contain;
    padding: 15px 0 0;
}

#vaamContents.product .archives .productTitle {
	margin: 10px 0 5px;
	font-weight: bold;
}

#vaamContents.antidoping .archives ul.link {
	padding: 0;
}

.informedChoiceBnr {
	margin-bottom: 10px;
}

.informedChoiceBnr p {
	font-weight: bold;
}

.informedChoiceBnr img {
	width: 100%;
}
#vaamContents.antidoping #otherProducts {
	padding: 0 0 15px;
}
#vaamContents.antidoping #otherProducts .banner {
	padding: 0;
	margin: 0;
}