@charset "utf-8";


body {
    -webkit-text-size-adjust: 100%;
	background-image: url(../images/bg_header.jpg);
	background-repeat: repeat-x;
	font-family: "minion-pro", "Arial", "Microsoft YaHei", "微软雅黑", 'SimSun', sans-serif;
}
img{
     width: 100%;
     height: auto;
     display:block;
}
.fl {float: left;}
.fr {float: right;}

/* rollover制御用 */
img.rollover {
	width: auto;
}

/*PC*/
@media screen and (min-width:767px) {

  .pc {
	  display: block;
  }
  .sp {
	  display: none !important;
  }
  .h_menu,#sp_global_nav {
	  display:none;
  }

  /* header
  --------------------------*/
  #header {
	  margin: 0 auto;
	  width: 1030px;
	  height: 164px;
	  position: relative;
  }
  #header #logo {
	  width: 172px;
	  z-index: 100;
	  position: absolute;
	  left: 0;
	  top: 0;
  }
  #header #description {
	  width: 570px;
	  color: #fff;
	  font-size: 12px;
	  font-weight: normal;
	  text-align: right;
	  position: absolute;
	  right: 0;
	  top: 10px;
  }
  #header #btn_contact {
	  width: 167px;
	  position: absolute;
	  left: 318px;
	  top: 60px;
  }
  #header #btn_contact a {
	  background-color: #131629;
	  display: block;
	  padding: 10px 0;
	  width: 167px;
	  text-align: center;
	  line-height: 120%;
	  text-decoration: none;
  }
  #header #btn_contact a span {
	  background-image: url(../images/icon_contact.png);
	  background-repeat: no-repeat;
	  background-position: left center;
	  display: inline-block;
	  padding: 0 0 0 27px;
	  color: #fff;
	  font-size: 14px;
  }
  #header #btn_contact a:hover {
	  background-color: #666;
  }
  #header #btn_online-shop {
	  width: 165px;
	  border: 1px solid #000;
	  position: absolute;
	  left: 495px;
	  top: 60px;
  }
  #header #btn_online-shop a {
	  background-color: #fff;
	  display: block;
	  padding: 9px 0;
	  width: 165px;
	  text-align: center;
	  line-height: 120%;
	  text-decoration: none;
  }
  #header #btn_online-shop a span {
	  background-image: url(../images/icon_online_shop.png);
	  background-repeat: no-repeat;
	  background-position: left center;
	  display: inline-block;
	  padding: 0 0 0 27px;
	  color: #000;
	  font-size: 14px;
  }
  #header #btn_online-shop a:hover {
	  background-color: #eee;
  }
  #header #menu_info {
	  width: 190px;
	  position: absolute;
	  left: 682px;
	  top: 70px;
  }
  #header #menu_info li {
	  background-image: url(../images/icon01.png);
	  background-repeat: no-repeat;
	  background-position: left center;
	  float: left;
	  padding: 0 16px 0 13px;
  }
  #header #menu_info li a {
	  color: #9e9e9e;
	  font-size: 13px;
	  text-decoration: none;
  }
  #header #menu_info li a:hover {
	  text-decoration: underline;
  }
  #header #menu_language {
	  width: auto;
	  text-align: right;
	  letter-spacing: -.40em;
	  border-bottom: 2px solid #000000;
	  position: absolute;
	  right: 0;
	  top: 67px;
  }
  #header #menu_language li {
	  display: inline-block;
	  margin: 0 0 0 10px;
	  letter-spacing: normal;
  }
  #header #menu_language li:first-of-type {
	  margin: 0;
  }
  #header #menu_language li span {
	  display: inline-block;
	  padding: 0 0 0 10px;
  }
  #header #menu_language li a {
	  color: #484848;
	  font-size: 13px;
	  text-decoration: none;
  }
  #header #menu_language li a:hover {
	  background-color: #DFDFDF;
  }
  #header #menu_header {
	  width: auto;
	  text-align: right;
	  letter-spacing: -.40em;
	  position: absolute;
	  right: 0;
	  top: 118px;
  }
  #header #menu_header li {
	  display: inline-block;
	  margin: 0 0 0 15px;
	  letter-spacing: normal;
  }
  #header #menu_header li span {
	  display: inline-block;
	  padding: 0 0 0 27px;
  }
  #header #menu_header li a {
	  color: #000;
	  font-size: 16px;
	  text-decoration: none;
  }
  #header #menu_header li a:hover {
	  text-decoration: underline;
  }

  /* wrapper
  --------------------------*/
  #wrapper {
	   margin: 0 auto;
	   width: 100%;
  }
  #content {
	  margin: 0 auto;
	   width: 100%;
  }

  /* footer
  --------------------------*/
  #footer {
	  clear: both;
	  background-image: url(../images/footer_bg01.jpg);
	  background-repeat: repeat-x;
	  background-position: center top;
	  margin: 0 auto;
	  width: 100%;
	  height: 687px;
	  position: relative;
  }
  #footer .footer_img {
	  width: 30%;
	  max-width: 576px;
	  position: absolute;
	  right: 0;
	  bottom: 210px;
  }
  #footer #footer_inner {
	  margin: 0 auto;
	  padding: 80px 0 0;
	  width: 1030px;
	  position: relative;
  }
  #footer #footer_inner .page_top {
	  width: 100%;
	  position: absolute;
	  left: 0;
	  top: -57px;
  }
  #footer #footer_inner .page_top span {
	  background-image: url(../images/bg_pagetop.png);
	  background-repeat: no-repeat;
	  display: block;
	  margin: 0 auto;
	  width: 167px;
	  height: 57px;
	  text-align: center;
  }
  #footer #footer_inner .page_top span a {
	  display: block;
	  padding: 34px 0 0;
	  color: #fff;
	  font-size: 14px;
	  text-decoration: none;
  }
  #footer #footer_inner .page_top span a:hover {
	  text-decoration: underline;
  }
  #footer #footer_inner .menu_area {
	  margin: 0 auto;
	  width: 1030px;
	  height: 397px;
  }
  #footer #footer_inner .menu_area .btn_list {
	  padding: 0 0 78px;
  }
  #footer #footer_inner .menu_area .btn_list li {
	  float: left;
	  margin-right: 26px;
	  width: 232px;
  }
  #footer #footer_inner .menu_area .btn_list li a {
	  display: block;
	  padding: 10px 0;
	  width: 230px;
	  color: #fff;
	  text-align: center;
	  line-height: 120%;
	  text-decoration: none;
	  border: 1px solid #fff;
  }
  #footer #footer_inner .menu_area .btn_list li a span {
	  background-repeat: no-repeat;
	  background-position: left center;
	  display: inline-block;
	  padding: 0 0 0 27px;
	  color: #fff;
	  font-size: 16px;
  }
  #footer #footer_inner .menu_area .btn_list li a span.type01 {
	  background-image: url(../images/icon_contact.png);
  }
  #footer #footer_inner .menu_area .btn_list li a span.type02 {
	  background-image: url(../images/icon03.png);
  }
  #footer #footer_inner .menu_area .btn_list li a span.type03 {
	  background-image: url(../images/icon04.png);
  }
  #footer #footer_inner .menu_area .btn_list li a:hover {
	  background-color: #666;
  }
  #footer #footer_inner .menu_area .list_sitemap {
	  clear: both;
  }
  #footer #footer_inner .menu_area .list_sitemap ul {
	  float: left;
  }
  #footer #footer_inner .menu_area .list_sitemap ul.menu01 {
	  width: 235px;
  }
  #footer #footer_inner .menu_area .list_sitemap ul.menu02 {
	  width: 200px;
  }
  #footer #footer_inner .menu_area .list_sitemap ul.menu03 {
	  width: 249px;
  }
  #footer #footer_inner .menu_area .list_sitemap li {
	  background-image: url(../images/icon05.png);
	  background-repeat: no-repeat;
	  background-position: left center;
	  margin-bottom: 15px;
	  padding: 0 0 0 18px;
	  line-height: 100%;
  }
  #footer #footer_inner .menu_area .list_sitemap li.icon-no {
	  background-image: none;
  }
  #footer #footer_inner .menu_area .list_sitemap li.under {
	  background-image: url(../images/icon06.png);
	  background-repeat: no-repeat;
	  background-position: 31px center;
	  padding: 0 0 0 48px;
  }
  #footer #footer_inner .menu_area .list_sitemap li a {
	  color: #fff;
	  font-size: 13px;
	  text-decoration: none;
  }
  #footer #footer_inner .menu_area .list_sitemap li a:hover {
	  text-decoration: underline;
  }
  #footer #footer_inner .box_info {
	  padding: 28px 0 0 201px;
	  height: 93px;
	  clear: both;
  }
  #footer #footer_inner .box_info .footer_logo {
	  float: left;
	  width: 260px;
  }
  #footer #footer_inner .box_info .footer_add {
	  float: left;
	  padding: 14px 0 0 34px;
	  width: 393px;
	  font-size: 14px;
	  line-height: 178%;
  }
  #footer #footer_inner .copyright {
	  margin: 0 auto;
	  padding: 35px 0 0;
	  width: 100%;
	  color: #8d8d8d;
	  font-size: 11px;
	  text-align: center;
	  letter-spacing: 0.1em;
	  clear: both;
  }
}

