/* base
---------------------------------------------------- */


body {
	text-align: center;
	color: #333;
	font-size: 62.5%;
	
}
body, div, h1, h2, h3, h4, h5, h6, p, address, dl, dt, dd, ul, ol, li, img {
	margin: 0;
	padding: 0;
	border: none;
}

p {
	line-height:1.4;
}

div, table {
	line-height: 140%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

img {
	vertical-align: bottom;
}

.textR {
	text-align:right;
	}
.textL {
	text-align:left;
	}
.textC {
	text-align:center;
	}
/* フォント */
#DocBody, table, h1, h2, h3, h4, h5, h6, input, textarea {
	font-size: 1.2em;
}

a:link, 
a:visited, 
a:hover, 
a:active {
	color: #EF2E89;
}

/*
===== CLEARFIX　==== */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



#Pc {
	background:url(/menokoto/training/vision/images/bg_contents_pc.png) left top repeat;
	padding:20px 0;
	position:relative;
	width:1024px;
	margin:auto;
}


#FrameTopPC {
	background:url(/menokoto/training/vision/images/bg_frame_top_pc.png) center top no-repeat;
	padding:0 0 0;
	width:984px;
	margin:auto;
	position:relative;
	margin-bottom:50px;
}

#FrameTopPC h1 {
	padding-top:50px;
}

#FrameBtmPC {
	background:url(/menokoto/training/vision/images/bg_frame_btm_pc.png) center bottom no-repeat;
	padding-bottom:60px;
}

#FrameMidPC {
	background:url(/menokoto/training/vision/images/bg_frame_mid_mid.png) center -20px repeat-y;
	position:relative;
	min-height:158px;
}

.BgPosi1 {
	position:absolute;
	top: -117px;
	left: 0;
	z-index: -1;
}

.BgPosi2 {
	position:absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
}

#QRcode {
	width:618px;
	padding:30px 0 45px 0;
	margin:auto;
}

#QRcode .Fleft {
	float:left;
	width:275px;
}

#QRcode .Fright {
	float:right;
	text-align:center;
	width:300px;
}

#QRcode .Fright p {
	font-size:20px;
	margin-bottom:20px;
	letter-spacing:-1px;
	text-align:left;
}

#BtmBtn {
	text-align:center;
	padding-top:24px;
}

.pt30 {
	padding-top:30px;
}

.pt50 {
	padding-top:50px;
}



