/* ヘッダ
------------------------------------ */
#header{
}

#header:after{  
content: ".";  
display: block;  
visibility: hidden;
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}  


#header-inner{
}

#bannerheader{
background-color:#004BC8;
height:80px;
margin:0 0 1px 0;
}

#bannerheader-inner{
max-width: 1280px;
margin: 0 auto;
}

#bannerheader-inner .logo{
background-image: url(https://www.century.co.jp/images/logo2017.png);
background-repeat: no-repeat;
background-size;320px 41px;
width: 320px;
height: 41px;
margin: 20px 0 0 44px;
padding: 0;
float:left;
}

a.logoArea{
display: block;
width: 320px;
height: 41px;
margin: 0;
padding:0;
text-indent: -9999px;
}

ul.globalLink{
margin: 55px 0 0 0;
padding: 0;
float:right;
list-style-type: none
}

@media screen and (max-width:685px){ul.globalLink {
margin: 0 0 0 0;
}}

ul.globalLink li{
float: right;
border-right: 1px solid #f0f4fa;
text-align: center;
margin: 0px;
padding: 0 10px;
font-size: 75%;
list-style-type: none;
}

ul.globalLink li.borderNone{
border-right: none;
}

ul.globalLink li a{
color: #f0f4fa;
text-decoration: none;
} 

/* GLOBAL NAVIGATION
------------------------------------ */
nav{
background-color:#004BC8;
min-height:35px;
box-shadow: 0px 1px 1px #888888;
margin:0 0 3px 0;
display:block;
}

#navigation-inner{
background-color:#004BC8;
max-width: 1280px;
margin: 0 auto;
height:100%;
}

#navigation-inner:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

ul#globalnavigation{
float:left;
margin: 10px 0 0 25px;
padding: 0;
list-style-type: none;
}

ul#globalnavigation li{
list-style-type: none;
float: left;
font-size:85%;
font-weight:bold;
display:inline-block;
*display: inline;  
*zoom: 1;
padding-top:3px;
}

ul#globalnavigation li a{
display: block;
text-decoration: none;
margin-right:35px;
color:#f0f4fa;
}

ul#globalnavigation li.solution{
font-size:120%;
font-weight:normal;
padding-top:0;
}

ul#globalnavigation li.solution a{
color:#fff;
}

.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  margin: 0;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 300px;
}
.dropmenu li ul li a{
  text-align: left;
  background:#004BC8;
  color:#2147a5;
  padding:5px;
}

ul#globalnavigation li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
  top:10px;
  font-size:70%;
  font-weight:normal;
  color:#2147a5;
  padding-top:0;
}

ul#globalnavigation li:hover ul li{
  overflow: visible;
  height: 23px;
}

ul#globalnavigation li ul li a:hover{
opacity: 1.0;
color:#7e7e7e;
}


/* 検索エリア 
------------------------------------ */
#header-inner .header-search{
background-image: url(https://www.century.co.jp/images/seach_w.png);
background-repeat: no-repeat;
background-position:0 4px;
float:right;
margin: 5px 10px 0 25px;
padding:0;
}

#header-inner .header-search input.query{
margin:0 0 0 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:#f0f4fa solid 1px;
height:18px;
padding:0 5px 0 5px;
background-color:#004BC8;
color:#f0f4fa;
font-size:70%;
outline: 0;
width:140px;
}

#header-inner .header-search input::placeholder{
color: #8ca8ca;
}
#header-inner .header-search input:-ms-input-placeholder{
color: #8ca8ca;
}
#header-inner .header-search input::-ms-input-placeholder{
color: #8ca8ca;
}

#header-inner .header-search input.submit{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:#f0f4fa solid 1px;
height:18px;
padding:0;
background-color:#004BC8;
color:#f0f4fa;
font-size:70%;
outline: 0;
width:45px;
}

#header-inner .header-search input[type="radio"] {
width: 11pt;
height: 11pt;
vertical-align: middle;
margin:0 3px 0 0;
padding:0;
cursor: pointer; 
}
#header-inner .header-search label{
margin:0 3px 0 0;
padding:0;
font-size: 8pt; 
color:#f0f4fa !important;
cursor: pointer; 
vertical-align: middle;
}

/* スマホ用ヘッダ */
#header-inner_mobile{
display:none;
}

/* スマホ用の検索フォーム */
.mobile-search{
display:none;
}

/* フッタ
------------------------------------ */
#footer{
width: 100%;
background: #646464 url(https://www.century.co.jp/images/bk_foot2017.gif) bottom repeat-x;
}

#footer #footer-inner{
max-width:1280px;
margin:0 auto;
}

#footer #footer-inner .footLinkArea{
margin:0px auto;
padding:25px;
font-size:75%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}

#footer #footer-inner .footLinkArea .list{
width:25%;
float:left;
margin:0;
padding: 0;
line-height: 1.8;
text-align:left;
}

#footer #footer-inner .footLinkArea dl{
margin:0 0 25px 25px;
padding:0;
}

#footer #footer-inner .footLinkArea .list a:link, #footer #footer-inner .footLinkArea .list a:visited{
	color:#ffffff;
	text-decoration:none;
}

#footer #footer-inner .footLinkArea .list a:hover, #footer #footer-inner .footLinkArea .list a:active{
	color:#2147a5;
	text-decoration:none;
}

#footer #footer-inner .list dt{
margin:0;
padding:0;
font-weight:bold;
}

#footer #footer-inner .list dd{
margin-left:25px;
padding:0;
}

#footer #footer-inner ul.footLink{
max-width: 1280px;
height: 20px;
text-align: left;
margin: 0 auto;
padding: 30px 0 0 0;
clear:both;
}

#footer #footer-inner ul.footLink li{
background-image: none;
background-position: left;
background-repeat: no-repeat;
list-style-type: none;
font-size: 75%;
float: left;
padding: 0 20px 0 0;
margin-left:30px;
}

#footer #footer-inner ul.footLink li a:link, #footer #footer-inner ul.footLink li a:visited {
	color:#FAFAFA;
	text-decoration:none;
}

#footer #footer-inner ul.footLink li a:hover, #footer #footer-inner ul.footLink li a:active{
	color:#aaaaaa;
	text-decoration:none;
}

#footer #footer-inner .copyright{
clear: both;
max-width: 1280px;
height: 20px;
margin: 0 auto;
text-align: right;
font-size: 75%;
color: #FAFAFA;
}