@charset "utf-8";

#head nav{
height:44px;
padding:0 0 0 55px;
background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eee), color-stop(0.00, #fff));
background:-webkit-linear-gradient(top, #fff 0%, #eee 100%);
background:-moz-linear-gradient(top, #fff 0%, #eee 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0 );
background:linear-gradient(top, #fff 0%, #eee 100%);
}

#head nav ul{
padding:6px 5px 0 0;
}

#head nav ul:after{
content:"";
display:block;
clear:both;
}

#head nav ul li{
float:right;
margin:0 0 0 5px;
}

#head nav ul li a{
display:block;
height:30px;
text-align:center;
text-decoration:none;
line-height:30px;
border-radius:4px;
}

#head nav ul li a.menu{
width:4px;
font-weight:bold;
color:#fff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #099), color-stop(0.00, #5BB4BD));
background:-webkit-linear-gradient(top, #5BB4BD 0%, #099 100%);
background:-moz-linear-gradient(top, #5BB4BD 0%, #099 100%);
background:linear-gradient(top, #5BB4BD 0%, #099 100%);
border:#099 solid 1px;
}

#head nav ul li a.cart{
width:42px;
background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f60), color-stop(0.00, #f90));
background:-webkit-linear-gradient(top, #f90 0%, #f60 100%);
background:-moz-linear-gradient(top, #f90 0%, #f60 100%);
background:linear-gradient(top, #f90 0%, #f60 100%);
border:#f60 solid 1px;
}

#head nav ul li a.cart img{
width:24px;
margin:5px 0 0 0;
}

#visual{
}

#visual:after{
content:"";
display:block;
clear:both;
}

#visual article{
position:relative;
float:left;
width:50%;
height:120px;
margin:0 0 2px 0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
}

#visual article:first-child{
width:100%;
}

#visual article:nth-child(even){
padding:0 2px 2px 0;
}

#visual article a{
text-decoration:none;
color:#333;
}

#visual article header{
position:absolute;
left:5px;
bottom:5px;
width:140px;
}

#menu{
display:none;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
padding:6px 5px;
background-color:rgba( 0, 0, 0, 0.5 );
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

#menu p{
margin:0 0 15px 0;
}

#menu p:after{
content:"";
display:block;
clear:both;
}

#menu p a{
float:right;
display:block;
width:70px;
height:32px;
font-weight:bold;
text-align:center;
text-decoration:none;
line-height:32px;
color:#333;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eee), color-stop(0.00, #fff));
background:-webkit-linear-gradient(top, #fff 0%, #eee 100%);
background:-moz-linear-gradient(top, #fff 0%, #eee 100%);
background:linear-gradient(top, #fff 0%, #eee 100%);
border:#ddd solid 1px;
border-radius:4px;
}

#menu ul{
width:100%;
margin:0 0 7px 0;
list-style:none;
display:-webkit-box;
display:-moz-box;
display:box;
}

#menu ul li{
margin:0 7px 0 0;
-webkit-box-flex:1;
-moz-box-flex:1;
box-flex:1;
}

#menu ul li:last-child{
margin:0;
}

#menu ul li a{
display:block;
width:98%;
height:70px;
padding:6px 0 0 0;
text-align:center;
text-decoration:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border:#ddd solid 1px;
border-radius:4px;
}

#menu ul.gnavi{
}

#menu ul.gnavi li{
width:99px;
}

#menu ul.gnavi li a{
color:#fff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #099), color-stop(0.00, #5BB4BD));
background:-webkit-linear-gradient(top, #5BB4BD 0%, #099 100%);
background:-moz-linear-gradient(top, #5BB4BD 0%, #099 100%);
background:linear-gradient(top, #5BB4BD 0%, #099 100%);
border:#099 solid 1px;
}

#menu ul.snavi li{
width:72px;
}

#menu ul.snavi li a{
color:#666;
background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #fff));
background:-webkit-linear-gradient(top, #fff 0%, #fff 100%);
background:-moz-linear-gradient(top, #fff 0%, #fff 100%);
background:linear-gradient(top, #fff 0%, #fff 100%);
border:#ddd solid 1px;
}

#menu ul li a:after{
content:attr(title);
display:block;
margin:2px 0 0 0;
font-size:9px;
}

#menu ul li a img{
width:75px;
}