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

body {
margin:0 auto -1em;
font-family: "a-otf-ud-shin-go-pr6n",sans-serif;
background:#ffffff;
}
div#main_wrapper{
width: 100%;
margin:0 auto;
background:#f8f6c9 url(../images/wall.png) no-repeat top;
background-size: cover;
}

div#main_wrapper_home{
width: 100%;
margin:0 auto;
background:#f8f6c9 url(../images/wall.png) no-repeat top;
background-size: contain;
}


.both{ clear:both;}
.text-center {
	text-align:center;
}
.mtm30 {
	margin-top:-30px;
}
.mt20 {
	margin-top:20px;
}
.mt40 {
	margin-top:40px;
}
.smart100 {
	width:100%;
}
.smart90 {
	width:90%;
}
.smart80 {
	width:80%;
}
header {
	min-width:950px;
	/*margin-bottom:50px;*/
	min-height:520px;
}
.kyoro_header {
	width:1110px;
	margin:0 auto;
padding-top:80px;
	position:relative;
	z-index:1;
	/*text-align:center;*/
}
ul.sns_bnr {
	position:absolute;
	top:12px;
	right:0;
}
ul.sns_bnr li {
	display:inline-block;
}
.fb_iframe_widget > span {
  vertical-align: baseline !important;
}

.topApp {
width:1000px;
height:236px;
margin:10px auto 40px;
background:url(../images/KyoroAr3_clowd.png) no-repeat top center;
text-align: center;
padding:80px auto auto 180px!important;
}

.content {
	width:800px;
	margin:0  auto;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	background: #fff;
	padding: 20px 75px;
	behavior: url(ie_css3/PIE.htc);
}
.guide01 {
	float:left;
	margin:0 25px;
}
.guide01 .img01 {
	width:503px;
}
.guide01 .img02 {
	width:416px;
}
.kyoro01 {
	float:right;
	margin:-100px 25px 0;
	z-index:9999;
}
.kyoro01 img {
	width:197px;
}
.guide02 {
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	background: #fffbbd;
	padding: 20px 60px;
	behavior: url(ie_css3/PIE.htc);
	color:#0095ff;
	margin:10px 0;
}
.guide02 h3 {
	font-size:46px;
	font-family: "a-otf-ud-shin-go-pr6n",sans-serif;
	text-align:center;
	margin:0;
	font-weight:bold;
}
.guide02 p {
	font-size:24px;
	margin:0 0 20px;
}
.faq {
	padding:20px 20px 0;
	width:980px;
	margin:0 auto;
}
.faq ul {
	list-style:none;
}
.faq ul li {
	display:inline-block;
	vertical-align:top;
}
.faq ul li ul {
	margin-bottom:20px;
}
.faq ul li ul li {
	display: block;
}
.faq ul li ul li.size21 {
	font-size:21px;
}
.faq ul li ul li.size22 {
	font-size:22px;
	color:#f00;
}


.hosei {
	margin:-60px 20px 0 0;
	/*float:left;*/
}
.kyoro02 {
	margin-top:-50px;
	/*float:left;*/
}


.contentApp {
	width:710px;
	margin:0  auto;
	padding: 10px 120px;
}
.contentApp table {
	text-align:center;
	width:100%;
}
.contentApp table th {
	vertical-align:bottom;
}
.contentApp p {
	font-size:14px;
}

.contentHowto {
	width:860px;
	margin:0  auto;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	background: #fff;
	padding: 35px 45px;
	behavior: url(ie_css3/PIE.htc);
	border:1px solid #333;
}
.contentHowto p {
	font-size:18px;
	margin-top:5px;
}	
.contentHowto span {
	font-size:18px;
	color:#e41a25;
}

div.howto img{
	margin:20px auto 30px;
}

.qa_header table {
	width:70%;
	z-index:9999;
}
.qa_header table th {
	padding5px;
}
.qa_header table td {
	padding:5px;
}
.qa_header table td h3 {
	font-size:24px;
	margin:0;
	padding:0;
	font-weight:normal;
}
.qa_header table td p {
	font-size:14px;
}
.qa_header table td a {
	font-size:14px;
	color:#1fbdf0;
	text-decoration:none;
}
.qa_header table td a:hover {
	color:#aaa;
	text-decoration:underline;
}

.containerBlue {
	background:#006ffd url(../images/KyoroAr3_ashiato.png) no-repeat center;
	background-size: contain;
	margin:100px 0 20px 0;
	min-width:950px;
}
.contentBlue {
	width:950px;
	margin:0 auto;
	color:#ffffff;
}
.contentBlue a{
	color:#ffffff;
}
.contentBlue table{
margin:0 0 0 100px;
}
.hosei {
	margin:-60px 40px 0px 0px;
	/*float:left;*/
}
.kyoro02 {
	margin-top:-50px;
	/*float:left;*/
}
.contentBlue p {
	font-size:18px;
	padding:20px 14px 0 90px;
	line-height: 200%;
}

.container




/* 上へ戻る */
#back-top{
	text-align: right;
}
#back-top a {
    bottom: 65px;
    right: 30px;
    position: fixed;
	z-index:20;
}

img {
width: inherit;
    max-width: 100%;
    height: auto;
	border: none;
}
div.Professor_box{
	    font-size: 15px;
    padding: 20px 14px 20px 90px;
    line-height: 180%;
}
img.Professor_photo{
width: 18%;
margin-right:1%;
float: left;
text-align: left;
}
span.iwatsuki_name{font-size: 26px;padding-bottom: 10px;}

div.Professor_text{
width: 80%;
float: left;
font-size: 15px;
}
img.kyoro_Professor{margin:-45px auto auto auto;width:518px;height:auto;}