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



/*-----------------------------------------------
  ticker
-----------------------------------------------*/
#ticker {
position:relative;
width:100%;
padding:8px 0;
line-height:1.3;
color:#FFF;
background:#D21;
overflow:hidden;
}
#ticker ul {
position:relative;
width:950px;
margin:0 auto;
}
#ticker ul li {
display:none;
}

@media screen and (max-width:500px) {
#ticker {
border-top:1px solid #EEE;
}
#ticker ul {
width:90%;
}
}



/*-----------------------------------------------
  news
-----------------------------------------------*/
#news {
overflow:hidden;
}
#news h2 {
padding:10px 0 10px 34px;
font-size:1.25em;
background:#D4F0AC url(../img/common/h2_bg.png) 10px center no-repeat;
border-radius:5px;
}
#news .scroll {
height:50em;
overflow-y:scroll;
}
#news dl {
display: flex;
padding:15px 0;
border-bottom:1px dotted #CCC;
overflow:hidden;
}
#news dt {
width:100px;
color:#999;
}
#news dd {
width:540px;
text-align: justify;
padding-right: 1em;
}
#news dd img {
float:left;
max-width: 100%;
margin-right:1em;
}

@media screen and (max-width:500px) {
#news dt {
float:none;
width:auto;
}
#news dd {
float:none;
width:auto;
}
}


/*-----------------------------------------------
  slider
-----------------------------------------------*/

#slider {
display:block;
}
#slider ul {
width:950px;
margin:20px auto 0 auto;
}
#slider img {
width:100%;
}
#slider_sp {
display:none;
}

@media screen and (max-width:500px) {
#slider {
display:none;
}
#slider_sp {
display:block;
}
#slider_sp ul {
width:100%;
}
#slider_sp img {
width:100%;
}
}


/*-----------------------------------------------
  bnr
-----------------------------------------------*/

#bnr_top img {
width:100%;
margin-top:20px;
}
#bnr_bottom {
margin-top:20px;
}
#bnr_bottom a:hover {
opacity:0.8;
}
#bnr_bottom img {
width:100%;
}


/*-----------------------------------------------
  message
-----------------------------------------------*/

#message .box {
margin-top:20px;
padding-top:20px;
border-top:1px dotted #999;
overflow:hidden;
}
#message .box:nth-of-type(1) {
margin-top:20px;
padding-top:0;
border-top:none;
}
#message h2 {
font-size:1.5em;
line-height:1.2;
color:#163;
}
#message p {
margin-top:10px;
text-align:justify;
overflow:hidden;
}
#message p img {
float:right;
width:250px;
margin-left:20px;
}

@media screen and (max-width:500px) {
#message h2 {
margin-top:10px;
}
#message p img {
width:50%;
margin-left:10px;
}
}





