@charset "UTF-8";
/* CSS Document */
body{
font-size:1.6rem;
line-height:2.4rem;
}
h1,h2,p,ul,li,div,img{
margin:0;
padding:0;
}
ul,li{
list-style-type:none;
}
body{
min-width:1280px;
}
#wrapper{
width:100%;
margin:0 auto;
}
.conbox{
width:1280px;
margin:0 auto ;
clear:both;
}
br.sp{
display:none;
}
img{
max-width:100%;
}
/*Nav*/
#Nav{
width:100%;
background:#9fa1bb;
height:60px;
}
#Nav button{
display:none;
}
#Nav nav{
width:1280px;
margin:0 auto;
text-align:center;
position: relative;
overflow: hidden;
}
#Nav ul{
list-style-type: none;
padding: 0;
position: relative;
left: 50%;
float: left;
}
#Nav ul li {
color: white;
position: relative;
left: -50%;
float: left;
margin:0 5px;
height:60px;
}
#Nav ul li a{
display:block;
height:60px;
}
#Nav ul li img{
display:none;
}
#Nav nav ul li.nav01 a{
width:98px;
background:url(../img/nav/navPC01.png) center center no-repeat;
}
#Nav nav ul li.nav01 a:hover{
background:url(../img/nav/navPC01_on.png) center center no-repeat;
}
#Nav nav ul li.nav02 a{
width:212px;
background:url(../img/nav/navPC02.png) center center no-repeat;
}
#Nav nav ul li.nav02 a:hover {
background:url(../img/nav/navPC02_on.png) center center no-repeat;
}
#Nav nav ul li.nav03 a{
width:124px;
background:url(../img/nav/navPC03.png) center center no-repeat;
}
#Nav nav ul li.nav03 a:hover{
background:url(../img/nav/navPC03_on.png) center center no-repeat;
}
#Nav nav ul li.nav04 a{
width:182px;
background:url(../img/nav/navPC04.png) center center no-repeat;
}
#Nav nav ul li.nav04 a:hover{
background:url(../img/nav/navPC04_on.png) center center no-repeat;
}
#Nav nav ul li.nav05 a{
width:132px;
background:url(../img/nav/navPC05.png) center center no-repeat;
}
#Nav nav ul li.nav05 a:hover{
background:url(../img/nav/navPC05_on.png) center center no-repeat;
}
#Nav nav ul li.nav06 a{
width:152px;
background:url(../img/nav/navPC06.png) center center no-repeat;
}
#Nav nav ul li.nav06 a:hover{
background:url(../img/nav/navPC06_on.png) center center no-repeat;
}
#Nav nav ul li.nav07 a{
width:132px;
background:url(../img/nav/navPC07.png) center center no-repeat;
}
#Nav nav ul li.nav07 a:hover{
background:url(../img/nav/navPC07_on.png) center center no-repeat;
}

/****pageConts************/
#pageConts{
background:url(../img/wrapBG_repeat.jpg) center top repeat-x;
background-attachment:fixed;
text-align:center;
padding:10px 0 60px;
}
#pageConts .conbox{
width:1280px;
margin:0 auto;
color:#fff;
}
#pageConts #pChead{
background:url(../img/h2BG.png) center 5px no-repeat;
background-size:contain;
margin-bottom:10px;
}
#pageConts #pChead h2{
width:360px;
height:60px;
margin-left:180px;
margin-bottom:30px;
}
#pageConts #pChead nav{
width:1200px;
height:60px;
margin:0 auto;
text-align:center;
position: relative;
overflow: hidden;
}
#pageConts #pChead ul{
list-style-type: none;
padding: 0;
text-align:center;
}
#pageConts #pChead ul li {
display:inline-block;
margin:0 5px;
width:200px;
height:60px;
background:url(../img/pNavBG.png) center center no-repeat;
}
#pageConts #pChead ul li:hover,
#pageConts #pChead ul li.select{
background:url(../img/pNavBG_on.png) center center no-repeat;
cursor:pointer;
}
#pageConts #pCmain{
width:1080px;
margin:0 auto;
background:url(../img/mainBGtop.png) center top no-repeat,
url(../img/mainBGbottom.png) center bottom no-repeat;
padding:54px 0 ;
}
#pageConts #pCmain .pCmConts{
width:1080px;
padding:0 0 54px 0;
background:url(../img/mainBGrepeat.png) center 54px repeat-y;
}
#pageConts h3{
width:1032px;
height:120px;
background: linear-gradient(90deg, #08102B 5%, #FFB45A 50%,#08102B 95%);
margin:0 auto;
padding:0;
clear:both;
}
#pageConts h3 img{
display:block;
margin:0 auto;
width:840px;
}

/****globalfooterwrap************/
#globalfooterwrap {
padding:20px  0 100px;
}
.backtop a{
display:block;
padding-top:0;
height:60px;
background:url(../../img/common/btBacktop.png) center top no-repeat;
background-size:contain;
}

/****backTop************/
#backtop {
width:100%;
position:fixed;
bottom:0;
text-align:center;
text-indent:-99999px;
z-index:1000;
}
#backtop .conbox{
width:100%;
border-bottom:solid 20px #9fa1bb;
}

#backtop a{
display:block;
height:68px;
width:100%;
background:url(../img/backtop.png) center bottom no-repeat;
background-size:contain;
}
#backtop a:hover{
background:url(../img/backtop_on.png) center bottom no-repeat;
background-size:contain;
}