.mo_tit01{
	width			: 980px ;
	height			: 17px ;
	padding			: 8px 0 20px 39px ;
	background-image: url("../model/img/house.png") ;
	background-repeat: no-repeat ;
	font-size		: 18px ;
}


/* mod_thumbnail
--------------------------------------------*/
.mod_thumbnail{
 margin:0 0 30px 0;
}
/* サムネイル画像表示（thumbnaillist）
-----------------------------------------*/
.thumbnaillist{
}
.thumbnaillist ul{
}
.thumbnaillist li{
    width:100px;
    height:100px;
    float:left;
    background:none;
    padding:0 8px 0px 0;
    margin:0 0 50px 0;
}
.thumbnaillist li a{
    display:block;
}
.thumbnaillist li a:link    {}
.thumbnaillist li a:visited {}
.thumbnaillist li a:hover   {opacity:0.8;}
.thumbnaillist li a:active  {opacity:0.8;}
/* IE用 ↓*/
.thumbnaillist li a:hover img {filter:alpha(opacity=80);}
 
/* メイン画像表示（mod_mainimglist）
-----------------------------------------*/
.mainimglist{
    width:720px;
    height:480px;
    margin:0 20px 0 0;
    float			: left ;
}
.mainimglist img{
}


.mo_line01{
	width			: 980px ;
	height			: 480px ;
	margin			: 0 0 20px ;
	display			: inline-block ;
}

.mo_line02{
	width			: 980px ;
	margin			: 0 0 50px ;
	display			: inline-block ;
}

.mo_r01{
	width			: 240px ;
	height			: 480px ;
	float			: left ;
	position		: relative ;
}

.mo_r_txt01{
	width			: 240px ;
	font-size		: 12px ;
	line-height		: 20px ;
	padding			: 0 0 20px ;
}

.mo_databox{
	width			: 220px ;
	padding			: 15px 10px ;
	background-color: #e5e5e5 ;
	position		: absolute ;
	bottom			: 0 ;
}

.mo_data{
	width			: 220px ;
	height			: 16px ;
	padding			: 0 0 10px ;
}
.mo_txtline{
	width			: 220px ;
	padding			: 5px 0 ;
	border-bottom	: solid 1px #000 ;
	font-size		: 12px ;
}

.mo_map{
	width			: 644px ;
	height			: 220px ;
	margin			: 0 26px 0 0 ;
	float			: left ;
}
.mo_map div a{
	width			: 980px ;
	margin			: 0 0 30px ;
	color			: #f64812 ;
}
.mo_map div a:hover{
	color			: #f64812 ;
	text-decoration	: underline ;
}


.mo_r02{
	width			: 310px ;
	float			: left ;
}

.mo_btn01 a{
	margin			: 0 0 15px;
	padding			: 0 ;
	width			: 310px ;
	height			: 60px ;
	background		: url('../model/img/btn01_off.jpg') top left no-repeat ;
	display			: inline-block ;
}

.mo_btn01 a:hover	{
	margin			: 0 0 15px;
	padding			: 0 ;
	width			: 310px ;
	height			: 60px ;
	background		: url('../model/img/btn01_on.jpg') top left no-repeat ;
}

.mo_btn02 a{
	margin			: 0;
	padding			: 0 ;
	width			: 310px ;
	height			: 60px ;
	background		: url('../model/img/btn02_off.jpg') top left no-repeat ;
	display			: inline-block ;
}

.mo_btn02 a:hover	{
	margin			: 0;
	padding			: 0 ;
	width			: 310px ;
	height			: 60px ;
	background		: url('../model/img/btn02_on.jpg') top left no-repeat ;
}

.mo_btn03 a{
	margin			: 0 0 15px;
	padding			: 0 ;
	width			: 310px ;
	height			: 60px ;
	background		: url('../model/img/btn03_off.jpg') top left no-repeat ;
	display			: inline-block ;
}

.mo_btn03 a:hover	{
	margin			: 0 0 15px;
	padding			: 0 ;
	width			: 310px ;
	height			: 60px ;
	background		: url('../model/img/btn03_on.jpg') top left no-repeat ;
}

