@charset "utf-8";
/*==================================================================================================

       news 一覧

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

.news_box ul#newsList li{
	color:#666;
	margin:0;
	padding:16px 0;
	margin-bottom:3px;
	border-bottom:1px dotted #ccc;
	line-height:120%;
	list-style-type:none;
    }
    .news_box a{color:#333333;text-decoration:none;}
    .news_box a:hover{
        color: #666666;
        text-decoration: underline;
        }
    .news_box .title{
        font-size: 15px;
        font-weight: bold;
        margin-left:0.5em;
        line-height: 1.2em;
        }

    .news_box .catName{
        display: inline-block;
        padding: 3px 8px;
        color: #FDFCF7;
        font-weight: bold;
        font-size: 13px;
        line-height: 100%;
        margin: 0 2px;
        }
    .news_box .newMark{
        display:inline-block;
        padding:1px 4px;
        font-size:11px;
        line-height:100%;
        color:#715b49;
        border-radius:3px;
        }
    .news_box .comment{
        display:block;
        padding:3px 0;
        float:left;
        overflow:hidden;
        width:500px;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
        }

    .news_box .thumbNailWrap{
        display:block;
        width:110px;
        float:left;
        height:auto;
        overflow:hidden;
        }

    /* Pager style（外部化可） */
    .news_box .pager{
        text-align:right;
        padding:10px;
        clear:both;
        }
    /*ページャーボタン*/
    .news_box .pager a{
        color: #050505;
        padding: 2px 10px;
        text-decoration: none;
        display: inline-block;
        margin:0 0.5em;
        line-height: 1;
        -webkit-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
        }

    /*現在のページのボタン*/
    .news_box .pager a.current{
        padding: 2px 10px;
        margin:0 0.5em;
        text-decoration: none;
        }
        .news_box .pager a:hover{
        }
        .news_box .overPagerPattern{
        padding:0 2px ;	
        }


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

       news 詳細

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

.news-contents .detailText{
	font-size: 13px;
	line-height: 200%;
    }
    .news-contents h1{
    font-weight: bold;
    font-size: 1.3125rem;
    line-height: 150%;
    padding-bottom:.25rem;
    }
    #news.detail .subpage_container{
        top:0;
    }
    .news-contents p {
    font-size: 1rem;
    }

    .news-contents #up_ymd{
        text-align:right;
        font-size:13px;
        margin:5px 10px;
    }
    .news-contents .detailUpfile{
        text-align: center;
        margin-top: 25px;
        margin-right: 0;
        margin-bottom: 35px;
        margin-left: 0;
    }
    .news-contents .backORcloseBtn{
        text-align:center;
        line-height:100%;
        margin-top:35px;
    }
    .news-contents .backORcloseBtn a{
        display:inline-block;
        padding:4px 15px;
        border:1px solid #aaa;
        color:#999;
        border-radius:6px;
        text-decoration:none;
        font-size:12px;
    }
    .news-contents .detailUpfile img{
        max-width:100%;
        height:auto;
    }
    .news-contents .pNav,
    .news-contents .pNav a {
        font-size:13px;	
        margin-bottom: 16px;
        color:#777;
    }

    .access_box .access_right_sp {
        margin: 0px;
        padding: 0px;
        width: 100%;
        display: none;
    }

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

       カラーセット

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

.up_ymd { font-size:.75rem;}
    @media screen and (max-width: 767px) {
    .up_ymd { display: block; padding: 0 0 5px 0; }
    }
.news_box .catName{
        background-color: #0C3E6A;
        border-radius:         2px;
        moz-border-radius:     2px;
        -webkit-border-radius: 2px;
        -o-border-radius:      2px;
        -ms-border-radius:     2px;
        }
.news_box .pager a.current{
        background:#99CC00;
        border: 1px solid #99CC00;
        color: #FFF;
        border-radius:         2px;
        moz-border-radius:     2px;
        -webkit-border-radius: 2px;
        -o-border-radius:      2px;
        -ms-border-radius:     2px;
        }
        .news_box .pager a:hover{
        opacity: .7;
        }
    .news-contents #up_ymd {
    color: #0C3E6A;
    }
.news-contents h1{
    border-bottom: 2px solid #0C3E6A;
    }