@charset "UTF-8";
#mainWrapper{ width: 1120px; margin: 0 auto; margin-top: 20px;}
#main{ float: left; width: 800px}
#sub{ float: right; width: 300px }


#ftInfo{text-align: left;}
.h1Wrapper{
	color: #003E86;
	text-align: center;
	border-bottom: 1px solid #ccc;
	border-top: 1px none #ccc;
	border-right: 1px none #ccc;
	border-left: 1px none #ccc;
	padding: 30px 0;
	margin-top: 20px;
}
.h1Wrapper .h101{ font-size: 16px;}
.h1Wrapper .h102{ font-size: 42px;}
.h1Wrapper .h103{ font-size: 16px;}


.introWrapper { margin-top: 20px; }
.introWrapper p {}

.aboutWrapper { margin: 45px 0;}
.aboutWrapper li { margin-bottom: 20px;}
.aboutWrapper h3 { background: url(../mrso_img/bestrate/aboutWrapper_h3.png)no-repeat 0 5px; padding-left: 18px; line-height: 1.8em;}
.aboutWrapper p { padding-left: 18px;}

.contactWrapper {}

.ruleWrapper { margin: 45px 0; background: #F1F1F1; padding: 20px; font-size: 12px;}
.ruleWrapper h2 { font-size: 14px; margin-bottom: 15px;}
.ruleWrapper span { font-weight: bold;}


/* titleStyle@top.css */
.titleStyle2Wrapper { border-top: 3px double #ddd;border-bottom: 3px double #ddd; margin-bottom: 10px; padding: 3px 0}
.titleStyle2Wrapper h2{ font-size: 14px; font-weight: bold; color: #666}
.titleStyle2Wrapper h2.iconCommon{ background: url(/mrso_img/index/icon/icon_title_common.png)  no-repeat 0 20%; padding: 3px 0 2px 12px; line-height: 1;}


#sub .bnrList01 {
	width: 230px;
}
@media only screen and (max-width: 640px){
#mainWrapper{ width: 100%; margin: 0 auto; margin-top: 20px;}
#main{ float: none; width: 100%}
#sub{ float: none; width: 100%}
#sub img{ width: 50%; float: left;}

}