*/
.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: 800px;
height:600px;
margin: 0 auto;
text-align: left;
background: url(../images/container_bk.jpg) top center no-repeat;
}
/*======== 2-2 : div#header ========*/
h1 {
position:absolute;
left:402px;
top:50px;
font-size:14px;
}
/*======== 2-3 : div#main ========*/
#main {}
#main dl {
position:absolute;
left:402px;
top:81px;
height:130px;
font-size:.75em;
overflow:hidden;
}
#main dt {
}
#main dd {
padding-left:6px;
padding-top:6px;
width:382px;
color:#e1e1e1;
}
#main dd strong {
color:#fff;
font-weight:bold;
}
.txt p {
font-size:85%;
}
.features {
position:absolute;
top:400px;
left:404px;
width:388px;
}
.features input {
float:left;
margin:0 4px 0 0;
width:90px;
height:90px;
border:1px solid #546177;
display: inline;
}
.features input:hover {
border:1px solid #e63e0d;
}
.features p {
float:left;
padding-bottom:4px;
display:inline;
}
#photo {
position:absolute;
top:20px;
left:6px;
}
.spec {
position:absolute;
left:407px;
top:228px;
width:380px;
height:170px;
overflow:hidden;
}
table.specTable {
margin-bottom:2px;
font-size:.57em;
background:#37465a;
filter:alpha(opacity=60);
-moz-opacity:0.60;
}
table.specTable th {
padding:0 2px;
color:#fff;
font-weight:bold;
}
table.specTable td {
padding:0 2px;
color:#fff;
}
/*======== 2-5 : div#footer ========*/
#footer {
position:absolute;
top:610px;
margin:0 auto;
text-align:center;
width:100%;
}
#footer .copy {
width:100%;
font-size:10px;
text-align:center;
}
.copy address {
}
.copy address a {
cursor:pointer;
display:block;
color:#fff;
}
.highslide {
cursor: url(/usab/don/bb-zine/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:#fff;
margin:1px;
}
.highslide-image {
width:332px;
}
.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/don/bb-zine/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/don/bb-zine/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/don/bb-zine/js/highslide/graphics/close.png) no-repeat;
/* For IE6, remove background and add filter */
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/usab/don/bb-zine/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/don/bb-zine/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:#fff;
}
.highslide-wrapper .highslide-html-content {
width: 510px;
height:300px;
}
.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/don/bb-zine/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;
}