@charset "Shift_JIS";
	.main-visual{
		overflow:hidden;
		position:relative;
		width:950px;
		height:480px;
		margin:0 auto;
		background:#f3bf42
	}
	.introimage{
		position:absolute;
		left:-130px;
		bottom:50px;
	}
	.introtext{
		position:absolute;
		left:620px;
		top:10px;
	}
	.introhito{
		position:absolute;
		right:134px;
		bottom:-5px;
		z-index:1000;
	}
	.intrologo{
		position:absolute;
		left:810px;
		top:210px;
		z-index:1000;
	}
	.introonpu{
		position:absolute;
		left:0;
		top:0;
		z-index:1000;
	}
@media (max-width:640px) {
	.mod-contentContainer {
		width: auto;
		padding: 0;
	}
	.main-visual{
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.main-visual img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
}
#content{
	width:950px;
	margin:0 auto;
	position:relative;
}
.block{
	position:relative;
	overflow:hidden;
	width:950px;
	height:700px;
	margin:0 auto;
}
.arrow{
	position:relative;
	z-index:1000;
	border-bottom:dashed 1px #ccc;
}
.arrowlast{
	position:relative;
	z-index:1000;
	border-bottom:solid 1px #ccc;
}
.arrowmark{
	position:absolute;
	left:432px;
	bottom:-50px;
}
.arrow2{
	width:86px;
	height:86px;
	margin:0 auto;
}
.arrow3{
	width:86px;
	height:86px;
	margin:0 auto 50px;
}
.hires_ttl{
	width:490px;
	height:57px;
	margin:70px auto 0;
}
.hires_ttl_wrap{
	padding:0 0 30px;
	border-bottom:solid 1px #ccc;
}
@media (max-width:640px) {
	#content{
		width:auto;
		margin:0 auto;
	}
	.block{
		overflow:hidden;
		position:static;
		width:auto;
		height:auto;
		margin:0 auto;
		border-bottom:dashed 1px #ccc;
	}
	.blocklast{
		overflow:hidden;
		position:relative;
		width:auto;
		height:auto;
		margin:0 auto 70px;
		border-bottom:solid 1px #ccc;
	}
	.arrow{
		display:none;
	}
	.arrow2{
		display:none;
	}
	.arrow3{
		display:none;
	}
	.arrowlast{
		display:none;
		border-bottom:none;
	}
	.arrow_sp{
		width:auto;
		height:auto;
		margin:20px auto;
	}
	.arrow_sp img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.hires_ttl_wrap{
		margin:0 0 20px;
		padding:0 0 20px;
		border-bottom:solid 1px #ccc;
	}
	.hires_ttl{
		width:auto;
		height:auto;
		margin:30px 40px 0;
	}
	.hires_ttl img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
}
/********************
.bg1
********************/
.bg1{
	position:absolute;
	left:158px;
	top:109px;
}
.ttl1{
	position:absolute;
	left:176px;
	top:90px;
}
.illust1{
	position:absolute;
	left:135px;
	top:238px;
}
.text1{
	position:absolute;
	left:200px;
	top:520px;
	width:545px;
	font-size:1.5em;
	font-weight:bold;
}
/********************
.bg2
********************/
.bg2{
	position:absolute;
	left:158px;
	top:109px;
}
.ttl2{
	position:absolute;
	left:255px;
	top:80px;
}
.illust2{
	position:absolute;
	left:50px;
	top:210px;
}
.text2{
	position:absolute;
	left:200px;
	top:530px;
	width:545px;
	font-size:1.5em;
	font-weight:bold;
}
/********************
.bg3
********************/
.bg3{
	position:absolute;
	left:158px;
	top:109px;
}
.ttl3{
	position:absolute;
	left:200px;
	top:80px;
}
.illust3{
	position:absolute;
	left:290px;
	top:208px;
}
.text3{
	position:absolute;
	left:200px;
	top:520px;
	width:545px;
	font-size:1.5em;
	font-weight:bold;
}
.text3com{
	font-size:.8em;
}
/********************
.bg1.bg2.bg3 sp
********************/
@media (max-width:640px) {
	.hirez_box{
		position:relative;
		width:auto;
		height:auto;
		margin:0 30px 20px;
	}
	.q_hirez1, .q_hirez2, .q_hirez3{
		left:0;
		top:50px;
		width:auto;
	}
	.hirez_box .text {
		position:relative;
		left:0;
		top:-10%;
		width:auto;
		margin:0 30px;
		font-weight:bold;
	}
	.q_hirez1 img, .q_hirez2 img, .q_hirez3 img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
}
/********************
.hiresVolume
********************/
.hiresVolume{
	width:948px;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
}
.hiresVolumeCont{
}
.hiresVolumeTtl{
	width:726px;
	height:64px;
	margin:0 auto 30px;
	padding:70px 0 0;
}
.hiresVolumeScena1{
	position:relative;
}
.hiresVolume p.vtext1{
	float:right;
	width:265px;
	margin:160px 45px 0 0;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.8;
}
.vgif1{
	position:absolute;
	left:47px;
	top:20px;
}
.hiresVolumeScena2{
	position:relative;
}
.hiresVolume p.vtext2{
	float:right;
	width:265px;
	margin:190px 40px 0 0;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.8;
}
.vgif2{
	position:absolute;
	left:55px;
	top:85px;
}
.hiresVolume p.vtext3{
	float:right;
	width:265px;
	margin:190px 40px 0 0;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.8;
}
.hiresVolumeScena1{
	width:950px;
	height:416px;
	padding:0 0 20px;
	background:url(../images/hiresVolumeBg1.jpg) no-repeat left top;
	border-bottom:solid 1px #ccc;
}
.hiresVolumeScena2{
	width:950px;
	height:416px;
	padding:0 0 20px;
	background:url(../images/hiresVolumeBg2.jpg) no-repeat left top;
	border-bottom:solid 1px #ccc;
}
.hiresVolumeScena3{
	width:950px;
	height:416px;
	padding:0 0 20px;
	background:url(../images/hiresVolumeBg3.jpg) no-repeat left top;
	border-bottom:solid 1px #ccc;
}
.hiresVolumeMenu{
	overflow:hidden;
	width:950px;
	margin:0;
	padding:0;
	list-style:none;
}
.hiresVolumeMenu li.btn1{
	float:left;
	width:324px;
	height:76px;
	margin:0;
	padding:0;
}
.hiresVolumeMenu li.btn2{
	float:left;
	width:300px;
	height:76px;
	margin:0;
	padding:0;
}
.hiresVolumeMenu li.btn3{
	float:left;
	width:324px;
	height:76px;
	margin:0;
	padding:0;
}
@media (max-width:640px) {
	.hiresVolume{
		width:auto;
	}
	.hiresVolumeCont{
		border-left:solid 1px #ccc;
		border-right:solid 1px #ccc;
	}
	.hiresVolumeTtl{
		width:auto;
		height:auto;
		padding:0;
		margin: 0 30px;
	}
	.hiresVolumeTtl img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.shirou{
		width:auto;
		height:auto;
		margin: 40px auto ;
	}
	.shirou p{
		margin: 20px 30px 0;
	}
	.shirou img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	
	.hiresVolume p.vtext1{
		float:right;
		width:265px;
		margin:160px 75px 0 0;
		font-size:1.2em;
		font-weight:bold;
		line-height:1.8;
	}
	.hiresVolume p.vtext2{
		float:right;
		width:265px;
		margin:190px 40px 0 0;
		font-size:1.2em;
		font-weight:bold;
		line-height:1.8;
	}
	.hiresVolume p.vtext3{
		float:right;
		width:265px;
		margin:190px 40px 0 0;
		font-size:1.2em;
		font-weight:bold;
		line-height:1.8;
	}

}
/********************
.omake
********************/
.omake{
	position:relative;
	width:950px;
	height:60px;
	margin:45px 0 0;
	background:#eee;
	border-radius:10px;
}
.omakeinfo{
	position:absolute;
	left:378px;
	top:-20px;
}
.popBtn1{
	float:left;
	margin:20px 0 0 43px;
}
.popBtn2{
	float:right;
	margin:20px 103px 0 0;
}
@media (max-width:640px) {
	.omake{
		position:relative;
		width:auto;
		height:auto;
		margin:45px 0 0;
		background:none;
	}
	.omakeinfo{
		position:static;
		width: auto;
		height:auto;
	}
	.omakeinfo img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.popBtn1sp{
		float:none;
		margin:20px;
	}
	.popBtn1sp img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.popBtn2sp{
		float:none;
		margin:20px;
	}
	.popBtn2sp img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}

}
/********************
.file
********************/
.file{
	width:950px;
	background:#fff;
	border:solid 1px #ccc\9;
}
.filbox{
	width:770px;
	margin:0 90px 20px;
}
.filettl{
	width:543px;
	margin:0 auto;
	margin:30px auto\9;
}
.filesubttl{
	margin:30px auto 0;
}
.filewrap{
	overflow:hidden;
	margin:20px auto 0;
}
.fileleft{
	float:left;
	width:436px;
}
.fileright{
	float:right;
	width:315px;
	margin:20px 0 0;
	font-weight:bold;
	font-size:120%;
}

