@charset "utf-8";
/* CSS Document */

#topflash {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	width: 650px;
	height: 399px;
}
#topcopy  {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
}
#topcopy #p-toptitle {
    font-weight: bold;
    font-size: 1.4em;
    margin-bottom: 13px;

}
#top-main {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
    display: -webkit-flex; /* Safari */
display: flex;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
    flex-flow: row-reverse;
}
#top-main1  {
	width: 650px;
	margin-left: auto;
	margin-right: auto;
}
#top-main #top-main1 p {
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 35px;
	line-height: 2em;
}
#top-main #top-main1 #top-title p {
	margin-left: auto;
	margin-right: auto;
	max-width: 960px;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: -1px;
	text-align: center;
}
.top-main2  {
	width: 243px;
	left: 0px;
}
main #top-main #side {

}


@media screen and (min-width:800px){
.fixed {
	top: 2%;
	left: 50%;
	width: 243px;
	position: fixed;
	margin-left: -481px;
}
#top-main #side .top-main2.fixed {
	position: fixed;
	top: 118px;
}


}




@media screen and (max-width:800px){
#wrap main #topflash {
	display: none;
}
#top-main {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.top-main2 {
	width: 95%;
	left: 0px;
	margin-left: auto;
	margin-right: auto;
}
#top-main1 {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}




}