/** コンテンツ毎のサブメニューの数と大きさに合わせて調整 **/
#contents_navi {
    height:111px;
	padding-left:10px;
	padding-right:10px;
}
#contents_navi ul.nav > li {
    width:144px;
}
@media (min-width: 330px) {
	#contents_navi {
        padding-left:20px;
	    padding-right:20px;
	}
}
@media (min-width: 475px) {
	#contents_navi {
		height:74px;
        padding-left:20px;
	    padding-right:20px;
	}
}
@media (min-width: 768px) {
	#contents_navi {
        margin-top:0px;
		padding-left:125px;
        height:37px;
	    padding-right:20px;
	}
}


#aisatsu_box {
    width:100%;
    margin-top:20px;
    margin-bottom:50px;
}
#aisatsu {
    width:100%;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:20px;
    padding-left:20px;
    padding-right:10px;
    font-size:0.8em;
    text-indent: 1.2em;
    line-height:1.6;
}
#kaichou_picture {
    width:100%;
    margin-left:0px;
    margin-top:0px;
    text-align:center;
}


@media (min-width: 768px) {

    #aisatsu_box {
        width:100%;
        margin-top:30px;
        margin-bottom:40px;
    }

    #aisatsu {
        width:490px;
        margin-top:30px;
        margin-left:132px;
        margin-right:43px;
        margin-bottom:40px;
        font-size:0.8em;
        text-indent: 0em;
        line-height:1.6;
    }

    #kaichou_picture {
        width:auto;
        margin-top:30px;
    }

}


/**  沿革 **/
#history_box {
    width:100%;
}

#history_box #history {
    width:auto;
    margin-top:30px;
    margin-left:0px;
    padding-left:20px;
    background:none;
}

#history_box #history dt span.nengetsu {
    display:inline-block;
    width:120px;
    margin-right:0px;
    border-bottom:1px dotted #CCC;
    color:#666;
    font-size:0.8em;
    font-weight:normal;
}

#history_box #history dd span.event {
    display:inline-block;
    width:auto;
    margin-top:6px;
    margin-bottom:10px;
    padding-left:20px;
    border-bottom:none;
}

@media (min-width: 768px) {

    #history_box {
        width:100%;
        padding-bottom:50px;
    }

    #history_box #history {
        width:auto;
        margin-left:120px;
        padding-left:0px;
        background:url('img/tate_bar_blue.png') no-repeat left bottom;
    }

    #history_box #history dt span.nengetsu {
        display:inline-block;
        width:120px;
        margin-right:0px;
        padding-top:5px;
        border-bottom:1px dotted #CCC;
        color:#333;
    }

    #history_box #history dt span.nengetsu.row2{
        padding-bottom:25px;
    }

    #history_box #history dd span.event {
        display:inline-block;
        width:auto;
        margin-top:0px;
        margin-bottom:0px;
        padding-left:0px;
        border-bottom:1px dotted #CCC;
    }

}


/**  役員 ***/
dl#yakuin dl,dt,dd {
margin: 0;
padding: 0;
}
 
dl#yakuin{
background: #72AED1;
border: none;
width: 100%;
}
dl#yakuin dt {
    color:#FFF;
}
dl#yakuin dt,dd {
padding: 6px 15px;
font-size:0.8em;
}
 
dl#yakuin dd {
background: #F8F8F8;
padding-bottom: 20px;
}

dl#yakuin dd span {
    display:inline-block;
    margin-right:30px;
    margin-bottom:3px;
}

 
@media only screen and (min-width:768px){
 
    dl#yakuin{
        border-top: none;
        margin-top:30px;
        margin-left:146px;
        width: 700px;
    }
    dl#yakuin dt {
        border-top: 3px solid #FFF;
        clear: left;
        float: left;
        width: 142px;
        padding: 6px 0px;
        background-color:#72AED1;
        font-size:0.8em;
        color:#FFF;
        text-align:center;
        /*border:1px solid red;*/
        margin-bottom:2px;
    }
    
    dl#yakuin dd {
        border-left: none;
        border-top: 3px solid #FFF;
        margin-left: 142px;
        padding-left:25px;
        background-color:#F8F8F8;
        font-size:0.8em;
    }
}

/** 委員会 **/
#contents_header2{
    margin-top:50px;
}
#iinkai_box #iinkai{
    margin-top:20px;
    margin-left:10px;
    margin-bottom:50px;
}

#iinkai_box #iinkai li{
    margin-bottom:15px;
    padding-left:18px;
    padding-right:20px;
    padding-top:4px;
    padding-bottom:5px;
    font-size:0.75em;
}
#iinkai_box #iinkai li span{
    border-bottom:1px solid #E6E6E6;
}
#iinkai_box #iinkai li.rank1{
    background:url('img/rank1.png') no-repeat left top;
}
#iinkai_box #iinkai li.rank2{
    background:url('img/rank2.png') no-repeat left top;
}
#iinkai_box #iinkai li.rank3{
    background:url('img/rank3.png') no-repeat left top;
}
#iinkai_box #iinkai li.rank4{
    background:url('img/rank4.png') no-repeat left top;
}
#iinkai_box #iinkai li.rank5{
    background:url('img/rank5.png') no-repeat left top;
}
#iinkai_box #iinkai li.rank6{
    background:url('img/rank6.png') no-repeat left top;
}
#iinkai_box #iinkai li.rank7{
    background:url('img/rank7.png') no-repeat left top;
}
#iinkai_box #iinkai li.rank8{
    background:url('img/rank8.png') no-repeat left top;
}
#iinkai_box #iinkai li.rank9{
    background:url('img/rank9.png') no-repeat left top;
}
#iinkai_box #iinkai li.rank10{
    background:url('img/rank10.png') no-repeat left top;
}
#iinkai_box #iinkai li.rank11{
    background:url('img/rank11.png') no-repeat left top;
}
#iinkai_box #iinkai li.rank12{
    background:url('img/rank12.png') no-repeat left top;
}
#iinkai_box #iinkai li.rank13{
    background:url('img/rank13.png') no-repeat left top;
}
#iinkai_box #iinkai li.rank14{
    background:url('img/rank14.png') no-repeat left top;
}


