@charset "shift-jis";
/* ---------------------------------------------------------
	
	file name : page.css
	style info : 
	
--------------------------------------------------------- */


/* ---------------------------------------------------------
‹¤’Ê
--------------------------------------------------------- */
.itemBox{
	height:46px;
	margin:0 0 10px;
	padding:0 0 2px 10px;
	border-left:solid 3px #999;
	overflow:hidden;
}

p.copy{
	font-size:110%;
}

p.notes{
	font-size:80%;
	overflow:hidden;
	margin:0 0 5px;
}

.itemName1{
	float:left;
	width:100%;
	font-size:80%;
}

.itemName2{
	clear:both;
	float:left;
	font-size:120%;
	font-weight:bold;
}

.itemBtn{
	float:left;
	width:82px;
	margin:0 0 0 10px;
	*display:inline;
}

.pc{
	display:block;
}
.sp{
	display:none;
}

a.mod-galleryBtn{
	color:#333333;
	font-size:12px;
	display:inline-block;
	padding:5px 8px 5px 21px;
	border:1px solid #bcbcbc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:url(../images/bg_01.png) no-repeat 0 52%;
	cursor:pointer;
	-webkit-transition:opacity 0.2s ease-in;
	-moz-transition:opacity 0.2s ease-in;
	-ms-transition:opacity 0.2s ease-in;
	-o-transition:opacity 0.2s ease-in;
	transition:opacity 0.2s ease-in
}
a.mod-galleryBtn:visited, 
a.mod-galleryBtn:hover, 
a.mod-galleryBtn:active{
	color:#333333
}
a.mod-galleryBtn:hover{
	color:#333333;
	text-decoration:none;
	filter:alpha(opacity=50);
	opacity:.5;
*zoom:1
}
/* ---------------------------------------------------------
SP ‹¤’Ê
--------------------------------------------------------- */
@media (max-width:640px) {
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
.galleryBtn{
	float:none;
	margin:0;
}
.itemBox{
	width:auto!important;
	height:auto;
	margin:0 0 10px;
	}
.itemBtn{
	float:left;
	width:auto;
	margin:0 0 0 10px;
	*display:inline;
}
p.notes{
	width:100%;
	margin:20px 0;
	font-size:80%;
	overflow:hidden;
}
.ml{
	margin:0;
}
}


/* ---------------------------------------------------------
#block1
--------------------------------------------------------- */
#block1{
	position:relative;
	width:950px;
	height:437px;
	background:url(../images/st_acc_b1.jpg) no-repeat left top;
}

#block1 .expBox1{
	position:absolute;
	left:683px;
	top:230px;
	width:267px;
	height:210px;
}
/* ---------------------------------------------------------
SP #block1
--------------------------------------------------------- */

@media (max-width:640px) {
	#block1{
		position:static;
		width:auto!important;
		height:auto;
		margin:0 0 30px;
		background:none;
	}
	#block1 .expBox1{
		position:static;
		width:auto!important;
		height:auto;
	}
	#block1 .expBox1 img{
		max-width:100%;
		width:auto!important;
		height:auto;
	}
}
/* ---------------------------------------------------------
#block2
--------------------------------------------------------- */
#block2{
	position:relative;
	width:950px;
	height:365px;
	background:url(../images/st_acc_b2.jpg) no-repeat left top;
}

#block2 .expBox2{
	position:absolute;
	left:147px;
	top:162px;
	width:267px;
	height:150px;
}
/* ---------------------------------------------------------
SP #block2
--------------------------------------------------------- */

@media (max-width:640px) {
	#block2{
		position:static;
		width:auto!important;
		height:auto;
		margin:0 0 30px;
		background:none;
	}
	#block2 .expBox2{
		position:static;
		width:auto!important;
		height:auto;
	}
	#block2 .expBox2 img{
		max-width:100%;
		width:auto!important;
		height:auto;
	}
}
/* ---------------------------------------------------------
#block3
--------------------------------------------------------- */
#block3{
	position:relative;
	width:950px;
	height:295px;
	background:url(../images/st_acc_b3.jpg) no-repeat left top;
}

#block3 .expBox3{
	position:absolute;
	left:654px;
	top:151px;
	width:267px;
	height:168px;
}
/* ---------------------------------------------------------
SP #block3
--------------------------------------------------------- */

@media (max-width:640px) {
	#block3{
		position:static;
		width:auto!important;
		height:auto;
		margin:0 0 30px;
		background:none;
	}
	#block3 .expBox3{
		position:static;
		width:auto!important;
		height:auto;
	}
	#block3 .expBox3 img{
		max-width:100%;
		width:auto!important;
		height:auto;
	}
}
/* ---------------------------------------------------------
#block4
--------------------------------------------------------- */
#block4{
	position:relative;
	width:950px;
	height:373px;
	background:url(../images/st_acc_b4.jpg) no-repeat left top;
}

#block4 .expBox4{
	position:absolute;
	left:155px;
	top:179px;
	width:267px;
	height:146px;
}
/* ---------------------------------------------------------
SP #block4
--------------------------------------------------------- */

