@charset "UTF-8";
/* ==================
common_header
================== */
#header #eyeCatch{
	height:171px;
	overflow:hidden;
}
body{
  padding:0;
  margin:0;
}
#common_header ul,
#common_header li,
#common_header p{
  padding:0;
  margin:0;
  list-style:none;
}
#common_header {
  background: #4C4C4C;
  height: 38px;
  position: fixed;
  width: 100%;
  z-index: 9999;
  font-family: meiryo, Helvetica, Helvetica Neue, Arial, sans-serif;
  line-height: 160%;
}
#common_header a {
  text-decoration: none;
}
#common_foundation_links {
  width: 970px;
  display: none;
  position: fixed;
  top: 38px;
  z-index: 9999;
  padding: 8px 0;
  width: 100%;
  text-align: center;
  background: rgba(0,0,0,0.5);
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#80000000, EndColorStr=#80000000); 
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80000000,EndColorStr=#80000000)";
}
#common_foundation_links ul.common_links {
  margin: 0 auto;
  width: 1005px;
}
#common_foundation_links ul.common_links>li {
  float: left;
  margin: 0 5px;
}
#common_foundation_links ul.spf_links {
  width: 800px;
}
#common_foundation_links ul.spf_links>li {
  float: left;
  display: inline;
  margin: 0 5px;
}
#common_foundation_links .oprf_links {
  padding: 5px 0 0 70px;
  clear: both;
}
#common_foundation_links .oprf_links li {
  float: left;
  margin: 0 5px 5px 0;
  display: inline;
}
#common_foundation_links a .front_image {
  z-index: 100;
  opacity: 1;
  /* css3 */
  transition: opacity 0.3s ease;
}
#common_foundation_links a .front_image:hover {
  opacity: 0.8;
}
#common_foundation_links a .hover_image {
  z-index: 50;
}
#common_foundation_links_cover {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
}
#common_links {
  margin: 0;
}
#common_links li {
  float: right;
  list-style: none;
}
#common_links li a {
  border-left: #666 1px solid;
  display: block;
  padding-top: 38px;
  height: 0;
  float: left;
  width: 38px;
  overflow: hidden;
}
#common_icon_spfnow a {
  background: url(../image/common/icon_spfnow.png) center center no-repeat;
  width: 90px !important;
}
#common_icon_mail a {
  background: url(../image/common/icon_mail.png) center center no-repeat;
}
#common_icon_twitter a {
  background: url(../image/common/icon_twitter.png) center center no-repeat;
}
#common_icon_fb a {
  background: url(../image/common/icon_fb.png) center center no-repeat;
}
#common_links li a:hover {
  background-color: #000;
}
#site_links a {
  float: left;
  display: inline-block;
  color: #FFF;
  font-size: 13px;
  padding: 9px 30px 8px 15px;
  border-right: #666 1px solid;
  background: url(../image/common/icon_white_down.png) 305px center no-repeat;
}
#site_links a:hover {
  background: url(../image/common/icon_white_down.png) 305px center no-repeat #000;
  text-decoration: none;
}
#site_links img {
  vertical-align: middle;
  margin-right: 10px;
}
.dark-tooltip {
  display: none;
  position: absolute;
  z-index: 99;
  text-decoration: none;
  font-weight: normal;
  height: auto;
  top: 0;
  left: 0;
}
.dark-tooltip.small {
  padding: 4px 15px;
  font-size: 12px;
  max-width: 150px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
/* Tips */
.dark-tooltip .tip {
  transform: scale(1.01);
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  line-height: 0px;
}
.dark-tooltip.north .tip {
  left: 50%;
  top: 0;
}
.dark-tooltip.north.small .tip {
  border-width: 0 5px 7px 5px;
  margin-left: -5px;
  margin-top: -7px;
}
/* confirm */
.dark-tooltip ul.confirm {
  list-style-type: none;
  margin-top: 5px;
  display: inline-block;
  margin: 0 auto;
}
.dark-tooltip ul.confirm li {
  padding: 10px;
  float: left;
  margin: 5px;
  min-width: 25px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/* themes */
.dark-tooltip.dark {
  background-color: #1B1E24;
  color: #fff;
}
.dark-tooltip.dark.north .tip {
  border-color: transparent transparent #1B1E24 transparent;
  _border-color: #000000 #000000 #1B1E24 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.dark-tooltip.dark ul.confirm li:hover {
  background-color: #417E85;
}
/* Animations */
.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -ms-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
}
@-webkit-keyframes flipInUp {
 0% {
-webkit-transform: perspective(400px) rotateX(-90deg);
opacity: 0;
}
 40% {
-webkit-transform: perspective(400px) rotateX(5deg);
}
 70% {
-webkit-transform: perspective(400px) rotateX(-5deg);
}
 100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInUp {
 0% {
transform: perspective(400px) rotateX(-90deg);
opacity: 0;
}
 40% {
transform: perspective(400px) rotateX(5deg);
}
 70% {
transform: perspective(400px) rotateX(-5deg);
}
 100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInUp {
 0% {
-o-transform: perspective(400px) rotateX(-90deg);
opacity: 0;
}
 40% {
-o-transform: perspective(400px) rotateX(5deg);
}
 70% {
-o-transform: perspective(400px) rotateX(-5deg);
}
 100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInUp {
 0% {
transform: perspective(400px) rotateX(-90deg);
opacity: 0;
}
 40% {
transform: perspective(400px) rotateX(5deg);
}
 70% {
transform: perspective(400px) rotateX(-5deg);
}
 100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipIn {
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important
}
.flipIn.south, .flipIn.north {
  -webkit-animation-name: flipInUp;
  -moz-animation-name: flipInUp;
  -o-animation-name: flipInUp;
  animation-name: flipInUp;
}
.flipIn.west, .flipIn.east {
  -webkit-animation-name: flipInRight;
  -moz-animation-name: flipInRight;
  -o-animation-name: flipInRight;
  animation-name: flipInRight;
}
 @-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
/*ENGLISH*/
.english #site_links a {
  font-size:12px;
  background: url(../image/common/icon_white_down.png) 405px center no-repeat;
}