@charset "utf-8";
/* CSS Document */


/* layout setting */

.clearfix:after {
  content: ".";  
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/******************************

					header

*******************************/

header{
margin:0 auto;
position:relative;
}

header h1{
position:absolute;
}


header #headerLogin{
position:absolute;
}

header #headerSocial{
position:absolute;
top:20px;
right:0px;
}

header #headerSocial a#headerLang{
padding:0 10px 3px 22px;
background:url(../images/headerLang.png) no-repeat;
text-decoration:none;
vertical-align:top;
font-size:15px;
color:#434b57;
margin-right: 100px;
}

/*
#en header #headerSocial a#headerLang{
position:absolute;
top:0;
right:0;
}
*/

header #headerLogin a{
padding:7px 25px;
background:#434b57;
border-radius:4px;
text-align:center;
text-decoration:none;
color:#fff;
display:block;
}

header nav#globalNavi{
position:absolute;
}

header nav#globalNavi li{
display:table-cell;
vertical-align:middle;
}

header nav#globalNavi a{
text-decoration:none;
font-size:15px;
color:#434b57;
}

@media only screen and (min-width:768px) {
header{
width:1000px;
height:114px;
}

header h1{
top:38px;
}

header #headerLogin{
top:15px;
right:0;
}

header nav#globalNavi{
top:66px;
right:0;
}

header nav#globalNavi li{
padding-left:45px;
}

}

@media only screen and (max-width: 767px) and (min-width: 481px) {

header{
width:100%;
height:114px;
}

header h1{
top:10px;
left:10px
}

header #headerLogin{
top:10px;
right:5px;
}

header #headerSocial{
top:20px;
right:120px;
}

/*
#en header #headerSocial{
right:10px;
}
*/

header #headerSocial a,
header #headerSocial iframe{
display:none;
}

header #headerSocial a#headerLang{
display:block;
margin:0;
}

header nav#globalNavi{
top:66px;
right:10px;
}

header nav#globalNavi li{
padding-left:20px;
}

}

@media only screen and (max-width: 480px) {

header{
width:100%;
height:80px;
}

/*
#en header{
height:60px;
}
*/

header h1{
top:15px;
left:10px
}

header h1 img{
width:150px;
}

header #headerLogin{
top:10px;
right:5px;
}

header #headerLogin a{
font-size:11px;
}

header #headerSocial{
top:50px;
right:5px;
}

/*
#en header #headerSocial{
top:20px;
right:5px;
}
*/

header #headerSocial a,
header #headerSocial iframe{
display:none;
}

header #headerSocial a#headerLang{
display:block;
margin: 0;
font-size:12px;
}

header nav#globalNavi{
top:50px;
right:90px;
}

/*
#en header nav#globalNavi{
display:none;
}
*/

header nav#globalNavi li{
padding-right:10px;
}

header nav#globalNavi .small_invisible {
display:none;
}

header nav#globalNavi li img{
width:20px;
}

header nav#globalNavi a{
line-height:1;
font-size:10px;
}

}

/******************************

					footer

*******************************/

footer{
background:url(../images/footerBg.png) repeat-x;
}

footer .inner{
height:165px;
position:relative;
color:#fff;
}

footer nav#footerNavi li{
display:table-cell;
vertical-align:middle;
}

footer nav#footerNavi a{
text-decoration:none;
font-size:15px;
color:#fff;
}


@media only screen and (min-width:768px) {

footer{
min-width:1000px;
}

footer .inner{
width:1000px;
margin:0 auto;
}

footer nav#footerNavi{
padding:40px 0 30px 0;
}

footer nav#footerNavi li{
padding-right:25px;
}

footer #footerLogo{
position:absolute;
top:30px;
right:22px;
}

footer #copyRight{
font-size:15px;
}

}

@media only screen and (max-width: 767px) and (min-width: 481px) {

footer .inner{
width:100%;
margin:0 auto;
}

footer nav#footerNavi{
padding:20px 0 30px 10px;
}

footer nav#footerNavi li{
padding-right:10px;
}

footer #footerLogo{
text-align:center;
}


footer #footerLogo img{
width:90px;
}

footer #copyRight{
text-align:center;
font-size:12px;
}

}

@media only screen and (max-width: 480px) {

footer .inner{
width:100%;
margin:0 auto;
}

footer nav#footerNavi{
padding:20px 0 10px 10px;
}

footer nav#footerNavi li{
padding-right:10px;
vertical-align:top;
float:left;
display:block;
}

footer nav#footerNavi li img{
width:18px;
}

footer nav#footerNavi a{
line-height:1;
font-size:11px;
}


footer #footerLogo{
text-align:center;
clear:both;
}

footer #footerLogo img{
width:90px;
}

footer #copyRight{
text-align:center;
font-size:12px;
}

}