@charset "UTF-8";
/* CSS Document */
/*--------------------------------------
　BASE
---------------------------------------*/
* {
  margin: 0;
  padding: 0;
}

html {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  color: #666;
}

ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  border: none;
}

a {
  color: #666;
  text-decoration: none;
}

a:hover {
  color: #7b59a2;
  text-decoration: underline;
}

a:hover img.filter {
  filter: Alpha(Opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70;
}

a img.filter {
  filter: Alpha(Opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
}

h1 {
  font-size: 11px;
  color: #fff;
  font-weight: normal;
  padding: 3px 0 0 0;
}

h2, h3, h4 {
  font-size: 14px;
  color: #666;
  font-weight: normal;
}

#pankuzu {
  position: absolute;
  top: 6px;
  left: 50px;
  padding: 0 0 15px 0;
  z-index: 12;
}

#pankuzu a {
  color: #7b59a2;
  text-decoration: underline;
}

#pankuzu a:hover {
  color: #7b59a2;
  text-decoration: none;
}

span.pink a {
  color: #C14A95;
  text-decoration: underline;
}

span.pink a:hover {
  color: #C14A95;
  text-decoration: none;
}

/*--------------------------------------
　大枠囲み
---------------------------------------*/
#container {
  margin: 0 auto;
  width: 100%;
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}

#contents, #contents_top {
  width: 100%;
}

#wrap {
  width: 100%;
  margin: 0 auto;
}

#wrapper {
  margin: 0 auto;
  width: 900px;
  position: relative;
}

#wrapper_top {
  margin: 0 auto;
  width: 900px;
}

#wrapper2 {
  margin: 0 auto;
  width: 900px;
  position: relative;
  padding: 30px 0 0 0;
}

/*--------------------------------------
　header
---------------------------------------*/
#header {
  margin: 0;
  padding: 0;
  width: 100%;
}

#head {
  background: url(../images/head_bg.png) repeat-x 0 0;
  width: 100%;
  height: 30px;
  z-index: 10;
}

#head_area {
  background: url(../images/head_center_bg.gif) no-repeat 50% -5px;
  height: 160px;
  z-index: 1;
  margin: -7px auto 0 auto;
  width: 100%;
}

#logo {
  position: absolute;
  top: 42px;
  left: 0;
}

#media_btn {
  position: absolute;
  top: 75px;
  right: 0;
}

/*--------------------------------------
　メニュー
---------------------------------------*/
ul#menu {
  width: 900px;
  height: 48px;
  z-index: 20;
  position: absolute;
  top: 107px;
  left: 0;
}

ul#menu li {
  float: left;
}

ul#menu li a {
  line-height: 48px;
  display: block;
  text-indent: -9999px;
}

li#menu01 {
  width: 182px;
  display: block;
  position: relative;
  overflow: hidden;
}

li#menu01 a {
  background: url(../images/gmenu.gif) no-repeat 0 0;
}

li#menu01 a:hover {
  background-position: 0px -48px;
}

li#menu02 {
  width: 155px;
  display: block;
  position: relative;
  overflow: hidden;
}

li#menu02 a {
  background: url(../images/gmenu.gif) no-repeat -181px 0;
}

li#menu02 a:hover {
  background-position: -181px -48px;
}

li#menu03 {
  width: 170px;
  position: relative;
  overflow: hidden;
}

li#menu03 a {
  background: url(../images/gmenu.gif) no-repeat -339px 0;
}

li#menu03 a:hover {
  background-position: -339px -48px;
}

li#menu04 {
  width: 103px;
  display: block;
  position: relative;
  overflow: hidden;
}

li#menu04 a {
  background: url(../images/gmenu.gif) no-repeat -508px 0;
}

li#menu04 a:hover {
  background-position: -508px -48px;
}

li#menu05 {
  width: 136px;
  display: block;
  position: relative;
  overflow: hidden;
}

li#menu05 a {
  background: url(../images/gmenu.gif) no-repeat -609px 0px;
}

li#menu05 a:hover {
  background-position: -609px -48px;
}

li#menu06 {
  width: 154px;
  display: block;
  position: relative;
  overflow: hidden;
}

li#menu06 a {
  background: url(../images/gmenu.gif) no-repeat -745px 0px;
}

li#menu06 a:hover {
  background-position: -745px -48px;
}

/*--------------------------------------
　フッター
---------------------------------------*/
#footer {
  clear: both;
  background: url(../images/foot_bg.gif) repeat-x 0 0;
  width: 100%;
  height: 140px;
  padding: 20px 0 0 0;
  bottom: 0;
  margin: 50px 0 0 0;
}

#foot_box1 dl {
  margin: 0 auto 10px;
  text-align: center;
}

#foot_box1 dd {
  background: url(../images/arrow.gif) no-repeat 0 2px;
  display: inline;
  margin: 0 6px 0 0;
  padding: 0 0 0 8px;
}

#foot_box2 dl {
  width: 770px;
  margin: 0 auto 10px;
  text-align: center;
}

#foot_box2 dd {
  background: url(../images/arrow.gif) no-repeat 0 2px;
  display: inline;
  margin: 0 6px 0 0;
  padding: 0 0 0 8px;
}

#foot_box3 dl {
  width: 240px;
  margin: 0 auto;
  text-align: center;
}

#foot_box3 dd {
  background: url(../images/arrow.gif) no-repeat 0 2px;
  display: inline;
  margin: 0 6px 0 0;
  padding: 0 0 0 8px;
}

#foot_border {
  margin: 25px 0 10px 0;
}

#copy {
  clear: both;
  text-align: center;
  font-size: 10px;
}

/*=====================================================
	fontello
=====================================================*/
@font-face {
  font-family: "icons";
  src: url(/aisare/font/fontello.eot);
  src: url(/aisare/font/fontello.eot#iefix) format("embedded-opentype"), url(/aisare/font/fontello.woff) format("woff"), url(/aisare/font/fontello.ttf) format("truetype"), url(/aisare/font/fontello.svg#fontello) format("svg");
}

/*--------------------------------------
　スライダー
---------------------------------------*/
#slider {
  width: 900px;
  margin: 0 auto 4px;
}

/*--------------------------------------
　コンテンツ
---------------------------------------*/
#contents_menu {
  margin: 0 auto;
  background: url(../images/contents_menu_bg.gif) no-repeat 50% 0;
  width: 100%;
  /*height:264px;*/
  position: relative;
}

ul#topmenu {
  width: 900px;
  height: 264px;
  /*padding-bottom: 30px;*/
  z-index: 20;
  /*position:absolute;*/
  /*top:0;*/
  /*left:0;*/
}

ul#topmenu li {
  float: left;
  display: block;
  position: relative;
  overflow: hidden;
}

ul#topmenu li a {
  line-height: 245px;
  display: block;
  background: url(../images/contents_menu.jpg) no-repeat 0 0;
  text-indent: -9999px;
}

ul#topmenu li a:hover {
  filter: Alpha(Opacity=80);
  -moz-opacity: 0.80;
  opacity: 0.80;
}

ul#topmenu li#menu001 {
  width: 178px;
}

ul#topmenu li#menu001 a {
  background-position: 0px 0px;
}

