@charset "Shift_JIS";

/*-------------------------------
タブ
----------------------------------*/
.frame_waku{
   width: 100%;
   height : 180px;
   overflow: no;
   }
    
.frame_in{
   width: 100%;
   height : 100%;
   border-width : 0px;
   top : 0px;
}
    

.inner_tub{
    margin: 0 auto; 
width: 1180px;
}
#up1{
       margin: 0 auto; 
    margin-top: 60px;
    }
@media screen and (max-width: 1024px) {
    
inner_tub{
width: 98%;
}
   #up1{
       margin: 0 auto; 
    margin-top: 120px;
    }
}

.Century_tub{
   font-size: 106%;
   font-family: Century;
}
#index2_news{
   text-align : left;
   margin-top : 0px;
    z-index: 0;
    
}
#news2_tab{
   margin : 0px 0px 0px 0px;
   padding : 0px;
   overflow: hidden;
   position: relative;
   text-align : right;
   font-size: 12px;
   bottom : 0px;
   width : 100%;
      z-index : 0;
}
#news2_tab::after{
   position: absolute;
   content: "";
   width: 100%;
   bottom: 0;
   left: 0;
   border-bottom: 1px solid #fff;
   z-index: 1;
}
#news2_tab li{
   display: inline-block;
   list-style : none outside;
   width: 24.55%;
   border : 1px solid rgba(150, 10, 30,0.85);
   position: relative;
   z-index: 0;
}
#news2_tab li.active,#news2_tab li:hover{
   z-index: 0;
   border: 1px solid rgba(150, 10, 30,0.85);
   border-bottom: 1px solid #FFF;
   background: none;
}
#news2_tab li a{
    padding-top: 4px;
    padding-bottom: 2px;
   display: block;
   line-height: 36px;
   text-align: center;
   color : #fff;
   font-size: 12pt;
   text-decoration: none;
   background:rgba(150, 10, 30,0.85);
       font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","EE EゴシチE","Osaka";
}
#news2_tab li:hover a{
    color : #333;
   background-color :rgba(255, 255, 255, 1.0);
       z-index : 0;
}
#news2_tab li.active a{
    color : #333;
   background-color :rgba(255, 255, 255, 1.0);
       z-index : 0;
}


/*-------------------------------
(アイパッド横)
----------------------------------*/
@media screen and (max-width: 1024px) {
   .font_news2{
   font-size: 20px;
}
#news2_tab{
   font-size: 80%;
   width : 98%;
}
    
#index2_news{
   text-align : left;
   margin-top : 0px;
}
#news2_tab{
   margin : 0px 0px 0px 0px;
   padding : 0px;
   overflow: hidden;
   position: relative;
   text-align : right;
   font-size: 11px;
   bottom : 0px;
   width : 100%;
      z-index : 0;
}
#news2_tab::after{
   position: absolute;
   content: "";
   width: 100%;
   bottom: 0;
   left: 0;
   border-bottom: 1px solid #fff;
   z-index: 1;
}
#news2_tab li{
   display: inline-block;
   list-style : none outside;
   width: 23.55%;
   border : 1px solid rgba(150, 10, 30,0.85);
   position: relative;
   z-index: 0;
}
#news2_tab li.active,#news2_tab li:hover{
   z-index: 2;
   border: 1px solid rgba(150, 10, 30,0.85);
   border-bottom: 1px solid #FFF;
   background: none;
}
#news2_tab li a{
    padding-top: 4px;
    padding-bottom: 2px;
   display: block;
   line-height: 36px;
   text-align: center;
   color : #fff;
   font-size: 11pt;
   text-decoration: none;
   background:rgba(150, 10, 30,0.85);
       font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","EE EゴシチE","Osaka";
}
#news2_tab li:hover a{
    color : #333;
   background-color :rgba(255, 255, 255, 1.0);
       z-index : 0;
}
#news2_tab li.active a{
    color : #333;
   background-color :rgba(255, 255, 255, 1.0);
       z-index : 0;
}


    
    
}
/*-------------------------------
(アイパッド縦)
----------------------------------*/
@media screen and (max-width: 780px) {
   .font_news2{
   font-size: 20px;
}
#index2_news{
   margin-left : 1%;
   width : 99%;
}
#news2_tab{
   font-size: 100%;
   width : 99%;
}
}
/*-------------------------------
(スマホ横)
----------------------------------*/
@media screen and (max-width: 736px) {
   .font_news2{
   font-size: 100%;
}
#index2_news{
   margin-left : 2%;
   width : 98%;
}
#news2_tab{
   font-size: 90%;
   width : 98%;
}
}

@media screen and (max-width: 600px) {
   .font_news2{
   font-size: 18px;
margin-left: 0px;
}
#index2_news{
   margin-left : 0px;
   width : 510px;
}
#news2_tab{
   font-size: 13px;
   width : 540px;
    
}
}
/*-------------------------------
(スマホ縦)
----------------------------------*/
@media screen and (max-width: 480px) {
   .font_news2{
   font-size: 14px;
   padding-left : 4px;
   bottom : 8px;
   position : relative;
}
#index2_news{
   margin-left : 0px;
   width : 100%;
}
#news2_tab{
   font-size: 12px;
   width : 100%;
}
#news2_tab li{
   
   width: 23.5%;
   
}
    }
@media screen and (max-width: 400px) {
   .font_news2{
   font-size: 14px;
   padding-left : 0px;
   bottom : 16px;
   position : relative;
}
#index2_news{
   margin-left : 0%;
   width : 100%;
}
#news2_tab{
   font-size: 12px;
   width : 100%;
}
}
    
    
    

