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

#jsddm li.news a.title{
background-position:bottom;
}

#top-title{
background-image: url(../img/head-title.gif);
height: 45px;
width: 100%;
margin-top: 2px;
}


#co-block .ref-list{
width:100%;
overflow:hidden;
float:left;
padding-top:15px;
text-align:left;
margin-bottom:10px;
}

#co-block .ref-list div.pub-left{
width:50%;
overflow:hidden;
float:left;
text-align:left;
}

#co-block .ref-list div.pub-left div.text{
width:auto;
margin-left:15px;
overflow:hidden;
float:left;
text-align:left;
font-size:115%;
}

#co-block .ref-list div.pub-right{
width:50%;
overflow:hidden;
float:right;
text-align:right;
}
#co-block .ref-list div.pub-right div.rightimg{
padding:0px;
margin:0px;
float:right;
padding-bottom:10px;
}

#co-block .ref-list div.pub-right div.rightimg img{
vertical-align:top;
}


#co-block .ref-list div.pub-right div.right-list{
padding:10px 0px;
clear:both;
}
#co-block .ref-list div.pub-right div.right-list a{
font-size:100%;
}
#co-block div.right-list{
border-top:dashed 1px #aaa;
}

#co-block div.right-list li img{
padding-right:10px;
vertical-align:text-top;
}
#co-block div.right-list li{
list-style:none;
}

#co-block div.right-list li a{
color:#15588C;
padding:0px 5px;
}

#co-block div.right-list li a:hover{
background:#15588C;
color:#FFFFFF;
text-decoration:none;
padding:0px 5px;
}


/*pub-left2,pub-right2*/
#co-block .ref-list div.left-wrap{
float:left;
width: 100%;
}

#co-block .ref-list div.pub-left2{
width: 100%;
overflow:hidden;
float:left;
text-align:left;
padding-bottom:10px;
}
#co-block .ref-list div.pub-left2 div.text{
width: 50%;
overflow:hidden;
float:left;
text-align:left;
font-size:115%;
}

#co-block .ref-list div.pub-right2{
width:120px;
overflow:hidden;
float:right;
text-align:right;

}


/*
#co-block .ref-list div.pub-left2 div.down{
width:190px;
float:right;
text-align:right;
position:relative;
}

#co-block .ref-list div.pub-left2 div.down a{
position:absolute;
text-align:center;
width:120px;
left:15px;
top:15px;
}
#co-block .ref-list div.pub-left2 div.down img{
padding:0px;
margin:0px;
vertical-align:top;
}
*/



#co-block .ref-list div.pub-right2 div.rightimg{
padding:0px;
margin:0px;
float:right;
padding-bottom:10px;
}

#co-block .ref-list div.pub-right2 div.rightimg img{
vertical-align:top;
}

#co-block ul{
padding-left:30px;
text-align:left;
margin:5px 0;
clear:both;
}
#co-block li.vectol-link{
font-size:100%;
line-height:130%;
list-style:url(../../img/vectol.png);
}
#co-block li.vectol-link a{
color:#15588C;
padding:0px 5px;
}


/*左側ベクトルリンク*/
#co-block .ref-list div.pub-left2 ul{
padding-left:0px;
text-align:left;
margin:5px 0;
}
#co-block .ref-list div.pub-left2 li img{
padding-right:5px;
padding-top:2px;
vertical-align:text-top;
}
#co-block .ref-list div.pub-left2 li{
list-style:none;
font-size:100%;
}


#co-block li.vectol-link a:hover{
background:#15588C;
color:#FFFFFF;
text-decoration:none;
padding:0px 5px;
}

#co-block .ref-list div.down{
width:245px;
float:left;
text-align: center;
border: 1px solid #000000;
position: relative;
}
#co-block .ref-list div.down:before {
    display: block;
    content: "";
    position: absolute;
    bottom: -15px;
    right: -15px;
    width: 0;
    height: 0px;
    margin-top: 0;
    border: 15px solid transparent;
    border-right: 15px solid #999999;
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);

}
#co-block .ref-list div.down a{
display: block;
width:100%;
height:100%;
padding: 0.5vw 0;
}
#co-block .ref-list div.down p{
padding-top:0px;
}
#co-block .ref-list div.down a i{
    color: #d23629;
    font-size: 1.3vw;
    padding-right: 0.8vw;
}

/*
スマホ用CSS
______________________________________________*/

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

#co-block .ref-list div.pub-left{
width:100%;
overflow:hidden;
float:none;
text-align:left;
clear:both;
}
#co-block .ref-list div.pub-right{
width:100%;
overflow:hidden;
float:none;
text-align:right;
clear:both;
}
#co-block .ref-list div.pub-left2 div.text{
    width: 100%;
    margin-left: 15px;
    overflow: hidden;
    float: none;
    text-align: left;
    font-size: 3.5vw;
}
#co-block .ref-list div.pub-left div.text {
    width: 100%;
    margin-left: 15px;
    overflow: hidden;
    float: left;
    text-align: left;
    font-size: 3.5vw;
}
#co-block .ref-list div.down a{
font-size:3vw;
}
#co-block .ref-list div.down a i{
font-size:3vw;
}
#co-block .ref-list div.down{
float:none;
margin:2vw auto;
}
#co-block .ref-list div.pub-right div.rightimg{
float:none;
text-align: center;
margin: 1vw 0;
}
#co-block .ref-list div.pub-right2 div.rightimg{
float:none;
text-align: center;
}
#co-block .ref-list div.pub-right2 {
    width: 100%;
    overflow: hidden;
    float: right;
    text-align: right;
}
}