@charset "utf-8";
/* CSS Document */

/*ツールチップ*/
.box {
  position: relative;
}
.box img{
	z-index:1;
}
.balloon{
	background:#333;
  width:330px;
  padding:7px 12px 12px 25px;
  text-align:left;
	-moz-box-shadow: -2px 2px 3px rgba(0,0,0,0.4);
	-ms-box-shadow: -2px 2px 3px rgba(0,0,0,0.4);
	-o-box-shadow: -2px 2px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: -2px 2px 3px rgba(0,0,0,0.4);
	box-shadow: -2px 2px 3px rgba(0,0,0,0.4);
	position: absolute;
	z-index:2;
}
.balloon:before{
	content:" ";
	position: absolute;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #333;
/*	opacity:0.9*/
}
.balloon01{
	/*bottom:-220px;*/
  left:-100px;
}
.balloon01:before{
	margin-top:-27px;
	margin-left:150px;
}
.balloon02{
	/*bottom:-120px;*/
  right:-10px;
}
.balloon02:before{
	margin-top:-27px;
	margin-left:250px;
}
.book .floatR li .balloon .close{
	float:right;
	margin-bottom:10px;
}
.book .floatR li .balloon .close a{
	background:#999;
	color:#FFF;
	text-align:center;
	padding:0 0.1em;
}
.book .floatR li .balloon .close a:hover{
	text-decoration:none;
	cursor:pointer;
}
.book .floatR li .balloon ul{
	clear:both;
	overflow:hidden;
	/*opacity:1.0;*/
}
.book .floatR li .balloon ul li{
	float:left;
	margin-right:9px;
	margin-bottom:9px;
}
.book .floatR li .balloon ul li:first-child{
	margin-right:9px;
}
.balloon03{
	margin-top:-5px;
	width:313px;
}
.balloon03:before{
	margin-top:-25px;
	margin-left:150px;
}
.balloon03 .close{
	float:right;
	margin-bottom:10px;
}
.balloon03 .close a{
	background:#999;
	color:#FFF;
	text-align:center;
	padding:0 0.1em;
}
.balloon03 .close a:hover{
	text-decoration:none;
	cursor:pointer;
}
.balloon03 dd{
	margin:10px 0;
}
.balloon03 dd a{
	background:url(../images/common/ico_arrow07.gif) no-repeat left center;
	padding-left:10px;
	color:#FFF;
}