
/*pc_css*/
@media screen and (min-width:751px){
	
	#membership #header ul li.nmember a{
		font-weight: bold;
	}
	
	#membership .membertl01{
		border-top:3px solid #212943;
		border-bottom:3px solid #212943;
		padding:3px 0;
		margin:0 0 20px 0;
		line-height: 1.5em;
	}
	
	#membership .membertl01 .inbox{
		border-top:1px solid #212943;
		border-bottom:1px solid #212943;
		padding:10px 0;
		text-align: center;
		color:#212943;
		font-size:1.2em;
		font-weight: bold;
	}
	
	#membership .mtablebox1{
		margin:30px 0 0 0;
	}
	
	#membership .membertl02{
		width:100%;
		background:#212943;
		text-align: center;
		color:#fff;
		display: block;
		padding:5px 10px;
		box-sizing: border-box;
		line-height: 1.5em;
	}
	
	#membership .mtablebox1 table{
		width:100%;
		font-size:0.8em;
		margin:0 0 5px 0;
		table-layout: fixed;
	}
	
	#membership .mtablebox1 table th{
		border:1px solid #eaeaea;
		border-bottom:2px solid #eaeaea;
		text-align: center;
		vertical-align: middle;
		font-weight: normal;
		padding:10px 5px;

	}
	
	#membership .mtablebox1 table td{
		border:1px solid #eaeaea;
		text-align: center;
		vertical-align: middle;
		font-weight: bold;
		padding:10px 5px;
		word-break: break-all;
	}
	
	#membership .cap{
		font-size:0.8em;
		text-align: left;
		line-height: 1.5em;
	}
	
	#membership .plusbox{
		text-align: center;
	}
	
	#membership .plusbox img{
		width:25px;
		height:auto;
	}
	
	#membership .arrowbox{
		text-align: center;
	}
	
	#membership .arrowbox img{
		width:20px;
		height:auto;
	}
	
	#membership .membertl03{
		width:100%;
		background:#e1e4e7;
		text-align: center;
		color:#2b2b2b;
		display: block;
		padding:5px 10px;
		margin:0 0 10px 0;
		box-sizing: border-box;
		line-height: 1.5em;
	}
	
	#membership .iconbox1{
		max-width: 150px;
		width:80%;
		margin:0 auto 20px;
	}
	
	#membership .iconbox1 img{
		width:100%;
	}
	
	#membership .membertl04{
		font-size:1.5em;
		position: relative;
		text-align: left;
		line-height: 1.5em;
		color:#212943;
		padding:0 0 10px 0;
		margin:0 0 10px 0;
		border-bottom:1px dashed #2b2b2b;
	}
	
	#membership .membertl04 span{
		font-weight: bold;
	}
	
	#membership .membertl04 table{
		width:100%;
	}
	
	#membership .membertl04 table td{
		vertical-align: middle;
	}
	
	#membership .membertl04 table td:first-child{
		width:60px;
	}
	
	#membership .membertl04 table td:first-child img{
		width:100%;
	}
	
	#membership .membertl04 table td:last-child{
		padding:0 0 0 15px;
	}
	
	#membership .membertl05{
		font-size:1em;
		position: relative;
		text-align: left;
		line-height: 1.5em;
		color:#fff;
		background:url("../images/membership/man/bg.gif") repeat;
		background-size:4px 4px;
		padding:2px;
		box-sizing: border-box;
		margin:10px 0 0 0;
	}
	
	#membership .membertl05 table{
		width:100%;
		border:1px solid #fff;
		letter-spacing: 0.1em;
		font-size:0.9em;
		box-sizing: border-box;
		display: block;
	}
	
	#membership .membertl05 table td{
		vertical-align: middle;
	}
	
	#membership .membertl05 table td:first-child{
		width:38px;
		padding:12px 0 12px 12px;
	}
	
	#membership .membertl05 table td:first-child img{
		width:100%;
	}
	
	#membership .membertl05 table td:last-child{
		padding:12px 12px 12px 15px;
	}
	
	#membership .floatbox{
		width:100%;
		padding:5px;
		border:2px solid #e1e4e7;
		box-sizing: border-box;
		line-height: 1.5em;
		margin:10px 0;
	}
	
	#membership .floatbox table{
		width:100%;
		table-layout: fixed;
	}
	
	#membership .floatbox table td{
		text-align: center;
		vertical-align: middle;
		padding:10px;
	}
	
	#membership .floatbox table td span{
		font-size:1.2em;
	}
	
	#membership .floatbox table td strong{
		font-size:1.2em;
	}
	
	#membership .floatbox table td:first-child{
		border-right:2px solid #e1e4e7;
	}
}



