@charset "utf-8";

/*全普高用*/

/*** Header ***/

#header{
font-size:85%;
line-height:150%;
width:960px;
margin:10px auto;
}

#header #logo{
float:left;
width:354px;
}

#header #address{
float:right;
width:60%;
}


/*** Global Nav ***/

#nav{
width:100%;
background-color:#46805a;
}

#nav #global-nav{
width:960px;
margin:0 auto;
padding:5px 0;
}

#global-nav .nav-btn{
float:left;
position:relative;
}

#global-nav .nav-btn ul{
display:none;
background-color:#efefef;
}

#global-nav .nav-btn:hover ul{
display:block;
position:absolute;
top:34px;
left:0px;
z-index:9999;
}

#global-nav .nav-btn ul li{
border-bottom:solid 1px #46805a;
}

#global-nav .nav-btn ul li a{
display:block;
text-decoration:none;
color:#46805a;
padding:8px 5px;
}

#global-nav .nav-btn ul li a:hover{
color:#FFFFFF;
background-color:#46805a;
}


#global-nav .nav-btn:hover ul#sub-officer{/*サブメニュー本部役員*/
width:10em;
}

#global-nav .nav-btn:hover ul#sub-study{/*サブメニュー研究委員会*/
width:8em;
}

#global-nav .nav-btn:hover ul#sub-event{/*サブメニュー行事案内*/
width:7em;
}


#global-nav #btn-home{/*ホーム*/
width:30px;
padding:5px 9px;
}

#global-nav #btn-info{/*全普高概要*/
width:88px;
padding:5px 9px;
border-left:dotted 1px #FFFFFF;
}

#global-nav #btn-rule{/*規約*/
width:36px;
padding:5px 9px;
border-left:dotted 1px #FFFFFF;
}

#global-nav #btn-officer{/*本部役員*/
width:70px;
padding:5px 9px;
border-left:dotted 1px #FFFFFF;
}

#global-nav #btn-study{/*研究委員会*/
width:90px;
padding:5px 9px;
border-left:dotted 1px #FFFFFF;
}

#global-nav #btn-member{/*会員校数一覧*/
width:108px;
padding:5px 9px;
border-left:dotted 1px #FFFFFF;
}

#global-nav #btn-event{/*行事案内*/
width:70px;
padding:5px 9px;
border-left:dotted 1px #FFFFFF;
}

#global-nav #btn-jim{/*事務局より*/
width:84px;
padding:5px 9px;
border-left:dotted 1px #FFFFFF;
}

#global-nav #btn-style{/*様式一覧*/
width:72px;
padding:5px 9px;
border-left:dotted 1px #FFFFFF;
}

#global-nav #btn-contact{/*お問い合わせ*/
width:105px;
padding:5px 9px;
border-left:dotted 1px #FFFFFF;
}


/*** Contents ***/

#contents{
float:left;
font-size:100%;
line-height:150%;
width:630px;
padding:20px;
background-color:#ffffff;
}


/*** Side Nav ***/

#side-nav{
float:right;
width:270px;
}

#side-nav iframe{
width:100%;
height:600px;
}

/*#side-nav */img.side-title{
margin-bottom:15px;
}

/*#side-nav */.pick-upA{
font-size:85%;
line-height:150%;
background-color:#6fbbd7;
}

/*#side-nav */.pick-upA a{
display:block;
color:#FFFFFF;
padding:10px;
text-decoration:none;
}

/*#side-nav */.pick-upB{
font-size:85%;
line-height:150%;
background-color:#6eb291;
}

/*#side-nav */.pick-upB a{
display:block;
color:#FFFFFF;
padding:10px;
text-decoration:none;
}

/*#side-nav */.pick-upC{
font-size:85%;
line-height:150%;
background-color:#ff0000;
}

/*#side-nav */.pick-upC a{
display:block;
color:#FFFFFF;
padding:10px;
text-decoration:none;
}
/*#side-nav */.pick-upD{
    font-size:85%;
    line-height:150%;
    background-color:#dd8d6e;
}

/*#side-nav */.pick-upD a{
    display:block;
    color:#FFFFFF;
    padding:10px;
    text-decoration:none;
}

/*#side-nav */.pick-upE{
    font-size:85%;
    line-height:150%;
    background-color:#d7a3cd;
}

/*#side-nav */.pick-upE a{
    display:block;
    color:#FFFFFF;
    padding:10px;
    text-decoration:none;
}

.pick-upF{
    font-size:100%;
    line-height:150%;
    background-color:#59D095;
}


/*#side-nav */.pick-upF a{
    display:block;
    color:#000000;
    padding:10px;
    text-decoration:none;
    line-height: 40px;
}


.pick-upG{
    font-size:100%;
    line-height:150%;
    background-color:#FFCC00;
}

/*#side-nav */.pick-upG a{
    display:block;
    color:#000000;
    padding:10px;
    text-decoration:none;
    line-height: 40px;
}



/*** Footer ***/

#footer{
text-align:center;
font-size:80%;
line-height:100%;
color:#FFFFFF;
padding:5px 0;
background-color:#46805a;
}