@charset "utf-8";

/* 【トップページ設定】---------------------------------

70周年バナーと災害支援をトップに掲載する際に使用するCSS（期間限定）

不要になったら、index.html　のlinkタグから本CSSを外してください。

-------------------------------------------------------- */



#top_rinji_bg{
	border-bottom: solid 1px #f6f6f6;
	background-color: #FDFDFD;
}


#top_rinji_area{
width: 1020px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
padding-bottom: 0px;
}



#top_rinjibox{
width: 509px;
height: 223px;
float: right;
border-left: 1px #eee solid;
}

#top_ri_l{
width: 99px;
margin-right: 0px;
margin-bottom: 10px;
float: left;
margin-left: 10px;
}


#top_ri_r {
width: 390px;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
float: right;
font-size: 14px;
line-height: 150%;
}



#top_rinjibox70{
width: 510px;
padding-top: 10px;
height: 228px;
float: left;
}

#top_ri70_t{
width: 200px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}


#top_ri70_b {
width: 90%;
padding: 5px 0px;
font-size: 14px;
line-height: 150%;
margin-left: auto;
margin-right: auto;
}


#top_s01 {
width: 130px;
float: left;
text-align: center;
}


#top_s02 {
float: left;
width: 530px;
padding-top: 20px;
padding-left: 0px;
padding-right: 10px;
font-size: 14px;
line-height: 140%;
}

#top_s03 {
float: left;
width: 350px;
padding-top: 25px;

}









@media screen and (max-width: 684px) {


#top_rinji_area{
	width: 100%;

}


#top_rinjibox{
	width: 100%;
	padding-top: 20px;
	height: auto;
	float:none;
	border-left: none;

}

#top_ri_l{
	width:100px;
	margin-left: auto;
	margin-right: auto;
	float:none;
}


#top_ri_r {
width: 90%;
padding: 5px 0px;
float: none;
text-align: center;
margin-left: auto;
margin-right: auto;
}




#top_rinjibox70{
width: 85%;
padding-top: 20px;
height: auto;
float: none;
margin-left: auto;
margin-right: auto;
}

#top_ri70_t{
	width:200px;
	margin-left: auto;
	margin-right: auto;
	float:none;
}

#top_ri70_b {
width: 90%;
padding: 5px 20px;
float: none;

}



#top_s01 {
float: none;
margin: auto;
width: 100%;
}

#top_s02 {
float: none;
margin: auto;
text-align: center!important;
width: 100%;
padding-top: 0px;
}

#top_s03 {
float: none;
margin: auto;
padding-top: 0px!important;
width: 100%;
text-align: center!important;
}




}





@media screen and (max-width: 480px) {

#top_ri_r img{
	width:90%;

}

}