@charset "UTF-8";

/* ***********************************************************************************
Since: 2012-06-12
Last Modified: 
Editor(s): Ueno Ayumi
Last Editor: 
GuideLine: Ver: 1.0
*********************************************************************************** */
#newsArea {
    width: 720px;
}

#newsArea h2 {
    width: 690px;
    height: 40px;
    clear: both;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-left: 40px;
    background-image: url(../images/md_700.jpg);
    background-repeat: no-repeat;
    background-position: left;
    font-size: 1.3em;
    color: #3B2213;
    line-height: 1.4em;
}

#newsArea h2 span {
    font-size: 1.3em;
}

#newsArea h3 {
    width: 670px;
    height: auto;
    clear: both;
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom: 15px;
    padding-top: 8px;
    padding-bottom: 5px;
    padding-left: 15px;
    font-size: 1.0em;
    color: #564C88;
    line-height: 1.4em;
    /*	border-left:10px #A38A77 solid; */
    border-bottom: 4px #A38A77 double;
    border-top: 4px #A38A77 double;
    background-color: #FFF;
}

#newsArea h3 span {
    font-size: 1.3em;
}


#newsArea h4 {
    width: 640px;
    height: auto;
    clear: both;
    margin-top: 0px;
    margin-left: 20px;
    margin-bottom: 15px;
    padding-top: 14px;
    padding-bottom: 10px;
    padding-left: 15px;
    font-size: 1.0em;
    color: #900;
    line-height: 1.4em;
    border-left: 10px #C3996B solid;
    border-bottom: 1px #C3996B solid;
    /*	border-top:4px #A38A77 solid; */
    background-color: #FFF;
}



#newsArea p.desc {
    width: 680px;
    margin-left: 20px;
    line-height: 140%;
    margin-bottom: 20px;
}

#newsArea p.desc span.red {
    color: #990000;
    font-weight: bold;
}

/* 最新情報　*/
#newsArea #news {
    width: 700px;
    margin-bottom: 20px;
    margin-left: 0px;
    height: auto;
    clear: both;
}

#newsArea #news p {
    width: 460px;
    text-align: right;
}

#newsArea #news a:link {
    font-weight: bold;
    color: #00C;
    text-decoration: underline;
}


#newsArea #news a:visited {
    font-weight: bold;
    color: #00C;
    text-decoration: underline;
}

#newsArea #news a:hover {
    font-weight: bold;
    color: #c33;
    text-decoration: underline;
}

#newsArea #news ul {
    width: 600px;
    height: auto;
    clear: both;
    margin-bottom: 30px;
    margin-top: 10px;
    margin-left: 10px;
}

#newsArea #news li {
    height: auto;
    line-height: 140%;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

#newsArea #news li.tnews-day {
    width: 110px;
    height: 20px;
    color: #543f32;
    /*	font-weight:bold;*/
    font-size: 1.0em;
}

#newsArea #news li.tnews-1l {
    width: 470px;
    padding-left: 10px;
    border-left: 8px solid #492E02;
}

#newsArea #news span {
    font-weight: bold;
    color: #C00;
    font-size: 1em;
    padding-left: 0px;
}



/*　*/
#newsArea table.newsTB {
    width: 520px;
    height: auto;
    border-collapse: collapse;
    margin-bottom: 20px;
    margin-left: 120px;
    margin-top: -20px;
}

#newsArea table.newsTB th {
    width: 230px;
    text-align: left;
    line-height: 140%;
    vertical-align: top;
}

#newsArea table.newsTB td {
    width: auto;
    text-align: left;
    line-height: 140%;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 10px;
    vertical-align: top;
}

#newsArea table.newsTB td p {
    width: 430px;
    line-height: 140%;
    margin-bottom: 10px;
    font-size: 0.9em;
}



/* */
#newsArea table.evTB {
    width: 680px;
    height: auto;
    border-collapse: collapse;
    margin-bottom: 20px;
    margin-left: 20px;
}

#newsArea table.evTB th {
    width: 230px;
    text-align: left;
    line-height: 140%;
    vertical-align: top;
    font-weight: normal;
    font-size: 0.8em;
}

#newsArea table.evTB td {
    width: 450px;
    text-align: left;
    line-height: 140%;
    padding-bottom: 8px;
    padding-top: 8px;
    vertical-align: top;
}

#newsArea table.evTB td p {
    width: 430px;
    line-height: 140%;
    margin-bottom: 10px;
    font-size: 0.9em;
}

#newsArea table.evTB td p.evneme {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 5px;
    border-bottom: 2px #9A8479 solid;
    border-left: 8px #9A8479 solid;
    /*	border-bottom:2px  #006600 solid;
	border-left:8px #006600 solid;*/
    font-weight: bold;
    margin-bottom: 20px;


}