@media only screen and (min-width:768px){
    #iinkai_box #iinkai{
        margin-top:0px;
        margin-left:145px;
    }

    #iinkai_box #iinkai li{
        margin-bottom:15px;
        padding-left:20px;
        font-size:0.75em;
    }
}


/** 任期の画像 **/
#yakuin_ninki {
    margin-top:10px;
    margin-right:30px;
}

@media only screen and (min-width:768px){
#yakuin_ninki {
    margin-top:20px;
    margin-right:150px;
}
}


/**  活動内容 **/
#works_list {
    background:url('img/tate_bar_blue2.png') repeat-y top left;
    margin-top:30px;
    margin-left:0px;
    margin-bottom:30px;
    padding-top:0px;
}
#works_list .work_box {
    width:90%;
    margin-left:0px;
    margin-top:0px;
    margin-bottom:20px;
}
#works_list .work_box h2 {
    width:150px;
    margin-top:0px;
    padding-top:6px;
    padding-left:20px;
    padding-bottom:6px;
    
    background-color:#5395EA;
    font-size:0.8em;
    color:#FFF;

}
#works_list .work_box a {
    font-size:0.8em;
    margin-top:20px;
}
#works_list .work_box .work {
    width:100%;
    margin-top:10px;
    margin-left:10px;
    padding:28px 15px;
    border:1px solid #EBE9EA;
    background-color:#FCFAF8; 
}
#works_list .work_box .work .work_detail{
    margin-bottom:30px;
}
#works_list .work_box .work p.description{
    display:block;
    margin-top:0px;
    padding-top:0px;
    padding-left:20px;
    background:url('img/mark_square_block.png') no-repeat 0px 5px;
    font-size:0.75em;
    color:#333;
}
#works_list #school.work_box table#school_table {
    margin-left:10px;
}
#works_list #school.work_box table#school_table th{
    background-color:#ECECEC;
    width: 72px;
    font-weight:normal;
    font-size:0.70em;
    text-align:center;
    border-bottom:1px dotted #999;
    border-right:1px dotted #999;
}
#works_list #school.work_box table#school_table td {
    font-weight:normal;
    font-size:0.70em;
    text-align:right;
    border-bottom:1px dotted #999;
}
#works_list #school.work_box table#school_table tr.area th.blank_cell {
    background:none;
}
#works_list #school.work_box #school_kisoku {
    margin-left:0px;
    margin-top:20px;
    font-size:0.70em;
}
#works_list #school.work_box #school_kisoku li{
    margin-bottom:6px;
}
#works_list #kenshin.work_box #kenshin_list {
    margin-left:10px;
    margin-top:20px;
    font-size:0.70em;
}
#works_list #kenshin.work_box #kenshin_list li{
    margin-bottom:6px;
}
#works_list #kenshin.work_box #kenshin_list li span.kenshin_iin{
    display:block;
    width:190px;
    margin-bottom:6px;
}
#works_list #toban.work_box h2 {
    width:200px;
}
#works_list #kouen.work_box h2 {
    width:100%;
}
#works_list #study.work_box h2 {
    width:100%;
}

@media only screen and (min-width:768px){
    #works_list {
        margin-left:110px;
    }
    #works_list .work_box {
        width:784px;
    }
    #works_list .work_box .work {
        width:750px;
        margin-left:35px;
    }
    #works_list #school.work_box table#school_table {
        margin-left:100px;
    }
    #works_list #school.work_box table#school_table th{
        font-size:0.75em;
    } 
    #works_list #school.work_box table#school_table td {
        font-size:0.75em;
    }
    #works_list #school.work_box #school_kisoku {
        margin-left:30px;
    }
    #works_list #kenshin.work_box #kenshin_list {
        margin-left:30px;
    }
    #works_list #kenshin.work_box #kenshin_list li span.kenshin_iin{
        display:inline-block;
    }

    #works_list #kouen.work_box h2 {
        width:300px;
    }
    #works_list #study.work_box h2 {
        width:450px;
    }
}



/** 事務局 **/

#office #map {
    margin-top:30px;
    margin-left:0px;
    padding:0px;
}
#office #map img{
    width:95%;
}
#office #address {
    width:210px;
    margin-top:20px;
    margin-left:20px;
    text-align:right;
    font-size:0.7em;
}
#office #address span.zipcode{
    display: inline-block;
    font-size:0.8em;
    margin-right:10px;
}
#office #address span.tel{
    display: inline-block;
    margin-right:10px;
    color:#579002;
}

@media only screen and (min-width:768px){

    #office #map {
        margin-top:30px;
        margin-left:120px;
        width:512px;
        padding:0px;
    }
    #office #address {
        margin-left:150px;
    }

}