@charset "utf-8";



/* h2設定
=============================================== */
#main h2{
	background:url(images/loan_title.jpg) no-repeat left top;
}

/* お金を借りる共通設定
=============================================== */

#main h3{
	margin:0px 0px 2em;
	clear: both;
}
#main h4{
	margin:0px 0px 1em;
	clear: both;
}
#main p{
	margin:0px 0px 1em;
}
#main p.banner{
	margin:0 0 30px;
}
#main p.p_none{
	margin:0;
	padding:0;
}
#main p.p_none .red{
	color:#c00;
}
#main .notice{
	color: #CC0000;
}
#main .notes {
	font-size: 85%;
	line-height: 1.3;
	text-indent:-1em;
	margin-left:1em;
	display: block;
}
#main .circle_b{
	background:url(../common/images/tablelist_circle_b.gif) no-repeat left 5px;
	padding-left:1em;
}
#main .circle_r{
	background:url(images/tablelist_circle_r_b.gif) no-repeat left 5px;
	padding-left:1em;
}
#main .list th {
	width: 100px;
}
#main .list p {
	margin:0;
}
#main .cap_box {
	background:url(images/cap_bottom.gif) no-repeat left bottom;
	padding-bottom:10px;
	width: 420px;
	margin-bottom: 1em;
}
#main .cap_box .cap_inner{
	background:#FFE6E6 url(images/cap_bg.gif) no-repeat left top;
	padding:0px 15px;
}
#main .cap_inner li{
	padding-top:10px;
	text-indent:-1em;
	margin-left:1em;
}
#main .cap_inner li span{
	font-size:85%;
}


/* お金を借りる　トップ
=============================================== */
 
#main .mainmenu {
	background: #F2F2F2;
	padding: 7px 4px 4px 7px;
	margin-bottom: 5px;
	clear: both;
	width: 582px;
	overflow:hidden;
}
#main .mainmenu3 li {
	float: left;
	margin: 0px 4px 4px 0px;
}#main .mainmenu3 {
	background: #F2F2F2;
	padding: 7px 4px 4px 7px;
	margin-bottom: 25px;
	clear: both;
	width: 582px;
	overflow:hidden;
}
#main .mainmenu li {
	float: left;
	margin: 0px 4px 4px 0px;
}
#main .mainmenu2row {
	margin-left: 194px;
	width: 388px;
}
#main .submenu {
	margin-bottom: 40px;
}
#main .submenu li {
	float: left;
	margin: 0px 0px 1.5em;
	width: 195px;
}
#main .submenu li a {
	background: url(../common/images/side_link_r.gif) no-repeat left center;
	display: block;
	padding-left: 15px;
}
#main .submenu li a:hover {
	background: url(../common/images/side_link_r_o.gif) no-repeat left center;
}
#main .appeal {
	background: url(images/loan_appeal_bottom.gif) no-repeat left bottom;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
#main .appeal-inner {
	background: url(images/loan_appeal_bg.gif) no-repeat;
	padding: 20px 25px 0px 20px;
}
#main .appeal h5 {
	margin-bottom: 0.5em;
}
#main .appeal .circle_r {
	background:url(images/tablelist_circle_r_b.gif) no-repeat left 5px;
	padding-left:1em;
	margin-bottom: 0.3em;
}


/* 金利優遇サービス
=============================================== */

#main .list .bracket {
	width: 420px;
	font-size: 100%;
	margin: 0px;
	text-indent: 0px;
	padding: 5px 15px 0px;
	background: url(images/rate_bracket.gif) no-repeat;
}
#main .ecocar {
	background: url(images/rate_ecocar.gif) no-repeat right top;
	padding-right: 210px;
}


/* けいしんローンの特長
=============================================== */

#main .threemerit{
	position: relative;
	margin-bottom: 2em;
	width: 593px;
}
#main .threemerit ul{
	background: #F2F2F2;
	width: 190px;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 5px;
}
#main .threemerit ul{
	background: #F2F2F2;
	width: 190px;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 5px;
}
#main .pointlist th,
#main .pointlist td {
	padding: 10px 0px;
}
#main .pointlist td a {
	color: #0A85A4;
}


/* 融資のご相談
=============================================== */

