@charset "utf-8";
body {
	/*border-top: 13px solid #009b63;*/
	text-align: justify!important;
	font-size: 13px;
	color: #757575;
	/*font-family: "ＭＳ Ｐゴシック", Verdana, Arial, Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;*/
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	width: 100%;
	letter-spacing: -0.01em;
}

@media screen and (max-width: 767px) {
header div.col-md-4 {
	width: 80%;
	margin-left: 10%;
}
.img-sp {
	width: 100%!important;
	padding: 0!important;
	margin: 0!important;
}
.margin-none {
	margin-right: -15px;
	margin-left: -15px;
}
}
a:link {
	text-decoration: none!important;
}
div.contents {
	margin: -15px auto 0;
}
header.header {
	margin: 25px auto 20px;
}
nav {
	border-bottom: 2px solid #009b63;
	margin-top: 30px;
}

@media screen and (max-width: 767px) {
header.header {
	margin: 15px auto 20px;
}
nav {
	margin-top: 15px;
}
}
ul.nav li {
	text-align: center;
}
ul.nav li a {
	color: #483729;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
}
ul.nav li.nav-active a {
	border-bottom: 2px solid #FFF;
	border-top-color: #009b63;
	border-right-color: #009b63;
	border-left-color: #009b63;
}
/* トップページ
---------------------------------------------------- */

div.top-r dl dt {
	padding: 10px 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #FFF;
	background-color: #008d53;
	text-align: center;
}
div.top-r div.top-r1 {
	border-style: solid;
	border-width: 1px;
	border-color: #cacabb;
	border-radius: 5px;
	box-shadow: 0px 0px 15px -9px #b1b1b1;
	-moz-box-shadow: 0px 0px 15px -9px #b1b1b1;
	-webkit-box-shadow: 0px 0px 15px -9px #b1b1b1;
	padding: 25px 35px;
}

.main-logo img{
	margin-top:20px;
}
@media screen and (max-width: 767px) {
.main-logo img{
	width:80%;
	margin-top:0px;
}
}

div.top-r div.top-r1 ul {
	color: #146146;
	font-size: 1.5em;
	font-weight: bold;
}
div.top-r div.top-r1 ul li {
	line-height: 1.2em;
}
div.top-r div.top-r1 ul li i {
	color: #799a05!important;
}
div.top-r div.top-r1 ul li span.text {
	color: #6d4432;
	font-size: 1.0em;
	
}
.text-bg{
	background-color:#7bbb33;
	padding:5px;
	font-size:80%;
	color:#fff!important;
	margin-right:5px;
}
div.top-r div.top-r1 p {
	font-weight: bold;
	font-size: 1.1em;
	color: #146146;
}
div.box01 {
	border-radius: 30px;
	background-color: #dcdcce;
}
div.box01 h2 {
	font-size: 1.8em;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	background: #75a931;
	border-radius: 30px 30px 0 0;
	padding: 20px 0;
}
.box01-inner{
	padding: 18px 40px;
}

@media screen and (max-width: 767px) {
div.top-r dl dt {
	font-size: 1.0em;
}
div.top-r div ul {
	font-size: 1.1em;
}
div.box01 h2 {
	font-size: 1.6em;
}
.box01-inner{
	padding:20px 20px;
}
}
/*div.box01 div.row {
	padding: 20px;
}*/

/* 共通概要部分
---------------------------------------------------- */

#circle {
	width: 56px;
	height: 56px;
	background: #93b649;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	border-radius: 28px;
	margin-top: 8%;
}
#triangle-right {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-left: 10px solid #FFF;
	border-bottom: 5px solid transparent;
	position: relative;
	top: 21px;
	left: 23px;
}

@media screen and (max-width: 767px) {
#circle {
	width: 28px;
	height: 28px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	margin-top: 50%;
}
#triangle-right {
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-left: 5px solid #FFF;
	border-bottom: 3px solid transparent;
	position: relative;
	top: 10px;
	left: 12px;
}
}
.gaiyo p {
	font-size: 80%;
}
/* 共通お問合せ
---------------------------------------------------- */

a.contact_btn dd {
	width: 60%;
	font-size: 2.4em;
	font-weight: bold;
	margin-left: 20%!important;
	padding: 20px 0;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(189, 8, 8);
	border-radius: 6px;
	background-image: -moz-linear-gradient( 90deg, rgb(254,84,0) 0%, rgb(255,134,26) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(254,84,0) 0%, rgb(255,134,26) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(254,84,0) 0%, rgb(255,134,26) 100%);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.23), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.43);
}