/********************
.ongen
********************/
.ongen{
	width:950px;
	background:#fff;
	border:solid 1px #ccc\9;
}
.ongenttl{
	width:414px;
	margin:0 auto;
	margin:30px auto\9;
}
.ongenimg{
	width:755px;
	margin:40px auto;
}
.ongentext{
	width:690px;
	margin:0 auto 50px;
	font-size:1.2em;
	font-weight:bold;
}
@media (max-width:640px) {
	.filesp{
		display:none;
		width:auto;
		margin:0;
		background:#fff;
	}
	.filesp img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.filespin{
		padding:10px;
	}
	.filespin .ttl{
		margin:20px auto;
	}
	.filespin p{
		padding:20px 0;
	}
	.ongensp{
		display:none;
		width:auto;
		background:#fff;
	}
	.ongensp img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	#cboxClose{
		display:none;
	}
}
/********************
.hiresOngen
********************/
.hiresOngen{
	width:950px;
	margin:40px auto;
}
.hiresOngenCont{
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
}
.hiresOngenTtl{
	width:950px;
	height:148px;
}
.hiresOngen p.left{
	float:left;
	width:265px;
	margin:130px 0 0 50px;
	font-size:1.5em;
	font-weight:bold;
}
.hiresOngen div.right{
	float:right;
	width:330px;
	margin:130px 45px 0 0;
	font-size:1.5em;
	font-weight:bold;
}
.hiresOngen div.right .btn1{
	width:320px;
	height:38px;
	margin:40px auto 15px;
}
.hiresOngen div.right .btn1 a{
	display:block;
	width:320px;
	height:38px;
	background:url(../images/hiresOngenbtn1_off.jpg) no-repeat left top;
}
.hiresOngen div.right .btn1 a:hover{
	display:block;
	background:url(../images/hiresOngenbtn1_on.jpg) no-repeat left top;
}
.hiresOngen div.right .btn2{
	width:320px;
	height:38px;
	margin:0 auto 15px;
}
.hiresOngen div.right .btn2 a{
	display:block;
	width:320px;
	height:38px;
	background:url(../images/hiresOngenbtn2_off.jpg) no-repeat left top;
}
.hiresOngen div.right .btn2 a:hover{
	display:block;
	background:url(../images/hiresOngenbtn2_on.jpg) no-repeat left top;
}
.hiresOngenScena1{
	width:950px;
	height:443px;
	font-size:.8em;
	font-weight:bold;
	line-height:1.8;
	background:url(../images/hiresOngenBg1.png) no-repeat left top;
}
.hiresOngenScena2{
	width:950px;
	height:388px;
	font-size:.8em;
	font-weight:bold;
	line-height:1.8;
	background:url(../images/hiresOngenBg2.png) no-repeat left top;
}
@media (max-width:640px) {
	.hiresOngen{
		width:auto;
		margin:40px auto 0;
		border-bottom:none;
	}
	.hiresOngenCont{
		border-left:none;
		border-right:none;
	}
	.hiresOngenTtl{
		width:auto;
		height:auto;
		margin:30px auto;
	}
	.hiresOngenTtl img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.hiresOngen p.left{
		float:none;
		width:auto;
		margin:30px 20px;
		font-size:1.3em;
		font-weight:normal;
		line-height:1.5;
	}
	.hiresOngen p.right{
		float:none;
		width:auto;
		margin:30px 20px;
		font-size:1.3em;
		font-weight:normal;
		line-height:1.5;
	}
	.btn1sp{
		width: auto;
		height:auto;
		margin: 0 20px 15px;
	}
	.btn1sp img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.btn2sp{
		width: auto;
		height:auto;
		margin: 0 20px 30px;
	}
	.btn2sp img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.hiresOngenScena1{
		width:auto;
		height:auto;
		font-size:.8em;
		font-weight:bold;
		line-height:1.8;
		background:none;
		border-bottom:dashed 1px #ccc;
	}
	.hiresOngenScena1 .hiresOngenimg{
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.hiresOngenScena1 .hiresOngenimg img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.hiresOngenScena2{
		width:auto;
		height:auto;
		margin: 30px auto;
		font-size:.8em;
		font-weight:bold;
		line-height:1.8;
		background:none;
	}
	.hiresOngenScena2 .hiresOngenimg{
		width: auto;
		height:auto;
		margin: 0 10px;
	}
	.hiresOngenScena2 .hiresOngenimg img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
}
/********************
.howto
********************/
.howto{
	width:569px;
	margin:60px auto 30px;
}
.howtotext{
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
}
.howtowrap{
	width:950px;
	margin:0 auto;
}
.totop{
	text-align:right;
}
.living{
	position:absolute;
	left:50px;
	top:200px;
}
.outdoor{
	position:absolute;
	left:300px;
	top:100px;
}
.myroom{
	position:absolute;
	left:610px;
	top:200px;
}
.walkman{
	position:absolute;
	left:340px;
	top:465px;
}
.slide{
	width:950px;
	margin:0 auto 40px;
}
.slidewrap{
	position:relative;
	overflow:hidden;
	width:950px;
}
@media (max-width:640px) {
	.howto{
		width:auto;
		margin:30px;
	}
	.howto img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.howtotext{
		margin: 0 30px;
		font-size:1em;
		font-weight:bold;
		text-align:center;
	}
	.tabbtnsp1{
		display:block;
		width:auto;
		margin:30px 20px 0;
	}
	.tabbtnsp1 a{
		display:block;
		background:url(../images/tab01_sp.jpg) left top no-repeat;
	}
	.tabbtnsp1 a.active1{
		display:block;
		background:url(../images/tab01_sp_on.jpg) left top no-repeat;
	}
	.tabbtnsp1 img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.tabbtnsp2{
		display:block;
		width:auto;
		margin:30px 20px 0;
	}
	.tabbtnsp2 a{
		display:block;
		width:auto;
		height:auto;
		background:url(../images/tab02_sp.jpg) left top no-repeat;
	}
	.tabbtnsp2 a.active2{
		display:block;
		background:url(../images/tab02_sp_on.jpg) left top no-repeat;
	}
	.tabbtnsp2 img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.tabbtnsp3{
		display:block;
		width:auto;
		margin:30px 20px 0;
	}
	.tabbtnsp3 a{
		display:block;
		width:auto;
		height:auto;
		background:url(../images/tab03_sp.jpg) left top no-repeat;
	}
	.tabbtnsp3 a.active3{
		display:block;
		background:url(../images/tab03_sp_on.jpg) left top no-repeat;
	}
	.tabbtnsp3 img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
}
#s1{
	display:block;
	position:relative;
	left:0;
	top:0;
	overflow:hidden;
}
#s2,#s3{
	display:none;
	position:relative;
	left:0;
	top:0;
	overflow:hidden;
}