#main .lifestyle {
	margin-left: 1em;
}
#main .lifestyle li {
	margin-bottom: 1em;
}
#main .lifestyle li a {
	color: #0A85A4;
}
#main .consul_box {
	background:url(images/consul_bottom.gif) no-repeat left bottom;
	padding-bottom:10px;
	width: 593px;
	margin-bottom: 1em;
}
#main .consul_inner{
	background:#FFE6E6 url(images/consul_bg.gif) no-repeat left top;
	padding:15px 20px;
	color: #5C5D5E;
}
#main .consul_inner td{
	color: #5C5D5E;
}
#main .consul_inner dt{
	margin-bottom: 0.7em;
}
#main .consul_inner dd {
	margin-bottom: 1.5em;
}
#main .consul_inner dd em{
	font-size: 18px;
	font-weight: bold;
}
#main .consul_inner dd a {
	color: #0A85A4;
}



/* 住宅ローン
=============================================== */

.house #main table.list td{
	text-align:left;
	padding:10px;
	width:430px;
}
.house #main table.list th{
	background-color:#ebebeb;
	width:160px;
}
.house #main .house1_circle_s{
	padding-left:2em;
	background:url(../common/images/tablelist_circle_s.gif) no-repeat 12px 5px;
}
.house #main .house1_circle_s_span{
	color:#c00;
	padding-top:7px;
	padding-left:1em;
	font-size:12px;
}
.house #main .none{
	padding-left:1em;
	background:none;
	text-indent:-1em;
}
.house #main .liststyle{
	margin-left:1em;
	text-indent:-1em;
}
.house #main table td.circle_s .liststyle p{
	padding-left:2em;
}


/* リフォームローン
=============================================== */

.reform #main table.list td{
	text-align:left;
	padding:10px;
	width:430px;
}
.reform #main table.list th{
	background-color:#ebebeb;
	width:160px;
}
.reform #main .reform1_circle_s{
	padding-left:2em;
	background:url(../common/images/tablelist_circle_s.gif) no-repeat 12px 5px;
}
.reform #main .reform1_circle_s_span{
	color:#c00;
	padding-top:7px;
	padding-left:1em;
	font-size:12px;
}
.reform #main .none{
	padding-left:1em;
	background:none;
	text-indent:-1em;
}
.reform #main table.list td.ten_line{
	width:420px;
}
.reform #main table.list td.ten_line dt{
	background:url(../common/images/line2.gif) repeat-x 10px center;
	width:120px;
	float:left;
}
.reform #main table.list td.ten_line dt span{
	font-size:100%;
	padding-right:5px;
	display:inline;
	text-indent:0;
	margin-left:0;
	background-color:#fff;
}
.reform #main table.list td.ten_line dd{
	font-size:100%;
	width:290px;
	padding-left:5px;
	float:left;
	_zoom:1;
}
.reform #main table.list td dl{
	width:418px;
	overflow:hidden;
	padding:0;
}


/* 住宅諸費用ローン
=============================================== */

.house_expenses #main table.list td{
	text-align:left;
	padding:10px;
	width:430px;
}
.house_expenses #main table.list th{
	background-color:#ebebeb;
	width:160px;
}
.house_expenses #main .house_expenses1_circle_s{
	padding-left:2em;
	background:url(../common/images/tablelist_circle_s.gif) no-repeat 12px 5px;
}
.house_expenses #main .house_expenses1_circle_s_span{
	color:#c00;
	padding-top:7px;
	padding-left:1em;
	font-size:12px;
}
.house_expenses #main .none{
	padding-left:1em;
	background:none;
	text-indent:-1em;
}
.house_expenses #main table.list td.ten_line{
	width:420px;
}
.house_expenses #main table.list td.ten_line dt{
	background:url(../common/images/line2.gif) repeat-x 10px center;
	width:120px;
	float:left;
}
.house_expenses #main table.list td.ten_line dt span{
	font-size:100%;
	padding-right:5px;
	display:inline;
	text-indent:0;
	margin-left:0;
	background-color:#fff;
}
.house_expenses #main table.list td.ten_line dd{
	font-size:100%;
	width:290px;
	padding-left:5px;
	float:left;
	_zoom:1;
}
.house_expenses #main table.list td dl{
	width:418px;
	overflow:hidden;
	padding:0;
}