a.contact_btn p {
	width: 60%;
	font-size: 2.4em;
	font-weight: bold;
	margin-left: 20%!important;
	padding: 20px 0;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(189, 8, 8);
	border-radius: 6px;
	background-image: -moz-linear-gradient( 90deg, rgb(254,84,0) 0%, rgb(255,134,26) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(254,84,0) 0%, rgb(255,134,26) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(254,84,0) 0%, rgb(255,134,26) 100%);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.23), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.43);
}

@media screen and (max-width: 767px) {
a.contact_btn dd {
	width: 80%;
	font-size: 1.3em;
	font-weight: bold;
	margin-left: 10%!important;
	padding: 15px;
}

a.contact_btn p {
	width: 80%;
	font-size: 1.3em;
	font-weight: bold;
	margin-left: 10%!important;
	padding: 15px;
}

}
a.contact_btn:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
a.contact_btn span {
	border-radius: 4px;
	background-color: rgb(77, 29, 29);
	padding: 5px 10px;
	font-size: 0.8em;
	margin-right: 10px;
	vertical-align: top
}
a.contact_btn {
	text-decoration: none!important;
}

a.contact_btn02 p {
	width: 90%;
	font-size: 2.4em;
	font-weight: bold;
	margin:0 auto;
	padding: 20px 0;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(189, 8, 8);
	border-radius: 6px;
	background-image: -moz-linear-gradient( 90deg, rgb(254,84,0) 0%, rgb(255,134,26) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(254,84,0) 0%, rgb(255,134,26) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(254,84,0) 0%, rgb(255,134,26) 100%);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.23), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.43);
}

@media screen and (max-width: 767px) {
a.contact_btn02 p {
	width: 90%;
	font-size: 1.3em;
	font-weight: bold;
	margin-left: 5%!important;
	padding: 15px;
}
}
a.contact_btn02:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
a.contact_btn02 span {
	border-radius: 4px;
	background-color: rgb(77, 29, 29);
	padding: 5px 10px;
	font-size: 0.8em;
	margin-right: 10px;
	vertical-align: top
}
a.contact_btn02 {
	text-decoration: none!important;
}


a.contact_btn03 p {
	width: 100%;
	font-size: 2.2em;
	letter-spacing:-1px;
	font-weight: bold;
	margin-left: 0!important;
	padding: 30px 0;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(189, 8, 8);
	border-radius: 6px;
	background-image: -moz-linear-gradient( 90deg, rgb(254,84,0) 0%, rgb(255,134,26) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(254,84,0) 0%, rgb(255,134,26) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(254,84,0) 0%, rgb(255,134,26) 100%);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.23), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.43);
}

@media screen and (max-width: 767px) {
a.contact_btn03 p {
	width: 100%;
	font-size: 1.6em;
	font-weight: bold;
	/*margin-left: 5%!important;*/
	padding: 15px;
}
}
a.contact_btn03:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
a.contact_btn03 span {
	border-radius: 4px;
	background-color: rgb(77, 29, 29);
	padding: 10px 25px;
	font-size:0.9em;
	margin-right: 10px;
	vertical-align: middle;
}
a.contact_btn03 {
	text-decoration: none!important;
}

div.contact {
	color: #246b52;
	border: 6px solid #dcdcce;
	padding: 34px 70px 14px;
}
div.contact dl dd.contact-dd {
	padding: 0 40px;
	font-size: 1.1em;
}
div.contact dl dt {
	font-size: 1.8em;
	text-align: center;
	padding: 0 66px;
}

@media screen and (max-width: 767px) {
	div.contact {
	padding: 20px 10px 14px;
}
div.contact dl dt {
	font-size: 1.4em;
}
}
div.contact dl dd {
	margin: 20px 0;
}
div.gaiyo dl dd {
	margin-bottom: 5px;
}
div.gaiyo dl dd span {
	font-weight: bold;
}
/* footer
---------------------------------------------------- */
footer {
	background: #008e4e;
	text-align: center;
	color: #FFF;
	padding: 30px 0;
}
.text_int {
	text-indent: 1em;
}
/* 2階層目
---------------------------------------------------- */
.btn001 {
	width: 90%;
	margin-top: 10px;
	margin-left: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
	border-radius: 20px;
	background-color: #008e4e;
	padding: 3%;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	color: #fff;
	box-shadow: #000;
	box-shadow: 0px 0px 3px 3px #e3e3e3;
	-moz-box-shadow: 0px 0px 3px 3px #e3e3e3;
	-webkit-box-shadow: 0px 0px 3px 3px #e3e3e3;
}

