@charset "utf-8";
/* ===================================================================
 style info : コンテンツエリア関係 他

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/*----------------------------------------------------
	#side（サイドバー）
----------------------------------------------------*/
#side {
	position: fixed;
	top: 0;
	right: -10%;
	z-index: 1000;
	
}
#side #sideNavi {
	position:relative;
}
#side ul {
	padding-bottom: 35px;
}
#side li,
#slide15 li {
	position: relative;
	/zoom: 1;
	list-style: none;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	height: 70px;
}
#pageTop {
	position: fixed;
	bottom: 70px;
	left: 50%;
	z-index: 60;
	margin-left: -59px;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	display: none;
}

#side li.active,
#side li:hover,
#pageTop:hover,
#slide15 li:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
#side li .tagTime {
	position: absolute;
	top: 0;
	left: -136px;
	display: none;
}


/*----------------------------------------------------
	フッターを画面下へ
----------------------------------------------------*/
.photoBlock {
	width: 100%;
	position: relative;
	/zoom: 1;
	overflow: hidden;
	background: #fff;
}
.photoBlock .timeBg {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 40;
}
.photoBlock p{
	font-size: 40px;
	color: #f90;
	position: absolute;
	font-size: 250%;
	font-weight: bold;
	z-index: 50;
}
.timeBg img,
#slide15 .lastTtl,
#slide15 .slideTtl {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 200;
}
#slide0 {
	background: -moz-radial-gradient(50% 50%, circle farthest-side, #fff 40%, #e5e5e5 100%);
	background: -webkit-gradient(radial, 50% 50%, 50, 50% 50%, 1250, from(#fff), to(#e5e5e5));
}
#slide0 h1 {
	position: absolute;
	left: 50%;
	bottom: 30%;

}
#slide0 .btnScroll {
	position: absolute;
	top: 72%;
	left: 50%;
	z-index: 2000;
}

.btnScroll:hover {
	cursor: pointer;
}
.bgImage {
	position: absolute;
	z-index: 1;
}
#btnPrev,
#btnNext {
	position: fixed;
	left: 50%;
	margin-left: -31px;
	z-index: 60;
	display: none;
}
#btnPrev:hover,
#btnNext:hover,
#side li:hover {
	cursor: pointer;
}
#btnPrev {
	top: 5px;
}
#btnNext {
	bottom: 40px;
}
.timeBgR{
	background: url(/tsukuhibi/images/main/bg_red.png) repeat 0 0;
}
.timeBgB{
	background: url(/tsukuhibi/images/main/bg_blue.png) repeat 0 0;
}
.timeBgG{
	background: url(/tsukuhibi/images/main/bg_green.png) repeat 0 0;
}
.timeBgO{
	background: url(/tsukuhibi/images/main/bg_orange.png) repeat 0 0;
}
.photoBlock p {
	height: auto;
}
#slide15 p {
	position: absolute;
	left: 50%;
	bottom: 37%;
}
#slide15 .lastBtnArea {
	position: absolute;
	left: 50%;
	top: 68%;
	z-index: 500;
}
#slide15 li {
	float: left;
}
#slide15 li + li {
	margin-left: 30px;
	
}

/*----------------------------------------------------
	ローディング
----------------------------------------------------*/
.loadingWrap{
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
}
.loadingWrap img{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -32px;
}


/* デスクトップとノートPC ----------- */