@media screen and (max-width: 1024px) {
  .news_w{
   margin: 0 auto;
   width:100%;
      z-index: 0;
}
  
.frame{
   width: 99%;
   height : 100px;
   overflow: no;
   }
    
}
@media screen and (max-width: 960px) {
   #news_section{
   margin : 0px 0% 0px 0%;
   position : relative;
   top : 0px;
}
.news_w{
   margin: 0 auto;
   width:100%;
}
#news_section .link_box{
   float: right;
   width:26%;
}
.frame{
   width: 100%;
   height : 180px;
   overflow: no;
   }
}
@media screen and (max-width: 880px) {
   #news_section{
   margin : 0px 0% 0px 0%;
   position : relative;
   top : 0px;
}
.news_w{
   margin: 0 auto;
   width:100%;
}
#news_section .link_box{
   float: right;
   width:28%;
}
#news_section .news_box{
   float: left;
   width:72%;
}
.frame{
   width: 100%;
   height : 180px;
   overflow: no;
   }
}
@media screen and (max-width: 780px) {
   #news_section{
   margin : 0px 0% 0px 0%;
   position : relative;
   top : 0px;
}
.news_w{
   margin: 0 auto;
   width:100%;
}
#news_section .link_box{
   float: left;
   width:100%;
}
#news_section .news_box{
   float: right;
   width:100%;
}
.frame{
   width: 98%;
   height : 140px;
   overflow: no;
   }
}
@media screen and (max-width: 680px) {

}
@media screen and (max-width: 480px) {
.frame{
   width: 98%;
   height : 120px;
   overflow: no;
   }
}

    
.w_inner::before,.w_inner::after{
   content: "";
   display: table;
   clear: both;
}
    }
/*------------------

-------------------*/
.news1{
   font-family :century;
   font-size: 100%;
}
.font_news1{
   font-size: 20px;
   font-weight : bold;
   color: rgba(60, 60, 60,0.85);
   font-family: ArialMT, "Myriad", "Myriad Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック","Osaka";
   text-shadow: 1px 1px 2px rgba(210, 210, 210, 0.25);
   letter-spacing : 1px;
   position : relative;
   top : 0px;
   right: 14%;
}
@media screen and (max-width: 960px) {
   .font_news1{
   font-size: 22px;
   top : 4px;
   right: 12%;
}
}
@media screen and (max-width: 780px) {
   .font_news1{
   font-size: 26px;
   top : 6px;
   right: 10%;
}
}
@media screen and (max-width: 680px) {
   .font_news1{
   font-size: 20px;
   top : 3px;
   right: 4%;
}
}
@media screen and (max-width: 480px) {
   .font_news1{
   font-size: 18px;
   top : 6px;
   right: 4%;
}
}
@media screen and (max-width: 420px) {
   .font_news1{
   font-size: 14pt;
   top : 4px;
   right: 3%;
}
}
@media screen and (max-width: 400px) {
   .font_news1{
   font-size: 12pt;
   top : 3px;
   right: 4%;
}
}
#index1_news{
   text-align : left;
   margin-top : 2px;
}
#news1_tab{
   margin : 0px 0px 0px 0px;
   padding : 0px;
   overflow: hidden;
   position: relative;
   text-align : right;
   font-size: 12pt;
   color: #000;
   bottom : 0px;
   width : 100%;
   font-family: ArialMT, "Myriad", "Myriad Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック","Osaka";
   text-shadow: 1px 1px 2px rgba(210, 210, 210, 0.45);
   z-index : 0;
}
#news1_tab::after{
   position: absolute;
   content: "";
   width: 100%;
   bottom: 0;
   left: 0;
   border-bottom: 1px solid  #fff;
   z-index: 1;
}
#news1_tab li{
   display: inline-block;
   list-style : none outside;
   width: 30%;
   border-top: 1px solid #555;
   border-left: 1px solid #555;
   border-right: 1px solid #555;
   position: relative;
   ont-family: ArialMT, "Myriad", "Myriad Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック","Osaka";
   text-shadow: 1px 1px 2px rgba(210, 210, 210, 0.45);
   z-index : 0;
}
#news1_tab li.active,#news1_tab li:hover{
   z-index: 2;
   border: 1px solid rgba(70, 110, 170,0.5);
   border-bottom: 0px solid rgb(255, 255, 255);
   background: none;
}
#news1_tab li a{
   display: block;
   height: 42px;
   line-height: 36px;
   text-align: center;
   color : #fff;
   text-shadow: 1px 1px 2px rgba(0, 0, 255, 0.55);
   background-color : rgba(40, 130, 40,0.75);
   font-size: 100%;
   text-decoration: none;
   font-family : "Times New Roman";
}
#news1_tab li:hover a{
   color : #222;
   text-shadow: 1px 1px 2px rgba(210, 210, 210, 0.45);
   background-color : rgb(220, 220, 220);
   border-bottom: 1px solid rgb(255, 255, 255);
   z-index : 0;
}
#news1_tab li.active a{
   color : #333;
   text-shadow: 1px 1px 2px rgba(210, 210, 210, 0.45);
   background-color : rgba(225, 230, 240,0.95);
   border-bottom: 1px solid rgba(225, 230, 240,0.95);
   z-index : 0;
}
@media screen and (max-width: 480px) {
   #news1_tab{
   font-size: 11pt;
}
}
@media screen and (max-width: 400px) {
   #news1_tab{
   font-size: 14px;
}
}
@media screen and (max-width: 680px) {
   #news1_tab li{
   width: 37%;
}
}
@media screen and (max-width: 480px) {
   #news1_tab li{
   width: 33.5%;
}
}
@media screen and (max-width: 420px) {
   #news1_tab li{
   width: 34.5%;
}
}
@media screen and (max-width: 400px) {
   #news1_tab li{
   width: 34%;
}
}