@charset "utf-8";

#slide { height: 360px; background: url(../images/top/main.jpg) center 0 repeat-x;}
#contentFlow {
 margin: 0 auto;
 padding-top: 20px;
 width: 1000px;
 min-height: 340px;
 overflow: hidden;
}

.ContentFlow .flow .item canvas.content {
 width: 100%;
 height: 100%;
 cursor: pointer;
}

.ContentFlow .flow .item.active {
 cursor: pointer;
}

.ContentFlow .flow .item .caption {
 position: absolute;
 bottom: 10%;
 width: 100%;
 max-height: 30%;
 font-size: 100%;
 font-weight: bold;
 color: #333333;
 background: url(../images/top/1x1_0.5_white.png);
 text-align: center;
 display:none;
 font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
* html .ContentFlow .flow .item .caption {
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/top/1x1_0.5_white.png');
}

.ContentFlow .scrollbar {
 position: relative;
 margin: 10px auto 0;
 width: 50%;
 height: 16px;
 background: url(../images/top/scrollbar_black.png) left center repeat-x;
 overflow: visible;
 z-index: 1;
 visibility: hidden;
 /margin-top: 20px;
}

.ContentFlow .scrollbar .slider {
 position: absolute;
 width: 16px;
 height: 16px;
 background: url(../images/top/slider_black.png) center center no-repeat;
 cursor: move;
}
* html .ContentFlow .scrollbar .slider {
 background-image: none;
}
* html .ContentFlow .scrollbar .slider .virtualSlider {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/top/slider_black.png');
 height: 100%;
}

.ContentFlow .scrollbar .slider .position {
 position: absolute;
 top: 120%;
 font-size: 10px;
 font-weight: bold;
 color: #666666;
 text-align: center;
 font-family: Verdana, Meiryo, Arial, Helvetica, sans-serif;
}

.ContentFlow .globalCaption {
 position: relative;
 margin: 35px auto 5px auto;
 padding: 5px 5px 3px 5px;
 width: 300px;
 height: 20px;
 color: #333333;
 font-size: 13px;
 font-weight: bold;
 text-align: center;
 z-index: 1;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 background: url(../images/top/bg_caption.png) left top repeat;
}

.ContentFlow .loadIndicator {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: #ffffff;
 z-index: 65000;
}

.ContentFlow .loadIndicator .indicator {
 width: 100%;
 height: 100%;
 background: url(../images/top/loader.gif) center center no-repeat;
}
* html .ContentFlow .loadIndicator .indicator {
 height: 100px;
}

.ContentFlow {
 position: relative;
 overflow: hidden;
}

.ContentFlow * {
 margin: 0;
 padding: 0;
}

.ContentFlow img {
 -ms-interpolation-mode: bicubic;
}

.ContentFlow .mouseoverCheckElement {
 position: absolute;
 left: 0;
 width: 0;
 height: 0;
 visibility: hidden;
}

.ContentFlow:hover .mouseoverCheckElement {
 left: 1px;
}

.ContentFlow .flow {
 position: relative;
 margin: 0 auto;
 width: 100%;
 visibility: hidden;
 z-index: 0;
}

.ContentFlow .flow.hidden {
 visibility: hidden;
}

.ContentFlow .flow .item {
 position: absolute;
 top: 0;
 left: 0;
 visibility: hidden;
}

.ContentFlow .flow .item div.content {
 width: 100%;
 height: 100%;
}

.ContentFlow .flow .item .label {
 display: none;
}

.ContentFlow .flow .item canvas.reflection {
 margin-top: -1px;
}

.ContentFlow .flow .item img.content,
.ContentFlow .flow .item img.reflection,
.ContentFlow .flow .item canvas.reflection {
 width: 100%;
}

.ContentFlow .flow .item .caption a,
.ContentFlow .flow .item .caption a:link,
.ContentFlow .flow .item .caption a:visited,
.ContentFlow .flow .item .caption a:active,
.ContentFlow .flow .item .caption a:hover {
 color: #333333;
 font-size: 0.8em;
 font-style: italic;
 text-decoration: none;
}

.ContentFlow .globalCaption .caption a,
.ContentFlow .globalCaption .caption a:link,
.ContentFlow .globalCaption .caption a:visited,
.ContentFlow .globalCaption .caption a:active,
.ContentFlow .globalCaption .caption a:hover {
 display: block;
 margin: 0 auto;
 width: 225px;
 color: #333333;
 text-decoration: none;
 /position: absolute;
 /top: -265px;
 /left: 42px;
 /padding-top: 270px;
 /z-index: 99999;
 /background: url(../images/top/bg_caption_ie7.png) left top repeat;
	_background: none;
}

.ContentFlow .flow .item .caption a:hover,
.ContentFlow .globalCaption .caption a:hover {
 color: #cc0066;
 text-decoration: underline;
 background: none;
 /background: url(../images/top/bg_caption_ie7.png) left top repeat;
	_background: none;
}

.ContentFlow .flow .item .content,
.ContentFlow .flow .item .reflection {
 display: block;
	background: #ffffff;
}