ul#topmenu li#menu002 {
  width: 182px;
}

ul#topmenu li#menu002 a {
  background-position: -178px 0px;
}

ul#topmenu li#menu003 {
  width: 182px;
}

ul#topmenu li#menu003 a {
  background-position: -360px 0px;
}

ul#topmenu li#menu004 {
  width: 176px;
}

ul#topmenu li#menu004 a {
  background-position: -542px 0px;
}

ul#topmenu li#menu005 {
  width: 176px;
}

ul#topmenu li#menu005 a {
  background-position: -718px 0px;
}

ul#topmenu li#social {
  padding-top: 20px;
  width: 178px;
  height: 215px;
  background: url(../images/contents_menu.jpg) no-repeat 0 0;
  text-align: center;
  overflow: visible;
}

ul#topmenu li#social > div {
  display: block;
  margin-top: 10px !important;
}

div#socialBtn {
  /*position: absolute;*/
  /*bottom: 0;*/
  text-align: center;
  min-height: 26px;
  margin-bottom: 10px;
}

div#socialBtn > div {
  vertical-align: top;
  margin: 0 10px;
  display: inline-block !important;
}

#infomation {
  clear: both;
  position: relative;
  background: url(../images/info_bg.jpg) repeat-x 0 0;
  height: 300px;
  width: 100%;
  padding: 35px 0 0 0;
}

#info_box {
  margin: 0 20px 0 0;
  width: 524px;
  float: left;
}

#info_area {
  width: 524px;
  height: 190px;
  overflow: scroll;
}

#info_title {
  margin: 0 0 35px 0;
  /*background:url(../images/info_title.gif) no-repeat 0 0;*/
  width: 95px;
  height: 12px;
  display: block;
}

#info_area {
  height: 190px;
  overflow: scroll;
}

#info {
  clear: both;
  border-bottom: 2px #eee solid;
  padding: 0 0 15px 0;
  margin: 0 15px 15px 0;
  overflow: hidden;
  width: 100%;
}

#info .lft {
  display: table-cell;
  padding-right: 10px;
  width: 115px;
}

#info .lft p.ymd {
  color: #7b59a2;
}

#info .lft p.new {
  color: #c11920;
}

#info span.text {
  display: table-cell;
  width: 410px;
}

/*--------------------------------------
　root
---------------------------------------*/
#main_visual {
  background: url(../images/main_visual_bg.gif) no-repeat 50% 0;
  width: 100%;
  height: 328px;
  margin: 0 auto;
  position: relative;
}

#main_img {
  z-index: 2;
  width: 900px;
  margin: 0 auto;
}

#base_bg_top {
  margin: 0 0 50px 0;
}

#base_bg_top #head {
  background: url(../images/base_head.gif) no-repeat 0 0;
  height: 10px;
}

#base_bg_top #bg {
  padding: 23px 0;
  background: url(../images/base_bg.gif) repeat-y 0 0;
}

#base_bg_top #foot {
  background: url(../images/base_foot.gif) no-repeat 0 0;
  height: 10px;
}

/*--------------------------------------
　product01
---------------------------------------*/
#base_bg {
  margin: 0 0 50px 0;
  padding: 0;
  position: relative;
}

#base_bg #head {
  background: url(../images/base_head.gif) no-repeat 0 0;
  height: 10px;
}

#base_bg #bg {
  padding: 23px 0;
  background: url(../images/base_bg.gif) repeat-y 0 0;
  width: 100%;
  overflow: hidden;
}

#base_bg #foot {
  background: url(../images/base_foot.gif) no-repeat 0 0;
  height: 10px;
}

#base_bg h2#p01 {
  background: url(../images/p01_h2.gif) no-repeat 50% 0;
  height: 63px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
}

#base_bg h3#p02 {
  background: url(../images/p01_h3.gif) no-repeat 50% 0;
  height: 64px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
}

#base_bg h4#p03 {
  background: url(../images/p01_h4.gif) no-repeat 50% 0;
  height: 51px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
}

#base_bg #p04 {
  width: 776px;
  margin: 25px auto 0;
  position: relative;
  min-height: 200px;
}

#base_bg #p04 p {
  width: 520px;
  font-size: 14px;
}

#base_bg #p04 p em {
  color: #f00;
  font-style: normal;
}

span.chushaku {
  font-size: 12px;
  margin: 25px 0 0 0;
}

#base_bg #p05 {
  margin-top: 10px;
  text-align: center;
}

#product_buy_btn {
  margin: 20px auto 45px;
  width: 391px;
}

#base_bg #p06 {
  background: url(../images/p01_6.gif) no-repeat 50% 0;
  height: 442px;
  width: 816px;
  margin: 0 auto;
  position: relative;
}

#base_bg #p06 p.how {
  font-size: 14px;
  position: absolute;
  top: 210px;
  left: 18px;
}

#base_bg #p06 p.con {
  position: absolute;
  bottom: 25px;
  left: 10px;
  line-height: 1.5;
}

#base_bg #p06 p span.title {
  font-weight: bold;
  color: #7b59a2;
}

.product_p_linehight {
  line-height: 1.6;
}

span.chushaku-price {
  font-size: 12px;
  line-height: 3.8;
  /*margin:45px 0 0 0;*/
}

#base_bg #p07 {
  text-align: center;
}

#base_bg #productp01 {
  position: absolute;
  top: 85px;
  right: 60px;
}

/*--------------------------------------
　product02
---------------------------------------*/
#base_bg h2#p01_02 {
  background: url(../images/p02_h2.gif) no-repeat 50% 0;
  height: 63px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
}

#base_bg h3#p02_02 {
  background: url(../images/p02_h3.gif) no-repeat 50% 0;
  height: 64px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
}

#base_bg h4#p03_02 {
  background: url(../images/p02_h4.gif) no-repeat 50% 0;
  height: 51px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
}

#base_bg #p04_02 {
  width: 776px;
  margin: 25px auto 0;
  position: relative;
  min-height: 200px;
}

#base_bg #p04_02 p {
  width: 520px;
  font-size: 14px;
}

#base_bg #p04_02 p em {
  color: #f00;
  font-style: normal;
}

span.chushaku {
  font-size: 12px;
  margin: 25px 0 0 0;
}

#base_bg #p05_02 {
  text-align: center;
  margin-top: 10px;
}

#product_buy_btn {
  margin: 20px auto 45px;
  width: 391px;
}

#base_bg #p06_02 {
  background: url(../images/p02_6.gif) no-repeat 50% 0;
  height: 442px;
  width: 816px;
  margin: 0 auto;
  position: relative;
}

#base_bg #p06_02 p.how {
  font-size: 14px;
  position: absolute;
  top: 210px;
  left: 18px;
}

#base_bg #p06_02 p.con {
  position: absolute;
  bottom: 25px;
  left: 10px;
  lineheight: 1.5;
}

#base_bg #p06_02 p span.title {
  font-weight: bold;
  color: #7b59a2;
}

#base_bg #p07_02 {
  text-align: center;
}

#base_bg #productp02 {
  position: absolute;
  top: 85px;
  right: 0px;
}

#base_bg #productp02 img {
  max-width: 330px;
}

