﻿@charset "utf-8";
/* -------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, p, blockquote, a, h3,
font, dl, dt, dd, ol, ul, li, tbody, tr, th, 
td {
border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;
}



/* --------------------------------------
/* ------背景色　薄い青    　 #cce4ff
---------------------------------------- */

body{
font:12px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
background:#cce4ff;
-webkit-text-size-adjust: none;
}


/*************
メイン コンテンツ
*************/
.menu {
    max-width: 210px;
}

h3.heading,
#sub .menu h3{
padding:2px 5px;
margin-bottom:5px;
}

#sub .menu h3{
margin-right:5px;
}

.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 1px;
}

.alignright{
float:right;
clear:right;
margin:3px 1px 10px 10px;
}


/* ------リンク文字色　黒  #000000****/
.menu a {
    display: block;
    padding: 3px;
    text-decoration: none;
    color: #000000;
}

/* ------文字色　濃い緑  #00aa00******/
/* ------枠1　背景色　薄い緑  #ddffdd ******/
label {
    display: block;
    margin: 1 0 4px 0;
    padding : 3px;
    line-height: 1;
    color :#00aa00;
    background : #ddffdd;
    cursor :pointer;
}

input {
    display: none;
}



.menu li {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li,
#menu_bar05:checked ~ #links05 li,
#menu_bar06:checked ~ #links06 li,
#menu_bar07:checked ~ #links07 li,
#menu_bar08:checked ~ #links08 li,
#menu_bar09:checked ~ #links09 li,
#menu_bar10:checked ~ #links10 li,
#menu_bar11:checked ~ #links11 li,
#menu_bar12:checked ~ #links12 li,
#menu_bar00:checked ~ #links00 li {
    height: 24px;
    opacity: 1;
}

