@charset "Shift_JIS";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	color: #333333;
	text-align: center;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	background-color: #CBE0B8;
}

/*  ---------------------------------------------------------------------------------  */



/* WEBŠ®Œ‹‚Á‚ĉ½ */
#pop_webcomp {
	width: 900px;
	padding: 10px;
	background-color: #CBE0B8;
}

.pop_body {
	background-color: #FFFFFF;
	padding: 30px;
	padding-bottom:10px;
}

h2 {
	margin:0;
	margin-bottom: 18px;
}

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

ul.webcomp {
	margin:0 auto;
	width:810px;
	height:109px;
	overflow:hidden;
}

ul.webcomp li {
	float:left;
	margin-left:20px;
}
ul.webcomp li img {
	display:block;
}
ul.webcomp li:first-child {
	margin-left:0;
}

p.memo {
	clear:left;
	font-size:12px;
	color: #666666;
	text-align:left;
	margin:7px auto 0;
	width:810px;
}

hr {
	border:none;
	border-bottom: 1px solid #cccccc;
	margin-bottom:10px;
}
ul.joken {
	margin-left:-9px;
}
ul.joken li {
		height:71px;
}

ul.joken .btn_hoken {
	position:absolute;
	left:665px; top:13px;
	display:block;
	border: 1px solid #0265CE;
	border-radius: 5px;
	box-shadow: 3px 4px 3px rgba(0,0,0,0.3);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FFFFFF),
		color-stop(1, #EBEBEB)
	);
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #EBEBEB 100%);
}

.close {
	text-align:center;
	padding:10px;
}
.btn_close {
	display:block;
	margin:0 auto;
	border: 1px solid #999999;
	border-radius: 8px;
	box-shadow: 3px 4px 3px rgba(0,0,0,0.3);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FFFFFF),
		color-stop(1, #EBEBEB)
	);
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #EBEBEB 100%);
}


/*  Œ©�o‚µ  */

.idx1, .idx2 {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
	visibility: visible !important;
}
.idx2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }

  70% {
    -webkit-transform: scale3d(1.1, 1.3, 1);
    transform: scale3d(1.1, 1.3, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }

  70% {
    -webkit-transform: scale3d(1.1, 1.3, 1);
    transform: scale3d(1.1, 1.3, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}