/*--------------------------------------
　product03
---------------------------------------*/
#base_bg h2#p01_03 {
  background: url(../images/p03_h2.gif) no-repeat 50% 0;
  height: 63px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
}

#base_bg h3#p02_03 {
  background: url(../images/p03_h3.gif) no-repeat 50% 0;
  height: 64px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
}

#base_bg h4#p03_03 {
  background: url(../images/p03_h4.gif) no-repeat 50% 0;
  height: 51px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
}

#base_bg #p04_03 {
  height: 128px;
  width: 816px;
  margin: 25px auto 0;
  position: relative;
}

#base_bg #p04_03 > p {
  width: 420px;
}

#base_bg #p04_03 p {
  font-size: 14px;
  position: absolute;
  top: 20px;
  left: 20px;
}

span.chushaku {
  font-size: 12px;
  margin: 25px 0 0 0;
}

#base_bg #p05_03 {
  background: url(../images/p03_5.gif) no-repeat 50% 0;
  height: 801px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
}

#product_buy_btn {
  margin: 20px auto 45px;
  width: 391px;
}

#base_bg #p06_03 {
  background: url(../images/p03_6.gif) no-repeat 50% 0;
  height: 442px;
  width: 816px;
  margin: 0 auto;
  position: relative;
}

#base_bg #p06_03 p.how {
  font-size: 14px;
  position: absolute;
  top: 237px;
  left: 18px;
}

#base_bg #p06_03 p.con {
  position: absolute;
  bottom: 25px;
  left: 10px;
  line-height: 1.5;
}

#base_bg #p06_03 p span.title {
  font-weight: bold;
  color: #7b59a2;
}

#base_bg #productp03 {
  position: absolute;
  top: 45px;
  right: 30px;
}

/*--------------------------------------
　product04
---------------------------------------*/
#base_bg h2#p01_04 {
  background: url(../images/p04_h2.gif) no-repeat 50% 0;
  height: 63px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
}

#base_bg h3#p02_04 {
  background: url(../images/p04_h3.gif) no-repeat 50% 0;
  height: 54px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
}

#base_bg h4#p03_04 {
  background: url(../images/p04_h4.gif) no-repeat 50% 0;
  height: 51px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
}

#base_bg #p04_04 {
  height: 180px;
  width: 816px;
  margin: 0 auto;
  position: relative;
}

#base_bg #p04_04 > p {
  width: 450px;
}

#base_bg #p04_04 p {
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 20px;
  line-height: 1.6;
}

span.chushaku {
  font-size: 12px;
  margin: 25px 0 0 0;
}

#base_bg #p05_04 {
  background: url(../images/p04_5.png) no-repeat 50% 0;
  height: 625px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
}

#product_buy_btn {
  margin: 20px auto 45px;
  width: 391px;
}

#base_bg #p06_04 {
  background: url(../images/p04_6.gif) no-repeat 50% 0;
  height: 322px;
  width: 786px;
  margin: 0 auto;
  position: relative;
}

#base_bg #p06_04 #left {
  position: absolute;
  top: 0;
  left: 18px;
}

#base_bg #p06_04 #right {
  position: absolute;
  top: 0;
  right: 18px;
}

#base_bg #p06_04 span.title {
  font-size: 14px;
  font-weight: bold;
  color: #7b59a2;
}

#bg #p04box1 {
  width: 371px;
  background: url(../images/p04_border.gif) no-repeat 0 100%;
  padding: 0 0 5px 0;
  margin: 0 0 8px 0;
}

#bg #p04box2 {
  font-size: 14px;
  width: 371px;
  background: url(../images/p04_border.gif) no-repeat 0 100%;
  padding: 0;
  margin: 0 0 18px 0;
  height: 100px;
}

#bg #p04box2:not(:target) {
  font-size: 14px;
  width: 371px;
  background: url(../images/p04_border.gif) no-repeat 0 100% \9;
  padding: 0;
  margin: 0 0 18px 0;
  height: 100px;
  line-height: 1.6;
}

#bg #p04box3 {
  position: absolute;
  top: 172px;
  left: 0;
  line-height: 1.6;
  width: 383px;
  background: url(../images/p04_border.gif) no-repeat 0 100%;
  padding: 0 0 18px 0;
  margin: 0;
}

#base_bg #pleft {
  float: left;
  margin: 0 40px 0 0;
}

#base_bg #pright {
  float: left;
  position: relative;
}

#base_bg #productp04 {
  position: absolute;
  top: 75px;
  right: 30px;
}

#base_bg #productp04 img {
  max-width: 390px;
}

/*--------------------------------------
　product05
---------------------------------------*/
#base_bg h2#p01_05 {
  background: url(../images/p05_h2.gif) no-repeat 50% 0;
  height: 63px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
  margin-top: -12px;
}

#base_bg h3#p02_05 {
  background: url(../images/p05_h3.gif) no-repeat 50% 0;
  height: 64px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
}

#base_bg h4#p03_05 {
  background: url(../images/p05_h4.gif) no-repeat 50% 0;
  height: 51px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
}

#base_bg #p04_05 {
  height: 185px;
  width: 816px;
  margin: 20px auto 0;
  position: relative;
}

#base_bg #p04_05 p {
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: 20px;
  width: 520px;
}

#base_bg #p05_05 {
  background: url(../images/p05_5.gif) no-repeat 50% 0;
  height: 369px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
}

#base_bg #p06_05 {
  background: url(../images/p05_6.gif) no-repeat 50% 0;
  height: 440px;
  width: 816px;
  margin: 0 auto;
  position: relative;
}

#base_bg #p06_05 p.how {
  border-top: 2px solid #cdbfdc;
  padding: 20px 0;
  font-size: 14px;
  position: absolute;
  top: 252px;
  left: 17px;
  width: 463px;
}

#base_bg #p06_05 p.con {
  border-top: 2px solid #cdbfdc;
  border-bottom: 2px solid #cdbfdc;
  padding: 20px 0;
  position: absolute;
  top: 351px;
  left: 17px;
  width: 783px;
  line-height: 1.5;
}

#base_bg #p06_05 p span.title {
  font-weight: bold;
  color: #7b59a2;
}

#base_bg #productp05 {
  position: absolute;
  top: 86px;
  right: 30px;
}

#base_bg #productp05 img {
  max-width: 270px;
}

/*--------------------------------------
　product06
---------------------------------------*/
#base_bg h2#p01_06 {
  background: url(../images/p06_h2.gif) no-repeat 50% 0;
  height: 63px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
  margin-top: -12px;
}

#base_bg h3#p02_06 {
  background: url(../images/p06_h3.gif) no-repeat 50% 0;
  height: 64px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
}

#base_bg h4#p03_06 {
  background: url(../images/p06_h4.gif) no-repeat 50% 0;
  height: 79px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
}

#base_bg #p04_06 {
  height: 173px;
  width: 816px;
  margin: 25px auto 0;
  position: relative;
}

#base_bg #p04_06 > p {
  font-size: 14px;
  position: absolute;
  top: 20px;
  left: 20px;
}

#base_bg #p05_06 {
  background: url(../images/p06_5.gif) no-repeat 50% 0;
  height: 289px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
}