@media screen and (max-width:768px) {
/*　画面サイズが749pxまではここを読み込む　*/
.mo_tit01{
	width			: 90% ;
	height			: 17px ;
	padding			: 8px 0 20px 10% ;
	background-image: url("../model/img/house.png") ;
	background-repeat: no-repeat ;
	font-size		: 18px ;
}


/* mod_thumbnail
--------------------------------------------*/
.mod_thumbnail{
 margin:0 0 30px 0;
}
/* サムネイル画像表示（thumbnaillist）
-----------------------------------------*/
.thumbnaillist{
}
.thumbnaillist ul{
	display: none;
}
.thumbnaillist li{
    width:100%;
    height:auto;
    float:left;
    background:none;
    padding:0 8px 0px 0;
    margin:0 0 50px 0;
}
.thumbnaillist li a{
    display:block;
}
.thumbnaillist li a:link    {}
.thumbnaillist li a:visited {}
.thumbnaillist li a:hover   {opacity:0.8;}
.thumbnaillist li a:active  {opacity:0.8;}
/* IE用 ↓*/
.thumbnaillist li a:hover img {filter:alpha(opacity=80);}
 
/* メイン画像表示（mod_mainimglist）
-----------------------------------------*/
.mainimglist{
    width:100%;
    height:auto;
    margin:0 0 20px 0;
    float			: none ;
}
.mainimglist img{
    width:100%;
    height:auto;
}


.mo_line01{
	width			: 100% ;
	height			: auto ;
	margin			: 0 0 20px ;
	display			: inline-block ;
}

.mo_line02{
	width			: 100% ;
	margin			: 0 0 50px ;
	display			: inline-block ;
}

.mo_r01{
	width			: 100% ;
	height			: auto ;
	float			: none ;
	position		: relative ;
}

.mo_r_txt01{
	width			: 100% ;
	font-size		: 16px ;
	line-height		: 24px ;
	padding			: 0 0 20px ;
}

.mo_databox{
	width			: 90% ;
	padding			: 15px 5% ;
	background-color: #e5e5e5 ;
	position		: relative ;
	bottom			: 0 ;
}

.mo_data{
	width			: 100% ;
	height			: 16px ;
	padding			: 0 0 10px ;
}
.mo_txtline{
	width			: 100% ;
	padding			: 5px 0 ;
	border-bottom	: solid 1px #000 ;
	font-size		: 16px ;
}

.mo_map{
	display			: none ;
}
.sp_mo_map{
	width			: 100% ;
	height			: 300px ;
	margin			: 0 0 30px;
	float			: none ;
}
.mo_map div a{
	display			: none ;
}
.mo_map div a:hover{
	display			: none ;
}


.mo_r02{
	width			: 310px ;
	float			: left ;
}

.mo_btn01 a{
	margin			: 0 0 15px;
	padding			: 0 ;
	width			: 310px ;
	height			: 60px ;
	background		: url('../model/img/btn01_off.jpg') top left no-repeat ;
	display			: inline-block ;
}

.mo_btn01 a:hover	{
	margin			: 0 0 15px;
	padding			: 0 ;
	width			: 310px ;
	height			: 60px ;
	background		: url('../model/img/btn01_on.jpg') top left no-repeat ;
}

.mo_btn02 a{
	margin			: 0 0 15px;
	padding			: 0 ;
	width			: 310px ;
	height			: 60px ;
	background		: url('../model/img/btn02_off.jpg') top left no-repeat ;
	display			: inline-block ;
}

.mo_btn02 a:hover	{
	margin			: 0 0 15px;
	padding			: 0 ;
	width			: 310px ;
	height			: 60px ;
	background		: url('../model/img/btn02_on.jpg') top left no-repeat ;
}

.mo_btn03 a{
	margin			: 0 ;
	padding			: 0 ;
	width			: 310px ;
	height			: 60px ;
	background		: url('../model/img/btn03_off.jpg') top left no-repeat ;
	display			: inline-block ;
}

.mo_btn03 a:hover	{
	margin			: 0 ;
	padding			: 0 ;
	width			: 310px ;
	height			: 60px ;
	background		: url('../model/img/btn03_on.jpg') top left no-repeat ;
}

}


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

}
