@charset "utf-8";
/* CSS Document */

/*====================================================*/
/* clearfix */
div:after,
ul:after {
content:"";
display:block;
clear:both;
visibility:hidden;
height:0;
}

* html div,
* html ul {
display:inline-block;
}

/* exlude MacIE5 \*/
* html div,
* html ul { height:1%; }
div,
ul { display:block; zoom:1; }

/* end MacIE5 */
/*====================================================*/
html {
  scrollbar-track-color:#035bb6;
  scrollbar-face-color:white;
  scrollbar-arrow-color:#035bb6;
  scrollbar-shadow-color:#035bb6;
  scrollbar-highlight-color:#ffffff;
  scrollbar-darkshadow-color:#ffffff;
  scrollbar-3dlight-color:#035bb6; 
}
form , input {margin:0; padding:0;}
hr { display:none;}
a , img {border:none;}
a {text-decoration:underline; color:#810414;}
a:hover {text-decoration:none;}
.clear {clear:both; margin:0; padding:0; height:0;}
.textindent {text-indent:-9999px; overflow:hidden;}
li {list-style:none;}

* html body{behavior:url("./css/csshover.htc");}
body {
  background:#ffffff;
  margin:0;
  padding:0;
  font:75%/1.3 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
}
/*====================================================*/
.qma_shop_item_img_box { width:180px; }
.qma_shop_item_info_box { background: url(../images/shop_info_spsite/qma8_shop_spsite.jpg) no-repeat; width:180px; height:197px;}
.qma_shop_item_info_contents { padding:0;}
.qma_shop_item_info_box h3 { height:50px; margin:0; padding:0; text-indent:-9999px;}
.qma_shop_box .item_info { position:absolute; top:307px; left:79px; margin:0; padding:0; width:748px;}
.qma_shop_box .item_info h5 {background: url(../images/qma_item_info_title.jpg) no-repeat; width:748px; height:31px; margin:0 auto; padding:0; text-indent:-9999px;}

.qma_shop_link { position:absolute; top:113px; left:8px; width:165px;}
.qma_shop_link a { width:165px; height:25px; display:block; text-indent:-9999px; overflow:hidden; background: url(../images/shop_info_spsite/shop_btn.jpg) no-repeat; background-position:0 0;}
.qma_shop_link a:hover { background-position:0 -25px;}
/* ------ mobilyslider
-----------------------------------------------*/

/*#content {
width:800px;
margin:100px auto 0;
}*/

.slider {
float:left;
width:180px;
height:126px;
position:relative;
padding-bottom:0;
/*background:url(../images/gfx/bottom_shadow.png) no-repeat bottom center;*/
margin:0 auto;
}

.slider2 {
float:left;
width:367px;
height:198px;

padding-bottom:0;
/*background:url(../images/gfx/bottom_shadow.png) no-repeat bottom center;*/
margin:0 auto;
}
.slider2 .sliderArrows { display:none; position:absolute; top:-9999px;}
.slider2 .sliderContent  { position:absolute; top:0; left:0; width:367px; height:198px;}

.sliderContent {
float:left;
width:50px;
height:50px;
clear:both;
position:relative;
/*overflow:hidden;*/
top:5px;
left:65px;
}

.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(../images/gfx/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:35%;
margin-top:-34px;
}

.prev {
background-position:0 0;
left:15px;
}

.prev:hover {
background-position:0 -44px;
}

.next {
right:15px;
background-position:-44px 0;
}

.next:hover {
background-position:-44px -44px;
}

.sliderContent .item {
position:absolute;
width:50px;
height:50px;
background:#FFFCE9;
}

.slider2 .sliderContent .item {
  height: 198px;
    position: absolute;
    width: 367px;
  background:#FFFCE9;
}

.sliderContent .item .item_text_box {
position:absolute;
display:block;
font-size:12px; color:#08497a; width:180px; text-align:center; top:62px; left:-65px; line-height:140%; background: url(../images/shop_info_spsite/qma8_shop_spsite.jpg) no-repeat; background-position:0px -110px;
}

.sliderBullets {
position:absolute;
bottom:0;
left:10%;
z-index:50;
/*margin-left:-25px;*/
}

.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(../images/gfx/bullets.png) no-repeat;
}

.sliderBullets .active {
background-position:0 -12px;
}

.sliderContent a {
outline:none;
}

a {
color:#fff;
}

a img {
border:none;
}