#base_bg #p06_06 {
  background: url(../images/p06_6.gif) no-repeat 50% 0;
  height: 448px;
  width: 816px;
  margin: 0 auto;
  position: relative;
}

#base_bg #p06_06 p.how {
  font-size: 14px;
  position: absolute;
  top: 250px;
  left: 18px;
}

#base_bg #p06_06 p.con {
  position: absolute;
  top: 350px;
  left: 20px;
  width: 600px;
  line-height: 1.5;
}

#base_bg #p06_06 p span.title {
  font-weight: bold;
  color: #7b59a2;
}

#base_bg .brazillian {
  margin: 30px auto 40px;
  width: 740px;
  border: 5px solid #c7bad5;
  text-align: center;
  padding: 0 20px 40px;
}

#base_bg .brazillian > h3 {
  margin: -40px 0 20px;
}

#base_bg #productp06 {
  position: absolute;
  top: 75px;
  right: 60px;
}

/*--------------------------------------
　howto
---------------------------------------*/
body#h li#menu01 {
  width: 182px;
  display: block;
}

body#h li#menu01 a {
  background: url(../images/gmenu.gif) no-repeat 0px -48px;
}

body#h li#menu01 a:hover {
  background-position: 0px -48px;
}

#how01 {
  background: url(../images/how01.gif) no-repeat 0 0;
  margin: 0 auto;
  width: 816px;
  height: 555px;
}

#how02 {
  background: url(../images/how02.gif) no-repeat 0 0;
  margin: 0 auto;
  width: 816px;
  height: 369px;
}

/*#how03{
	background:url(../images/how03.gif) no-repeat 0 0;
	margin: 0 auto;
	width: 816px;
	height:647px;
	position:relative;
	}

#how03 img {
	position:absolute;
	top:70px;
	left:-40px;
	}*/
#how03 {
  background: url(../images/how03.gif) no-repeat 0 0;
  margin: 0 auto;
  width: 816px;
  height: 647px;
  position: relative;
}

#how_lady {
  position: absolute;
  top: 70px;
  left: -40px;
}

#how03 #slide_position {
  width: 480px;
  margin: 0 auto 4px;
  position: absolute;
  top: 103px;
  left: 240px;
}

#how03 #slider {
  width: 480px;
}

#how03 #slider ul li {
  float: left;
  width: 160px !important;
}

#how04 {
  font-size: 14px;
  line-height: 1.6;
  background: url(../images/how04.gif) no-repeat 0 0;
  margin: 0 auto;
  width: 816px;
  height: 887px;
  padding: 370px 0 0 0;
}

#how04 #nurce {
  position: absolute;
  top: 2000px;
  right: -5px;
}

#how04 ul li {
  margin: 0 0 0 107px;
}

#how04_01 {
  padding: 0 0 120px 0;
}

#how04_02 {
  padding: 0 0 130px 0;
}

#how05 {
  background: url(../images/how05.gif) no-repeat 0 0;
  margin: 0 auto;
  width: 816px;
  height: 1200px;
  line-height: 1.6;
  padding-top: 180px;
}

#how06 {
  background: url(../images/how06.png) no-repeat 0 0;
  margin: 0 auto;
  width: 816px;
  height: 321px;
}

#main_foot {
  background: url(../images/main_foot.gif) no-repeat 0 0;
  height: 498px;
  text-align: center;
}

span.delicate {
  color: #f58b8b;
}

#how_05box {
  width: 640px;
  margin: 0 auto;
}

#how_05box ul li {
  margin: 0 0 15px 0;
  font-size: 15px;
}

#how_05box ul li span.num {
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}

li#how05_num01 {
  padding: 0;
}

li#how05_num01 img {
  /*background:url(../images/how05_num.gif) no-repeat 0 4px;*/
  margin: -5px 0;
}

li#how05_num02 {
  padding: 0;
}

li#how05_num02 img {
  /*background:url(../images/how05_num.gif) no-repeat 0 4px;*/
  margin: -5px 0;
}

#how_05box li#how05_01 {
  font-size: 15px;
}

#how05 #how_05box span.title {
  color: #7b59a2;
  font-size: 14px;
}

table.howto {
  border-spacing: 0;
  border: 1px solid #CCC;
  border-radius: 6px;
  margin: 0 0 30px 0;
}

table.howto td {
  padding: 10px;
  background: #FFF;
  border-bottom: solid 1px #CCC;
  border-right: solid 1px #CCC;
  border-collapse: collapse;
}

#table_title {
  font-size: 15px;
  font-weight: 700;
  color: #6894DD;
  margin: 0 0 5px 0;
}

table.howto th#top_th {
  width: 52px;
  background: #c3d4f6;
}

table.howto td {
  padding: 5px 20px;
}

table.howto td#top_td {
  text-align: center;
  font-size: 14px;
  background: #f2f6fd;
}

table.howto th {
  background: #9fbdf2;
  color: #fff;
  text-align: center;
  border-bottom: 1px solid #fff;
}

table.howto td {
  background: #fff;
}

/*--------------------------------------
　start
---------------------------------------*/
body#s li#menu02 {
  width: 155px;
  display: block;
}

body#s li#menu02 a {
  background: url(../images/gmenu.gif) no-repeat -181px -48px;
}

body#s li#menu02 a:hover {
  background-position: -181px -48px;
}

#base_bg h2#s01 {
  background: url(../images/s01_h2.gif) no-repeat 50% 0;
  height: 417px;
  width: 816px;
  margin: 0 auto;
}

#base_bg h2#s01 p {
  position: absolute;
  top: 280px;
  right: 80px;
  line-height: 1.8;
  width: 480px;
}

#base_bg h3#s02 {
  background: url(../images/s02.gif) no-repeat 50% 0;
  height: 1440px;
  width: 816px;
  margin: 0 auto;
  position: relative;
}

#s001 {
  position: absolute;
  top: 292px;
  left: 108px;
  line-height: 1.8;
}

#s002 {
  position: absolute;
  top: 526px;
  left: 108px;
  line-height: 1.8;
}

#base_bg h4#s03 {
  background: url(../images/s03.jpg) no-repeat 50% 0;
  height: 1500px;
  width: 816px;
  position: relative;
  margin: 0 auto;
}

#base_bg h4#s03 p {
  position: absolute;
  top: 171px;
  left: 58px;
  line-height: 1.8;
}

#base_bg h4#s03 #s_left {
  font-size: 12px;
  position: absolute;
  bottom: 381px;
  left: 126px;
  width: 250px;
  line-height: 1.5;
}

#base_bg h4#s03 #s_right {
  font-size: 12px;
  position: absolute;
  bottom: 381px;
  right: 126px;
  width: 250px;
  line-height: 1.5;
}

#base_bg h4#s03 #s_left.bottom,
#base_bg h4#s03 #s_right.bottom {
  bottom: auto;
  top: 1340px;
}

#base_bg h4#s03 #s_right_bottom {
  font-size: 12px;
  position: absolute;
  bottom: 80px;
  left: 274px;
  width: 268px;
  line-height: 1.5;
}

