*/
.block { margin:0; padding:0; }
.fl { float:left; }
.fr { float:right; }
.ft { clear: both; }
/* カラム落ち防止 レイアウト崩れ対応 */
.inner { overflow: hidden; }
/* 画像 左右の切り替え */
.lImg img { float:left; padding:.5em .5em .5em 0em; }
.rImg img { float:right; padding:.5em 0em .5em .5em; }
/* 余白 */
.padding5 {padding: 5px;}
/* clearfix の代用 */
/* ■使い方
*/
div.hr { clear:both; }
div.hr hr { display:none; }
.add {color: #666;}
.ct {text-align:center;}
/*======== 2-1 : div#container ========*/
#container {
position:relative;
width: 960px;
height:714px;
margin: 0 auto;
text-align: left;
background: url(../images/container_bk.jpg) top center no-repeat;
}
/*======== 2-2 : div#header ========*/
h1 {
position:absolute;
left:403px;
top:594px;
}
/*======== 2-3 : div#main ========*/
#main {}
.topLead {
position:absolute;
left:611px;
/*
top:128px;
*/
top:40px;
}
.topLead p {
padding:8px 0 0 14px;
width:248px;
/*
height:368px;
*/
height:456px;
font-size:.65em;
line-height:1.45;
overflow:auto;
}
#main .features {}
#main .features a,
#main .variations {
display:block;
cursor:pointer;
overflow:hidden;
height:29px;
}
#main .features .FlyWire {
position:absolute;
left:323px;
top:409px;
width:92px;
}
#main .features .TPU_ShankPlate {
position:absolute;
left:156px;
top:385px;
width:132px;
}
#main .features .Heel_Zoom_Air {
position:absolute;
left:74px;
top:256px;
width:125px;
}
#main .features .Outsole {
position:absolute;
left:402px;
top:110px;
width:92px;
}
#main .features .Inner {
position:absolute;
left:415px;
top:458px;
width:90px;
}
#main .features .Insole {
position:absolute;
left:323px;
top:458px;
width:92px;
}
#main .variations {
overflow:visible;
}
#main .variations .ver01 {
position:absolute;
left:96px;
top:523px;
}
#main .variations .ver02 {
position:absolute;
left:159px;
top:523px;
}
#main .variations .ver03 {
position:absolute;
left:221px;
top:523px;
}
#main .variations .ver04 {
position:absolute;
left:283px;
top:523px;
}
#main .variations .ver05 {
position:absolute;
left:122px;
top:580px;
}
#main .variations .ver06 {
position:absolute;
left:184px;
top:580px;
}
#main .variations .ver07 {
position:absolute;
left:246px;
top:580px;
}
#main .variations .VR {
position:absolute;
left:360px;
top:523px;
}
.text p, .text table {
padding:4px 0 0 0;
font-size:85%;
}
.text table {
margin-top:6px;
width:99%;
background:#f5f5f5;
}
.text table th {
padding:2px 6px;
width:4em;
text-align:center;
background:#e4e4e4;
white-space:nowrap;
}
.text table td {
padding:2px 4px;
}
/*======== 2-5 : div#footer ========*/
#footer {
position:absolute;
top:705px;
margin:0 auto;
text-align:center;
width:100%;
}
#footer .copy {
width:100%;
font-size:10px;
text-align:center;
}
.copy address {
cursor:pointer;
}
.copy address a {
display:block;
}
.highslide {
cursor: hand /*url(/usab/js/highslide/graphics/zoomin.cur), pointer*/;
outline: none;
}
.highslide-active-anchor img {
visibility: hidden;
}
.highslide img {
/*border: 1px solid #999;*/
}
.highslide:hover img {
/*border: 1px solid #ccc;*/
}
.highslide-wrapper {
background: white;
}
.highslide-image {
width:332px;
border-bottom: 1px solid fff;
}
.highslide-image-blur {
}
.highslide-caption {
display: none;
border-bottom: 1px solid #fff;
font-size: 10pt;
padding: 5px;
background-color:#fff;
}
.highslide-loading {
display: block;
color: black;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
padding: 2px;
border: 1px solid black;
background-color:#fff;
padding-left: 22px;
background-image: url(/usab/js/highslide/graphics/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color:#ccc;
}
a.highslide-full-expand {
background: url(/usab/js/highslide/graphics/fullexpand.gif) no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px;
}
.highslide-overlay {
display: none;
}
/* Mac-style close button */
.closebutton {
position: relative;
top: -15px;
left: 15px;
width: 30px;
height: 30px;
cursor: hand; /* ie */
cursor: pointer; /* w3c */
background: url(/usab/js/highslide/graphics/close.png) no-repeat;
/* For IE6, remove background and add filter */
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/usab/js/highslide/graphics/close.png', sizingMethod='scale');
}
/* These must always be last */
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
.highslide-html {
background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
position: absolute;
display: none;
}
.highslide-loading {
display: block;
color: black;
font-size: 8pt;
font-family: sans-serif;
font-weight: bold;
text-decoration: none;
padding: 2px;
border: 1px solid black;
background-color: white;
padding-left: 22px;
background-image: url(/usab/js/highslide/graphics/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}
/* Styles for the popup */
.highslide-wrapper {
background-color: white;
}
.highslide-wrapper .highslide-html-content {
width: 510px;
height:300px;
padding: 0;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
margin: 0;
padding: 0;
text-align: right;
}
.highslide-wrapper .highslide-header ul li {
display: inline;
padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous,
.highslide-wrapper .highslide-header ul li.highslide-next {
display: none;
}
.highslide-wrapper .highslide-header a {
font-weight: bold;
color: gray;
text-transform: uppercase;
text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
cursor: move;
}
.highslide-wrapper .highslide-footer {
height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
float: right;
height: 11px;
width: 11px;
background: url(/usab/js/highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
cursor: move;
}
.highslide-resize {
cursor: nw-resize;
}
.highslide-footer {
display: none;
}
/* These must be the last of the Highslide rules */
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}