/*sp*/
@media screen and (max-width:767px) {
	.pc {
		display: none !important;
	}
	.sp {
		display: block;
	}
	img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
	.fl {float: none;}
	.fr {float: none;}

	body {
		background: none;
	}

	/*SP用メニュー*/
	p.h_menu {
		display: table-cell;
		text-align: center;
		vertical-align: top;
		margin: 0;
		padding: 0;
		height: 23.9%;
	}
	p.h_menu img {
		display: inline;
	}
	nav#sp_global_nav {
		z-index: 99999;
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		display: none;
		background: url(../images/bg_menu_sp.png) repeat;
	}
	nav#sp_global_nav .sp_nav_innner {
		z-index: 99999;
		position: fixed;
		top: 0;
		right: 0;
		width: 45%;
		min-width: 280px;
		height: 100%;
		background: #131629;
		overflow-y: scroll;
		padding: 5% 3% 9.37% 3%;
		box-sizing: border-box;
	}
	nav#sp_global_nav .list {
		border-top: 1px solid #212534;
	}
	nav#sp_global_nav .list li {
		border-bottom: 1px solid #212534;
	}
	nav#sp_global_nav .list li a {
		background: url(../images/icon05.png) no-repeat left center;
		color: #fff;
		font-size: 16px;
		text-decoration: none;
		padding: 12% 0 12% 5%;
		display: block;
	}
	nav#sp_global_nav .list li.under a {
		background: url(../images/icon06.png) no-repeat 6% center;
		padding: 12% 0 12% 10%;
	}
	nav#sp_global_nav .closebtn {
		margin: 0 0 20%;
		text-align: right;
		color: #fff;
		font-size: 36px;
		font-weight: 700;
	}
	nav#sp_global_nav .list_lang {
		/* 中国語ありの場合　margin: 0 0 10% 25%;*/
		margin: 0 0 10% 55%;
		padding: 0 0 4%;
		border-bottom: 2px solid #fff;
		overflow: hidden;
	}
	nav#sp_global_nav .list_lang li {
		float: left;
		/* 中国語ありの場合　width: 50%;*/
		width: 100%;
		color: #fff;
		text-align: center;
	}
	nav#sp_global_nav .list_lang li a {
		font-family: "minion-pro", "times new roman", "ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "游明朝", Yu Mincho, "游明朝体", YuMincho, "ＭＳ Ｐ明朝", MS PMincho, serif;
		color: #fff;
		font-size: 16px;
		text-decoration: none;
		margin: 0 3%;
		padding: 12% 0;
		display: inline-block;
	}
	nav#sp_global_nav .online {
		margin: 0 auto 20%;
		width: 98%;
	}

	/* header
	--------------------------*/
	#header {
		display: table;
		margin: 0 auto;
		padding: 0;
		width: 100%;
		height: auto;
		line-height: 0;
	}
	#header #logo {
		display: table-cell;
		text-align: left;
		vertical-align: top;
		margin: 0;
		padding: 0;
		height: 23.9%;
	}
	#header #logo a {
		display: inline-block;
	}
	#header #logo img.sp {
		display: inline-block;
	}
	#header #description {
		display: none;
	}
	#header #btn_contact {
		display: table-cell;
		text-align: right;
		vertical-align: top;
		margin: 0;
		padding: 0;
		height: 23.9%;
	}
	#header #btn_contact a {
		display: inline-block;
		background-color: #131629;
		padding: 0;
		text-decoration: none;
	}
	#header #btn_contact a span {
		display: none;
	}
	#header #btn_contact a:hover {
		background-color: #666;
	}
	#header #btn_contact a img {
		display: inline-block;
	}
	#header #btn_online-shop {
		display: none;
	}
	#header #menu_info {
		display: none;
	}
	#header #menu_language {
		display: none;
	}
	#header #menu_header {
		display: none;
	}

	/* footer
	--------------------------*/
	#footer {
		background-image: url(../images/footer_bg01.jpg);
		background-repeat: repeat-x;
		background-position: center bottom;
		margin: 0 auto;
		width: 100%;
	}
	#footer .footer_img {
		display: none;
	}
	#footer #footer_inner {
		position: relative;
		margin: 0 auto;
		padding: 6vw 0 0;
		width: 100%;
		background-color: #090b1e;
	}
	#footer #footer_inner .page_top {
		width: 100%;
		position: absolute;
		left: 0;
		top: -57px;
	}
	#footer #footer_inner .page_top span {
		background-image: url(../images/bg_pagetop.png);
		background-repeat: no-repeat;
		display: block;
		margin: 0 auto;
		width: 167px;
		height: 57px;
		text-align: center;
	}
	#footer #footer_inner .page_top span a {
		display: block;
		padding: 20% 0 0;
		color: #fff;
		font-size: 14px;
		text-decoration: none;
	}
	#footer #footer_inner .page_top span a:hover {
		text-decoration: underline;
	}
	#footer #footer_inner .menu_area {
		margin: 0 auto;
		background: url(../images/footer_bg02.png) no-repeat bottom right;
		background-size: 70%;
		width: 100%;
		height: auto;
	}
	#footer #footer_inner .menu_area .btn_list {
		padding: 0 0 6vw;
	}
	#footer #footer_inner .menu_area .btn_list li {
		float: left;
		margin: 0;
		width: 50%;
	}
	#footer #footer_inner .menu_area .btn_list li a {
		display: block;
		margin: 0 3% 10px;
		padding: 10px 0;
		width: 94%;
		color: #fff;
		text-align: center;
		line-height: 120%;
		text-decoration: none;
		border: 1px solid #fff;
	}
	#footer #footer_inner .menu_area .btn_list li a span {
		background-repeat: no-repeat;
		background-position: left center;
		display: inline-block;
		padding: 0 0 0 27px;
		color: #fff;
		font-size: 16px;
	}
	#footer #footer_inner .menu_area .btn_list li:nth-of-type(3) {
		clear: both;
		width: 100%;
	}
	#footer #footer_inner .menu_area .btn_list li:nth-of-type(3) a {
		margin: 0 auto 10px;
		width: 97%;
	}
	#footer #footer_inner .menu_area .btn_list li a span {
		padding: 0 0 0 19px;
		font-size: 14px;
	}
	#footer #footer_inner .menu_area .btn_list li a span.type01 {
		background-image: url(../images/icon_contact.png);
	}
	#footer #footer_inner .menu_area .btn_list li a span.type02 {
		background-image: url(../images/icon03.png);
	}
	#footer #footer_inner .menu_area .btn_list li a span.type03 {
		background-image: url(../images/icon04.png);
	}
	#footer #footer_inner .menu_area .btn_list li a:hover {
		background-color: #666;
	}
	#footer #footer_inner .menu_area .list_sitemap {
		overflow: hidden;
		clear: both;
	}
	#footer #footer_inner .menu_area .list_sitemap ul {
		margin: 0 auto;
	}
	#footer #footer_inner .menu_area .list_sitemap ul.menu01,
	#footer #footer_inner .menu_area .list_sitemap ul.menu02,
	#footer #footer_inner .menu_area .list_sitemap ul.menu03,
	#footer #footer_inner .menu_area .list_sitemap ul.menu04 {
		width: 100%;
	}
	#footer #footer_inner .menu_area .list_sitemap li {
		display: table;
		width: 100%;
		background-image: url(../images/icon05.png);
		background-repeat: no-repeat;
		background-position: 5vw center;
		margin-bottom: 0;
		padding: 4vw 0 4vw 8vw;
		line-height: 100%;
		border-top: #1C1F2E 1px solid;
	}
	#footer #footer_inner .menu_area .list_sitemap li.icon-no {
		display: none;
	}
	#footer #footer_inner .menu_area .list_sitemap li.under {
		background-image: url(../images/icon06.png);
		background-repeat: no-repeat;
		background-position: 8vw center;
		padding: 4vw 0 4vw 11vw;
	}
	#footer #footer_inner .menu_area .list_sitemap li.space {
		margin-bottom: 0;
	}
	#footer #footer_inner .menu_area .list_sitemap li a {
		display: block;
		color: #fff;
		font-size: 13px;
		text-decoration: none;
	}
	#footer #footer_inner .menu_area .list_sitemap li a:hover {
		text-decoration: underline;
	}
	#footer #footer_inner .box_info {
		background-image: url(../images/footer_bg01_sp.jpg);
		padding: 8vw 0;
	}
	#footer #footer_inner .box_info .footer_logo {
		margin: 0 auto;
	}
	#footer #footer_inner .box_info .footer_logo img {
		margin: 0 auto;
	}
	#footer #footer_inner .box_info .footer_add {
		margin: 0 auto;
		padding: 2vw 0 0 4vw;
		width: 340px;
		font-size: 14px;
		line-height: 178%;
	}
	#footer #footer_inner .copyright {
		margin: 0 auto;
		padding: 4vw 0;
		width: 100%;
		color: #8d8d8d;
		font-size: 11px;
		text-align: center;
		letter-spacing: 0.1em;
		clear: both;
	}
}
@media screen and (max-width:400px) {
	#footer #footer_inner .menu_area .btn_list li {
		float: none;
		width: 100%;
	}
	#footer #footer_inner .menu_area .btn_list li:nth-of-type(3) a {
		margin: 0 auto 10px;
		width: 94%;
	}
	#footer #footer_inner .box_info .footer_add {
		padding: 2vw 0 0 0;
		width: 95%;
	}
}