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



/* .topics ///////////////////////*/
.topics{

ul{
border-top:3px @c1 solid;
padding:20px 0 0 0;
}

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


.navi{
.tac;
padding:40px 0 0 0;
}

}

/* .detail ///////////////////////*/
.detail{


.image{
.dt;
.center;

li{
.dtc;
.vat;
padding:20px 10px 40px 10px;
}
img{
padding:8px;
border:1px @glay solid;
max-width:300px;
max-height:300px;
}
p{
padding:5px;
}
}

.pdf{
a{
.dib;
margin:30px 0 0 0;
padding:0 0 0 15px;
background:url(../image/point1.svg) no-repeat 0 47%;
text-decoration:underline;
}
}

.back{
.tac;
padding:0 0 40px 0;

a{
.db;
cursor:pointer;
border:0px;
padding:10px;
width:200px;
.tac;
.center;
font-size:12pt;
.white;
background:url(../image/point2.svg) no-repeat 20% 47%;
background-color:@c1;
}
a:hover{
background:url(../image/point2.svg) no-repeat 25% 47%;
background-color:@c2;
}
}


}