@charset "utf-8";

/* *********************************************************
ぱわふるキャンペーン
********************************************************* */
.noTitle h1 {
	position: relative;
	width: 710px;
	height: 120px;
	margin-bottom: 35px;
}
.noTitle h1 .sonicoIcon {
	position: absolute;
	width: 170px;
	height: 160px;
	left: 520px;
	top: -10px;
}
.chapter { margin-bottom: 3em; }
.chapter h2 { margin-bottom: 10px; }

#period .notes { color: #0186ac; }
#period a img {
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	opacity: 1;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
#period a:hover img,
#period a:focus img {
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	opacity: .7;
	-webkit-transition: .1s ease-in-out;
	-moz-transition: .1s ease-in-out;
	-o-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
}

#present li { margin-bottom: 10px; }

#item {
	position: relative;
	margin-right: -25px;
}
.itemBox {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 200px;
	vertical-align: top;
	margin-right: 25px;
	margin-bottom: .3em;
	padding: 50px 10px 0;
	background-image: url(img/bg_list.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#no2 { background-position: -230px 0; }
#no3 { background-position: -460px 0; }
#no4 { background-position: -690px 0; }
#no5 { background-position: -920px 0; }
#no6 { background-position: -1150px 0; }
#no7 { background-position: -1380px 0; }
#no8 {
	background-position: -1610px 0;
	color: #df3c75;
}
#no8 a { color: #df3c75; }
.itemBox h3 {
	margin-bottom: 0.1em;
	line-height: 1.4;
	font-size: 92.3%; /* 12px */
	font-weight: normal;
}
.itemBox h3 strong {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-top: .1em;
	font-size: 133.3%; /* 16px */
	line-height: 1.3;
}
.itemBox h3 span {
	display: block;
	/* height: 190px; */
	margin-bottom: .6em;
	text-align: center;
}
.itemBox img {
	padding: 2px;
	border: 1px solid #c3c6c5;
	background: #fff;
}
.itemBox a img {
	border: 1px solid #c3c6c5;
/* 	border: 1px solid #df3c75; */
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	opacity: 1;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.itemBox a:hover img,
.itemBox a:focus img {
	border: 1px solid #fff;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	opacity: .7;
	-webkit-transition: .1s ease-in-out;
	-moz-transition: .1s ease-in-out;
	-o-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
}
.itemBox p {
	color: #df3c75;
	font-weight: bold;
}
#period p img {
	margin-bottom: 6px;d
}
#attention .notes { color:#525555; }