.btn001s {
	width: 90%;
	margin-top: 10px;
	margin-left: 20px;
	border-style: solid;
	border-width: 2px;
	border-color: #096d4b;
	border-radius: 20px;
	/* background-color: #008e4e; */
	padding: 3%;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	color: #096d4b;
}

@media screen and (max-width: 767px) {
.btn001 {
	width: 90%;
font-size: 1.3em !important;
letter-spacing:-1px;
margin: 10px auto 0;
}
}
a .btn001 {
	text-decoration: none;
}
a:hover .btn001 {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
h3.tit02 {
	width: 100%;
	text-align: center;
	color: #146146;
	letter-spacing: -1px;
	font-size: 2.0em;
	font-weight: bold;
	border-bottom: 3px solid #dcdcce;
	padding-top: 40px;
	padding-bottom: 30px;
	margin-bottom: 10px;
}
h3.tit02 span {
	background-color: #f6f2e2;!important;
	color: #146146;
	padding: 10px 20px;
	border-radius:5px;
	font-size: 0.8em;
	margin-right:10px;
}

/*------ top -------*/
h3.tit02s {
	width: 90%;
	text-align: center;
	color: #146146;
	letter-spacing:-1px;
	font-size: 1.43em;
	font-weight: bold;
	border-bottom: 3px solid #dcdcce;
	padding-top: 40px;
	padding-bottom: 30px;
	margin-bottom: 10px;
	margin-left: 5%;
}
h3.tit02s span {
	background-color: #f6f2e2;!important;
	color: #146146;
	padding: 10px 20px;
	border-radius:5px;
	font-size: 0.8em;
	margin-right:10px;
}

.box06s {
	border-style: solid;
	border-width: 1px;
	border-color: #cacabb;
	border-radius: 30px;
	background-color: #FFF;
	margin-bottom: 10px;
	padding: 0 15px 30px;
}

.box06s.land {
	padding: 0 15px 10px;
}
.box06s dl {
	font-weight: bold;
	color: #252525;
	text-align: center;
	letter-spacing: -1px
}
.box06s dl dt {
	font-size: 1.4em;
}
.box06s dl dd {
	font-size: 1.1em;
}
.box06s dl dd span {
	color: #eb5281;
	font-size: 1.2em;
}
.box06s p {
	font-weight: bold;
	color: #252525;
	text-align: center;
	letter-spacing: -1px;
	font-size:1.4em;
}
.box06s p span {
	color: #eb5281;
}

.box06s p.land {
	font-weight: bold;
	color: #252525;
	text-align: center;
	letter-spacing: -1px;
	font-size:1.4em;
	margin-top:20px;
}

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

.box06 {
	border-style: solid;
	border-width: 1px;
	border-color: #cacabb;
	border-radius: 30px;
	background-color: #FFF;
	margin-bottom: 10px;
	padding: 0 23px 30px;
}
.box06 dl {
	font-weight: bold;
	color: #252525;
	text-align: center;
	letter-spacing: -1px
}
.box06 dl dt {
	font-size: 1.6em;
}
.box06 dl dd {
	font-size: 1.2em;
}
.box06 dl dd span {
	color: #eb5281;
	font-size: 1.4em;
}

.tit01-bg{
	padding: 25px 0;
	font-size: 2.8em;
	font-weight: bold;
	color: #FFF;
	background-color: #146146;
	text-align: center;
}
.tit01-bg img{
	width:50%;
}

h2.tit01 {
	padding: 25px 0;
	font-size: 2.8em;
	font-weight: bold;
	color: #FFF;
	background-color: #146146;
	text-align: center;
}
h2.tit01 span {
	background: #83be3f;
	padding: 10px 3%;
	margin: 0 0 20px 0px;
	font-size: 0.65em;
	vertical-align: top;
	line-height: 1.7em;
}

@media screen and (max-width: 767px) {
	.tit01-bg img{
	width:80%;
}

	.box06 {
	padding: 0 15px 20px;
}
.box06 dl dt {
	letter-spacing:-1px;
	font-size:1.3em;
}
h2.tit01 {
	font-size: 1.6em;
	line-height: 1.4em;
}
h2.tit01 span {
	padding: 4px 8px!important;
	margin: 3px 5px 20px 0px!important;
	line-height: 2.0em;
}
.inbox div.w60 {
	width: 80%!important;
	margin-left: 10%!important;
}
div.box03 {
	padding-top: 10px!important;
	padding-bottom: 5px!important;
}
div.box07 {
	padding-top: 30px!important;
	padding-bottom: 30px!important;
}
div.box04 {
	margin-top: 20px!important;
}
}
.inbox {
	padding-left: 5%;
	padding-right: 5%;
}

div.box03 {
	border: 19px solid #dcdcce;
	padding-top: 30px;
	padding-bottom: 30px;
}
div.box07 {
	border: 19px solid #dcdcce;
	padding:30px 80px;
}
div.box04 {
	border: 5px solid #dcdcce;
	padding:50px 60px;
	margin-top: 40px;
}
.tit_s {
	background: #009865;
	padding: 3% 4%;
	color: #FFF;
	font-weight: bold;
}
table.sp_table {
	font-weight: bold;
}
table.sp_table tr td {
	padding: 2% 4%;
	vertical-align: bottom;
}
.td-green {
	color: #2d956a!important;
	font-size: 1.3em;
}
/* マンション
---------------------------------------------------- */

div.ms01 {
	border: 4px solid #dcdcce;
	margin-bottom: 30px;
	padding: 10px 16px 0 4px;
}
div.ms01 dl {
	margin-top: -1px!important;
}
p.ms02 {
	text-align: center;
	font-size: 1.2em;
	margin: 30px 0 50px;
	font-weight: bold;
}
p.ms02 span {
	color: #eb5281;
}
.green-txt {
	color: #009865;
	font-size: 1.2em;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	div.box04 {
	padding:30px 20px;
}
	div.box07 {
	padding:30px 20px;
}
.green-txt {
	font-size: 1.0em;
}
}
.border-w {
	/*border-right: 4px dashed #e3e3d8;
	border-left: 4px dashed #e3e3d8;*/
}

@media screen and (max-width: 767px) {
.border-w {
	border: none!important;
}
.taiou {
	border: 2px solid #e0e0d4;
	padding: 10px;
	margin-top: 10px;
}
.taiou dl dt {
	font-size: 1.2em;
	color: #009865;
	margin-bottom: 5px;
}
}

/* 土地
---------------------------------------------------- */
.land_r p {
	text-align: center;
	font-size: 0.8em;
	line-height: 1.8em!important;
	font-weight: bold;
	color: #3c342d;
}
.land_r p span {
	font-size: 1.6em;
}
.land_r p span.kodate_span span {
	font-size: 1.4em;
}

.land_r p.top {
	text-align: center;
	font-size: 120%;
}
@media screen and (max-width: 767px) {
.land_r p span.kodate_span span {
	font-size: 0.9em;
}
}

/* 一戸建て
---------------------------------------------------- */
.kodate_r_box dd{
	letter-spacing: -1px;
}
.kodate_r p {
	text-align: center;
	font-size: 1.1em;
	line-height: 1.8em!important;
	font-weight: bold;
	color: #3c342d;
}
.kodate_r p span {
	font-size: 1.6em;
}
.kodate_r p span.kodate_span span {
	font-size: 1.4em;
}

@media screen and (max-width: 767px) {
.kodate_r p span {
	font-size: 1.1em;
}
.kodate_r p span.kodate_span span {
	font-size: 1.1em;
}
}
span.normal {
	font-weight: normal!important;
	font-size: 1.0em!important;
}
p.under {
	margin-top: 5px;
}
p.under span.kodate_span {
	border-bottom: 14px solid #e94c37;
	padding-bottom: 5px;
	margin-bottom: 20px!important;
}

@media screen and (max-width: 767px) {
p.under span.kodate_span {
	border-bottom: 5px solid #e94c37!important;
}
dl.kodate_r_box {
	margin: 20px 0 20px!important;
}
div.box02 {
	margin-top: 15px!important;
}
}
dl.kodate_r_box {
	font-size: 1.2em;
	font-weight: bold;
	padding: 20px 5%;
	margin: 40px 0 20px;
	color: #764524;
	border-width: 3.714px;
	border-color: rgb(147, 182, 73);
	border-style: dashed;
	border-radius: 25px;
}
dl.kodate_r_box dt {
	border-radius: 11px;
	background-color: rgb(20, 97, 70);
	padding: 3px;
	color: #FFF;
	text-align: center;
	margin-bottom: 10px;
}
dl.kodate_r_box dd span {
	font-weight: bold;
}
div.box02 {
	margin-top: 15px;
	border-style: solid;
	border-width: 3px;
	border-color: #009b63;
	border-radius: 30px;
	padding: 35px 3% 35px 8%;
}
div.box02 a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
div.box02 dl {
	font-weight: bold;
}
div.box02 dl dt {
	color: #146146;
	font-size: 2.2em;
	margin-bottom: 15px;
	text-align: center;
}
div.box02 dl dd {
	color: #009b63;
	/*text-indent: 1em;*/
	font-size: 1.2em;
	margin-left:70px;
	text-align: center;
}

@media screen and (max-width: 767px) {
dl.kodate_r_box {
	font-size: 1.1em;
}
div.box02 {
	padding: 20px 5px 20px 5px!important;
}
div.box02 dl dt {
	font-size: 1.2em!important;
}
div.box02 dl dd {
	font-size: 1.0em;
	margin-top: -10px!important
}
div.box02 dl dt span {
	padding: 5px 10px!important;
	vertical-align: top;
}
div.inbox03 {
	/*width: 96%!important;
	padding-top: 10px!important;
	padding-bottom: 15px!important;
	margin-right: 2%!important;
	margin-left: 2%!important;
	margin-bottom: 15px!important;*/
}
}
div.box02 dl dt span {
	color: #009b63;
	border-radius: 5px;
	background-color: #d4e5df;
	padding: 10px 20px;
	font-size: 0.8em;
	margin-right: 10px;
}
div.inbox02 {
	background-color: #009b63 !important;
padding: 25px 1%;
}
div.inbox03 {
	border-bottom: 6px solid #93b649;
	margin:20px 0 20px 0;
	padding-bottom: 20px;
}
div.box05 {
	border: 3px solid #009865;
	padding: 80px 100px 40px;
	margin-top: 25px;
}
.img-70{
	width:75%;
	margin:0 auto;
}
@media screen and (max-width: 767px) {
	div.inbox03 {
	margin:10px 0 20px 0;
}
	

	
	div.box05 {
	padding: 35px 20px;
	margin-top: 25px;
}
.img-70{
	width:90%;
	margin:0 auto;
}
	
}


.title01{
	font-size:2em;
	font-weight:bold;
	color:#399D00;
	padding-bottom:30px;
	border-bottom:2px dotted #399D00;
}

.important{
	border:3px solid #CE0003;
	padding:20px 30px;
	font-size:1.2em;
	font-weight:bold;
	color:#CE0003;
	margin:20px 0;
}

.important span{
	float: left;
	width: 140px;
	text-align: center;
	box-sizing: border-box;
	border: 3px solid #E30003;
	font-size: 29px;
	font-weight: bold;
	margin-right: 20px;
}

.box001{
	margin:0 0 20px 0 ;
	border: 2px solid #009865;
	box-sizing: border-box;
	border-radius: 10px;
	padding:20px;
	height:100px;
}

.box001 h3{
	border: none;
margin: 0 0 5px;
padding: 0;
color: #000;
font-size: 24px;
}

.outline {
	border:1px solid #dcdcce;
	padding:30px;
}

.outline h3 {
	font-size:2em;
	font-weight:bold;
	color:#000;
	margin-bottom:20px;
}

.outline dl {
	margin-bottom:20px;
}

.outline dt {
	background-color:#dcdcce;
	padding:5px 10px;
	margin-bottom:10px;	
}

.outline dd {
	margin-bottom:10px;
}

.point {
	background-color:#009865;
	padding:5px 10px;
	margin-bottom:10px;
	color:#fff;
	font-size: 2em;
	width:85%;
	margin-left:50px;
}

@media screen and (max-width: 767px) {
	.point {
	background-color:#009865;
	padding:5px 10px;
	margin-bottom:10px;
	color:#fff;
	font-size: 2em;
	width:100%;
	margin-left:0px;
}
div.box07{
	padding:0 25px;
}
	
}

/* for common reset
===============================================================*/

a img {border: none;}
img {margin: 0px;padding: 0px;border: none;vertical-align: bottom;}
ul, ol {margin: 0;padding: 0;}
ul li {list-style-type: none;}
ol li {list-style-type: none;}
dl, dt, dd {margin: 0;padding: 0;}
/*h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;font-size: 100%;font-weight: normal;}*/
p {margin: 0;padding: 0;}
div {margin: 0px;padding: 0px;border: 0px;}

/* for clearFix
===============================================================*/
.clear {clear: both;}
.cf:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0;}
.cf {display: inline-block;min-height: 1%;  /* for IE 7*/}
* html .cf {height: 1%;}
.cf {display: block;}

.font_c02{
	color:#DF0003;
}


/*margin_style
===============================================================*/
.m_auto{margin-right:auto; margin-left:auto;}
/*右*/
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
/*上*/
.mt0{margin-top:0px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px;}
/*左*/
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;!important}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;!important}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}
/*下*/
.mb1{margin-bottom:1px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}

/*padding_style
===============================================================*/
/*上*/
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}


/*ALL*/
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p25{padding:25px;}
.p30{padding:30px;}
.p40{padding:40px;}

/*下*/
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}

/*右*/
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
/*左*/
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}