@charset "UTF-8";

body{
	color: #333333;
	font-size: 90%;
	font-family: Meiryo, メイリオ, 'Segoe UI', Arial, sans-serif;
	line-height: 1.5;
	background: url(../images/bg_blue.jpg) repeat;
}


/*  base */

img{ vertical-align: bottom; }
p{ margin: 0 0 1em; }
p a, p a:link, p a:visited, p a:hover{color: #E64607;}
.clearfix{ zoom: 1; }
.clearfix:after{ content: ""; display: block; clear: both; }

/*  site modules */
.mb20 {
	margin-bottom:20px;
}

.bld_r{
		color:#F30;
}

.font_bttl{
	font-size:150%;
	font-weight:bold;
	color:#F06;
	text-align:center;
}

.font_b1{
	font-size:120%;
	font-weight:bold;
	color:#009;
	margin-bottom:10px;
}

.font_b2{
	font-size:120%;

}


.bld_g{
	color:#251B85;
	font-size:16px;
}

.ttl{
	margin: 0 0 20px;
	text-align: center;
}
.r-img{
	float: right;
	margin: 0 0 0 25px;
}
.sep_col{
	margin: 0 -20px 0 0;
}
.sep_col .col{
	float: left;
	width: 450px;
	margin: 0 20px 0 0;
}

.sep_col .col2{
	background-color:#CFF;
	float: left;
	width: 420px;
	margin: 0;
	padding:10px;
}

.sep_col{ zoom:1; }
.sep_col:after{ content: ""; display: block; clear: both; }

.bg_white{
	padding: 25px;
	border: 1px solid #FFF;
	background: url(../images/bg_white.png) repeat;
	overflow:hidden;
}

/*  header */
.header{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 135px;
	background: url(../images/header_bg.png) repeat-x 0 0;
}

.header .logo{
	position: absolute;
	top: 0;
	margin: 0;
	z-index: 11;
	width: 100%;
	text-align: center;
}
.header .gnav ul{
	position: relative;
	width: 960px;
	margin: 0 auto;
	z-index: 11;
	padding: 30px 0 20px;
}
.header .gnav li{
	float: left;
}
.header .gnav .gnav3{
	margin-left: 70px;
}
.header .gnav .gnav5 img{
	position: absolute;
	top: 10px;
	right: -122px;

}
.header .gnav ul{ zoom:1; }
.header .gnav ul:after{ content: ""; display: block; clear: both; }


/*  content */
.container{
	background: url(../images/bg.jpg) no-repeat 50% 150px;

}
.content{
	width: 960px;
	margin: 0 auto;
	padding-top: 100px;
}


/*  footer */
.foot{
	margin: 80px auto 0;
}
.foot .copyright{
	margin: 0;
	font-size: 100%;
	padding: 20px 0;
	text-align: center;
	background: #03c4ba; /*footerコピーライトのBG*/
	color:#FFF;
	
}
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 80%;
}
#page-top a {
	background:  #06C;　/*表示時のBG*/
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 20px 10px;
	text-align: center;
	display: block;
	border-radius: 4px;　/*角丸せってい*/
	letter-spacing: 0.2em;
}
#page-top a:hover {
	text-decoration: none;
	background: #39F;  /*hover時のBG色 */
}


/*  reactlogo */
.reactlogo h1{
	text-align: center;
	padding: 50px 0;
	margin: 0;
}

/*  about */
#about{
	margin-top: -14px;
	padding-top: 70px;
	line-height: 1.7;
}

/*  about2 */
#about2{
	margin-top: -14px;
	padding-top: 70px;
	line-height: 1.7;
}

h3{
	color:#F30;
	padding-top: 0px;
	margin-top:0px;
}

/*  guide */
#guide{
	padding-top: 70px;
}

.young{
	margin-top:30px;
}

.young li{
	margin-bottom:5px;
}
.young li.bold{
	color:#000000;
}

/*  practice */
.practice{
	padding-top: 70px;
}

.practice table{
	width:100%;
	margin-bottom:10px;
	border-collapse:collapse;
	border: 2px solid #FFF;
}
.practice table th{
	background-color:#06C;
	width:130px;
	padding: 8px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
.practice table td{
	background-color:#C2EFFE;
	padding: 8px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFF;
	text-align: left;
	vertical-align: top;
}

.practice table td p{
	margin-bottom:3px;
}


/* table2 */
	
p.p_ttl{
	font-size: 100%;
	color:#00F;
	font-weight: bold;
	}

/*  schedule */

.schedule{
	padding-top: 70px;
}

.schedule table{
	width:100%;
	margin-bottom:20px;
	border-collapse:collapse;
	border: 2px solid #FFF;
}
.schedule table th{
	background-color: #03c4ba;
	width:130px;
	padding: 8px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
.schedule table td{
	background-color:#DBFDFB;
	padding: 8px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFF;
	text-align: left;
	vertical-align: top;
}

.schedule table td p{
	margin-bottom:3px;
}


/*  admission */
.admission{
	padding-top: 70px;
}

.admission table{
	width:100%;
	margin-bottom:20px;
	border-collapse:collapse;
	border: 2px solid #FFF;
}
.admission table th{
	background-color:#006;
	width:130px;
	padding: 8px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
.admission table td{
	background-color:#E3F3FD;
	padding: 8px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFF;
	text-align: left;
	vertical-align: top;
}
.admission table td.center{
	vertical-align: middle;
}
.admission table td p{
	margin-bottom:3px;
}

.admission table a{
	color: #993300;
	font-weight: bold;
}

/* feed */
#feed .gfc-control{
  font-size:12px;
  width:440px;
}

#feed .gfc-resultsHeader .gfc-title{
  font-size:18px;
  color:#ff0000;
}