.house_expenses #main #cap_box{
	background:url(images/ordinary_cap_bottom.gif) no-repeat left bottom;
	padding-bottom:10px;
}
.house_expenses #main #cap_box #cap_inner{
	background:url(../common/images/basic_cap_bg.gif) no-repeat left top #e5e8f5;
	padding:0px 15px;
}
.house_expenses #main #cap_box #cap_inner li{
	padding:10px 0 0 13px;
	margin-left:1em;
	background:url(images/icon.gif) no-repeat 0 13px;
}
.house_expenses #main #cap_box #cap_inner li span{
	color:#cc0000;
}
.house_expenses #main #cap_box #cap_inner li.none{
	padding:10px 0 0 0px;
	margin-left:1em;
	background: none;
}
#cap_box #cap_inner li.none span{
	font-size:85%;
	color:#333;
}



/* 教育ローン
=============================================== */

.education #main table.list td{
	text-align:left;
	padding:10px;
	width:430px;
}
.education #main table.list th{
	background-color:#ebebeb;
	width:160px;
}
.education #main .education1_circle_s{
	padding-left:2em;
	background:url(../common/images/tablelist_circle_s.gif) no-repeat 12px 5px;
}
.education #main .education1_circle_s_span{
	color:#c00;
	padding-top:7px;
	padding-left:1em;
	font-size:12px;
}
.education #main .none{
	padding-left:1em;
	background:none;
	text-indent:-1em;
}
.education #main table.list td.ten_line{
	width:420px;
}
.education #main table.list td.ten_line dt{
	background:url(../common/images/line2.gif) repeat-x 10px center;
	width:130px;
	float:left;
}
.education #main table.list td.ten_line dt span{
	font-size:100%;
	padding-right:5px;
	display:inline;
	text-indent:0;
	margin-left:0;
	background-color:#fff;
}
.education #main table.list td.ten_line dd{
	font-size:100%;
	width:280px;
	padding-left:5px;
	float:left;
	_zoom:1;
}
.education #main table.list td dl{
	width:418px;
	overflow:hidden;
	padding:0;
}
.education #main table.list .ed_circle_s{
	padding-left:28px;
	width:250px;
	background:url(../common/images/tablelist_circle_s.gif) no-repeat 12px 5px;
}
.education #main table.list td.ten_line .ed_circle_s dt{
	background:url(../common/images/line2.gif) repeat-x 10px center;
	width:100px;
	float:left;
}


/* プリムブライダルローン
=============================================== */

.bridal #main table.list td{
	text-align:left;
	padding:10px;
	width:430px;
}
.bridal #main table.list th{
	background-color:#ebebeb;
	width:160px;
}
.bridal #main .bridal1_circle_s{
	padding-left:2em;
	background:url(../common/images/tablelist_circle_s.gif) no-repeat 12px 5px;
}
.bridal #main .bridal1_circle_s_span{
	color:#c00;
	padding-top:7px;
	padding-left:1em;
	font-size:12px;
}
.bridal #main .none{
	padding-left:1em;
	background:none;
	text-indent:-1em;
}
.bridal #main table.list td.ten_line{
	width:420px;
}
.bridal #main table.list td.ten_line dt{
	background:url(../common/images/line2.gif) repeat-x 10px center;
	width:130px;
	float:left;
}
.bridal #main table.list td.ten_line dt span{
	font-size:100%;
	padding-right:5px;
	display:inline;
	text-indent:0;
	margin-left:0;
	background-color:#fff;
}
.bridal #main table.list td.ten_line dd{
	font-size:100%;
	width:280px;
	padding-left:5px;
	float:left;
	_zoom:1;
}
.bridal #main table.list td dl{
	width:418px;
	overflow:hidden;
	padding:0;
}
.bridal #main table.list .ed_circle_s{
	padding-left:28px;
	width:250px;
	background:url(../common/images/tablelist_circle_s.gif) no-repeat 12px 5px;
}
.bridal #main table.list td.ten_line .ed_circle_s dt{
	background:url(../common/images/line2.gif) repeat-x 10px center;
	width:100px;
	float:left;
}


/* 冠婚葬祭ローン
=============================================== */

