@charset "UTF-8";
/* CSS Document */

<!-- /*+++++++ お店の看板、ナビゲーション全体のcss+++++++　*/-->


.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both; }
.clear { *zoom: 1; }

body {-webkit-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased; font-family: "Arial","Helvetica" !important;}

/* ナビボタン全体のcss */
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 905px;
  margin: 5px auto 9px;
  padding: 0;
  
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
/* ナビボタンのリストcss */
.dropmenu li{
  position: relative;
  width: 90px;
  float: left;
  margin: 0;
  padding: 0;
  font-weight:bold;
  text-align: center;
  letter-spacing:0.5px;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #34782D;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
}
/* 買い物カゴエリアcss */
li.ca{
  position: relative;
  width: 91px;
  float: left;
  margin: 0;
  padding: 0;
  font-weight:bold;
  text-align: center;
  letter-spacing:0.5px;
}
li.ca a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #C30;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
}

.dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 180%;

}
/* ドロップダウンリストcss */
.dropmenu li ul li a{
  width:150px;
  padding: 10px 15px;
  border-top: 1px solid #eee;
  background: #FAF8F2;
  color:#111;
  font-weight:normal;
  text-align: left;
}

.dropmenu li ul li a:hover{
  padding: 10px 15px;
  border-top: 1px solid #eee;
  background: #FAF8F2;
  color:#C30;
  text-align:left;
}

.dropmenu li:hover > a{
  color:#fff;
  background:#063;
}
.dropmenu li a:hover{
  color:#fff;
  text-decoration:underline;
}

#fade-in { position: relative; z-index: 6; }
#fade-in li ul{
  opacity: 0;
  visibility: hidden;
  transition: .5s;
}
#fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}

#fade-in2 { position: relative; z-index: 5; }
#fade-in2 li ul{
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .5s;
}
#fade-in2 li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}

/* 看板エリア全体のcss */
#kanban-area{ 
margin:0 auto;
width:910px;
height:135px;
position:relative;
}

/* ロゴマークcss */
.logo{ 
position:absolute;
width:200px;
height:135px;
top:16px;
left:0;
}

.logo img{ width:170px;}

/* 新着バナーcss */
.shinchaku{ 
position:absolute;
top:10px;
right:-3px;
margin:0;
padding:0;
}
/* パーツバナー マップエリアcss */
.parts{ 
position:absolute;
top:42px;
right:150px;
width:177px;
}
/* 日本最大級の部分css */
.sub-ttl{ 
position:absolute;
top:88px;
left:190px;
color:#006633;
font-size:12px;
text-align:left;
display:inline-block;
}

/* 日本最大級の部分css */
span.sub{
color:#006633;
}

/* 10周年エンブレム */
.emblem{
	position: absolute;
	top: 45px;
	right: 342px;
}
.emblem img{ width:39px !important;}

/* ご相談くださいcss */
.news-tp{ 
position:absolute;
top:20px;
left:140px;
color:#222;
font-size:11px;
text-align:left;
display:inline-block;
letter-spacing:0.5px;
}
/* 時期に応じたトピックcss */
.news-cc{
position:absolute;
top:57px;
left:187px;
color:#444;
font-size:11px;
text-align:left;
display:inline-block;
letter-spacing:0.5px;
border:1px solid #ccc;
border-radius:5px;
padding:3px;
}
/* トピックのホバー処理css */
.news-cc:hover{ color:#C63; border:1px solid #C63;-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}

/* 看板エリアのリストcss */
.list-navi{
position:absolute;
top:92px;
left:280px;
font-size:11px;
padding:0;
margin:0;
width:520px;
}

.list-navi li{ 
display:block;
list-style:none;
float:left;
padding:0;
padding-left:9px;
}

.list-navi li a{ 
color:#333;

}

.list-navi li a:hover{ 
color:#C30;
text-decoration:underline;
}


a img {
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
}
a:hover img {
     opacity: 0.9; 
     filter: alpha(opacity=80);
}