#base_bg #s04 {
  line-height: 1.8;
  margin: 0 auto;
  width: 698px;
}

#base_bg #s04 img {
  position: absolute;
  bottom: 300px;
}

#base_bg #bg_s {
  padding: 23px 0;
  background: url(../images/base_bg.gif) repeat-y 0 0;
  width: 100%;
  height: 3741px;
  overflow: visible;
}

/*--------------------------------------
　about
---------------------------------------*/
body#a li#menu03 {
  width: 170px;
}

body#a li#menu03 a {
  background: url(../images/gmenu.gif) no-repeat -339px -48px;
}

body#a li#menu03 a:hover {
  background-position: -339px -48px;
}

#base_bg h2#a01 {
  background: url(../images/a01_h2.gif) no-repeat 50% 0;
  height: 62px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
}

#base_bg h3#a02 {
  background: url(../images/a02_h3.gif) no-repeat 50% 0;
  height: 44px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
}

#base_bg h4#a03 {
  background: url(../images/a03_h4.gif) no-repeat 50% 0;
  height: 280px;
  width: 816px;
  position: relative;
  margin: 0 auto;
}

#base_bg h4#a03 p {
  line-height: 1.8;
  position: absolute;
  top: 20px;
  left: 20px;
}

#base_bg #a04 {
  background: url(../images/a04.gif) no-repeat 50% 0;
  height: 1079px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
}

#base_bg #a05 {
  background: url(../images/a05.gif) no-repeat 50% 0;
  height: 899px;
  width: 816px;
  margin: 0 auto;
  position: relative;
}

#base_bg #a05 p {
  font-size: 14px;
  line-height: 2.72;
  position: absolute;
  top: 379px;
  left: 75px;
}

#base_bg #a06 {
  background: url(../images/a06.jpg) no-repeat 50% 0;
  height: 783px;
  width: 816px;
  text-indent: -9999px;
  margin: 0 auto;
}

#base_bg #a07 {
  background: url(../images/a07.png) no-repeat 50% 0;
  height: 509px;
  width: 816px;
  margin: 0 auto;
  position: relative;
}

#base_bg #a07 p {
  font-size: 14px;
  position: absolute;
  top: 120px;
  left: 60px;
}

#base_bg #a07 ul {
  position: absolute;
  bottom: 95px;
  left: 65px;
}

#base_bg #a07 ul li {
  font-size: 13px;
  width: 200px;
  float: left;
  text-align: center;
  margin: 0 45px 0 0;
}

#base_bg #a08 {
  background: url(../images/about_text.png) no-repeat 50% 0;
  position: absolute;
  bottom: 205px;
  left: 21%;
  height: 65px;
  width: 516px;
  text-indent: -9999px;
  margin: 0 auto;
}

#base_bg #a09 {
  position: absolute;
  bottom: 65px;
  left: 20%;
  margin: 0 auto;
}

#base_bg #bg_a {
  padding: 23px 0;
  background: url(../images/base_bg.gif) repeat-y 0 0;
  width: 100%;
  height: 3080px;
  z-index: 1;
}

#bg_a #about01 {
  position: absolute;
  top: 5px;
  right: 55px;
  z-index: 10;
}

#bg_a #about02 {
  position: absolute;
  top: 335px;
  right: -93px;
  z-index: 10;
}

#bg_a #about03 {
  position: absolute;
  top: 570px;
  right: 120px;
  z-index: 10;
}

/*--------------------------------------
　product
---------------------------------------*/
body#p li#menu04 {
  width: 103px;
}

body#p li#menu04 a {
  background: url(../images/gmenu.gif) no-repeat -508px -48px;
}

body#p li#menu04 a:hover {
  background-position: -508px -48px;
}

body#p #product_menu {
  width: 837px;
  margin: 0 auto;
  background: url(../images/menu_product.jpg) no-repeat 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

body#p #product_menu li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
  padding: 250px 0 0;
  text-align: center;
}

body#p #product_menu li img {
  margin-top: 10px;
}

/*body#p #product_menu li{
	text-align:center;
	float:left;
	position:absolute;
	top: 278px;
	}

body#p #product_menu li a{
	display: block;
	}

body#p #product_menu li img{
	display: block;
	position:absolute;
	}

body#p #product_menu li#p01{
	left: 75px;
	}

body#p #product_menu li#p01 img{
	left: -8px;
	top: 55px;
	}

body#p #product_menu li#p02{
	left: 286px;
	}

body#p #product_menu li#p02 img{
	left: -5px;
	top: 55px;
	}

body#p #product_menu li#p03{
	right: 262px;
	}

body#p #product_menu li#p03 img{
	left: 20px;
	top: 55px;
	}

body#p #product_menu li#p05{
	right: 65px;
	}

body#p #product_menu li#p05 img{
	left: 10px;
	top: 55px;
	}

body#p #product_menu li#p04{
	top: 618px;
	left: 85px;
	}

body#p #product_menu li#p04 img{
	left: -15px;
	top: 55px;
	}*/
/*--------------------------------------
　faq
---------------------------------------*/
body#f li#menu05 {
  width: 136px;
}

body#f li#menu05 a {
  background: url(../images/gmenu.gif) no-repeat -609px -48px;
}

body#f li#menu05 a:hover {
  background-position: -609px -48px;
}

#faq_bg {
  font-size: 13px;
  font-weight: normal;
  background: url(../images/faq_bg.png) no-repeat 0 0;
  width: 816px;
  height: 748px;
  margin: 30px auto;
}

#faq_title {
  text-align: center;
}

#faq_bg #delicate_title {
  background: url(../images/faq_d_title.gif) no-repeat 0 0;
  width: 337px;
  height: 28px;
  position: absolute;
  top: 120px;
  left: 80px;
}

#faq_bg #seq_title {
  background: url(../images/faq_s_title.gif) no-repeat 0 0;
  width: 337px;
  height: 28px;
  position: absolute;
  top: 120px;
  right: 80px;
}

#faq_bg ul.delicate {
  position: absolute;
  top: 165px;
  left: 80px;
}

#faq_bg ul.delicate li {
  background: url(../images/d_q.gif) no-repeat 0 0;
  padding: 0 0 5px 25px;
  margin: 0 0 10px 0;
  width: 313px;
  border-bottom: 1px solid #e5deec;
}

#faq_bg ul.seq {
  position: absolute;
  top: 165px;
  right: 70px;
}

#faq_bg ul.seq li {
  background: url(../images/s_q.gif) no-repeat 0 0;
  padding: 0 0 5px 25px;
  margin: 0 0 10px 0;
  width: 313px;
  border-bottom: 1px solid #e5deec;
}

/*--------------------------------------
　connect
---------------------------------------*/
#connect {
  width: 900px;
  margin: 0 auto 50px auto;
  padding: 30px 0 0 0;
  font-size: 12px;
  position: relative;
}

#connect #head {
  background: url(../images/connect_head.gif) no-repeat 0 0;
  height: 10px;
}

#connect #bg {
  padding: 23px 63px 58px 63px;
  background: url(../images/connect_bg.gif) repeat-y 0 0;
  overflow: hidden;
  position: relative;
}

#connect #foot {
  background: url(../images/connect_foot.gif) no-repeat 0 0;
  height: 10px;
}