@media screen and (max-width:750px){
	#membership #header ul li.nmember a{
		font-weight: bold;
	}
	
	#membership .maincontainer{
		margin:60px 0 0 0;
	}
	
	#membership .membertl01{
		border-top:3px solid #212943;
		border-bottom:3px solid #212943;
		padding:3px 0;
		margin:0 0 20px 0;
		line-height: 1.5em;
	}
	
	#membership .membertl01 .inbox{
		border-top:1px solid #212943;
		border-bottom:1px solid #212943;
		padding:10px 0;
		text-align: center;
		color:#212943;
		font-size:1.2em;
		font-weight: bold;
	}
	
	#membership .mtablebox1{
		margin:30px 0 0 0;
	}
	
	#membership .membertl02{
		width:100%;
		background:#212943;
		text-align: center;
		color:#fff;
		display: block;
		padding:5px 10px;
		box-sizing: border-box;
		line-height: 1.5em;
	}
	
	#membership .mtablebox1 table{
		width:100%;
		font-size:0.8em;
		margin:0 0 5px 0;
		table-layout: fixed;
	}
	
	#membership .mtablebox1 table th{
		border:1px solid #eaeaea;
		border-bottom:2px solid #eaeaea;
		text-align: center;
		vertical-align: middle;
		font-weight: normal;
		padding:10px 5px;

	}
	
	#membership .mtablebox1 table td{
		border:1px solid #eaeaea;
		text-align: center;
		vertical-align: middle;
		font-weight: bold;
		padding:10px 5px;
		word-break: break-all;
	}
	
	#membership .cap{
		font-size:0.8em;
		text-align: left;
		line-height: 1.5em;
	}
	
	#membership .plusbox{
		text-align: center;
	}
	
	#membership .plusbox img{
		width:25px;
		height:auto;
	}
	
	#membership .arrowbox{
		text-align: center;
	}
	
	#membership .arrowbox img{
		width:20px;
		height:auto;
	}
	
	#membership .membertl03{
		width:100%;
		background:#e1e4e7;
		text-align: center;
		color:#2b2b2b;
		display: block;
		padding:5px 10px;
		margin:0 0 10px 0;
		box-sizing: border-box;
		line-height: 1.5em;
	}
	
	#membership .iconbox1{
		max-width: 150px;
		width:80%;
		margin:0 auto 20px;
	}
	
	#membership .iconbox1 img{
		width:100%;
	}
	
	#membership .membertl04{
		font-size:1.5em;
		position: relative;
		text-align: left;
		line-height: 1.5em;
		color:#212943;
		padding:0 0 10px 0;
		margin:0 0 10px 0;
		border-bottom:1px dashed #2b2b2b;
	}
	
	#membership .membertl04 span{
		font-weight: bold;
	}
	
	#membership .membertl04 table{
		width:100%;
	}
	
	#membership .membertl04 table td{
		vertical-align: middle;
	}
	
	#membership .membertl04 table td:first-child{
		width:60px;
	}
	
	#membership .membertl04 table td:first-child img{
		width:100%;
	}
	
	#membership .membertl04 table td:last-child{
		padding:0 0 0 15px;
	}
	
	#membership .membertl05{
		font-size:1em;
		position: relative;
		text-align: left;
		line-height: 1.5em;
		color:#fff;
		background:url("../images/membership/man/bg.gif") repeat;
		background-size:4px 4px;
		padding:2px;
		box-sizing: border-box;
		margin:10px 0 0 0;
	}
	
	#membership .membertl05 table{
		width:100%;
		border:1px solid #fff;
		letter-spacing: 0.1em;
		font-size:0.9em;
		box-sizing: border-box;
		display: block;
	}
	
	#membership .membertl05 table td{
		vertical-align: middle;
	}
	
	#membership .membertl05 table td:first-child{
		width:38px;
		padding:12px 0 12px 12px;
	}
	
	#membership .membertl05 table td:first-child img{
		width:100%;
	}
	
	#membership .membertl05 table td:last-child{
		padding:12px 12px 12px 15px;
	}
	
	#membership .floatbox{
		width:100%;
		padding:5px;
		border:2px solid #e1e4e7;
		box-sizing: border-box;
		line-height: 1.5em;
		margin:10px 0;
	}
	
	#membership .floatbox table{
		width:100%;
		table-layout: fixed;
	}
	
	#membership .floatbox table td{
		text-align: center;
		vertical-align: middle;
		padding:10px;
	}
	
	#membership .floatbox table td span{
		font-size:1.2em;
	}
	
	#membership .floatbox table td strong{
		font-size:1.2em;
	}
	
	#membership .floatbox table td:first-child{
		border-right:2px solid #e1e4e7;
	}
}
	