@charset "utf-8";
/*------------------------------------
 CSS Information
  Site URL: /about/jp_iframe2.html
  File name: jp_iframe2.css (/excludes/css/p//about/jp_iframe2.css)
  Summary:   JP_iframe
  Created: YYYY-MM-DD by -
  Last update: 2016-04-04 by DDuet Chikamori
  Author: -
 
  Order of description
------------------------------------*/
/*

	DDuet iframe

 */
*{
	margin: 0;
	padding: 0;
}

body{
  margin:0;
  padding: 0;
}

a,
a img{
	border: 0;
}

img{
	vertical-align: bottom;
}

#dduetIframe{
  background:url(/excludes/images/p/about/jp_about/iframe2/bg-dot-pinkwhite.gif) #fee2eb left top repeat;
  border:#fec4d7 solid 1px;
  width:738px;
}

.header{
  padding: 11px 0 12px;
  text-align: center;
}

.header h1{
	margin: 0;
}

.main{
  width: 664px;
  position: relative;
  padding-bottom: 21px;
  margin-left: 37px;
}

.main-inr{
  width: 100%;
}

.bx-wrapper{
  margin: 0 !important;
  overflow: hidden;
  max-width: 100% !important;
}

.slide{
  *zoom: 1;
  width: 620%;
	margin: 0;
}

.slide:after{
  content: "";
  display: block;
  height: 0;
  clear: both;
}

.slide li{
  float: left;
  border: 1px solid #f6bdce;
  padding: 4px;
  background: #fff;
}

.bx-controls{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
}

.bx-controls a{
  position: absolute;
  display: block;
  width: 20px;
  height: 140px;
  overflow: hidden;
  text-indent: -200%;
  background-color: #e13971;
  background-position: center center;
  background-repeat: no-repeat;
}

.bx-controls .bx-prev{
  top: 0;
  left: -29px;
  background-image: url(/excludes/images/p/about/jp_about/iframe2/btn_prev.gif);
}

.bx-controls .bx-next{
  top: 0;
  right: -29px;
  background-image: url(/excludes/images/p/about/jp_about/iframe2/btn_next.gif);
}


.footer{
  background: #fff;
  text-align: center;
  padding-top: 12px;
}

.row{
  *zoom: 1;
  width: 576px;
  margin: 0 auto;
}

.row:after{
  content: "";
  display: block;
  height: 0;
  clear: both;
}

.col{
  float: left;
  margin: 0 18px;
  text-align: left;
}

.col dt{
  margin-bottom: 5px;
}

.col dd{
	margin-left: 0;
}

.about{
  padding-top: 10px;
	margin: 0 auto;
}