/*--------------------------------------
　pribacy
---------------------------------------*/
#connect #bg #title_pp {
  background: url(../images/privacy_h1.gif) no-repeat 0 0;
  height: 27px;
  margin: 0 0 40px 0;
  text-indent: -9999px;
}

#connect #bg #textarea {
  line-height: 2.0;
}

#connect #bg #border {
  width: 780px;
  margin: 48px 0 10px 0;
}

#midasi {
  font-size: 18px;
  color: #7b59a2;
  margin: 0 0 14px 0;
}

/*--------------------------------------
　low
---------------------------------------*/
#connect #bg #title_low, #connect #bg #title_company, #connect #bg #title_sct {
  height: 27px;
  margin: 0 0 40px 0;
  text-indent: -9999px;
}

#connect #bg #title_low {
  background: url(../images/low_h2.gif) no-repeat 0 0;
}

#connect #bg #title_company {
  background: url(../images/low_company.png) no-repeat 0 0;
}

#connect #bg #title_sct {
  margin-top: 40px;
  background: url(../images/low_sct.png) no-repeat 0 0;
}

#connect #bg .low_textarea {
  line-height: 2.0;
}

#connect #bg .low_h2 {
  font-size: 15px;
  color: #745b9f;
  border-bottom: 2px solid #dcd8e5;
}

#connect #bg .low_text {
  margin-top: 10px;
}

.low th {
  text-align: left;
  font-size: 13px;
  font-weight: normal;
  color: #7b59a2;
  width: 170px;
  border-bottom: 2px solid #ded9e6;
  padding: 10px 0;
  vertical-align: top;
}

.low td {
  font-size: 12px;
  border-bottom: 2px solid #ded9e6;
  padding: 10px 0;
  width: 610px;
}

.low th#bottom {
  text-align: left;
  font-size: 13px;
  font-weight: normal;
  color: #7b59a2;
  width: 170px;
  border: none;
  padding: 10px 0;
  vertical-align: top;
}

.low td#bottom {
  font-size: 12px;
  border: none;
  padding: 10px 0;
  width: 610px;
}

.low td#bottom img {
  padding: 0 0 5px 0;
}

.low td#paytop {
  font-size: 12px;
  border-bottom: 2px solid #ded9e6;
  padding: 0 0 5px 0;
  width: 610px;
}

.low td#pay {
  font-size: 12px;
  border-bottom: 2px solid #ded9e6;
  padding: 5px 0;
  width: 610px;
  line-height: 1.6;
}

span.lowcon {
  color: #886eaa;
}

/*--------------------------------------
　shopping_guide
---------------------------------------*/
#connect #bg #title_sg {
  background: url(../images/shop_h2.gif) no-repeat 0 0;
  height: 27px;
  margin: 0 0 40px 0;
  text-indent: -9999px;
}

#connect #bg ul.sg_sort {
  border-bottom: 2px solid #ded9e6;
  padding: 0 0 30px 0;
}

#connect #bg ul.sg_sort li {
  background: url(../images/arrow.gif) no-repeat 0 4px;
  margin: 0 25px 0 0;
  padding: 0 0 0 8px;
  float: left;
}

#connect #bg ul.sg_sort li a {
  color: #c14a95;
  text-decoration: underline;
}

#connect #bg ul.sg_sort li a:hover {
  text-decoration: none;
}

#sg01 {
  clear: both;
  margin: 30px 0 0 0;
  line-height: 2.0;
}

#sgbox {
  border-bottom: 1px dotted #c0b6cf;
  padding: 0 0 18px 0;
  margin: 0 0 12px 0;
  overflow: hidden;
}

#sgbox #left {
  float: left;
  margin: 0 25px 0 0;
}

#sgbox #right {
  float: left;
  margin: 22px 0 0 0;
}

.sg_num {
  color: #fff;
  background: url(../images/number_bg.gif) no-repeat 0 3px;
  padding: 0 0 0 4px;
  float: left;
  margin: 0;
  width: 20px;
}

span.sg_flow {
  color: #7b59a2;
}

#sg02 {
  clear: both;
  margin: 30px 0 0 0;
  line-height: 2.0;
}

#sg02 p {
  margin: 0 0 35px 0;
}

#sg02 img {
  margin: 0 0 15px 0;
}

#sg03 {
  clear: both;
  margin: 30px 0 0 0;
  line-height: 2.0;
}

#sg03 img {
  margin: 0 0 15px 0;
}

#sg04 {
  clear: both;
  margin: 30px 0;
  line-height: 2.0;
}

#sg04 img {
  margin: 0 0 15px 0;
}

#sg01_hukidasi {
  position: absolute;
  top: 322px;
  right: 66px;
}

/*--------------------------------------
　voice
---------------------------------------*/
#base_bg #v_box {
  width: 780px;
  margin: 0 auto;
}

#base_bg #v_box .mainTitle {
  text-align: center;
}

#base_bg #v_box .v_menu {
  width: 700px;
  margin: 20px auto 0;
  display: table;
  table-layout: fixed;
  border-right: 2px dotted #bbaacf;
}

#base_bg #v_box .v_menu li {
  border-left: 2px dotted #bbaacf;
  text-align: center;
  display: table-cell;
}

#base_bg #v_box .v_menu li a {
  display: block;
  padding: 5px;
}

#base_bg #v_box .v_menu li a span {
  font-size: 13px;
  font-weight: bold;
  display: inline-block;
  padding-left: 10px;
  background-image: url(../images/arrow.gif);
  background-repeat: no-repeat;
  background-position: left 50%;
  color: #666666;
}

#base_bg #v_box .v_menu li a:hover span {
  text-decoration: underline;
}

#base_bg #v_box .v_item {
  margin-top: 30px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px #ddd;
          box-shadow: 0 0 8px #ddd;
  padding: 30px;
}

#base_bg #v_box .v_item:after {
  content: "";
  display: block;
  clear: both;
}

#base_bg #v_box .v_item .itemTitle {
  border-radius: 5px;
  padding: 5px 20px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 20px;
}

#base_bg #v_box .v_item .itemPic {
  width: 190px;
  float: left;
  text-align: center;
}

#base_bg #v_box .v_item .itemPic .name {
  margin-bottom: 10px;
}

#base_bg #v_box .v_item .itemPic .name span {
  font-weight: bold;
}

#base_bg #v_box .v_item .itemPic .btn {
  margin-bottom: 20px;
}

#base_bg #v_box .v_item .itemText {
  float: right;
  width: 490px;
}

#base_bg #v_box .v_item .itemText .itemComment {
  background-image: url(../images/v_bg_comment.png);
  background-repeat: repeat;
  padding: 20px;
}

#base_bg #v_box .v_item .itemText .itemComment:not(:first-of-type) {
  margin-top: 20px;
}

#base_bg #v_box .v_item .itemText .itemComment .txt {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAfCAMAAAD6IOxTAAAABlBMVEUAAADIyMisR2nzAAAAAXRSTlMAQObYZgAAAA1JREFUeAFjoB1gZAQAAGAAA+EZ4nMAAAAASUVORK5CYII=);
  background-repeat: repeat;
  font-size: 14px;
  line-height: 2.3;
}

