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

.ma5{margin:5px;}
.ma10{margin:10px;}
.ma15{margin:15px;}
.ma20{margin:20px;}
.ma25{margin:25px;}
.ma30{margin:30px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt70{margin-top:70px;}
.mt100{margin-top:100px;}
.mt200{margin-top:200px;}

.mr0{margin-right:0;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr12{margin-right:12px;}
.mr15{margin-right:15px;}
.mr18{margin-right:18px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}
.mr50{margin-right:50px;}

.mb0{margin-bottom:0;}
.mb4{margin-bottom:4px;}
.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;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}

.ht80{height:80px;}
.ht90{height:90px;}
.ht100{height:100px;}
.ht110{height:110px;}
.ht120{height:120px;}
.ht150{height:150px;}
.ht200{height:200px;}
.ht250{height:250px;}
.ht270{height:270px;}
.ht270{height:280px;}
.ht300{height:300px;}
.ht380{height:380px;}
.ht390{height:390px;}
.ht400{height:400px;}
.ht410{height:410px;}
.ht420{height:420px;}
.ht430{height:430px;}
.ht440{height:440px;}
.ht450{height:450px;}

.pd20{padding:20px;}
.pt0{padding-top:0;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pb0{padding-bottom:0;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}

.fl{float:left;}
.fr{float:right;}

.lh16 { line-height: 1.6; }
.lh17 { line-height: 1.7; }

.fs14{font-size:14px;}
.ac{text-align:center;}
.bd{font-weight:bold;}


/* font pattern
---------------------------------------------------------------------------*/

.text1 {
	font-size: 18px;
	color: #333;
	font-weight: bold;
}

.text2 {
	font-weight: bold;
	color: #F00;
	font-size: 1rem;
}
.text__red {
	color: #F00;
}

.text3 {
	font-size: 0.8rem;
	font-weight: bold;
	color: #DC009E;
}

.text4 {
	font-size: 15px;
	color: #004879;
}

.font-s {
	color: #777;
	font-size: 0.8rem;
}

.text-center {
	text-align: center;
}

.heading1 {
	background: #FCFCFC; /* Old browsers */
	background: -moz-linear-gradient(top, #FCFCFC 0%, #FFF 50%, #F3F3F3 51%, #FFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCFC), color-stop(50%,#FFF), color-stop(51%,#F3F3F3), color-stop(100%,#FFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FCFCFC 0%,#FFF 50%,#F3F3F3 51%,#FFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FCFCFC 0%,#FFF 50%,#F3F3F3 51%,#FFF 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #FCFCFC 0%,#FFF 50%,#F3F3F3 51%,#FFF 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCFCFC', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #FCFCFC 0%,#FFF 50%,#F3F3F3 51%,#FFF 100%); /* W3C */
	margin-bottom: 30px;
	padding: 8px 5px;
	color:#333;
	border: 1px #DDD solid;
}

.heading1 h3,
.heading1 h4 {
	border-left: 4px #2CBAD3 solid;
	padding: 2px 10px;
	font-size: 17px;
}

.heading2 {
	border-bottom: 1px #E3E3E3 solid;
	padding-bottom: 13px;
	margin-bottom: 45px;
	font-size: 24px;
	text-align: center;
}
@media (max-width: 765px) {
	.heading2 {
		font-size: 1.3rem;
		margin-bottom: 30px;
	}
}

.heading3 {
	padding-bottom: 10px;
	font-size: 20px;
	text-align: center;
	background: url(../images/common/line1.png) repeat-x bottom;
}
@media (max-width: 765px) {
	.heading3 {
		font-size: 1.2rem;
	}
}

.heading4 {
	border-bottom: 1px #DDD solid;
	border-top: 1px #DDD solid;
	font-size: 16px;
	border-radius: 5px;
	margin-bottom: 20px;
	text-align: center;
}
.heading4 span {
	background: url(../images/common/title1_border.png) no-repeat center top;
	display: block;
	padding: 12px 0;
}

.heading5 {
	background: url(../img/page/square2.gif) no-repeat left;
	border-bottom: 1px #999 dashed;
	font-size: 15px;
	color: #003B95;
	padding: 5px 12px;
	font-weight: bold;
	margin-bottom: 18px;
}

.heading6 {
	position: relative;
	font-size: 24px;
	border-left: 6px solid #002F8F;
	margin-bottom: 20px;
	padding: 3px 0 3px 12px;
}

.heading6:after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	height: 0;
	width: 100%;
}

.heading7 {
	border-bottom: 1px #DDD solid;
	font-size: 20px;
	padding-bottom: 4px;
}
.heading7 span {
	border-bottom: 2px #3792FF solid;
	padding-bottom: 6px;
}