.mainimg{
	position		: relative ;
}

#top_photo{
	position		: relative ;
	position		: absolute ;
}

.top_titarea{
	width			: 310px ;
	height			: 460px ;
	position		: absolute ;
	top				: 80px ;
	left			: 45% ;
}

.top_tit{
	width			: 310px ;
	display			: inline-block ;
}

.toptit01{
	width			: 70px ;
	height			: 360px ;
	float			: right ;
}
.toptit02{
	width			: 220px ;
	height			: 460px ;
	padding			: 40px 20px 0 0 ;
	float			: left ;
}

.main_bgimg{
	width			: 100% ;
	height			: 530px ;
	background-image: url("../img/back_img01.jpg") ;
	background-position: center top ;
	margin			: 0 0 100px ;
}

.main_bg{
	width			: 960px ;
	height			: 510px ;
	margin			: 0 auto ;
	padding			: 20px 0 0 ;
}

.main_bgtxt{
	width			: 442px ;
	height			: 434px ;
}

.midashi01{
	width			: 300px ;
	height			: 80px ;
	margin			: 0 auto 50px ;
}
.midashi01 img{
	width			: 300px ;
	height			: 80px ;
}

.top_planarea{
	width			: 960px ;
	margin			: 0 auto ;
}

.top_planbox{
	width			: 960px ;
	padding			: 0 0 25px ;
	display			: inline-block ;
}

.top_plan01{
	width			: 310px ;
	margin			: 0 15px 0 0 ;
	float			: left ;
}

.top_plan01 img{
	width			: 310px ;
	height			: 215px ;
	background-color: #ffffff ;
	margin			: 0 0 5px 0 ;
}

.top_plan01 p{
	width			: 310px ;
	margin			: 0 ;
	padding			: 0 ;
	font-size		: 14px ;
	line-height		: 24px ;
	color			: #fff ;
}


.top_plan02{
	width			: 310px ;
	margin			: 0 0 0 0 ;
	float			: left ;
}

.top_plan02 img{
	width			: 310px ;
	height			: 215px ;
	background-color: #ffffff ;
	margin			: 0 0 5px 0 ;
}

.top_plan02 p{
	width			: 310px ;
	margin			: 0 ;
	padding			: 0 ;
	font-size		: 14px ;
	line-height		: 20px ;
	color			: #fff ;
}

.btn01{
	width			: 300px ;
	height			: 48px ;
	margin			: 0 auto 100px ;
}

.btn01 img{
	width			: 300px ;
	height			: 48px ;
}

.btn02{
	width			: 300px ;
	height			: 48px ;
	margin			: 0 auto 100px ;
}

.btn02 img{
	width			: 300px ;
	height			: 48px ;
}

.midashi02{
	width			: 350px ;
	height			: 90px ;
	margin			: 0 auto 50px ;
}
.midashi02 img{
	width			: 350px ;
	height			: 90px ;
}

.yasu_box{
	width			: 960px ;
	height			: 380px ;
	margin			: 0 auto 20px ;
	overflow		: hidden ;
	position		: relative ;
}

.yasu_box02{
	width			: 960px ;
	height			: 380px ;
	margin			: 0 auto 100px ;
	overflow		: hidden ;
	position		: relative ;
}

.yasu_boximg{
	width			: 960px ;
	height			: 380px ;
	position		: absolute ;
	z-index			: 1 ;
}
.yasu_boximg img{
	width			: 960px ;
	height			: 380px ;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}

