@charset "utf-8";

	
	body #mainContent .sTitle {
		font-size:23px;
	}

	body #mainContent .sTitle span{
		font-size: 10px;
		display: inline-block;
		vertical-align: top;
	}

	body #mainContent p{
		font-size: 13px !important;
		color: #333333;
	}

	body #mainContent .cap{
		font-size: 10px !important;
		color: #666666 !important
	}

	body #mainContent .big{
		font-size: 24px !important;
		line-height: 1.5em;
	}


	body #mainContent .user {
	    color: #333333;
	    font-weight: 600;
	    font-size: 13px;
	}

	.al{
		text-align: left;
	}

	.auto{
		width: 41%;
		margin-top: 30px !important;
		margin-right: auto;
		margin-left: auto;
	}

	h5{
		font-size: 20px;
		margin-bottom: 30px;
	}

	h6{
		font-size: 16px !important;
		margin-bottom: 10px;
	}
	
	.List {
		padding-left: 20px;
		background: url(../imgs/150316/icon.png) no-repeat 0 50%;
	}
	.Link {
		padding-left: 20px;
	}
	.Linkoff {
		padding-left: 20px;
		color: #898989;
		font-size: 12px;
	}
	.text {
		font-size: 12px;
		letter-spacing: 0;
		line-height: 1.5;
	}

	.clearfix{
		overflow: hidden;
	}

	body #mainContent .clmTitleBox {
		border-top: 5px solid #777;
		padding: 25px 25px 0 25px;
		margin-bottom: 25px;
		color: #333;
		font-size: 30px;
		line-height: 40px;
	}
	.mb0{ margin-bottom: 0 !important;}
	.mb05{ margin-bottom: 5px !important;}
	.mb10{ margin-bottom: 10px !important;}
	.mb20{ margin-bottom: 20px !important;}
	.mb30{ margin-bottom: 30px !important;}
	.mb40{ margin-bottom: 40px !important;}
	.mb50{ margin-bottom: 50px !important;}
	.mb60{ margin-bottom: 60px !important;}

	.mt10{ margin-top: 10px !important;}
	.mt20{ margin-top: 20px !important;}
	.mt30{ margin-top: 30px !important;}
	.mt40{ margin-top: 40px !important;}
	.mt50{ margin-top: 50px !important;}
    .mt60{ margin-top: 60px !important;}

    .pt0{ padding-top: 0 !important;}
	.pt10{ padding-top: 10px !important;}
	.pt30{ padding-top: 20px !important;}
	.pt30{ padding-top: 30px !important;}
	.pt40{ padding-top: 40px !important;}
    .pt50{ padding-top: 50px !important;}


	

/* num01 */
    .num01 {
		margin-bottom: 30px;
	}	

	.img_box{
		text-align: center;
		margin-top: 50px;
		overflow: hidden;		
	}

	.img_box.gline{
		border: solid 1px #eaeaea;
		padding: 10px;
		box-sizing: border-box;
	}

	.linkarea{
		margin-top: 10px;
		font-size: 13px;
		text-align: left;
	}

	.linkarea dt{		
		background-image: url(../imgs/170316/icon.jpg);
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 20px;
		margin-bottom: 5px;		
	}

	.linkarea dd{
		margin-left: 20px;
	}

	.linkarea dd a{
		color: #6a7d92;
	}

	.fLeft{
		float: left;
	}

	.fRight{
		float: right;
	}

	.left02 {
		float: left;
		width: 50%;
	}
	.right02 {
		float: right;
		width: 46%;
		margin-top: 20px;
	}

	.right02 img{
		width: 100%;
	}

	.left03 {
		float: left;
		width: 50.86705202312138%;
	}
	.right03 {
		float: right;
		width: 46.24277456647399%;
	}

	.left04 {
		float: left;
		width: 33.213872832369944%;
	}
	.right04 {
		float: right;
		width: 66.78612716763006%;
	}

/* num02 */
	.num02 {
		margin-top: 30px;
	}

	.block{
		position: relative;
		overflow: hidden;
		margin-top: 30px;	
	}
	.block .left {
		float: left;
		width: 51.79595375722543%;
	}
	.block .right {
		float: right;
		width: 46.2361014994233%;
	}

	.block .left50 {
		float: left;
		width: 49%;
	}
	.block .right50 {
		float: right;
		width: 49%;
	}

	.block img{
		width: 100%;	
	}

	.blue_box{
		border: solid 1px #CCC;
		padding: 40px;
		margin-top: 30px;
		box-sizing: border-box;
	}

	.blue_box p{
		font-size: 13px;
	}	

	.ttl-i{
		color: #4e6a89;		
		font-size: 20px;
		font-style: italic;
		padding-top: 20px;
	}

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

	h6{
		text-align: left;
	}

	.auto{
		width: 100%;		
	}

	.fLeft{
		float: none;
		text-align: center;
	}

	.fRight{
		float: none;
		text-align: center;
		margin-top: 20px;
	}

	.left02 {
		float: none;
		width: 100%;
	}
	.right02 {
		float: none;
		width: 100%;
		margin-top: 20px;
	}

	.left03 {
		float: none;
		width: 100%;
	}
	.right03 {
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	
	.left04 {
		float: none;
		width: 100%;
		text-align: center;
	}

	.left04 img{
		text-align: center;
	}
	.right04 {
		float: none;
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}

	.left02,
	.left03,
	.left04,
	.right02,
	.right03,
	.right04{
		text-align: center;
	}

	.left02 p,
	.left03 p,
	.left04 p,
	.right02 p,
	.right03 p,
	.right04 p{
		text-align: left;
	}

	.block .left {
		float: none;
		width: 100%;
		text-align: center;
	}

	.block .right {
		float: none;
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}

	.block p{
		text-align: left;
	}

	.blue_box img{
		width: auto;
	}

	#mainContent br{
		display: block 	!important;
	}
	
	
}

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

	


}