.ceremonial #main table.list td{
	text-align:left;
	padding:10px;
	width:430px;
}
.ceremonial #main table.list th{
	background-color:#ebebeb;
	width:160px;
}
.ceremonial #main .ceremonial1_circle_s{
	padding-left:2em;
	background:url(../common/images/tablelist_circle_s.gif) no-repeat 12px 5px;
}
.ceremonial #main .ceremonial1_circle_s_span{
	color:#c00;
	padding-top:7px;
	padding-left:1em;
	font-size:12px;
}
.ceremonial #main .none{
	padding-left:1em;
	background:none;
	text-indent:-1em;
}
.ceremonial #main table.list td.ten_line{
	width:420px;
}
.ceremonial #main table.list td.ten_line dt{
	background:url(../common/images/line2.gif) repeat-x 10px center;
	width:120px;
	float:left;
}
.ceremonial #main table.list td.ten_line dt span{
	font-size:100%;
	padding-right:5px;
	display:inline;
	text-indent:0;
	margin-left:0;
	background-color:#fff;
}
.ceremonial #main table.list td.ten_line dd{
	font-size:100%;
	width:290px;
	padding-left:5px;
	float:left;
	_zoom:1;
}
.ceremonial #main table.list td dl{
	width:418px;
	overflow:hidden;
	padding:0;
}



/* マイカーローン
=============================================== */

.mycar #main table.list td{
	text-align:left;
	padding:10px;
	width:430px;
}
.mycar #main table.list th{
	background-color:#ebebeb;
	width:160px;
}
.mycar #main .mycar1_circle_s{
	padding-left:2em;
	background:url(../common/images/tablelist_circle_s.gif) no-repeat 12px 5px;
}
.mycar #main .mycar1_circle_s_span{
	color:#c00;
	padding-top:7px;
	padding-left:1em;
	font-size:12px;
}
.mycar #main .none{
	padding-left:1em;
	background:none;
	text-indent:-1em;
}
.mycar #main table.list td.ten_line{
	width:420px;
}
.mycar #main table.list td.ten_line dt{
	background:url(../common/images/line2.gif) repeat-x 10px center;
	width:130px;
	float:left;
}
.mycar #main table.list td.ten_line dt span{
	font-size:100%;
	padding-right:5px;
	display:inline;
	text-indent:0;
	margin-left:0;
	background-color:#fff;
}
.mycar #main table.list td.ten_line dd{
	font-size:100%;
	width:280px;
	padding-left:5px;
	float:left;
	_zoom:1;
}
.mycar #main table.list td dl{
	width:418px;
	overflow:hidden;
	padding:0;
}


/* ステップアップ支援ローン
=============================================== */

.stepup #main table.list td{
	text-align:left;
	padding:10px;
	width:430px;
}
.stepup #main table.list th{
	background-color:#ebebeb;
	width:160px;
}
.stepup #main .stepup1_circle_s{
	padding-left:2em;
	background:url(../common/images/tablelist_circle_s.gif) no-repeat 12px 5px;
}
.stepup #main .stepup1_circle_s_span{
	color:#c00;
	padding-top:7px;
	padding-left:1em;
	font-size:12px;
}
.stepup #main .none{
	padding-left:1em;
	background:none;
	text-indent:-1em;
}
.stepup #main table.list td.ten_line{
	width:420px;
}
.stepup #main table.list td.ten_line dt{
	background:url(../common/images/line2.gif) repeat-x 10px center;
	width:120px;
	float:left;
}
.stepup #main table.list td.ten_line dt span{
	font-size:100%;
	padding-right:5px;
	display:inline;
	text-indent:0;
	margin-left:0;
	background-color:#fff;
}
.stepup #main table.list td.ten_line dd{
	font-size:100%;
	width:290px;
	padding-left:5px;
	float:left;
	_zoom:1;
}
.stepup #main table.list td dl{
	width:418px;
	overflow:hidden;
	padding:0;
}


/* 自己啓発ローン(バックアップ)
=============================================== */

