@charset "utf-8";


.sub_banner_wrap{
 height:120px;
    width:100%;
}

.sub_banner0101{
 background:url(../images/sub_banner0101.jpg) no-repeat center;   
    background-size:cover;
}

.sub_banner0102{
 background:url(../images/sub_banner0102.jpg) no-repeat center;   
    background-size:cover;
}

.sub_banner0103{
 background:url(../images/sub_banner0103.jpg) no-repeat center;   
    background-size:cover;
}

.sub_banner0104{
 background:url(../images/sub_banner0104.jpg) no-repeat center;   
    background-size:cover;
}

.sub_banner0105{
 background:url(../images/sub_banner0105.jpg) no-repeat center;   
    background-size:cover;
}

.sub_banner0106{
 background:url(../images/sub_banner0106.jpg) no-repeat center;   
    background-size:cover;
}

.sub_banner0107{
 background:url(../images/sub_banner0107.jpg) no-repeat center;   
    background-size:cover;
}

.sub_banner0201{
 background:url(../images/sub_banner0201.jpg) no-repeat center;   
    background-size:cover;
}

.sub_banner0202{
 background:url(../images/sub_banner0202.jpg) no-repeat center;   
    background-size:cover;
}

.sub_banner0203{
 background:url(../images/sub_banner0203.jpg) no-repeat center;   
    background-size:cover;
}

.sub_banner0204{
 background:url(../images/sub_banner0204.jpg) no-repeat center;   
    background-size:cover;
}

.sub_banner0205{
 background:url(../images/sub_banner0205.jpg) no-repeat center;   
    background-size:cover;
}

.sub_banner03{
 background:url(../images/sub_banner03.jpg) no-repeat center;   
    background-size:cover;
}

.sub_banner04{
 background:url(../images/sub_banner04.jpg) no-repeat center;   
    background-size:cover;
}


.sub_nav_wrap{
 border-top:1px solid #dfdfdf;  
    
}

.area_sub_nav{
    position: relative;
     border-bottom:1px solid #dfdfdf; 
/*margin:0 3%;*/
}


a.sn_text{
 display: block;
    font-size:11px;
    font-weight: 400;
    background:url(../images/sn_arrow.png) no-repeat right 3% center;
    background-size:13px;
    height:36px;
    line-height:36px;
    padding-left:3%;
	letter-spacing:-1.7px;
}

a.sn_text.on{
background:url(../images/sn_arrow_on.png) no-repeat right 3% center;
    background-size:13px;
}

a.sn_text02{
 display: block;
    font-size:11px;
    font-weight: 400;
    background:url(../images/sn_arrow.png) no-repeat right 3% center;
    background-size:13px;
    height:36px;
    line-height:36px;
    padding-left:3%;
	letter-spacing:-1.7px;
}

a.sn_text02.on{
background:url(../images/sn_arrow_on.png) no-repeat right 3% center;
    background-size:13px;
}

.sn_list{
position: absolute;
top:37px;
    left:0;
    width:100%;
    background:#fff;
    z-index: 8000;
}

.sn_list>li>a{
    display: block;
    font-size:11px;
    font-weight: 400;
     height:36px;
    line-height:36px;
    border-bottom:1px solid #ddd;
    padding-left:3%;
	letter-spacing:-1.7px;
}

.sn_depth02{
padding:3px 0;
    border-bottom:1px solid #ddd;
}

/*
.sn_list a.sn_depth02_arrow{
background:url(../images/sn_arrow.png) no-repeat right 3% center;
    background-size:13px;
}

a.sn_depth02_arrow.on{
    font-weight: bold;
background:url(../images/sn_arrow_on.png) no-repeat right 3% center;
    background-size:13px;
}
*/

.sn_depth02>li>a{
font-size:13px;
    font-weight: 400;
    color:#666;
    display: block;
        background:url(../images/sn_rect.png) no-repeat left center;
    background-size:2px;
    height:28px;
    line-height:28px;
    padding-left:8px;
    margin-left:3%;
}

.sn_depth02>li>a.on{
font-weight: bold;
}



.sub_title_wrap{
 margin-top:15px;   
}

.sub_title{
font-size:19px;
    font-weight:bold;
    margin:0 3%;
    border-bottom:1px solid #ddd;
    padding-bottom:6px;
}

.sub_title02{
font-size:19px;
    font-weight:bold;
    margin:0 3%;
    border-bottom:1px solid #ddd;
    padding-bottom:6px;
}

.sub_title02-span{font-size: 14px; margin: 5px 3% 0; display: block;}

.primary_wrap{
margin:30px 0 40px 0;
}


.area_sub_contents{
margin:0 3%;
}