@charset "UTF-8";
@charset "UTF-8";
/*===========================
メニューの開閉ここから
===========================*/
label {
background: #41c4d0;
color: #fff;
padding: 10px;
width: 240px; 
display: block;
margin: 0;
border: 1px solid #fff;
}
input[type="checkbox"].on-off{
display: none;
}


.toggle ul {
-webkit-transition: all 0.5s;

-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin: 0;
padding: 0;
list-style: none;
}
.toggle li {
padding: 0px;
}
input[type="checkbox"].on-off + ul{
height: 0;
overflow: hidden;
}
input[type="checkbox"].on-off:checked + ul{

height: 450px;
}
/*===========================
メニューの開閉ここまで
===========================*/
/* リンク付き画像をへこませる */
a:hover img{
position : relative;
top : 3pt;
left : 3pt;
}


/* リンク付き文字をへこませる */
a:hover {
position: relative;
top: 2px;
left: 2px;
text-decoration: none;
}


/* -------- リンク */
 
a,a:visited{
	color:#20CBE6;　/*リンク文字色*/
}
a:hover{
color:#AD82C1;　　/*マウスオーバー時文字色*/
}
a {
  background-color: transparent;
}




/* 特定の画像ボタンを拡大する */
img.scale:hover {                 /* 画像指定時は　＜img class="scale" ・・・＞としてください */
    -moz-transition: -moz-transform 0.5s linear;           /*伸縮する時間ここから*/
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
    -webkit-transform: scale(1.5);                            /*伸縮する倍率ここから*/
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}