@media (max-width:640px) {
	#block4{
		position:static;
		width:auto!important;
		height:auto;
		margin:0 0 30px;
		background:none;
	}
	#block4 .expBox4{
		position:static;
		width:auto!important;
		height:auto;
	}
	#block4 .expBox4 img{
		max-width:100%;
		width:auto!important;
		height:auto;
	}
}
/* ---------------------------------------------------------
#block5
--------------------------------------------------------- */
#block5{
	position:relative;
	width:950px;
	height:409px;
	background:url(../images/st_acc_b5.jpg) no-repeat left top;
}

#block5 .expBox5{
	position:absolute;
	left:633px;
	top:265px;
	width:267px;
	height:146px;
}
/* ---------------------------------------------------------
SP #block5
--------------------------------------------------------- */

@media (max-width:640px) {
	#block5{
		position:static;
		width:auto!important;
		height:auto;
		margin:0 0 30px;
		background:none;
	}
	#block5 .expBox5{
		position:static;
		width:auto!important;
		height:auto;
	}
	#block5 .expBox5 img{
		max-width:100%;
		width:auto!important;
		height:auto;
	}
}
/* ---------------------------------------------------------
#block6
--------------------------------------------------------- */
#block6{
	width:950px;
	margin:70px 0 105px;
	overflow:hidden;
}

#block6 .expBox6{
	float:left;
	width:427px;
	height:138px;
	margin:0 0 0 30px;
	*display:inline;
}
.itemImage6{
	float:left;
	width:207px;
	margin:0 10px 0 0;
	*display:inline;
}
/* ---------------------------------------------------------
SP #block6
--------------------------------------------------------- */
@media (max-width:640px) {
	#block6{
		width:auto!important;
		height:auto;
		margin:0 0 30px;
		background:none;
	}
	#block6 .expBox6{
		width:100%;
		height:auto;
		margin:0 auto!important;
	}
	#block6 .expBox6 .copy{
		float:left;
		width:40%!important;
		height:auto;
		margin:0 0 10px 10px;
		font-size:80%;
	}
	.itemImage6{
		float:left;
		width:50%!important;
		margin:0 auto;
	}
	.itemImage6 img{
		max-width:100%!important;
		width:auto!important;
		height:auto!important;
	}
	#block6 .expBox6 .itemBox{
		float:left;
		width:40%!important;
		height:auto;
		margin:0 0 20px 10px;
	}
}
/* ---------------------------------------------------------
#block7
--------------------------------------------------------- */
#block7{
	position:relative;
	width:950px;
	height:274px;
	background:url(../images/st_acc_b6.jpg) no-repeat left top;
}

#block7 .expBox7{
	position:absolute;
	left:144px;
	top:147px;
	width:435px;
	height:150px;
}

.itemImage7{
	float:left;
	margin:30px 10px 0 0;
	*display:inline;
}

.galleryBtn{
	float:right;
	margin:0 105px 0 0;
	*display:inline;
}
/* ---------------------------------------------------------
SP #block7
--------------------------------------------------------- */
@media (max-width:640px) {
	#block7{
		position:static;
		width:auto!important;
		height:auto;
		margin:0 0 30px;
		background:none;
	}
	#block7 .expBox7{
		position:static;
		width:auto!important;
		height:auto;
		overflow:hidden;
	}
	#block7 .expBox7 img{
		max-width:100%;
		width:auto!important;
		height:auto;
	}
	#block7 .expBox7 .copy{
		float:left;
		width:40%!important;
		height:auto;
		margin:0 0 10px 10px;
		font-size:80%;
	}
	.itemImage7{
		float:left;
		width:50%!important;
		margin:0 auto;
	}
	.itemImage7 img{
		max-width:100%!important;
		width:auto!important;
		height:auto!important;
	}
	#block7 .expBox7 .itemBox{
		float:right;
		width:40%!important;
		height:auto;
		margin:0 0 20px 10px;
	}
	.galleryBtn{
		float:left;
		margin:0;
	}
}

/* ---------------------------------------------------------
#block8
--------------------------------------------------------- */
#block8{
	width:950px;
	margin:108px 0 105px;
	overflow:hidden;
}

#block8 .expBox8{
	float:left;
	width:427px;
	height:150px;
}

.expBox8Wrap{
	width:860px;
	margin:0 auto 30px;
	overflow:hidden;
}

.itemImage8{
	float:left;
	margin:0 30px 0 0;
	*display:inline;
}

/* ---------------------------------------------------------
SP #block8
--------------------------------------------------------- */
@media (max-width:640px) {
	#block8{
		width:auto!important;
		height:auto;
		margin:0 0 30px;
		background:none;
	}
	#block8 .expBox8{
		width:100%;
		height:auto;
		margin:0 auto!important;
	}
	#block8 .expBox8 .copy{
		float:left;
		width:40%!important;
		height:auto;
		margin:0 0 10px 10px;
		font-size:80%;
	}
	.expBox8Wrap{
		width:auto!important;
		margin:0 auto;
		overflow:hidden;
	}
	.itemImage8{
		float:left;
		width:50%!important;
		margin:0 auto;
	}
	.itemImage8 img{
		max-width:100%!important;
		width:auto!important;
		height:auto!important;
	}
	#block8 .expBox8 .itemBox{
		float:left;
		width:40%!important;
		height:auto;
		margin:0 0 20px 10px;
	}
}