#base_bg #v_box .v_item .itemText .itemComment .txt span.pen {
  color: #9f88b9;
}

#base_bg #v_box .v_item#item_wash .itemTitle {
  background-color: #9f88b9;
}

#base_bg #v_box .v_item#item_wash .itemPic .name span.blue {
  color: #9f88b9;
}

#base_bg #v_box .v_item#item_wash .itemPic .name span.pink {
  color: #f49fa5;
}

#base_bg #v_box .v_item#item_wash .itemText .itemComment .txt span.circle {
  color: #f49fa5;
}

#base_bg #v_box .v_item#item_wash .itemText .itemComment .txt span.pen {
  color: #9f88b9;
}

#base_bg #v_box .v_item#item_wipe .itemTitle {
  background-color: #9f88b9;
}

#base_bg #v_box .v_item#item_wipe .itemPic .name span {
  color: #9f88b9;
}

#base_bg #v_box .v_item#item_wipe .itemText .itemComment .txt span {
  color: #9f88b9;
}

#base_bg #v_box .v_item#item_spray .itemTitle {
  background-color: #92bc43;
}

#base_bg #v_box .v_item#item_spray .itemPic .name span {
  color: #92bc43;
}

#base_bg #v_box .v_item#item_spray .itemText .itemComment .txt span {
  color: #92bc43;
}

#base_bg #v_box .v_item#item_gel .itemTitle {
  background-color: #f29299;
}

#base_bg #v_box .v_item#item_gel .itemPic .name span {
  color: #f29299;
}

#base_bg #v_box .v_item#item_gel .itemText .itemComment .txt span {
  color: #f29299;
}

#base_bg .caution {
  margin: 30px auto 0;
  text-align: center;
  font-size: 14px;
}

#base_bg .pagetop {
  width: 780px;
  margin: 0 auto;
  text-align: right;
}

#base_bg .pagetop a {
  background-image: url(../images/arrow.gif);
  background-repeat: no-repeat;
  background-position: left 50%;
  padding-left: 10px;
  font-size: 14px;
  color: #9f88b9;
  text-decoration: underline;
}

#base_bg .pagetop a:hover {
  text-decoration: none;
}

#voice_text {
  width: 645px;
  margin: 0 auto;
}

#voice_text img {
  margin: 30px 0 10px;
}

#voice_btn {
  width: 539px;
  margin: 0 auto;
}

/*--------------------------------------
　sitemap
---------------------------------------*/
#connect #bg ul.sm {
  width: 390px;
}

#connect #bg #title_sm {
  background: url(../images/sitemap_h1.gif) no-repeat 0 0;
  height: 27px;
  margin: 0 0 40px 0;
}

ul.sm li {
  background: url(../images/sm_arrow01.gif) no-repeat 0 18px;
  padding: 15px 0 6px 10px;
  border-bottom: 2px #e3ddec solid;
}

ul.sm li a {
  color: #7b59a2;
}

ul.sm li#product {
  background: url(../images/sm_arrow02.gif) no-repeat 0 18px;
  padding: 15px 0 6px 10px;
  margin: 0 0 0 15px;
  border-bottom: 2px #e3ddec dotted;
}

/*--------------------------------------
　media
---------------------------------------*/
#connect #bg_m {
  padding: 23px 58px 60px 58px;
  background: url(../images/connect_bg.gif) repeat-y 0 0;
  overflow: hidden;
  min-height: 500px;
}

#connect #bg_m #title_media {
  background: url(../images/media_h2.gif) no-repeat 0 0;
  height: 27px;
  margin: 0 0 40px 0;
}

#connect #bg_m .mediabox {
  background: url(../images/media_bg.gif) no-repeat 0 0;
  width: 383px;
  height: 145px;
  float: left;
  position: relative;
}

#connect #bg_m .mediabox:nth-child(even) {
  clear: both;
  margin: 0 17px 2px 0;
}

#connect #bg_m .mediabox:nth-child(odd) {
  margin: 0;
}

.mediabox .thumnail {
  margin: 0 15px 0 0;
  position: absolute;
  top: 15px;
  left: 15px;
}

.mediabox .text {
  line-height: 1.9;
  padding: 0 0 0 175px;
  width: 180px;
  position: absolute;
  top: 15px;
  right: 17px;
}

.mediabox .title {
  color: #7A58A1;
  font-size: 15px;
  font-weight: 700;
}

.mediabox .ymd {
  color: #7A58A1;
  font-size: 15px;
  font-weight: 700;
}

.mediabox .content {
  line-height: 1.5;
}

.mediabox2 #thumnail {
  margin: 0 15px 0 0;
  position: absolute;
  top: 15px;
  left: 15px;
}

.mediabox2 #text {
  line-height: 1.9;
  padding: 0 0 0 175px;
  width: 180px;
  position: absolute;
  top: 15px;
  right: 17px;
}

.mediabox2 #title {
  color: #7A58A1;
  font-size: 15px;
  font-weight: 700;
}

.mediabox2 #ymd {
  color: #7A58A1;
  font-size: 15px;
  font-weight: 700;
}

.mediabox2 #content {
  line-height: 1.5;
}

/******/
#coming {
  position: absolute;
  top: 110px;
  left: 5px;
  z-index: 10;
}

/*--------------------------------------
　スマホサイトボタン
---------------------------------------*/
#btnSP a {
  display: block;
  width: 100%;
  padding: 1em 0;
  background-color: #7961aa;
  color: #fff;
  font-size: 230%;
  font-weight: bold;
  text-align: center;
}

/*--------------------------------------
　shopping
---------------------------------------*/
#menu.os li#menu06 {
  width: 154px;
}

#menu.os li#menu06 a {
  background: url(../images/gmenu.gif) no-repeat -745px -48px;
}

#menu.os li#menu06 a:hover {
  background-position: -745px -48px;
}

#connect #head_os {
  background: url(../images/connect_head_os.gif) no-repeat 0 0;
  height: 10px;
}

#connect #bg_os {
  padding: 23px 58px 60px 58px;
  background: url(../images/connect_bg.gif) repeat-y 0 0;
  overflow: hidden;
}

#connect #bg_os #title_onlineshop {
  background: url(../images/onlineshop_h2.gif) no-repeat 0 0;
  height: 27px;
  margin: 0 0 30px 0;
}

#connect #bg_os .onlineshopbox {
  width: 780px;
  clear: both;
}

#connect #bg_os .onlineshopbox h3 {
  width: 760px;
  height: 36px;
  padding: 0 10px;
  background: url(../images/onlineshop_h3_bg.gif) no-repeat 0 0;
  color: #fff;
  font-size: 22px;
  line-height: 36px;
  overflow: hidden;
  text-align: left;
}

#connect #bg_os .onlineshopbox .image {
  margin: 16px 0 8px;
  float: left;
  width: 263px;
  text-align: center;
}

#connect #bg_os .onlineshopbox .main {
  margin-top: 16px;
  float: right;
  width: 517px;
  padding: 24px 0 16px;
}

#connect #bg_os .onlineshopbox .main .text {
  margin-top: 24px;
  font-size: 14px;
  line-height: 1.9em;
}

