@charset "utf-8";
/*NEWS PC用CSS
---------------------------*/
@media only screen and (min-width: 768px) {
.spBr{
    display: none;   
    }
}
@media only screen and (max-width: 767px) {
.pcBr{
    display: none;   
    }
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
    text-decoration: none;
}




/*top_info
--------------------------- */
#top_info {
    background-color: #FFF;
    background-image: none ;
    padding: 0px 0 20px 0;
    box-sizing: border-box;
    font-weight: 400;
    font-style: normal;
}
#top_info h2 {
    width: auto;
    color: #fff;
    text-align: left;
    font-size: 52px;
    padding: 0 0 50px 0px;
	margin: 0 auto;
	width: 960px;
}
@media only screen and (min-width: 1801px) {
#top_info h2{
text-align: left;
padding: 0 0 50px 0px;
margin: 0 auto;
width: 1300px;
}
}/**/

#infoblock {
	border-top:2px solid #fff;
	position: relative;
	padding-top: 10px;
}
#infoblock::after {
    background-color: #fff;
    top: -2px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 30%;
    z-index: 2;
}
/*#top_info_in h2{
		padding:14px 0 0 0;
		width:950px;
		margin:0 auto;
		clear:both;
		}*/
#top_info .ti_title {
				border-bottom:1px dotted #666;
				float:left;
				margin-bottom:10px;
				margin-left:10px;
}
#top_info ul {
    padding: 10px 0 0 6px;
				width: 100%;
}
#top_info li {
    border-bottom: 1px solid #dbdbea;
    padding: 10px 6px;
}
#top_info .ti_title ul {
    padding: 0;
				margin-top:-3px;
				width: 670px;
				float:right;
}
#top_info .ti_title li {
    border-bottom: 0px solid #dbdbea;
    padding: 0 0 0 6px;
				float:right;
}
#top_info dl {
    border-bottom: 1px solid #dbdbea;
    padding: 10px 6px;
    overflow: hidden;
	margin-left: 0px;
}
#top_info dl dt {
    float: left;
    font-size: 13px;
    height: 16px;
    line-height: 16px;
    padding-top: 0px;
    width: 94px;
    background: url("../../common/images/new/mark_black.png") no-repeat 0 3px;
    background: url("../images/red_arrow_icon.png") no-repeat 0 3px;
    padding-left: 18px;
}
#top_info .info_mark {
				position:absolute;
				bottom:28px;
				right:10px;
				background: url("../../common/images/new/mark_black.png") no-repeat 0 5px;
				padding-left:18px;
}
#top_info .btn_opn_info a{
	border: 1px solid #444;
 bottom: -56px;
 color: #333;
 font-size: 13px;
 font-weight: normal;
 height: 29px;
 line-height: 29px;
 position: absolute;
 text-align: center;
 width: 190px;
	left:45%;
}
#top_info .btn_opn_info a:hover{
	border: 1px solid #444;
 color: #fff;
	text-decoration:none;
}
#top_info .btn_opn_info.i_under a{
	background: url("../../common/images/headline/mark_under.png") no-repeat 46px 11px;
}
#top_info .btn_opn_info.i_under a:hover{
	background: url("../images/new/mark_under_ho.png") no-repeat 46px 11px #444;
}
#top_info .btn_opn_info.i_up a{
	background: url("../images/new/mark_up.png") no-repeat 58px 11px;
}
#top_info .btn_opn_info.i_up a:hover{
	background: url("../images/new/mark_up_ho.png") no-repeat 58px 11px #444;
}

#infoblock a {
	color: #1F77BF;
}

#infoblock span {
	width: 60px;
	margin-right: 10px;
	padding-top: 2px;
	border: solid 1px #000;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	font-size: 0.8em;
	vertical-align: bottom;    
	border-radius: 4px;
}
#infoblock span.topics {
	border-color: #0066CC;
	color: #0066CC;
}
#infoblock span.campaign {
	border-color: #D90000;
	color: #D90000;
}
#infoblock span.service {
	border-color: #009966;
	color: #009966;
}
#infoblock span.corporate {
	border-color: #CC9933;
	color: #CC9933;
}
#infoblock span.media {
	border-color: #FF00FF;
	color: #FF00FF;
}


/**********************************************************/
/*                 SP用CSS                                */
/**********************************************************/
@media only screen and (max-width: 767px) {

h2 {
    font-size: 20px;
    padding: 20px 0 20px 10px;
}
.pan_nav {
    width: 100%;
    display: block;
}
    
.wrapper.sp100{
        width: 100%;
        margin-left: 0%;
    }    
#top_info dl dt {
    width: 100%;
	margin-bottom: 5px;

}
    
}/**/