@charset "UTF-8";
/* CSS Document */

#leftSide {
width:800px;
margin:40px 0 0 0;
float:left;
}

#rightSide {
width:250px;
float:right;
margin:40px 0 0 0;
}


h2 {
width:800px;
height:48px;
border-bottom:1px solid #00A3D9;
margin:0 0 20px 0;
}

h2 span {
position:absolute;
left:-9999px;
}

h2.tit {
background:url(../images/tits.png) no-repeat 0 0;
}

h2.year {
font-size:1.4em;
font-weight:bold;
height:33px;
border-bottom:none;
color:#006CD8;
}

article {
margin:0 0 50px 0;
}


.tits {
width:800px;
background-color:#EEEEEE;
margin:20px 0 20px 0;
padding:15px 15px 10px 15px;
}

h3{
width:664px;
color:#333333;
font-size:1.1em;
font-weight:bold;
line-height:100%;
display:inline-block;
}



.date {
width:100px;
display:inline-block;
font-size:14px;
text-align:right;
margin-bottom:2px;
}


p {
line-height:170%;
}

.pdf, .link {
margin-top:25px;
min-height:22px;
clear:both;
}

.pdf a:link, .link a:link, .pdf a:visited, .link a:visited {
font-size:0.9em;
padding-left:35px;
color:#333!important;
}

.pdf {background:url(../images/icn_pdf.png) no-repeat 0 0;}
.link {background:url(../images/icn_link.png) no-repeat 0 0;}


.pdf a:after, .link a:after {
content: url(../images/icn_arrow.png);
margin-left:5px;
}


.l_txt {
float:left;
width:520px;
}


.r_photo {
float:right;
text-align:right;
width:230px;
}

.icnNew {
margin-left:5px;
}



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

#news {
width:93%;
margin:0 auto;
}

#leftSide {
width:100%;
margin:40px 0 0 0;
clear:both;
}

#rightSide {
width:100%;
clear:both;
margin:10px 0 0 0;
}

.tits {
width:100%;
background-color:#EEEEEE;
margin:20px 0 20px 0;
padding:15px 15px 10px 15px;
}

h3{
width:100%;
color:#333333;
font-size:0.8em;
font-weight:bold;
line-height:100%;
display:block;
line-height:135%;
}

p {
font-size:0.75em;
}


.date {
width:100px;
display:block;
font-size:14px;
text-align:left;
margin:5px 0 2px 0;
}

.l_txt {
float:none;
width:100%;
}


.r_photo {
float:right;
text-align:right;
width:40%;
margin:0 0 10px 15px;
}

.r_photo img {
width:100%;
}

h2 {
width:93%;
height:27px;
border-bottom:1px solid #00A3D9;
margin:0 auto 20px auto;
}

h2 span {
position:absolute;
left:-9999px;
}

h2.tit {
width:93%;
background:url(../images/tits_sp.png) no-repeat 0 0;
}

.pdf a:link, .link a:link, .pdf a:visited, .link a:visited {
font-size:0.65em;
}

}







.clearfix:after, article:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 
.clearfix, article {
    min-height: 1px;
}
 
* html .clearfix, * html article {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}