.scene{
	float:left;
	width:944px;
	border:solid 3px #f85455;
	border-radius:0 0 30px 30px;
}
.tab{
	overflow:hidden;
	width:950px;
}
.tabwrap{
	overflow:hidden;
	width:950px;
	height:113px;
	margin:0;
	padding:0;
	list-style:none;
}
.tab1{
	float:left;
	width:317px;
	margin:0;
	padding:0;
}
.tab2{
	float:left;
	width:317px;
	margin:0;
	padding:0;
}
.tab3{
	float:left;
	width:316px;
	margin:0;
	padding:0;
}
.setsuzoku{
	width:870px;
	margin:0 auto 30px;
	border-radius:15px;
	background:#ebebeb;
}
.setsuzoku2{
	width:870px;
	margin:0 auto 100px;
	border-radius:15px;
	background:#ebebeb;
}
.sotoqa{
	overflow:hidden;
	width:870px;
	margin:0 auto 50px;
}
.sotoqa1{
	float:left;
	margin:0 15px 0 0;
}
.sotoqa2{
	float:left;
	margin:0 15px 0 0;
}
.sotoqa3{
	float:left;
	margin:0;
}
@media (max-width:640px) {
	.sptabwrap{
		margin:0 0 30px;
	}
		.sptabbox1{
		display:none;
		width:auto;
		margin:0 20px 0;
		padding:0;
		border-left:solid 1px #f85455;
		border-right:solid 1px #f85455;
		border-radius:0 0 10px 10px;
	}
	.sptabbox2, .sptabbox3{
		display:none;
		width:auto;
		margin:0 20px 0;
		padding:0;
		border-left:solid 1px #f85455;
		border-right:solid 1px #f85455;
		border-radius:0 0 10px 10px;
	}
	.sptabttl{
		width:auto;
		margin:0 20px 30px;
		padding:40px 0 0;
	}
	.sptabttl img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.sptabimg{
		width:auto;
		margin:20px 20px 30px;
	}
	.sptabimg img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.sptabqa{
		width:auto;
		margin:10px 20px;
	}
	.sptabqa img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.sptabsubttl{
		width:auto;
		margin:20px 20px 30px;
	}
	.sptabsubttl img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.sptabimg2{
		width:auto;
		margin:0 auto 30px;
	}
	.sptabimg2 img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.amp1{
		width:auto;
		margin:0 auto;
		padding:30px;
	}
	.amp1 img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.amp2{
		width:auto;
		margin:0 auto 30px;
		padding:10px 20px;
	}
	.amp2 img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.amp3{
		width:auto;
		margin:0 auto 30px;
	}
	.amp3 img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.setsuzoku{
		width:auto;
		margin:20px 10px 0;
		border-radius:15px;
		background:#ebebeb;
	}
	.setsuzoku p{
		padding: 0 20px 20px;
	}
	.ac_close1{
		width:auto;
		margin:0 auto;
	}
	.ac_close1 img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.ac_close2{
		width:auto;
		margin:0 auto;
	}
	.ac_close2 img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.ac_close3{
		width:auto;
		margin:0 auto;
	}
	.ac_close3 img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
}
.setsuzokuttl{
	width:637px;
	margin:0 auto;
	padding:30px 0 40px;
}
.setsuzokuttl2{
	width:507px;
	margin:0 auto;
	padding:30px 0 40px;
}
.setsuzokuttl3{
	width:508px;
	margin:0 auto;
	padding:30px 0 40px;
}
.setsuzokuimg{
	width:734px;
	margin:0 auto;
}
.setsuzokuimg2{
	width:375px;
	margin:0 auto;
}
.setsuzokuimg3{
	width:372px;
	margin:0 auto;
}
.setsuzokutext{
	width:790px;
	margin:0 auto;
	padding:30px 0 ;
}
.tabwrapbtm{
	overflow:hidden;
	width:870px;
	height:40px;
	margin:20px auto 50px;
	padding:0;
	list-style:none;
}
.tabwrapbtm li{
	float:left;
	margin:0;
	padding:0;
}
.scene1ttl{
	width:721px;
	margin:60px auto 50px;
}
.scene2ttl{
	width:720px;
	margin:60px auto 50px;
}
.scene3ttl{
	width:720px;
	margin:60px auto 50px;
}
.scene1img{
	width:749px;
	margin:0 auto 35px;
}
.scene1sub{
	width:870px;
	margin:0 auto 35px;
}
.headphonewrap{
	overflow:hidden;
	width:850px;
	height:178px;
	margin:0 auto 60px;
	padding:0;
	list-style:none;
}
.headphonewrap .headphone1{
	float:left;
	width:95px;
	margin:0 54px 0 0;
}
.headphonewrap .headphone2{
	float:left;
	width:100px;
	margin:0 49px 0 0;
}
.headphonewrap .headphone3{
	float:left;
	width:105px;
	margin:0 40px 0 0;
}
.headphonewrap .headphone4{
	float:left;
	width:112px;
	margin:0 38px 0 0;
}
.headphonewrap .headphone5{
	float:left;
	width:113px;
	margin:0 35px 0 0;
}
.headphonewrap .headphone6{
	float:left;
	width:106px;
	margin:0;
}
.hiaudio{
	overflow:hidden;
	width:840px;
	margin:0 auto;
}
.audioleft{
	float:left;
	width:410px;
	margin:0 auto 40px;
}
.audioleft2{
	float:left;
	width:465px;
	margin:0 auto 40px;
}
.audioright{
	float:right;
	width:410px;
	margin:0 auto;
}
.audioimg{
	float:left;
	width:160px;
	margin:0 auto;
}
.audioimg2{
	float:left;
	width:163px;
	margin:0 auto;
}
.audiotext{
	float:right;
	width:232px;
	margin:0 auto;
}
.audiotext2{
	float:right;
	width:285px;
	margin:0 auto;
}
@media (max-width:640px) {
	.hiaudio{
		overflow:hidden;
		width:auto;
		margin:0 auto;
	}
	.audioleft{
		overflow:hidden;
		width:auto;
		margin:0 20px ;
	}
	.audioright{
		overflow:hidden;
		width:auto;
		margin:0 20px;
	}
	.audiop{
		margin:10px 20px 20px;
	}
	.audioimg{
		float:left;
		width:40%;
		margin:0 auto;
	}
	.audioimg img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.audiotext{
		float:right;
		width:50%;
		margin:0 auto;
	}
}
.copy{
	margin:0;
	font-size:105%;
}
.item{
	margin:10px 0 0;
	font-size:90%;
}
.name{
	margin:0;
	font-size:160%;
}
.expwrap{
	position:relative;
	overflow:hidden;
}
.expttl{
	width:697px;
	margin:0 auto 30px;
}
.expsubttl{
	width:555px;
	margin:0 auto 30px;
}
.expbox{
	overflow:hidden;
	width:925px;
	height:110%;
	margin:0 auto;
	background:url(../images/border.gif) no-repeat center 80%;
}
.expkishu{
	margin:0 auto;
	font-size:100%;
	color:#fc5959;
	z-index:2;
	text-align:center;
}
.expboxleft{
	float:left;
	width:450px;
	margin:5px auto 0;
}
.expboxright{
	float:right;
	width:450px;
	margin:5px auto 0;
}
.kumo{
	position:relative;
	width:450px;
	margin:0 auto;
}
.sample{
	width:422px;
	margin:0 auto;
}
.dwbtnwarp{
	position:absolute;
	width:450px;
	margin:0 auto;
	left:0;
	top:377px;
}
.dwbtnleft{
	float:left;
	width:226px;
	margin:0 auto;
}
.dwbtnright{
	float:right;
	width:224px;
	margin:0 auto;
}
.kikidokoro{
	width:416px;
	height:133px;
	margin:20px auto;
	background:url(../images/kikidokoro.jpg) left top;
}
.kikidokoro p{
	width:350px;
	margin:30px auto 0;
	padding:40px 0 0;
	font-size:130%;
}
.timelineimg{
	width:414px;
	margin:30px auto;
}
@media (max-width:640px) {
	.expwrap{
		position:relative;
		width:auto;
		margin:0 20px;
	}
	.expttl{
		width:auto;
		margin:0 20px 30px;
	}
	.expttl img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.expsubttl{
		width:auto;
		margin:0 20px 30px;
	}
	.expsubttl img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.expbox{
		overflow:hidden;
		width:auto;
		height:auto;
		margin:0 auto;
		background:none;
	}
	.expkishu{
		position:static;
		left:auto;
		top:0;
		font-size:100%;
		z-index:2;
	}
	.expboxleft{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.expboxright{
		float:none;
		width:auto;
		margin:0 auto;
	}
	.kumo{
		position:relative;
		width:auto;
		margin:0 auto;
	}
	.sample{
		width:auto;
		margin:0 auto;
	}
	.sample img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.dwbtnwarp{
		position:absolute;
		width:auto;
		left:5%;
		top:85%;
	}
	.dwbtnleft{
		float:left;
		width:50%;
		margin:0 auto;
	}
	.dwbtnleft img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.dwbtnright{
		float:right;
		width:50%;
		margin:0 auto;
	}
	.dwbtnright img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.kikidokoro{
		width:auto;
		margin:30px auto 0;
		background:#ddf1f2;
		border-radius:30px;
	}
	.kikidokoro p{
		width:auto;
		margin:10px auto 0;
		padding:0 20px 20px;
		font-size:100%;
	}
	.textkikidokoro{
		width:auto;
		margin:0 auto;
		padding:10px 0 0;
	}
	.textkikidokoro img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.timelineimg{
		width:auto;
		margin:30px auto;
	}
	.timelineimg img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
}
.timeline{
	margin:0 0 0 20px;
	padding:0;
	list-style:none;
	font-size:140%;
}
.timeline li{
	margin:0 0 30px;
	padding:30px 0 0 30px;
}
@media (max-width:640px) {
	.timeline{
		margin:0 0 0 20px;
		padding:0;
		list-style:none;
		font-size:110%;
	}
	.timeline li{
		margin:0 0 30px;
		padding:30px 0 0 20px;
	}
}
.time01{
	background:url(../images/time01.gif) no-repeat left top;
}
.time02{
	background:url(../images/time02.gif) no-repeat left top;
}
.time03{
	background:url(../images/time03.gif) no-repeat left top;
}
.time20{
	background:url(../images/time20.gif) no-repeat left top;
}
.time32{
	background:url(../images/time32.gif) no-repeat left top;
}

.time17{
	background:url(../images/time17.gif) no-repeat left top;
}
.time19{
	background:url(../images/time19.gif) no-repeat left top;
}
.time22{
	background:url(../images/time22.gif) no-repeat left top;
}
.time24{
	background:url(../images/time24.gif) no-repeat left top;
}
.time39{
	background:url(../images/time39.gif) no-repeat left top;
}
.head{
	width:950px;
	height:74px;
	margin:0;
	padding:0;
}
.sticnavwarp{
	width:950px;
	height:74px;
	margin:0 auto;
	padding:0;
	-webkit-box-shadow: 0 6px 3px -2px #ccc;
	-moz-box-shadow: 0 6px 3px -2px #ccc;
	box-shadow: 0 6px 3px -2px #ccc;
}
.visible ul.sticnav li{
	float:left;
	height:74px;
	margin:0;
	padding:0;
}
ul.sticnav{
	overflow:hidden;
	width:950px;
	height:74px;
	margin:0;
	padding:0;
	list-style:none;
	background:#fff;
	z-index:10000;
}
ul.sticnav li{
	float:left;
	margin:0;
	padding:0;
}
ul.sticnav li a{
	display:block;
	width:190px;
	height:74px;
}

ul.sticnavfloat{
	overflow:hidden;
	width:950px;
	height:74px;
	margin:0 auto;
	padding:0;
	list-style:none;
	background:#fff;
}
ul.sticnavfloat li{
	float:left;
	margin:0;
	padding:0;
}

@media (max-width:640px) {
	.head{
		width:auto;
		margin:0;
		padding:0;
	}
	.sticnavwarpsp{
		width:auto;
		margin:0 auto;
		padding:0;
	}
	ul.sticnavsp{
		margin:0;
		padding:0;
		list-style:none;
	}
	ul.sticnavsp li{
		float:none;
		height:auto;
		margin:0;
		padding:0;
	}
	ul.sticnavsp li img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	ul.sticnav{
		overflow:hidden;
		width:auto;
		height:auto;
		margin:0;
		padding:0;
		list-style:none;
		background:#fff;
		z-index:1000;

	}
	ul.sticnav li{
		float:none;
		margin:0;
		padding:0;
	}
	ul.sticnav li a{
		display:block;
		width:auto;
		height:auto;
	}
	
	ul.sticnavfloat{
		overflow:hidden;
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
		list-style:none;
		background:#fff;
	}
	ul.sticnavfloat li{
		float:none;
		margin:0;
		padding:0;
	}
}
a:hover .fadeImg {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
#b1{
	display:block;
	margin-top:-30px;
	padding-top:30px;
}
#b2{
	display:block;
	margin-top:-30px;
	padding-top:30px;
}
#b3{
	display:block;
	margin-top:-10px;
	padding-top:10px;
}
#b4{
	display:block;
	margin-top:-50px;
	padding-top:50px;
}
#b5{
	display:block;
	margin-top:-100px;
	padding-top:100px;
}
@media (max-width:640px) {
	#spb1{
		display:block;
		margin-top:0;
		padding-top:0;
	}
	#spb2{
		display:block;
		margin-top:-20px;
		padding-top:20px;
	}
	#spb3{
		display:block;
		margin-top:0;
		padding-top:0;
	}
	#spb4{
		display:block;
		margin-top:-20px;
		padding-top:20px;
	}
	#spb5{
		display:block;
		margin-top:-20px;
		padding-top:20px;
	}
	#spb1_2{
		display:block;
		margin-top:-20px;
		padding-top:20px;
	}
	#spb1_3{
		display:block;
		margin-top:-20px;
		padding-top:20px;
	}
	#spb2_1{
		display:block;
		margin-top:-20px;
		padding-top:20px;
	}
	#spb2_2{
		display:block;
		margin-top:-20px;
		padding-top:20px;
	}
	#spb2{
		display:block;
		margin-top:-20px;
		padding-top:20px;
	}
}
.nav1{
	background:url(../images/sticnav01.jpg) no-repeat left top;
}
.nav2{
	background:url(../images/sticnav02.jpg) no-repeat left top;
}
.nav3{
	background:url(../images/sticnav03.jpg) no-repeat left top;
}
.nav4{
	background:url(../images/sticnav04.jpg) no-repeat left top;
}
.nav5{
	background:url(../images/sticnav05.jpg) no-repeat left top;
}

/***********************************
メインーメニュー固定
***********************************/
.fixed {
	position: fixed;
	top: 0;
	left: auto;
	width:950px!important;
	margin: 0 auto!important;
	background: #fff;
}
.shadow {
	-webkit-box-shadow: 0 6px 3px -2px #999;
	-moz-box-shadow: 0 6px 3px -2px #999;
	box-shadow: 0 6px 3px -2px #999;
}
.pc{
		display:block;
}
.sp{
		display:none;
}
.br{
		display:none;
}
@media (max-width:640px) {
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
	.br{
			display:block;
	}
}