.yasu_boximg img:hover{
	width			: 960px ;
	height			: 380px ;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.yasu_txt{
	width			: 300px ;
	height			: 80px ;
	position		: absolute ;
	top				: 150px ;
	left			: 330px ;
	z-index			: 10 ;
}

.yasu_txt img{
	width			: 300px ;
	height			: 80px ;
}


.midashi03{
	width			: 300px ;
	height			: 80px ;
	margin			: 0 auto 20px ;
}
.midashi03 img{
	width			: 300px ;
	height			: 80px ;
}

.block{
	width			: 960px ;
	margin			: 0 auto 100px ;
}

.block_line{
	width			: 960px ;
	display			: inline-block ;
}

.block_l{
	width			: 450px ;
	margin			: 0 60px 0 0 ;
	float			: left ;
}

.block_r{
	width			: 450px ;
	float			: left ;
}

.bl_box{
	width			: 448px ;
	height			: 458px ;
	padding			: 0 ;
	border			: solid 1px #828751 ;
}

.news_inner{
	width			: 448px ;
	margin			: 0 ;
	padding			: 0 ;
}

.newsbox{
	width			: 448px ;
	padding			: 0 ;
}

.nline{
	width			: 418px ;
	margin			: 0 ;
	padding			: 10px 0 0 10px ;
	border-bottom	: solid 1px #828751 ;
	display			: inline-block ;
}
.nline02{
	width			: 418px ;
	margin			: 0 ;
	padding			: 10px 0 0 10px ;
	display			: inline-block ;
}

.day{
	width			: 90px ;
	margin			: 0 ;
	font-size		: 12px ;
	font-weight		: bold ;
	color			: #ffffff ;
	float			: left ;
}

.news{
	width			: 328px ;
	font-size		: 12px ;
	margin			: 0 ;
	padding			: 0 ;
	color			: #ffffff ;
	float			: left ;
}

.newstxt{
	width			: 418px ;
	font-size		: 12px ;
	margin			: 10px 0 ;
	padding			: 0 ;
	color			: #ffffff ;
	float			: left ;
}

.bestrate{
	width			: 450px ;
	font-size		: 14px ;
	margin			: 0 0 25px ;
	line-height		: 22px ;
	color			: #fff ;
}

.camera{
	width			: 300px ;
	margin			: 0 auto 10px ;
	color			: #ffffff ;
}
.camera img{
	width			: 300px ;
}

@media screen and (min-width:320px) and ( max-width:639px) {
/*　画面サイズが320pxから639pxまではここを読み込む　*/

#top_photo{
	position		: relative ;
	position		: absolute ;
}

.main_bgimg{
	display			: none ;
}

.main_bg{
	display			: none ;
}

.main_bgtxt{
	display			: none ;
}
.main_bgtxt img{
	display			: none ;
}


.midashi01{
	width			: 150px ;
	height			: 40px ;
	margin			: 30px auto ;
}
.midashi01 img{
	width			: 150px ;
	height			: 40px ;
}

.top_planarea{
	width			: 310px ;
	margin			: 0 auto ;
}

.top_planbox{
	width			: 310px ;
	padding			: 0 ;
	display			: inline-block ;
}

.top_plan01{
	width			: 310px ;
	margin			: 0 0 20px 0 ;
	float			: left ;
}

.top_plan01 img{
	width			: 310px ;
	height			: 215px ;
	background-color: #ffffff ;
	margin			: 0 0 5px 0 ;
}

.top_plan01 p{
	width			: 310px ;
	margin			: 0 ;
	padding			: 0 ;
	font-size		: 14px ;
	line-height		: 24px ;
	color			: #fff ;
}


.top_plan02{
	width			: 310px ;
	margin			: 0 0 20px 0 ;
	float			: left ;
}

.top_plan02 img{
	width			: 310px ;
	height			: 215px ;
	background-color: #ffffff ;
	margin			: 0 0 5px 0 ;
}

.top_plan02 p{
	width			: 310px ;
	margin			: 0 ;
	padding			: 0 ;
	font-size		: 14px ;
	line-height		: 20px ;
	color			: #fff ;
}

.btn01{
	width			: 300px ;
	height			: 48px ;
	margin			: 0 auto 100px ;
}

.btn01 img{
	width			: 300px ;
	height			: 48px ;
}


.midashi02{
	width			: 175px ;
	margin			: 0 auto 50px ;
}
.midashi02 img{
	width			: 175px ;
	height			: 45px ;
}



.yasu_box{
	width			: 300px ;
	height			: 130px ;
	margin			: 0 auto 20px ;
	overflow		: hidden ;
	position		: relative ;
}

.yasu_box02{
	width			: 300px ;
	height			: 130px ;
	margin			: 0 auto 50px ;
	overflow		: hidden ;
	position		: relative ;
}

.yasu_boximg{
	width			: 300px ;
	height			: 130px ;
	position		: absolute ;
	z-index			: 1 ;
}
.yasu_boximg img{
	width			: 300px ;
	height			: 130px ;
}

.yasu_boximg img:hover{
	width			: 300px ;
	height			: 130px ;
}

.yasu_txt{
	width			: 150px ;
	height			: 40px ;
	position		: absolute ;
	top				: 45px ;
	left			: 75px ;
	z-index			: 10 ;
}

.yasu_txt img{
	width			: 150px ;
	height			: 40px ;
}


.midashi03{
	width			: 300px ;
	height			: 80px ;
	margin			: 0 auto 20px ;
}
.midashi03 img{
	width			: 300px ;
	height			: 80px ;
}

.block{
	width			: 300px ;
	margin			: 0 auto 50px ;
}

.block_line{
	width			: 300px ;
	display			: inline-block ;
}

.block_l{
	width			: 300px ;
	margin			: 0 0 20px 0 ;
}

.block_r{
	width			: 300px ;
}

.bl_box{
	width			: 298px ;
	height			: 258px ;
	padding			: 5px 0 0 ;
	border			: solid 1px #828751 ;
	overflow		: auto ;
}

.news_inner{
	width			: 278px ;
	margin			: 5px 0 0 ;
	padding			: 0 ;
}

.newsbox{
	width			: 278px ;
	padding			: 0 ;
}

.nline{
	width			: 268px ;
	margin			: 0 ;
	padding			: 10px 0 0 10px ;
	border-bottom	: solid 1px #828751 ;
	display			: inline-block ;
}
.nline02{
	width			: 268px ;
	margin			: 0 ;
	padding			: 10px 0 0 10px ;
	display			: inline-block ;
}

.day{
	width			: 70px ;
	margin			: 0 ;
	font-size		: 10px ;
	font-weight		: bold ;
	color			: #ffffff ;
	float			: left ;
}

.news{
	width			: 198px ;
	font-size		: 10px ;
	margin			: 0 ;
	padding			: 0 ;
	color			: #ffffff ;
	float			: left ;
}

.newstxt{
	width			: 268px ;
	font-size		: 11px ;
	line-height		: 18px ;
	margin			: 10px 0 ;
	padding			: 0 ;
	color			: #ffffff ;
	float			: left ;
}

.bestrate{
	width			: 300px ;
	font-size		: 12px ;
	line-height		: 18px ;
	margin			: 0 0 25px ;
	color			: #fff ;
}

.camera{
	width			: 300px ;
	margin			: 0 auto 10px ;
	color			: #ffffff ;
}
.camera img{
	width			: 300px ;
}

.btn02{
	display			: none ;
}

.btn02 img{
	display			: none ;
}

.sp_btn02{
	width			: 300px ;
	height			: 48px ;
	margin			: 0 auto 100px ;
}

.sp_btn02 img{
	width			: 300px ;
	height			: 48px ;
}

}

@media screen and (min-width: 639px) {
/* 960pxからの幅の場合に適応される */
.sp_btn02{
	display			: none ;
}

}