@charset "utf-8";
/* CSS Document */
@import "reset.css";
@import "base_min.css";
/*******************
 LP style
********************/
html,body {
  min-width: 1180px;
  margin: 0 auto;
}
.hover img{
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.hover img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
img {
  vertical-align: bottom;
}
/*------------------------------------------*/
#fv {
  background: url(../img/fvbg.png) repeat-x top center;
  position: relative;
  width: 100%;
  height: 920px;
  text-align: center;
  min-width: 1180px;
  overflow: hidden;
  margin: 0 auto 30px;
}
#fv h1 {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -700px;
}
/*--------------------------------------------------*/
.cv {
  position: relative;
  text-align: center;
  width: 1000px;
  margin: 0 auto;
}
.cv .cv-btn {
  position: absolute;
  bottom: 60px;
  left: 30px;
  z-index: 2;
}
.cv .cv-cry {
  position: absolute;
  bottom: 12px;
  right: 25px;
  z-index: 3;
}
.nayami {
  width: 1180px;
  margin: 0 auto;
}
.oyster {
}
.oyster .oyster-ttl {
  text-align: center;
  background-color: #022c6c;
  width: 100%;
  height: 439px;
  overflow: hidden;
  min-width: 1180px;
  position: relative;
}
.oyster h3 {
  display: block;
  top: 0;
  left: 50%;
  margin-left: -700px;
  position: absolute;
}
.oyster .oyster-01 {
  text-align: center;
  background-color: #000;
  width: 100%;
  height: 1090px;
  overflow: hidden;
  min-width: 1180px;
  position: relative;
}
.oyster .oyster-01 p {
  display: block;
  top: 0;
  left: 50%;
  margin-left: -700px;
  position: absolute;
}
.oyster .oyster-02 {
  text-align: center;
  background-color: #564633;
  width: 100%;
  height: 400px;
  overflow: hidden;
  min-width: 1180px;
  position: relative;
}
.oyster .oyster-02 p {
  display: block;
  top: 0;
  left: 50%;
  margin-left: -700px;
  position: absolute;
}
.oyster .oyster-03 {
  width: 1020px;
  margin: 0 auto 10px;
}
.man {
  text-align: center;
}
.man h3 {
  background-color: #022c6c;
}
.man .man-b {
  background-color: #000;
}
.man .price-txt {
  background: url(../img/price_txt_bg.png) repeat-x top center;
}
.cv-s {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}
.cv-s-btn {
  position: absolute;
  bottom: 34px;
  left: 30px;
}

.quarity  {
  text-align: center;
  margin: 76px auto 0;
}
.quarity .quarity-box{
  background-color: #f1edea;
  background-image: url(../img/quality_bg_top.jpg),url(../img/quality_bg_btm.jpg),url(../img/quality_bg_rp.png);
  background-position: top center , bottom center , bottom center;
  background-repeat: no-repeat ,no-repeat, repeat-x;
}
.user {
  width: 1020px;
  margin: 40px auto 60px;
}
.compare {
  width: 1100px;
  margin: 60px auto;
}
.hiroshima {
  width: 1100px;
  margin: 60px auto 10px;
}
.cv-only {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}
.cv-only .cv-only-cry {
  position: absolute;
  top: 10px;
  right: 22px;
  z-index: 2;
}
.tel {
  width: 1000px;
  margin: 20px auto;
}
.dev {
  width: 1000px;
  margin: 52px auto 90px;
}
.faq {
  background-color: #eeeeee;
}
.faq h3 {
  background: url(../img/faq_ttl_bg.png) repeat-x top center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  height: 135px;
  box-sizing: border-box;
  text-align: center;
  padding-top: 23px;
}
.faq .faq-box {
  width: 970px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 30px 0 50px;
}
.faq .faq-box p {
  padding-bottom: 12px;
}
.faq p img {
}
.att {
  text-align: center;
  width:929px;
  margin: 44px auto;
}
.att p {
}
.att img {
}























/*-------------------------------------------
 footer
-----------------------------------------------*/
.footer-link {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
  width: 100%;
}
.footer-link li {
  display: inline-block;
  padding-left: .5em;
  font-size: 16px;
}
.footer-link li:after {
  content: "|";
  padding-left: .5em;
}
.footer-link li:last-child:after {
  content: "";
  padding-left: 0;
}
#copy {
  text-align: center;
  width: 100%;
  background-color: #123872;
  color: #fff;
  padding: 20px 0;
  font-size: 12px;
}