.self_develop #main table.list td{
	text-align:left;
	padding:10px;
	width:430px;
}
.self_develop #main table.list th{
	background-color:#ebebeb;
	width:160px;
}
.self_develop #main .none{
	padding-left:1em;
	background:none;
	text-indent:-1em;
}
.self_develop #main table.list td.ten_line{
	width:420px;
}
.self_develop #main table.list td.ten_line dt{
	background:url(../common/images/line2.gif) repeat-x 10px center;
	width:120px;
	float:left;
}
.self_develop #main table.list td.ten_line dt span{
	font-size:100%;
	padding-right:5px;
	display:inline;
	text-indent:0;
	margin-left:0;
	background-color:#fff;
}
.self_develop #main table.list td.ten_line dd{
	font-size:100%;
	width:290px;
	padding-left:5px;
	float:left;
	_zoom:1;
}
.self_develop #main table.list td dl{
	width:418px;
	overflow:hidden;
	padding:0;
}


/* 医療・介護ローン
=============================================== */

.medical #main table.list td{
	text-align:left;
	padding:10px;
	width:430px;
}
.medical #main table.list th{
	background-color:#ebebeb;
	width:160px;
}
.medical #main .medical1_circle_s{
	padding-left:2em;
	background:url(../common/images/tablelist_circle_s.gif) no-repeat 12px 5px;
}
.medical #main .medical1_circle_s_span{
	color:#c00;
	padding-top:7px;
	padding-left:1em;
	font-size:12px;
}
.medical #main .none{
	padding-left:1em;
	background:none;
	text-indent:-1em;
}
.medical #main table.list td.ten_line{
	width:420px;
}
.medical #main table.list td.ten_line dt{
	background:url(../common/images/line2.gif) repeat-x 10px center;
	width:120px;
	float:left;
}
.medical #main table.list td.ten_line dt span{
	font-size:100%;
	padding-right:5px;
	display:inline;
	text-indent:0;
	margin-left:0;
	background-color:#fff;
}
.medical #main table.list td.ten_line dd{
	font-size:100%;
	width:290px;
	padding-left:5px;
	float:left;
	_zoom:1;
}
.medical #main table.list td dl{
	width:418px;
	overflow:hidden;
	padding:0;
}


/* 多目的ローン
=============================================== */

.multipurpose #main table.list td{
	text-align:left;
	padding:10px;
	width:430px;
}
.multipurpose #main table.list th{
	background-color:#ebebeb;
	width:160px;
}
.multipurpose #main .multipurpose1_circle_s{
	padding-left:2em;
	background:url(../common/images/tablelist_circle_s.gif) no-repeat 12px 5px;
}
.multipurpose #main .multipurpose1_circle_s_span{
	color:#c00;
	padding-top:7px;
	padding-left:1em;
	font-size:12px;
}
.multipurpose #main .none{
	padding-left:1em;
	background:none;
	text-indent:-1em;
}
.multipurpose #main table.list td.ten_line{
	width:420px;
}
.multipurpose #main table.list td.ten_line dt{
	background:url(../common/images/line2.gif) repeat-x 10px center;
	width:120px;
	float:left;
}
.multipurpose #main table.list td.ten_line dt span{
	font-size:100%;
	padding-right:5px;
	display:inline;
	text-indent:0;
	margin-left:0;
	background-color:#fff;
}
.multipurpose #main table.list td.ten_line dd{
	font-size:100%;
	width:290px;
	padding-left:5px;
	float:left;
	_zoom:1;
}
.multipurpose #main table.list td dl{
	width:418px;
	overflow:hidden;
	padding:0;
}


/* サポートローン
=============================================== */

.support #main table.list td{
	text-align:left;
	padding:10px;
	width:430px;
}
.support #main table.list th{
	background-color:#ebebeb;
	width:160px;
}
.support #main .support1_circle_s{
	padding-left:2em;
	background:url(../common/images/tablelist_circle_s.gif) no-repeat 12px 5px;
}
.support #main .support1_circle_s_span{
	color:#c00;
	padding-top:7px;
	padding-left:1em;
	font-size:12px;
}
.support #main .none{
	padding-left:1em;
	background:none;
	text-indent:-1em;
}
.support #main table.list td.ten_line{
	width:420px;
}
.support #main table.list td.ten_line dt{
	background:url(../common/images/line2.gif) repeat-x 10px center;
	width:120px;
	float:left;
}
.support #main table.list td.ten_line dt span{
	font-size:100%;
	padding-right:5px;
	display:inline;
	text-indent:0;
	margin-left:0;
	background-color:#fff;
}
.support #main table.list td.ten_line dd{
	font-size:100%;
	width:290px;
	padding-left:5px;
	float:left;
	_zoom:1;
}
.support #main table.list td dl{
	width:418px;
	overflow:hidden;
	padding:0;
}


