/*---------------------------------------------------------------------------
  navigation
---------------------------------------------------------------------------*/

ul.Nav-Anker{}
ul.Nav-Anker li{ display: inline-block; margin-right: 31px;  border-bottom: 2px solid #CFD9E6;}
ul.Nav-Anker li:last-child{ margin-right: 0;}
ul.Nav-Anker li a{
    padding-right: 30px;
    text-decoration: none;
    background: url("../image/anker.png") no-repeat right center;
}

.Nav-Pageback{ max-width: 189px; text-align: center; border: 1px solid #CCC;}
.Nav-Pageback a{ display: block; padding: 20px 0; text-decoration: none; background: url("../image/return.png") no-repeat 10% center;}


.Related{ position: relative; border: #CCC 1px solid; padding: 42px 42px 30px 42px;}
.Related p.title{ position: absolute; padding: 10px; font-size: 137.5%; background: #FFF; top:-25px;}

.Nav-Related{}
.Nav-Related p{}
.Nav-Related p.title{}
.Nav-Related p.title img{ vertical-align: middle; margin-right: 10px;}
.Nav-Related p.link{}
.Nav-Related p.link a{
    display: inline-block;
    padding-right: 15px;
    text-decoration: none;
    background: url("../image/right.png") no-repeat right center;}

.Nav-Related-List{ border: #CCC 2px solid; background: #F2F6FA;}
.Nav-Related-List p.title{background: linear-gradient(180deg, #FFF 0%, #FFF 50%, #F2F6FA 50%, #F2F6FA 100%);}
.Nav-Related-List ul{}
.Nav-Related-List ul li{ display: inline-block; margin-right: 31px;}
.Nav-Related-List ul li:last-child{ margin-right: 0;}
.Nav-Related-List ul li a{
    padding-right: 30px;
    text-decoration: none;
    background: url("../image/right.png") no-repeat right center;
}


/*---------------------------------------------------------------------------
  TEXT
---------------------------------------------------------------------------*/

#subpage .text{ line-height: 1.7em;}

#subpage .Text-Default{}
#subpage .Text-Small{ font-size: 87.5%;}
#subpage .Text-Alert{ font-size: 87.5%; color: #CC0000;}

#subpage a.Link-InText { text-decoration: underline!important;}
#subpage a.Link-InText:hover { }
        
#subpage a.Link-InText-Blank:after { display: inline-block; content: ''; margin: 0 5px; width: 10px; height: 10px; background: url("../image/link_win.png") no-repeat;}
#subpage a.Link-InText-Pdf:after { display: inline-block; content: ''; margin: 0 5px; width: 14px; height: 14px; background: url("../image/icon_pdf.png") no-repeat;}
#subpage a.Link-InText-Forms:after { display: inline-block; content: ''; margin: 0 5px; width: 14px; height: 14px; background: url("../image/icon_forms.png") no-repeat;}

#subpage .Link-Default-Single{ }
#subpage .Link-Default-Single-Small { font-size: 87.5%;}
#subpage .Link-Default-Single a ,      
#subpage .Link-Default-Single-Small a{ }
#subpage .Link-Default-Single a:after,      
#subpage .Link-Default-Single-Small a:after{
    display: inline-block;
    margin: 0 5px;
    width: 8px;
    height: 13px;
    content: '';
    background: url("../image/right.png") no-repeat;
}

#subpage .link2 a{ }

#subpage .Link-Single-Pdf a:after,
#subpage .Link-Single-Pdf-Small a:after{
    display: inline-block; 
    content: ''; 
    margin: 0 5px;
    padding-top: -10px;
}
#subpage .Link-Single-Pdf a:after{ vertical-align: bottom; width: 24px; height: 29px; background: url("../image/pdf.png") no-repeat;}

#subpage .Link-Single-Forms a:after,
#subpage .Link-Single-Forms-Small a:after{
    display: inline-block; 
    content: ''; 
    margin: 0 5px;
    padding-top: -10px;
}
#subpage .Link-Single-Forms a:after{ vertical-align: bottom; width: 24px; height: 29px; background: url("../image/forms.png") no-repeat;}
#subpage .Link-Single-Pdf-Small a:after{ width: 14px; height: 14px; background: url("../image/icon_pdf.png") no-repeat;}
#subpage .Link-Single-Forms-Small a:after{ width: 14px; height: 14px; background: url("../image/icon_forms.png") no-repeat;}

#subpage .Link-Single-Blank-Small{ font-size: 87.5%;}
#subpage .Link-Single-Blank a:after,
#subpage .Link-Single-Blank-Small a:after{ display: inline-block; content: ''; margin: 0 5px; width: 10px; height: 10px; background: url("../image/link_win.png") no-repeat;}



/*---------------------------------------------------------------------------
  LIST
---------------------------------------------------------------------------*/

#subpage .list{ line-height: 1.5em;}
#subpage .list_small{ line-height: 1.5em; font-size: 87.5%;}

#subpage .list a,
#subpage .list_small a{ text-decoration: none;}

#subpage .List-Default li{}
#subpage .List-Default li:before {
    content:  "・";
    width:  10px;
    height:  10px;
    margin-right: 5px;
}

#subpage .List-Number { margin: 1em 0; padding-left: 20px;}
#subpage .List-Number li{list-style-type: decimal;}

#subpage .List-Paren{counter-reset: count 0; }
#subpage .List-Paren li:before { counter-increment: count 1; content: "（" counter(count)"）";}

#subpage .List-Note li{}
#subpage .List-Note li:before { margin-right: 5px; content:  "※";}

#subpage .List-Note-Number{counter-reset: count 0;}
#subpage .List-Note-Number li{ padding-left: 2em; text-indent: -2em;}
#subpage .List-Note-Number li:before { margin-right: 5px; counter-increment: count 1; content: "※" counter(count);}

#subpage .List-Caution-Number {counter-reset: count 0;}
#subpage .List-Caution-Number li{ padding-left: 2.2em; text-indent: -2.2em;}
#subpage .List-Caution-Number li:before { margin-right: 5px; counter-increment: count 1; content: "注" counter(count)".";}

#subpage .List-Zaxis{ overflow: hidden;}
#subpage .List-Zaxis li { float: left; margin-right: 60px;padding-left: 1.2em; text-indent: -1.2em;}
#subpage .List-Zaxis li:before { content:  "・"; margin-right: 5px;}


/*---------------------------------------------------------------------------
  Link-List
---------------------------------------------------------------------------*/

#subpage .List-Link-Default{}
#subpage .List-Link-Default li{ padding-left: 1em; text-indent: -1em;}
#subpage .List-Link-Default li a{ padding-left: 15px; background: url("../image/right.png") no-repeat left center;}
        
#subpage .List-Link-Blank{}
#subpage .List-Link-Blank li{ padding-left: 1em; text-indent: -1em;}
#subpage .List-Link-Blank li a{ padding-left: 15px; background: url("../image/link_win.png") no-repeat left center;}
  
#subpage .List-Link-Pdf{}
#subpage .List-Link-Pdf-Small{}

#subpage .List-Link-Pdf li,
#subpage .List-Link-Pdf-Small li{ padding-left: 1em; text-indent: -1em;}

#subpage .List-Link-Forms li,
#subpage .List-Link-Forms-Small li{ padding-left: 1em; text-indent: -1em;}

#subpage .List-Link-Pdf li{ height: 35px; background: url("../image/pdf.png") no-repeat left top;}
#subpage .List-Link-Pdf li a{ padding: 0 0 0 30px; }
#subpage .List-Link-Pdf-Small li a{ padding-left: 20px; background: url("../image/icon_pdf.png") no-repeat left center;}

#subpage .List-Link-Forms li{ height: 35px; background: url("../image/forms.png") no-repeat left top;}
#subpage .List-Link-Forms li a{ padding: 0 0 0 30px; }
#subpage .List-Link-Forms-Small li a{ padding-left: 20px; background: url("../image/icon_forms.png") no-repeat left center;}


/**/
#subpage .List-Link-xls{}
#subpage .List-Link-xls-Small{}

#subpage .List-Link-xls li,
#subpage .List-Link-xls-Small li{ padding-left: 1em; text-indent: -1em;}

#subpage .List-Link-xls li{ height: 35px; background: url("../../image/icon/icon_xls_l.png") no-repeat left top;}
#subpage .List-Link-xls li a{ padding: 0 0 0 30px; }
#subpage .List-Link-xls-Small li a{ padding-left: 20px; background: url("../../image/icon/icon_xls_s.png") no-repeat left center;}
/**/

/**/
#subpage .List-Link-zip{}
#subpage .List-Link-zip-Small{}

#subpage .List-Link-zip li,
#subpage .List-Link-zip-Small li{ padding-left: 1em; text-indent: -1em;}

#subpage .List-Link-zip li{ height: 35px; background: url("../../image/icon/icon_zip_l.png") no-repeat left top;}
#subpage .List-Link-zip li a{ padding: 0 0 0 30px; }
#subpage .List-Link-zip-Small li a{ padding-left: 20px; background: url("../../image/icon/icon_zip_s.png") no-repeat left center;}
/**/

#subpage .List-Link-Modal{}
#subpage .List-Link-Modal li{ padding-left: 1em; text-indent: -1em;}
#subpage .List-Link-Modal li a{ padding-left: 15px; background: url("../image/link_mov.png") no-repeat left center;}

#subpage .List-Link-Nest { line-height: 2.0em;}

#subpage a.n_link { padding-left: 15px; background: url("../image/right.png") no-repeat left center;}
#subpage a.n_blank { padding-left: 15px; background: url("../image/link_win.png") no-repeat left center;}
#subpage .list .n_pdf{ height: 35px; background: url("../image/pdf.png") no-repeat left top;}
#subpage .list a.n_pdf{ display: inline-block; padding: 5px 0 0 65px; }
#subpage .list_small a.n_pdf{ padding-left: 15px; background: url("../image/icon_pdf.png") no-repeat left top;}

#subpage .list .n_forms{ height: 35px; background: url("../image/forms.png") no-repeat left top;}
#subpage .list a.n_forms{ display: inline-block; padding: 5px 0 0 65px; }
#subpage .list_small a.n_forms{ padding-left: 15px; background: url("../image/icon_forms.png") no-repeat left top;}


#subpage .List-Link-Zaxis li {display: inline-block;}

#subpage a.n_link2,
#subpage a.n_blank2,
#subpage a.n_pdf2,
#subpage a.n_forms2{ padding-right: 35px; margin-right: 28px;}
#subpage a.n_link2 { background: url("../image/right.png") no-repeat right center;}
#subpage a.n_blank2 { background: url("../image/link_win.png") no-repeat right center;}
#subpage a.n_pdf2{ background: url("../image/icon_pdf.png") no-repeat right center;}
#subpage a.n_forms2{ background: url("../image/icon_forms.png") no-repeat right center;}


/*---------------------------------------------------------------------------
  DefinitionList
---------------------------------------------------------------------------*/

.df_list{ overflow: hidden;} 
.df_list dt{ float: left; width: 10%;}
.df_list dd{ float: right; width: 90%;}

.df_list{}
.df_list li:before {
    content:  "・";
    width:  10px;
    height:  10px;
    margin-right: 5px;
}
.column_free li{ display: inline-block; width: 49%;}


/*---------------------------------------------------------------------------
  QA LIST - KOBETU
---------------------------------------------------------------------------*/
    
#subpage .QA-IndexList{}
#subpage .QA-IndexList dl{ padding: 20px 0; border-bottom: 1px solid #CCC; overflow: hidden; box-sizing: border-box;}
#subpage .QA-IndexList dl:first-child{ border-top: 1px solid #CCC;}
#subpage .QA-IndexList dt{ float: left; width: 15%; padding-left: 3%; background:#004B9E; color: #FFF; }
#subpage .QA-IndexList dd{ float: right; margin: 0 3%; width: 79%;}
#subpage .QA-IndexList dd a{ color: #005FCC; text-decoration: none;}
#subpage .QA-IndexList dd a:after{ display: inline-block; content: ''; margin-left: 5px; width: 8px; height: 13px; background: url("../image/right.png") no-repeat;}
#subpage .QA-IndexList dd.honbun_txt a:after{ display: inline-block; content: ''; margin-left: 0px; width: 0px; height: 0px; background: none;}



/*---------------------------------------------------------------------------
  SITE MAP LIST - KOBETU
---------------------------------------------------------------------------*/
    
#subpage .Sitemap-List-Link{}
#subpage .Sitemap-List-Link dl{ padding: 20px 0; border-bottom: 1px solid #CCC; overflow: hidden; box-sizing: border-box;}
#subpage .Sitemap-List-Link dl:first-child{ border-top: 1px solid #CCC;}
#subpage .Sitemap-List-Link dt{ float: left; width: 15%; padding-left: 3%; background:#004B9E; color: #FFF; }
#subpage .Sitemap-List-Link dd{ float: right; margin: 0 3%; width: 79%;}
#subpage .Sitemap-List-Link dd a{ color: #005FCC; text-decoration: none;}
#subpage .Sitemap-List-Link dd a:after{ display: inline-block; content: ''; margin-left: 5px; width: 8px; height: 13px; background: url("../image/right.png") no-repeat;}


/*---------------------------------------------------------------------------
  ICON TABLE
---------------------------------------------------------------------------*/   

#subpage table.Icon { width: 500px; table-layout: fixed;}
#subpage table.Icon tr{ }
#subpage table.Icon th{ padding: 10px; width: 180px; text-align: center;}
#subpage table.Icon td{ padding: 20px 10px; width: 180px; text-align: center; }
#subpage table.Icon td img{ vertical-align: middle;}
#subpage table.Icon td:first-child{ text-align: left; width: 100px; font-weight: bold;}



/*====================================================================================================
  SMART PHONE
====================================================================================================*/

@media only screen and (max-width:960px){
    
/*---------------------------------------------------------------------------
  navigation
---------------------------------------------------------------------------*/
    
#subpage ul.Nav-Anker{}
#subpage ul.Nav-Anker li{ display: inline-block; width: 49%; margin-right: 2%;  border-bottom: 2px solid #CFD9E6;}
#subpage ul.Nav-Anker li:nth-child(n+1){ margin-right: 0}
#subpage ul.Nav-Anker li a{
    display: block;
    padding-right: 30px;
    text-decoration: none;
    background: url("../image/anker.png") no-repeat right center;
}

#subpage .Related{ padding: 42px 20px 20px;}
#subpage .Related p.title{ margin: auto; left: 0; right: 0;}
#subpage .Nav-Related p.title{ max-width:270px;}
#subpage .Nav-Related-List p.title{max-width:180px; background: linear-gradient(180deg, #FFF 0%, #FFF 50%, #F2F6FA 50%, #F2F6FA 100%);}
#subpage .Nav-Related-List ul li{ display: block; margin-right:0;}

    
/*---------------------------------------------------------------------------
  List
---------------------------------------------------------------------------*/
    
#subpage .List-Zaxis{ overflow: hidden;}
#subpage .List-Zaxis li { float: none; margin-right: 0;padding-left: 1.2em; text-indent: -1.2em;}
#subpage .List-Zaxis li:before { content:  "・"; margin-right: 5px;}
    
#subpage .List-Link-Zaxis li {display: block; width: 100%;}
#subpage a.n_link2,
#subpage a.n_blank2,
#subpage a.n_pdf2,
#subpage a.n_forms2{ padding-right: 20px; margin-right: 0;}

    
    
    
/*---------------------------------------------------------------------------
  DefinitionList
---------------------------------------------------------------------------*/

#subpage .df_list dt,
#subpage .df_list dd{ float: none; width: 100%;}

#subpage .df_list li{ padding-left: 1.3em; text-indent: -1.3em;}
#subpage .df_list li:before {
    content:  "・";
    width:  10px;
    height:  10px;
    margin-right: 5px;
}
#subpage .column_free li{ display: block; width: 100%;}


/*---------------------------------------------------------------------------
  QA LIST - KOBETU
---------------------------------------------------------------------------*/
    

#subpage .QA-IndexList dt{ float: none; width: 100%; max-width: 120px; padding-left: 3%;}
#subpage .QA-IndexList dd{ float: none; margin: 10px 0 0; width: 100%;}

    
/*---------------------------------------------------------------------------
  ICON TABLE
---------------------------------------------------------------------------*/    
    
#subpage table.Icon { width: 100%; table-layout: fixed;}   
#subpage table.Icon th,
#subpage table.Icon td{ width: 100%; box-sizing: border-box; }
    
    
    
    
    
}