/*=================
 0.marginキャンセルなど
 ==================*/
/*li,ul{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    background:transparent;
}*/
ul{
    margin:0;
    /*padding:0;*/
}
h2{
    margin:0;
}



#note,#buttonline{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    background:transparent;
}
/*=================
 1.全ページ共通設定
 ==================*/
body{
    background-color:#F3F3F3;
    margin-top:0;
    text-align:center; /*containerが中央にくるように*/
    font-family:monospace; /* 等幅フォント */
}
a{
    cursor:pointer;
    text-decoration:none;
    /*color:inherit;*/
}

#container{
    margin-top:0%;
    background-color:white;
    width:93%;
    /*height:100%*/
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}

#menu{
    Background-color:white;
    width:15%;
    height:90%;
    float:left;
    margin-top:0;
    margin-left:2%;
    margin-bottom:2%;
    /* border-right:solid gray; */
    cursor:default;
}

#menu a{
    color:inherit;
    display:block;/* 一つ上の要素とblock表示。(文字以外をクリックしてもリンク) */    
}
#menu h2{
    font-size:120%;
    Background-color:#333;
    color:white;
    margin:0;
    margin-top:5%;
    padding:5%;
    padding-right:0%;
}
#menu h2:hover{
    color:#ffdddd;
}
#menu ul{
    padding:0;
    margin:0;
}
#menu li{
    cursor:default;
    list-style-type:none;
    /*border-top:solid gray;*/
    /*border-bottom:1px solid #AAA;*/
    margin-top:1%;
    margin-bottom:1%;
    padding-top:5%;
    /*margin-right:30%;*/
    word-wrap:break-word;
    Background-color:#EEE;
}
#menu li:hover{
    background-color:#ffdddd;
    list-style-type:square;
}
#main{
    width:78%;
    height:90%;
    float:right;
    /* background-color:red; */
    margin-right:2%;
    padding-left:2%;
    /*border-left:dotted gray;*/
}
#main h1{ /*title*/
    padding-left:3%;
    font-weight:bold;
    border:double gray;
    padding:2%;
}
#main #article a:hover{
    background-color:#DDF;
}
#cite{
    background-color:#DDD;
    margin:2%;
}

/*==================
 各話者ページ
 ===================*/
#onesentence{
    background-color:#EEE;
    /*border:double grey 3px;*/
    padding-top:1%;
    padding-bottom:1%;
    margin:2%;
}
#native_voice{
    /*width:100%;*/
    /*margin-left:10%;*/
    background-color:#DDF;
}
#voice_img{
    position:relative;
    /*top:9px;
    left:1px;
    height:48px;*/
    top:4px;
    height:32px;
}
#toggle_button{
    position:relative;
    top:-4px;
    left:3px;
}
#note{
    margin-top:0;
    padding:1%;
    color:#999;
    font-size:8pt;
}
#written_zone{
    /*background-color:#EEE;*/
}
#reading_sentence{
    /*color:#FF7B40;*/
    color:#CB0077
}
#footer{
    width:100%;
    clear:both;
    color:gray;
    border-top:1px double gray;
}

/*==================
 リストページ
 ===================*/
#male{
    background-color:#EEF;
    float:left;
    width:30%;
    padding-left:20pt;
    margin-left:5%;
}
#male li:hover{
    background-color:#CCF;
}
#male a{
    display:block;
}
#female{
    background-color:#FEE;
    float:left;
    width:30%;
    margin-left:5%;
    padding-left:20pt;
}
#female li:hover{
    background-color:#FCC;
}
#female a{
    display:block;
}


#pop{
    display:none;
}