/* フリーローン
=============================================== */

.free #main table.list td{
	text-align:left;
	padding:10px;
	width:430px;
}
.free #main table.list th{
	background-color:#ebebeb;
	width:160px;
}
.free #main .none{
	padding-left:1em;
	background:none;
	text-indent:-1em;
}
.free #main table.list td.ten_line{
	width:420px;
}
.free #main table.list td.ten_line dt{
	background:url(../common/images/line2.gif) repeat-x 10px center;
	width:120px;
	float:left;
}
.free #main table.list td.ten_line dt span{
	font-size:100%;
	padding-right:5px;
	display:inline;
	text-indent:0;
	margin-left:0;
	background-color:#fff;
}
.free #main table.list td.ten_line dd{
	font-size:100%;
	width:290px;
	padding-left:5px;
	float:left;
	_zoom:1;
}
.free #main table.list td dl{
	width:418px;
	overflow:hidden;
	padding:0;
}
.free #main table.list .free_table{
	width:224px;
	padding:0;
	margin:8px 0;
	border-left:1px solid #bebebe;
	border-top:1px solid #bebebe;
	text-align: center;
}
.free #main table.list .free_table_th{
	background-color:#e6e6e6;
	width:112px;
	text-align: center;
	padding:3px;
}
.free #main table.list .free_table_td{
	background-color:#fff;
	width:112px;
	text-align: center;
	padding:3px;
}


/* Webお申込み フリーローン（カード型）
=============================================== */

.free_web #main table.list td{
	text-align:left;
	padding:10px;
	width:430px;
}
.free_web #main table.list th{
	background-color:#ebebeb;
	width:160px;
}
.free_web #main .none{
	padding-left:1em;
	background:none;
	text-indent:-1em;
}
.free_web #main table.list td.ten_line{
	width:420px;
}
.free_web #main table.list td.ten_line dt{
	background:url(../common/images/line2.gif) repeat-x 10px center;
	width:120px;
	float:left;
}
.free_web #main table.list td.ten_line dt span{
	font-size:100%;
	padding-right:5px;
	display:inline;
	text-indent:0;
	margin-left:0;
	background-color:#fff;
}
.free_web #main table.list td.ten_line dd{
	font-size:100%;
	width:290px;
	padding-left:5px;
	float:left;
	_zoom:1;
}
.free_web #main table.list td dl{
	width:418px;
	overflow:hidden;
	padding:0;
}
.free_web #main table.list .free_table{
	width:224px;
	padding:0;
	margin:8px 0;
	border-left:1px solid #bebebe;
	border-top:1px solid #bebebe;
	text-align: center;
}
.free_web #main table.list .free_table_th{
	background-color:#e6e6e6;
	width:112px;
	text-align: center;
	padding:3px;
}
.free_web #main table.list .free_table_td{
	background-color:#fff;
	width:112px;
	text-align: center;
	padding:3px;
}

.free_web #main #cap_box{
	background:url(images/ordinary_cap_bottom.gif) no-repeat left bottom;
	padding-bottom:10px;
}
.free_web #main #cap_box #cap_inner{
	background:url(../common/images/basic_cap_bg.gif) no-repeat left top #e5e8f5;
	padding:0px 15px;
}
.free_web #main #cap_box #cap_inner li{
	padding:10px 0 0 13px;
	margin-left:1em;
	background:url(images/icon.gif) no-repeat 0 13px;
}
.free_web #main #cap_box #cap_inner li span{
	color:#cc0000;
}
.free_web #main #cap_box #cap_inner li.none{
	padding:10px 0 0 0px;
	margin-left:1em;
	background: none;
}
#cap_box #cap_inner li.none span{
	font-size:85%;
	color:#333;
}





























/* ----------------------------------------
 *   汎用margin
 * ---------------------------------------- */

