@charset "UTF-8";

/* ================================
	module
================================ */
/*	.btn sprite
---------------------- */
.btn{
	display: block;
	width: 106px;
	height: 35px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../images/btn.png) no-repeat 0 0;
	position: absolute;
}
.oubo{
	width: 152px;
	height: 45px;
	background-position: -295px 0;
}
.yado{	background-position: -82px 0;}
.plan{	background-position: -188px 0;}
.oubo:hover{	background-position: -295px -50px;}
.yado:hover{	background-position: -82px -35px;}
.plan:hover{	background-position: -188px -35px;}

/*	.btn position
---------------------- */
.oubo{
	bottom: 30px;
	left: 330px;
}
.txt-pre-02 .oubo{
	left: 308px;
}
.oubo:hover{
	bottom: 28px;
}
.yado{
	top: 175px;
	left: 363px;
}
.plan{
	top: 215px;
	left: 363px;
}

/*	.btn act
---------------------- */
/* .globalHeader li */
.globalHeader li:hover img{
	cursor: pointer;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
}
.globalHeader li:hover .oubo{
	bottom: 28px;
	background-position: -295px -50px;
}

/*	ul li
---------------------- */
ul li{
	position: relative;
	float: left;
	*display: inline;
	*zoom: 1;
}

.img-dummy{
	display: block;
	width: 308px;
	height: 234px;
	position: absolute;
	bottom: 78px;
	left: 44px;
	overflow: hidden;
}
.img-dummy img{
	width: 308px;
	height: 234px;	
}
.img-dummy:hover{
	box-shadow: 0 0 5px rgba(0, 0, 0, .7);
}

/* tltip */
.tltip{
	position: absolute;
	top: 150%;
	left: 50%;
	margin: -50px 0 0 -50px;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
	
	*zoom: 1;
	display: none;
}
.tltip img{
	width: 99px;
	height: 99px;
}

/*	PR企画
---------------------- */
.pr{
	display: inline;
	padding: 4px 8px 4px 10px;
	font-size: 9px;
	font-size: .9rem;
	line-height: 1;
	letter-spacing: .2em;
	border: 1px solid #fff;
	color: #fff;
	position: absolute;
	bottom: 20px;
	right: 30px;
}