@charset "utf-8";


/*====================================================================
 contents
====================================================================*/



#wrap {margin:0;padding:0 ;}

#slider	{height:auto;max-width:100%;margin:0 auto;}

#contents #main_contents .kome_search{text-align:center;padding:10px 0 0 0;margin:0px;}

#contents #main_contents .whats{width:100%; height:600px;}

#contents #main_contents .whats.scroll{overflow:hidden; overflow-y: scroll;}

#contents #main_contents .tl_howto{font-weight:bold;margin:0px 0 20px 0;}

#contents #main_contents .pic_pc{float:left;width:50%;padding:0 0 30px 0;}

#contents #main_contents .pic_pc img{width:95%;height:auto; border: solid 1px #ccc;}

#contents #main_contents .txt_pc{float:left;width:50%;margin:0 0 30px 0;padding:10px 0 0 0;}


#contents #main_contents .pic_ip{float:left;width:50%;padding:0 0 30px 0;text-align:center;}

#contents #main_contents .pic_ip img{width:50%;height:auto;border: solid 1px #ccc;}

#contents #main_contents .txt_ip{float:left;width:50%;margin:0 0 30px 0;padding:10px 0 0 0;}


#contents #main_contents .pic_and{float:left;width:50%;padding:0 0 30px 0;}

#contents #main_contents .pic_and img{width:95%;height:auto;border: solid 1px #ccc;}

#contents #main_contents .txt_and{float:left;width:50%;margin:0 0 30px 0;padding:10px 0 0 0;}

#contents #main_contents .pic_keizu {max-width:880px;height:auto;}


#contents .floating_bnr {
	box-shadow:-5px 5px -10px;
	border: #fff 1px solid ;
	padding:0px;
	position:absolute;
	position: fixed;
	top:0px;
	right:0px;
	background: #3675a0;
	text-align:center;
	z-index:1001;
	font-weight:bold;
	color:#fff;
}

#contents .floating_bnr div {
	margin:5px 0;
	padding:0px 3px;
}

#contents .floating_bnr .close {
	color: #fff;
	font-weight:bold;
	margin:-3px 0 0 0 ;
	cursor:pointer;
	filter: alpha(opacity=80);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	
}


#contents .floating_bnr2 {
	box-shadow:-5px 5px -10px;
	border: #fff 1px solid ;
	padding:0px;
	position:absolute;
	position: fixed;
	top:0px;
	right:0px;
	background: #3675a0;
	text-align:center;
	z-index:1000;
	font-weight:bold;
	color:#fff;
}

#contents .floating_bnr2 div {
	margin:0 0;
	padding:0px 3px;
}

#contents a:hover {opacity:0.8;
filter: alpha(opacity=80);        /* ie 6 7 */
-ms-filter: "alpha(opacity=80)";  /* ie 8 */
}


#contents .bnr_jo {
	padding:30px 0;

}

@media screen and ( min-width:768px )
{

#contents #main_contents .whats{overflow:hidden;width:95%}

#contents .bnr_jinchi {
	border:none ;
	background: #E9E9E9;
	text-align:left;	
	margin:30px 10px 0 10px ;
	padding:0;max-width:896px;
}

#contents .bnr_jinchi img {
	width:100%;
	height: auto;
}

.bt_hanbai img {width:50%;height:auto;
	
}


}


@media screen and ( max-width:767px )
{
#contents #main_contents .whats{overflow:hidden;width:95%}


#contents .bnr_jinchi {
	background: #E9E9E9;
	margin:30px 10px 0 10px ;
}

.bt_hanbai img {width:100%;height:auto;
	
}

#contents #main_contents .thumb{float:nonex;}


#contents #main_contents .outline{float:nonex;  width:100%;}

}