.m5 {margin: 5px;}
.mt5 {margin-top: 5px;}
.ml5 {margin-left: 5px;}
.mr5 {margin-right: 5px;}
.mb5 {margin-bottom: 5px;}

.m10 {margin: 10px;}
.mt10 {margin-top: 10px;}
.ml10 {margin-left: 10px;}
.mr10 {margin-right: 10px;}
.mb10 {margin-bottom: 10px;}

.m15 {margin: 15px;}
.mt15 {margin-top: 15px;}
.ml15 {margin-left: 15px;}
.mr15 {margin-right: 15px;}
.mb15 {margin-bottom: 15px;}

.m20 {margin: 20px;}
.mt20 {margin-top: 20px;}
.ml20 {margin-left: 20px;}
.mr20 {margin-right: 20px;}
.mb20 {margin-bottom: 20px;}

.m25 {margin: 25px;}
.mt25 {margin-top: 25px;}
.ml25 {margin-left: 25px;}
.mr25 {margin-right: 25px;}
.mb25 {margin-bottom: 25px;}

.m30 {margin: 30px;}
.mt30 {margin-top: 30px;}
.ml30 {margin-left: 30px;}
.mr30 {margin-right: 30px;}
.mb30 {margin-bottom: 30px;}

.m35 {margin: 35px;}
.mt35 {margin-top: 35px;}
.ml35 {margin-left: 35px;}
.mr35 {margin-right: 35px;}
.mb35 {margin-bottom: 35px;}

.m40 {margin: 40px;}
.mt40 {margin-top: 40px;}
.ml40 {margin-left: 40px;}
.mr40 {margin-right: 40px;}
.mb40 {margin-bottom: 40px;}

.m45 {margin: 45px;}
.mt45 {margin-top: 45px;}
.ml45 {margin-left: 45px;}
.mr45 {margin-right: 45px;}
.mb45 {margin-bottom: 45px;}

.m50 {margin: 50px;}
.mt50 {margin-top: 50px;}
.ml50 {margin-left: 50px;}
.mr50 {margin-right: 50px;}
.mb50 {margin-bottom: 50px;}

/* ----------------------------------------
 *   汎用padding
 * ---------------------------------------- */

.p5 {padding: 5px;}
.pt5 {padding-top: 5px;}
.pl5 {padding-left: 5px;}
.pr5 {padding-right: 5px;}
.pb5 {padding-bottom: 5px;}

.p10 {padding: 10px;}
.pt10 {padding-top: 10px;}
.pl10 {padding-left: 10px;}
.pr10 {padding-right: 10px;}
.pb10 {padding-bottom: 10px;}

.p15 {padding: 15px;}
.pt15 {padding-top: 15px;}
.pl15 {padding-left: 15px;}
.pr15 {padding-right: 15px;}
.pb15 {padding-bottom: 15px;}

.p20 {padding: 20px;}
.pt20 {padding-top: 20px;}
.pl20 {padding-left: 20px;}
.pr20 {padding-right: 20px;}
.pb20 {padding-bottom: 20px;}

.p25 {padding: 25px;}
.pt25 {padding-top: 25px;}
.pl25 {padding-left: 25px;}
.pr25 {padding-right: 25px;}
.pb25 {padding-bottom: 25px;}

.p30 {padding: 30px;}
.pt30 {padding-top: 30px;}
.pl30 {padding-left: 30px;}
.pr30 {padding-right: 30px;}
.pb30 {padding-bottom: 30px;}

.p35 {padding: 35px;}
.pt35 {padding-top: 35px;}
.pl35 {padding-left: 35px;}
.pr35 {padding-right: 35px;}
.pb35 {padding-bottom: 35px;}

.p40 {padding: 40px;}
.pt40 {padding-top: 40px;}
.pl40 {padding-left: 40px;}
.pr40 {padding-right: 40px;}
.pb40 {padding-bottom: 40px;}

.p45 {padding: 45px;}
.pt45 {padding-top: 45px;}
.pl45 {padding-left: 45px;}
.pr45 {padding-right: 45px;}
.pb45 {padding-bottom: 45px;}

.p50 {padding: 50px;}
.pt50 {padding-top: 50px;}
.pl50 {padding-left: 50px;}
.pr50 {padding-right: 50px;}
.pb50 {padding-bottom: 50px;}