#newsArea table.evTB td p.evneme2 {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 5px;
    /*	border-bottom:2px #40210F solid;
	border-left:8px #40210F solid; */
    border-bottom: 2px #C3996B solid;
    border-left: 8px #C3996B solid;
    font-weight: bold;
    margin-bottom: 20px;

}

#newsArea table.evTB td span.evTitle {
    font-size: 1.2em;
    color: #900;
}

#newsArea table.evTB td span.red {
    color: #900;
    font-weight: bold;
}

#newsArea table.evTB td span.fee {
    color: #C36;
    font-weight: bold;
}

/* 　レッスン用　*/

#newsArea table.lessonTB {
    width: 680px;
    border: 1px #666 solid;
    border-collapse: collapse;
    font-size: 1em;
    margin-bottom: 10px;
    margin-left: 10px;
    background-color: #FFFFFF;
    border: 1px #999999 solid;
}

#newsArea table.lessonTB th {
    height: auto;
    border: 1px #999999 solid;
    padding-bottom: 10px;
    padding-top: 10px;
    line-height: 140%;
    border: 1px #999999 solid;
    background-color: #C8BB9B;
    color: #333333;
    text-align: center;
}

#newsArea table.lessonTB td {
    height: auto;
    border: 1px #999999 solid;
    padding-bottom: 10px;
    padding-top: 10px;
    line-height: 140%;
    text-align: center;
}





/* オープンコンペ日程用　*/

#newsArea table.schTB {
    width: 680px;
    /*	border-top:1px  #666 solid;
	border-bottom:1px  #666 solid;*/
    border: 1px #666 solid;
    border-collapse: collapse;
    font-size: 1em;
    margin-bottom: 10px;
    margin-left: 10px;
    background-color: #FFFFFF;
}


#newsArea table.schTB th {
    background-color: #C8BB9B;
    color: #333333;
    /*	border-top: 1px  #666 solid;
	border-bottom: 1px  #666 solid;*/
    border: 1px #666 solid;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: center;
    line-height: 140%;

}

#newsArea table.schTB th.memName {
    width: 200px;
}

#newsArea table.schTB th.memBikou {
    width: 200px;
}

#newsArea table.schTB th.memResult {
    width: 80px;
}

#newsArea table.schTB td {
    /*	border-top:1px  #666 solid;
	border-bottom:1px  #666 solid;*/
    border: 1px #666 solid;
    text-align: left;
    padding-left: 10px;
    padding-bottom: 8px;
    padding-top: 8px;
    line-height: 140%;
}

#newsArea table.schTB td.memMonth {
    width: 70px;
    text-align: right;
    padding-left: 0px;
    padding-right: 8px;
    background-color: #E6DEC7;

}

#newsArea table.schTB td.memDay {
    width: 90px;
    text-align: right;
    padding-right: 5px;
    background-color: #E6DEC7;
}

#newsArea table.schTB td.memResult {
    text-align: center;
    padding-left: 0px;

}

#newsArea table.schTB a {
    color: #003399;
    font-weight: bold;
}

#newsArea table.schTB a:visited {
    color: #003399;
}

#newsArea table.schTB a:hover {
    color: #666666;
    text-decoration: underline;
}

/* オープンコンペ結果 */
#newsArea table.photoTB {
    width: 700px;
    border: none;
    border-collapse: collapse;
    font-size: 1em;
    margin-bottom: 10px;
    margin-left: 10px;
    background-color: #FFFFFF;
    table-layout: inherit;
    margin-bottom: 10px;
}

#newsArea table.photoTB td {
    text-align: left;
}

#newsArea #news li.tnews-1l img.arrow {
    width: 12px;
    height: 16px;
}

#newsArea table.evTB img.arrow {
    width: 12px;
    height: 16px;
}


.caddy_wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 3% 0 2%;
    box-sizing: border-box;
    margin-bottom: 50px;
}

#newsArea h3.caddy_title{
    text-align: center;
}

.caddy_wrapper div{
    width: 32%;
    border-left: 1px solid #A38A77 ;
    padding: 2% 1%;
    box-sizing: border-box;
}
.caddy_wrapper div:last-child{
    border-right: 1px solid #A38A77;
}

.caddy_wrapper h5{
    color: #564C93;
    font-size: 0.9em;
    line-height: 1.2;
    text-align: center;
}
.caddy_wrapper ul{
    font-size: 0.9em;
}

.caddy_wrapper ul li{
    margin-top: 10px;
    line-height: 1.2;
    text-indent: -1em;
    margin-left: 1em;
}


@media screen and (max-width: 768px){
    .caddy_wrapper div{
        width: 100%;
        border-left:none;
    padding: 5% 1%;
    }
    .caddy_wrapper h5{
        border-bottom: 1px solid #A38A77 ;
    }
    .caddy_wrapper div:last-child{
border-right: none;
    }
}