#connect #bg_os .onlineshopbox .main .shopping {
  position: relative;
  margin-top: 50px;
}

#connect #bg_os .onlineshopbox .main .shopping .data {
  float: left;
  width: 237px;
  font-size: 16px;
  line-height: 1.5em;
}

#connect #bg_os .onlineshopbox .main .shopping .data span {
  color: #ff6e6e;
}

#connect #bg_os .onlineshopbox .main .shopping .button {
  position: absolute;
  right: 16px;
  bottom: -3px;
  width: 264px;
}

#connect #bg_os .onlineshopbox .main .shopping .button a {
  display: block;
  width: 264px;
  height: 67px;
  overflow: hidden;
  text-indent: -999em;
  background: url(../images/onlineshop_button.gif) no-repeat 0 0;
}

#connect #bg_os .onlineshopbox .main .shopping .button a:hover {
  background: url(../images/onlineshop_button.gif) no-repeat 0 -67px;
}

#connect #bg_os .onlineshopbox br.clear {
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
}

#connect #bg_os .onlineshopbox .image2 {
  margin: 16px 0 8px;
  float: left;
  width: 277px;
  text-align: center;
}

#connect #bg_os .onlineshopbox .main2 {
  margin-top: 16px;
  float: right;
  width: 425px;
  padding: 80px 0 16px;
}

#connect #bg_os .onlineshopbox .main2 .data2 {
  width: 418px;
  padding-left: 7px;
  font-size: 24px;
  line-height: 1.5em;
  color: #ff6e6e;
  text-align: left;
}

#connect #bg_os .onlineshopbox .main2 .quantity2 {
  width: 418px;
  padding-left: 7px;
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.5em;
  text-align: left;
}

#connect #bg_os .onlineshopbox .main2 .quantity2 table tr td {
  font-size: 14px;
  line-height: 1.5em;
}

#connect #bg_os .onlineshopbox .main2 .button2 {
  margin-top: 20px;
  width: 425px;
  text-align: left;
}

#connect #bg_os .onlineshopbox .main2 .button2 a {
  display: block;
  width: 264px;
  height: 67px;
  overflow: hidden;
  text-indent: -999em;
  background: url(../images/onlineshop_button2.gif) no-repeat 0 0;
}

#connect #bg_os .onlineshopbox .main2 .button2 a:hover {
  background: url(../images/onlineshop_button2.gif) no-repeat 0 -67px;
}

#onlinebanner {
  text-align: center;
  margin: 40px 0 60px;
}

#onlinebanner .title_onlinebanner {
  font-size: 30px;
}

#onlinebanner .text_onlinebanner {
  margin-top: 10px;
  font-size: 18px;
}

#onlinebanner .btn_onlinebanner {
  margin-top: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#onlinebanner .btn_onlinebanner li {
  -webkit-flex-basis: -webkit-calc((100% - 40px) / 3);
      -ms-flex-preferred-size: calc((100% - 40px) / 3);
          flex-basis: calc((100% - 40px) / 3);
}

#onlinebanner .btn_onlinebanner li:not(:first-of-type) {
  margin-left: 20px;
}

#onlinebanner .btn_onlinebanner li a {
  position: relative;
  display: block;
  padding: 15px 20px;
  border: 1px solid #c5bbdb;
  background-color: #e7cfdd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e7ec));
  background-image: -webkit-linear-gradient(#fff 0%, #e8e7ec 100%);
  background-image: linear-gradient(#fff 0%, #e8e7ec 100%);
  font-size: 18px;
  color: #59429B;
}

#onlinebanner .btn_onlinebanner li a:hover {
  opacity: 0.8;
}

#onlinebanner .btn_onlinebanner li a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -0.5em;
  font-family: 'icons';
  font-style: normal;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 30px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
}

#connect #bg_os.is-shopping {
  position: relative;
  z-index: 0;
}

#connect #bg_os.is-shopping:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/shopping/img/bg_figure.png);
  background-repeat: no-repeat;
  background-position: 0 bottom;
  z-index: -1;
}

#connect #bg_os.is-shopping .items {
  text-align: center;
}

/*--------------------------------------
　form
---------------------------------------*/
#form a {
  text-decoration: underline;
  color: #7b59a2;
}

#form a:hover {
  text-decoration: none;
}

#form #base_bg #bg {
  padding-top: 0;
}

/*
#form #base_bg #form_main {
	width:900px;
	height:376px;
	background:url(../images/main_form.jpg) no-repeat left top;
	text-indent: -999em;
}
*/
/*ウォッシュ用*/
#form #form_main {
  width: 900px;
  height: 380px;
  background: url(../images/main_form.jpg) no-repeat left top;
  text-indent: -999em;
  margin-bottom: 10px;
}

#form #base_bg h2#p01_03 {
  width: 900px;
  margin: 0;
  background: url(../images/form_h2.gif) no-repeat left top;
}

#form #base_bg #p04_03 {
  height: 110px;
  margin-top: 10px;
}

#form #base_bg #form_about {
  width: 783px;
  height: 252px;
  margin: 43px auto 32px auto;
  background: url(../images/form_about.jpg) no-repeat left top;
}

#form #base_bg #form_about p {
  text-indent: -999em;
}

#form #form_area h2 {
  width: 900px;
  height: 41px;
  background: url(../images/form_formArea_h2.gif) no-repeat left top;
  text-indent: -999em;
}

#form #form_area p.lead {
  padding: 10px 0 0 0;
}

#form #form_area table {
  width: 100%;
  margin: 15px 0 0 0;
  border-collapse: collapse;
  border-bottom: 1px solid #dcdcdc;
}

#form #form_area th,
#form #form_area td {
  vertical-align: top;
  padding: 20px 30px;
  border-top: 1px solid #dcdcdc;
  text-align: left;
  font-size: 14px;
}

#form #form_area th {
  width: 25%;
  background: #f8f8f8;
}

#form #form_area td {
  line-height: 28px;
}

#form #form_area td span.note {
  margin-left: 20px;
  font-size: 12px;
}

#form #form_area td input.text {
  padding: 5px;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
}

#form #form_area td input.name,
#form #form_area td input.tel,
#form #form_area td input.email {
  width: 270px;
}

#form #form_area td input.zip {
  width: 110px;
}

#form #form_area td input.address {
  width: 590px;
}

#form #form_area td input.birth_year {
  width: 100px;
}

#form #form_area td input.birth_month,
#form #form_area td input.birth_date {
  width: 70px;
}

#form #form_area td input.how_other_text {
  width: 570px;
}

#form #form_area #buy_btn {
  margin: 30px 0;
  text-align: center;
}

#form #form_area #buy_btn p.btn input:hover {
  filter: Alpha(Opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70;
}

#form #attention {
  padding: 30px;
  background: url(../images/line_dotted.gif) repeat-x left top;
}

#form #attention p {
  line-height: 1.7;
}

#form #attention span {
  color: #886eaa;
}

/*応募ボタン*/
#form #entry {
  width: 302px;
  height: 103px;
  margin: 20px auto;
}

#form #entry a:hover img {
  filter: Alpha(Opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70;
}