@charset "utf-8";



body{
background: url(/img/bg_top_indexarea.png) no-repeat 50% 420px;
}
h2{
margin:0 0 20px 0;
padding:0 0 15px 20px;
font-size:28px;
border-bottom:1px #666 dotted;
}



/* ===========================================================

  indextype

=========================================================== */
article section#pickup{
width:1000px;
margin:0 auto 50px auto;
overflow:hidden;
}
article section#pickup a{
display:block;
width:300px;
height:250px;
margin:0 0 20px 25px;
padding:20px 10px;
color:#333;
border:1px #ddd solid;
border-radius:5px;
background:linear-gradient(#fff,#eee);
float:left;
box-sizing:border-box;
box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);
}
article section#pickup a:nth-of-type(1){
margin:0 0 20px 25px;
}
article section#pickup a:hover{
text-decoration:none;
opacity:0.7;
}
article section#pickup span{
display:block;
width:80px;
margin:0 0 10px 0;
padding:5px;
color:#fff;
font-size:12px;
text-align:center;
background:#005cca;
}
article section#pickup h3{
margin:0 0 10px 0;
font-size:16px;
}
article section#pickup img{
width:100%;
}
article section#pickup p{
margin:10px 0 0 0;
font-size:12px;
line-height:1.2;
}
article section#pickup div{
display:block;
width:300px;
height:250px;
margin:0 0 20px 25px;
padding:20px 10px 0 9px;
color:#333;
border:1px #ddd solid;
border-radius:5px;
background:linear-gradient(#fff,#eee);
float:left;
box-sizing:border-box;
box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);
}
article section#pickup div span{
margin:0 0 15px 0;
}


/* ===========================================================

  indextype

=========================================================== */
article section.indextype{
width:1000px;
margin:0 auto 50px auto;
}
article section.indextype section{
overflow:hidden;
}
article section.indextype section{
margin:0 0 15px 0;
padding:0;
border-bottom:1px #666 dotted;
}
article section.indextype section div{
width:100px;
padding:0 0 0 20px;
text-align:center;
float:left;
}
article section.indextype section div time{
display:block;
margin:0;
padding:0;
}
article section.indextype section div h3{
margin:3px 0 15px 0;
padding:3px 0;
color:#fff;
font-size:12px;
font-weight:normal;
background:#247bd8;
}
article section.indextype section a{
display:block;
width:840px;
margin:0 0 20px 0;
padding:0 0 0 10px;
line-height:1.4;
background:url(/common/img/link_bg_arrow_red.png) no-repeat 0 7px;
float:right;
}

article section.indextype > p{
overflow:hidden;
}
article section.indextype > p a{
padding:0 10px 0 10px;
background:url(/common/img/link_bg_arrow_red.png) no-repeat 0 7px;
float:right;
}