@charset "utf-8";
@import "default.less";
@import "common.less";
@import "global.less";


/* nav ///////////////////////*/
nav{
width:200px;
margin:0 40px 0 0;
.pa;

ul{
border-top:1px @glay solid;
}
li{
border-bottom:1px @glay solid;
}
a{
display:block;
padding:10px 0 7px 15px;
background:url(../image/point1.svg) no-repeat 0 50%;
font-size:10pt;
}
a:hover{
background:url(../image/point1.svg) no-repeat 5px 50%;
}

dt{
background-color:#F3F3F3;
padding:10px 0 7px 10px;
border-left:2px @c1 solid;
margin-bottom:5px;
}
dd{
margin-bottom:30px;
}

.on{
background-color:@c2;
background-size:7px;
font-size:10pt;
}
.sub{
margin-left:30px;
a{
display:block;
padding:5px 0 3px 15px;
background:url(../image/point1.svg) no-repeat 0 50%;
font-size:10pt;
}
a:hover{
background:url(../image/point1.svg) no-repeat 5px 50%;
}
}

}


/* .list ///////////////////////*/
.list{

li{
display:inline-block;
width:240px;
.tac;
padding:10px 0;
img{
max-width:200px;
}
p{
.db;
padding:5px 0 0 0;
}
a:hover{
opacity: 0.5;
filter:alpha(opacity=50);
}
}
.small{
font-size:80%;
}

}

/* .catalog ///////////////////////
.catalog{

ul{
padding:0 0 0 0;
.tac;
}

li{
.dib;
padding:15px 5px;

img{
max-width:200px;
max-height:200px;
}
p{
padding:10px;
}
a:hover{
opacity: 0.5;
filter:alpha(opacity=50);
}
}



}
*/