@charset "UTF-8";
img {
  vertical-align: top;
}

/* スマホ */
input[type="checkbox"]
input[type="radio"]
input[type="image"] {
  -webkit-appearance: none;
  -mox-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

input {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

/*--------------------------------
	floating nav
-----------------------------------*/
body#top #pageHeader {
  top: -135px;
}

/*--------------------------------
	header
-----------------------------------*/
header {
  background: #000;
}

header .inner {
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
  position: relative;
}

/* logo */
header h1 {
  position: absolute;
  right: 39px;
  top: 0;
  z-index: 2;
}

@media screen and (max-width: 880px) {
  header h1 img {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 535px) and (max-width: 880px) {
  header h1 {
    right: 19px;
    width: 102px;
  }
}

@media screen and (max-width: 534px) {
  header h1 {
    right: 10px;
    width: 62px;
  }
}

/* headSwitch */
header ul#headSwitch {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  *zoom: 1;
}

/*clearfix*/
header ul#headSwitch:after {
  content: "";
  display: block;
  clear: both;
}

header ul#headSwitch li {
  float: left;
  width: 140px;
  overflow: hidden;
}

header ul#headSwitch li a {
  display: block;
  height: 100%;
  margin-bottom: -10px;
  padding-bottom: 10px;
  background-color: transparent;
  background-position: center bottom;
  background-repeat: no-repeat;
  line-height: 1.0;
}

header ul#headSwitch li.andme a {
  background-image: url(../images/common/header/btn_switch_bg.gif);
}

header ul#headSwitch li.company a {
  background-image: url(../images/common/header/btn_switch_bg.gif);
}

@media screen and (max-width: 420px) {
  header ul#headSwitch li {
    width: 70px;
  }

  header ul#headSwitch li img {
    width: 100%;
    height: auto;
  }
}
/* main_image */
#mainImage {
  position: relative;
  z-index: 1;
  background-color: #fff;
  overflow: hidden;
}

#mainImage .carousel {
  *zoom: 1;
}

/*clearfix*/
#mainImage .carousel:after {
  content: "";
  display: block;
  clear: both;
}

#mainImage .carousel li {
  width: 100%;
  float: left;
}

#mainImage .carousel img {
  width: 100%;
  height: auto;
}

#mainImage .pagination {
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 100%;
  z-index: 2;
}

.pagination {
  padding-top: 3px;
  text-align: center;
  letter-spacing: -0.4em;
  word-spacing: -0.4em;
}

.pagination a {
  background: transparent url(../images/andme/top/pagination.png) 0 0 no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
}

.pagination a:hover {
  background-position: -20px 0;
}

.pagination a.selected {
  background-position: -20px 0;
  cursor: default;
}

.pagination a span {
  display: none;
}

/*--------------------------------
	global nav
-----------------------------------*/
#topPageGlobalNav {
  width: 100%;
  padding: 8px 0;
  background: #fff;
}

/*clearfix*/
#topPageGlobalNav {
  *zoom: 1;
}

#topPageGlobalNav:after {
  content: "";
  display: block;
  clear: both;
}

/*clearfix*/
#topPageGlobalNav ul {
  *zoom: 1;
}

#topPageGlobalNav ul:after {
  content: "";
  display: block;
  clear: both;
}

body.company #topPageGlobalNav {
  background: #3361a5;
}

#topPageGlobalNav div {
  max-width: 960px;
  display: block;
  margin: 0 auto;
  position: relative;
}

#topPageGlobalNav li {
  float: left;
  width: 159px;
  height: 24px;
  border-left: solid 1px #6689bc;
}

body.company #topPageGlobalNav li {
  width: 109px;
  border-color: #adc0db;
}

#topPageGlobalNav li a {
  display: block;
  text-align: center;
}

#topPageGlobalNav li img {
  line-height: 1.5;
}

#topPageGlobalNav .form {
  float: right;
  width: 290px!important;
  border: none;
}

#topPageGlobalNav form {
  float: right;
  margin-top: -3px;
}

#topPageGlobalNav form input {
  vertical-align: top;
  margin: 0;
}

#topPageGlobalNav form input.form01 {
  border: solid 1px #6789bc;
  width: 190px;
  height: 28px;
}

body.company #topPageGlobalNav form input.form01 {
  border-color: #adc0db;
  background: #3361a5;
  color: #fff;
}

@media screen and (max-width: 960px) {
  #topPageGlobalNav li.first-child {
    border: none;
  }

  #topPageGlobalNav li.form {
    margin: 10px 10px 0 0;
  }
}
/* 960px - 検索フォームのwidth = 670px */
@media screen and (max-width: 680px) {
  #topPageGlobalNav ul li {
    width: 24%;
    height: auto;
  }

  body.company #topPageGlobalNav ul li {
    width: 16.5%;
    height: auto;
  }

  #topPageGlobalNav ul li img {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 560px) {
  body.company nav ul li {
    width: 16.0%;
  }
}
@media screen and (max-width: 320px) {
  #topPageGlobalNav ul li.form {
    width: 320px;
    margin: 10px 10px 0 0;
  }

  #topPageGlobalNav form input.form01 {
    width: 108px;
    height: 14px;
  }

  #topPageGlobalNav form input {
    width: 45px;
    height: 15px;
  }
}