@charset "utf-8";



 body{
    font-family: Helvetica, Arial, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif !important;
 }

/********************************
		detail.html
 ********************************/
/*.news-header{
    margin-bottom:10px;
}
.news-header .news-date.date{
    margin-right: 20px;
}*/
#newsTemplate-trouble,#newsTemplate-maintenance{
	margin-bottom: 60px;
}
#newsTemplate-trouble .label,
#newsTemplate-maintenance .label{
    border-width: 1px;
    border-style: solid;
    text-align: center;
    width: 100px;
    display: inline-block;
    font-size: 80%;
    padding:2px 5px 0;
    color: #666;
    margin-right: 10px;
}
#newsTemplate-trouble .label.ts-in-trouble{
    width: 90px;
    color: #ff6666;
    border:1px solid #ff6666;
}
#newsTemplate-trouble .label.ts-recovered{
    width: 90px;
    color:#335db7;
    border:1px solid #335db7;
}
#newsTemplate-trouble .label.ts-finished{
    width: 90px;
    color:#aaa;
    border:1px solid #aaa;
}
#newsTemplate-trouble [class$='date'],
#newsTemplate-maintenance [class$='date']{
	display: inline-block;
	/*margin-right: 1rem;*/
}
#newsTemplate-maintenance .label.maintenance{
    width: 120px;
}
#newsTemplate-maintenance .label.maintenance.news-maintenance-status{
    width: 90px;
    color: #ff6666;
}
#newsTemplate-trouble .label.news-trouble-status{}
#newsTemplate-trouble .news-title,
#newsTemplate-maintenance .news-title {
	display: block;
    margin-bottom: 20px ;
    width: auto !important;
    border-left: none !important;
    padding-bottom: 0 !important;
    padding-left: 30px !important;
    background: none !important;
    border-bottom: 3px solid #666 !important;
    font-size: 18px !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
    color: #000;
    background: url(../images/ico_h4.gif) no-repeat 0 15px!important;
}
.news-content{
	padding: 19px 0;
	margin-bottom: 20px;
}
.followuplink-box{
    padding:20px 10px;
    border: 1px solid #ccc;
    margin-bottom: 30px;
}
.followup-links li a{
    padding-left:16px;
    position: relative;
}
.followup-links li a:before{
    display: inline-block;
    content:'';
    width: 6px;
    height: 6px;
    border-top:1px solid #2d9cb0;
    border-right:1px solid #2d9cb0;
    transform:rotate(45deg);
    position: absolute;
    left: 0;
    top:4px;
}
.followup{
    padding-top: 20px;
}
.followup h3.title{
    font-weight: lighter;
    border-bottom: 1px solid #666 !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
    background: none!important;
    padding:0!important;
    color: #333;
    text-indent:0;
}
.followup h3.title:after{
    display: none;
}
.detail-tolist{
	text-align:center ;
}

/***************************************
        /info-newstool/index.html
 ***************************************/

article.news-list{margin-top: 10px;}
    .news-trouble-status,
    .news-maintenance-status{
            border: 1px solid #ff6666;
            text-align: center;
            width: 50px;
            display: block;
            float: left;
            font-size: 80%;
            padding-top: 2px;
            color: #ff6666;
            margin-right: 10px;
    }
    .news-trouble-status.ts-in-trouble{/*障害状況発生中*/}
    .news-trouble-status.ts-finished{/*障害状況対応完了*/
        color:#aaa;
        border:1px solid #aaa;
    }
    .news-trouble-status.ts-recovered{/*障害状況復旧*/
        color:#335db7;
        border:1px solid #335db7;
    }
    .news-date{
        margin-right: 10px;
    }
    .label.occurrence-date,
    .label.maintenance-date{
        border-width: 1px;
        border-style: solid;
        text-align: center;
        width: 100px;
        display: inline-block;
        font-size: 80%;
        padding:2px 5px 0;
        color: #666;
    }
    .label.maintenance-date{
        width: 120px;
    }
    .news-title.title{
        display: block;
        padding: 10px;
        border-bottom: 1px dashed #ccc;
    }
    .news-trouble-date,
    .news-maintenance-date{margin: 0 0.5rem;}
    .news-date .icon-new{
        font-size: 0.5rem;
        display: inline-block;
        color: #fff;
        padding-right:0.5rem;
        padding-left:0.5rem;
        background:#F18484;
        border-radius: 3px;
        margin-left: .8rem;

    }
    .news-content,.news-followup-list,.trouble .news-maintenance,.maintenance .news-trouble{display: none;}
     a[target="_blank"].rss {
        background-color: transparent;
        background-image: none;
        padding-right: 0;
    }

/********************************
        info-newstool/tech.html
 ********************************/
    article.news-list{margin-top: 10px;}
    .news-trouble-status,
    .news-maintenance-status{
            border: 1px solid #ff6666;
            text-align: center;
            width: 50px;
            display: block;
            float: left;
            font-size: 80%;
            padding-top: 2px;
            color: #ff6666;
            margin-right: 10px;
    }
    .news-title.title{
        display: block;
        padding: 10px;
        border-bottom: 1px dashed #ccc;
    }
    .news-trouble-date,
    .news-maintenance-date{margin: 0 0.5rem;}
    .news-date .icon-new{
        font-size: 0.5rem;
        display: inline-block;
        color: #fff;
        padding-right:0.5rem;
        padding-left:0.5rem;
        background:#F18484;
        border-radius: 3px;
        margin-left: .8rem;

    }
    .news-content,.news-followup-list,.trouble .news-maintenance,.maintenance .news-trouble{display: none;}

/********************************
        info-newstool/mainte.html
 ********************************/
    article.news-list{margin-top: 10px;}
    .news-trouble-status,
    .news-maintenance-status{
            border: 1px solid #ff6666;
            text-align: center;
            width: 50px;
            display: block;
            float: left;
            font-size: 80%;
            padding-top: 2px;
            color: #ff6666;
            margin-right: 10px;
    }
    .news-title.title{
        display: block;
        padding: 10px;
        border-bottom: 1px dashed #ccc;
    }
    .news-trouble-date,
    .news-maintenance-date{margin: 0 0.5rem;}
    .news-date .icon-new{
        font-size: 0.5rem;
        display: inline-block;
        color: #fff;
        padding-right:0.5rem;
        padding-left:0.5rem;
        background:#F18484;
        border-radius: 3px;
        margin-left: .8rem;

    }
    .news-content,.news-followup-list,.trouble .news-maintenance,.maintenance .news-trouble{display: none;}