/* product **********************************************/ #contents.product #gnav .maparea div.map{background:url(/sports/vaam/common/images/gnavi03.png) left top no-repeat;} #contents.product #gnav.pre .maparea div.map{background:url(/sports/vaam/common/images/gnaviPre02.png) left top no-repeat;} /* index */ #contents.product h1.productIndex {position:relative;} #contents.product h1.productIndex span{position:absolute; left:0; top:0;} #contents.product .vaamIndexAnchor {width:950px; height:476px; background:url(/sports/vaam/product/images/indexAnchor.jpg) left top no-repeat; overflow:hidden; position:relative;display: inline-block; zoom: 1;} #contents.product .vaamIndexAnchor a{display:block; position:absolute; left:0; top:0; text-indent:100%; white-space:nowrap;} #contents.product .vaamIndexAnchor ul li.ancVaam a{left:175px; top:145px; width:155px; height:190px;} #contents.product .vaamIndexAnchor ul li.ancSuper a{left:347px; top:145px; width:155px; height:190px;} #contents.product .vaamIndexAnchor ul li.ancDiet a{left:555px; top:145px; width:180px; height:190px;} #contents.product .vaamIndexAnchor ul li.ancWater a{left:165px; top:335px; width:610px; height:130px;} #contents.product .vaamIndexAnchor a:hover {filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; background:#fff;display: inline-block; zoom: 1;} #contents.product .productIndex h2{margin:0 0 20px; font-size:0; width:950px; overflow:hidden;} #contents.product .productIndex .lead{float:left; width:272px; padding-bottom:20px;} #contents.product .productIndex .lead ul.icon li {display:inline-block; vertical-align:middle; padding:0 8px 14px 0; font-size:0;} #contents.product .productIndex .lead ul.icon li.jada{clear:both; padding:6px 0 0;} #contents.product .productIndex .lead p{margin-bottom:20px;} #contents.product .productIndex .archives{zoom:1; overflow:hidden; padding-bottom:20px;} #contents.product .productIndex .archives ul {margin-right:-10px;} #contents.product .productIndex .archives ul li {float:left; width:162px; height:162px; margin:0 10px 18px 0;} #contents.product .productIndex .archives ul li a {position:relative; width:162px; height:162px; display:block; overflow:hidden; text-align:center; line-height:1.1;} #contents.product .productIndex .archives ul li a img{position:absolute; left:0; top:0; z-index:-1;} #contents.product .productIndex .archives ul li a span.text{display:table-cell; text-align:center; line-height:1.1; width:162px; text-decoration:underline; z-index:1; vertical-align:middle; height:2.2em; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;} #contents.product .productIndex .archives ul li a strong {text-decoration:none; text-align:center; width:162px; display:block; color:#ce289e; font-weight:normal;} #contents.product .productIndex .archives ul li span.textFix{display:block; position:relative; font-size:12px;} #contents.product .productIndex .archives ul li a:hover {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;} #contents.product .productIndex ul.notes{margin:20px 0 0; text-indent:-1em; padding-right:1em;} /* product detail */ #contents.product #mainContent #article.detail{} #contents.product #mainContent #article.detail a{text-decoration:underline;} #contents.product #mainContent #article.detail .detailHeader{position:relative; background:url(/sports/vaam/common/images/hr.png) left bottom no-repeat; padding:29px 0 22px; margin-bottom:40px;} #contents.product #mainContent #article.detail .detailHeader h2.h1{height:auto; margin:0 !important; padding:27px 0 0;} #contents.product #mainContent #article.detail .detailHeader ul {position:absolute; bottom:21px; right:0;} #contents.product #mainContent #article.detail .detailHeader ul li {float:left; padding-left:18px;} #contents.product #mainContent #article.detail .detailLead {width:730px;} #contents.product #mainContent #article.detail .detailLead .img{float:right;} #contents.product #mainContent #article.detail .detailLead h2{font-size:16px; margin-bottom:20px;} #contents.product #mainContent #article.detail .detailLead p.text{width:280px; zoom:1; overflow:hidden;} #contents.product #mainContent #article.detail .detailLead ul.notes{zoom:1; margin:15px 0 0; text-indent:-1em; padding-left:1em; width:330px;} #contents.product #mainContent #article.detail .composi {margin-bottom:-2px;padding:0 0 20px 0;} #contents.product #mainContent #article.detail .composi h2{margin-bottom:10px;} #contents.product #mainContent #article.detail .composi ul {width:732px;} #contents.product #mainContent #article.detail .composi ul li {font-size:0; float:left; padding:0 2px 2px 0;} #contents.product #mainContent #article.detail .type {padding-bottom:30px;} #contents.product #mainContent #article.detail .type h2{margin-bottom:15px;} #contents.product #mainContent #article.detail .type ul {width:746px;} #contents.product #mainContent #article.detail .type ul li {float:left; font-size:0; padding:0 16px 0 0;} #contents.product #mainContent #article.detail .type ul li a:hover {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;} #contents.product #mainContent #article.detail .lineup h2{margin-bottom:17px;} #contents.product #mainContent #article.detail .lineup .rakuraku{position:absolute; top:4px; right:0;} #contents.product #mainContent #article.detail .lineup .rakuraku a:hover {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;} #contents.product #mainContent #article.detail .item {padding:40px 0 8px 0; background:url(/sports/vaam/common/images/hr.png) left top no-repeat; position:relative;} #contents.product #mainContent #article.detail .item h3{margin-bottom:25px;} #contents.product #mainContent #article.detail .item h4{margin-bottom:7px; line-height: 1;} #contents.product #mainContent #article.detail .item .itemBody p{margin-bottom:20px; line-height: 1.7;} #contents.product #mainContent #article.detail .item h3 + p{margin-bottom:25px;} #contents.product #mainContent #article.detail .item .itemBody ul {padding:0 0 8px;} #contents.product #mainContent #article.detail .item .itemBody ul li {width:50%; float:left; font-size:90%;} #contents.product #mainContent #article.detail .item .itemBody ul + ul {border-top:1px dotted #999; margin-bottom:25px; padding:8px 0 0;} #contents.product #mainContent #article.detail .item .itemBodyBottom{clear:both; zoom:1; padding:0 0 0;} #contents.product #mainContent #article.detail .item .itemBodyBottom .leftCell {width:370px; float:left;} #contents.product #mainContent #article.detail .item .itemBodyBottom .rightCell {zoom:1; overflow:hidden; padding:0 0 0 30px;} #contents.product #mainContent #article.detail .item .itemBodyBottom ul {padding:0 0 8px;} #contents.product #mainContent #article.detail .item .itemBodyBottom ul li {width:50%; float:left; font-size:90%;} #contents.product #mainContent #article.detail .item .itemBodyBottom ul + ul {border-top:1px dotted #999; margin-bottom:25px; padding:8px 0 0;} #contents.product #mainContent #article.detail .item .itemBodyBottom ul li.amino {width:100%; font-size:90%; padding-left:1em; text-indent:-1em;} #contents.product #mainContent #article.detail .item .toggle p{margin:0 0 7px; font-size:90%;} #contents.product #mainContent #article.detail .itemBodyBottom .rightCell .toggle .target p sub{vertical-align:-1px;} #contents.product #mainContent #article.detail .item .toggle p.open {margin-bottom:7px; background:url(/sports/vaam/common/images/iconOpen.gif) left center no-repeat; padding-left:14px;} #contents.product #mainContent #article.detail .item .toggle p.open a{text-decoration:underline;} #contents.product #mainContent #article.detail .item .toggle p.close {background:url(/sports/vaam/common/images/iconClose.gif) left center no-repeat; margin-bottom:28px;} #contents.product #mainContent #article.detail .item .toggle .target{display:none;} #contents.product #mainContent #article.detail .item .itemBody{zoom:1; overflow:hidden; padding:0 0 0 30px} #contents.product #mainContent #article.detail .item .productGallery {width:370px; float:left; position:relative; min-height:290px;} #contents.product #mainContent #article.detail .item .productGallery ul.main{float:right; width:260px; height:260px; position:relative; overflow:hidden;} #contents.product #mainContent #article.detail .item .productGallery ul.main li {position:absolute; left:0; top:0;} #contents.product #mainContent #article.detail .item .productGallery ul.main li img{z-index:0; position:relative;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;} #contents.product #mainContent #article.detail .item .productGallery ul.main li img.active{z-index:10;} #contents.product #mainContent #article.detail .item .productGallery ul.thumbs {width:80px; zoom:1; overflow:hidden; padding:0; font-size:0;} #contents.product #mainContent #article.detail .item .productGallery ul.thumbs li {width:80px; height:80px; margin-bottom:30px;} #contents.product #mainContent #article.detail .item .productGallery ul.thumbs li img{width:70px; height:70px; border:5px solid #fff;} #contents.product #mainContent #article.detail .item .productGallery ul.thumbs li img:hover {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; background:#fff; cursor:pointer;} #contents.product #mainContent #article.detail .item .productGallery ul.thumbs li img.active{border-color:#ddd; cursor:default;} #contents.product #mainContent #article.detail .item .productGallery ul.thumbs li img.active:hover {filter:alpha(opacity=100); -moz-opacity:1; opacity:1;} #contents.product #mainContent #article.detail .bnr_rakuraku{padding-bottom:40px;} #contents.product #mainContent #article.detail .bnr_rakuraku a:hover {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;} #contents.product #mainContent #aside ul.nav li.vaam a span {background:url(/sports/vaam/product/images/asideVaam.png) 5px center no-repeat;} #contents.product #mainContent #aside ul.nav li.super a span {background:url(/sports/vaam/product/images/asideSuper.png) 5px center no-repeat;} #contents.product #mainContent #aside ul.nav li.diet a span {background:url(/sports/vaam/product/images/asideDiet.png) 5px center no-repeat;} #contents.product #mainContent #aside ul.nav li.water a span {background:url(/sports/vaam/product/images/asideWater.png) 15px center no-repeat;} /* product bnr */ #contents.product #mainContent div.bnrs{margin:-20px 0 20px 0;} #contents.product #mainContent div.bnrs p{float:left;margin:0 20px 0 0;} #contents.product #mainContent div.bnrs p:last-child{float:left;margin:0 0 0 0;} #contents.product #mainContent div.bnr{margin:0 0 30px 0;} #contents.product #mainContent div.bnr img:hover {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; background:#fff; cursor:pointer;} .modalMoviea{overflow:hidden;} iframe.cboxIframe {padding:0; margin:0; overflow:hidden; height:360px;} /*dietLP用バナー*/ #contents.product #base #mainContent #article.detail .section.detailLead p.img.bnr_diet img:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; background:#fff; cursor:pointer; } /*PDF_DL*/ #contents.product .vaamIndexAnchor ul li.pdf a{left:635px; top:335px; width:215px; height:130px;} #contents.product #base #mainContent #aside ul.nav li.pdf a span{ background: url("/sports/vaam/common/images/pdfIcon.png") no-repeat scroll 8px center rgba(0, 0, 0, 0) !important; } /* 200401 アンチドーピング */ .antiDoping .section h2 { font-size: 24px; color: #114194; line-height: 30px; padding: 8px 10px 8px 10px; background: #f5f5f5; margin-bottom: 20px; position: relative; } .antiDoping .section h2 span { display: block; position: relative; padding: 5px 0 1px 15px; border-left: 5px solid #114194; } .antiDoping .section figure { text-align: center; margin-top: 40px; } .antiDoping .section .productTitle { margin-bottom: 10px; font-size: 16px; font-weight: bold; } #contents.product .antiDoping .archives { zoom:1; overflow:hidden; padding-bottom:20px; } #contents.product .antiDoping .archives ul li { float:left; width:162px; height:162px; margin:0 10px 18px 0; } #contents.product .antiDoping .archives ul li a { position:relative; width:162px; height:162px; display:block; overflow:hidden; text-align:center; line-height:1.1; } #contents.product .antiDoping .archives ul li a img { position:absolute; left:0; top:0; z-index:-1; } #contents.product .antiDoping .archives ul li a span.text { display:table-cell; text-align:center; line-height:1.1; width:162px; text-decoration:underline; z-index:1; vertical-align:middle; filter:alpha(opacity=0); -moz-opacity:0; opacity:1; position: absolute; bottom: 5%; font-size: 12px; } #contents.product .antiDoping .archives ul li a:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; } #contents.product .bnr_rakuraku { padding-bottom: 40px; } #contents.product .bnr_rakuraku a:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; } #contents.product #mainContent #article.detail .item .itemBody .informedChoiceBnr { margin-bottom: 20px; } #contents.product #mainContent #article.detail .item .itemBody .informedChoiceBnr a:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; } #contents.product #mainContent #article.detail .item .itemBody .informedChoiceBnr p { margin-bottom: 5px; font-size: 12px; font-weight: bold; } #contents.product .informedChoiceBnr img { width: 100%; }