﻿.font-07 {  font-size: 7px;}
.font-09 {  font-size: 9px;}
.font-10 {  font-size: 10px;}
.font-11 {  font-size: 11px;}
.font-12 {  font-size: 12px;}
.font-14 {  font-size: 14px;}
.font-16 {  font-size: 16px;}
.font-18 {  font-size: 18px;}
.font-10-140 {
	font-size: 10px;
	line-height: 140%;
}
.font-11-140 {  font-size: 11px; line-height: 140%;}
.font-12-120  { font-size: 12px; line-height: 120%;}
.font-12-140 {  font-size: 12px; line-height: 140%;}
/* ↓12-150は実績・著書に反映させるために追加。松石2009/08/31 */
.font-12-150 {  font-size: 12px; line-height: 150%;}
.font-12-180 {  font-size: 14px; line-height: 180%;}
.font-14-140 {  font-size: 14px; line-height: 140%;}
.font-16-140 {  font-size: 16px; line-height: 140%;}
.font-18-140 {  font-size: 18px; line-height: 140%;}

.title  { color: red; font-weight: bold; font-size: 12px; letter-spacing: 6px }
.titlestyle         { color: white; font-weight: bold; font-size: 15px; line-height: 21px; background-color: #0066cc; margin: 7px }
.a-none{ text-decoration: none; }
body {
	margin:0;
}
body, td{
	font:13px/1.231 "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif;
}
input,select,form{  font-size: 12px;
		font-family:"Osaka, ＭＳ Ｐゴシック"; }
		
img {
	border-style : none;
	vertical-align:bottom;
}

h1{ font-size: 16px; vertical-align:middle; font-weight:bold;font-family:"Osaka, ＭＳ Ｐゴシック";display:inline;color:#ffffff;}

.text01{ font-size: 12px; font-family:"Osaka, ＭＳ Ｐゴシック";display:inline;color:#ff9900;text-align:center;}
.text01 A:link{color:#ff9900;text-decoration:underline;}
.text01 A:visited{color:#ff9900;text-decoration:underline;}
.text01 A:active{color:#ff9900;text-decoration:underline;}
.text01 A:hover{color:#ff9900;}

.text02{ font-size: 15px; font-family:"Osaka, ＭＳ Ｐゴシック";display:inline;color:#ff0000;}
.text02 A:link{color:#ff0000;text-decoration:underline;}
.text02 A:visited{color:#ff0000;text-decoration:underline;}
.text02 A:active{color:#ff0000;text-decoration:underline;}
.text02 A:hover{color:#ff0000;}

/* ↓2005/12/20 */
.title-position {margin: 10px 0px 9px 0px;}
.title-16 {font-size: 16px; color:#0066CC;}
.title-12 {font-size: 12px; color:#0066CC; margin: 0px;}

p {
	margin:0;
	padding:0;
}

#modal p,
#modal01 p {
	margin:0;
	padding:0;
}
#modal li,
#modal01 li {
	list-style:none;
}
.inlineBlock {
	display:inline-block;
}
.mr0 {margin-right:0 !important;}
.ml0 {margin-left:0 !important;}
.mb20 { margin-bottom:20px !important; }
#pick_up {
	margin:0px 0px 0px 0px;
	width: 430px;
	height: 43px;
	background-image: url(../top_img/title_kongetsuno_pickup.gif);
	background-repeat: no-repeat;
}

#pick_up h2 {
	margin:0px;
	padding:0px;
	font-weight:normal;
	display:none;
}

#regist {
	margin:0px 0px 3px 0px;
	width: 530px;
	height: 44px;
	background-image: url(../top_img/title_shinki_touroku.gif);
	background-repeat: no-repeat;
}

#regist h2 {
	margin:0px;
	padding:0px;
	font-weight:normal;
	display:none;
}

#new {
	margin:0px 0px 3px 0px;
	width: 530px;
	height: 44px;
	background-image: url(../top_img/title_shinchaku.gif);
	background-repeat: no-repeat;
}

#new h2 {
	margin:0px;
	padding:0px;
	font-weight:normal;
	display:none;
}

#theme {
	margin:0px 0px 3px 0px;
	width: 710px;
	height: 40px;
	background-image: url(../top_img/title_theme_betsu.gif);
	background-repeat: no-repeat;
}

#theme h2 {
	margin:0px;
	padding:0px;
	font-weight:normal;
v
}

/* 2006/01/12 accent add start*/
form {
	margin: 0px;
}

#koushi_kensaku {
	margin: 0px 0px 0px 0px;
	width: 530px;
	height: 42px;
	background-image: url(../top_img/title_koushi_kensaku.gif);
	background-repeat: no-repeat;
}

#koushi_kensaku h2 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	display: none;
}

#search_box {
	width: 530px;
 	background-color: #FFFFD4;
	border-style: solid;
	border-width: 1px;
	border-color: #FFD145;
/* これ以降 IE 5.0 for Mac には適用されない \*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 528px;
/* これ以降 IE 5.0 for Mac にも適用される */
}

#genre_title {
	margin: 10px 0px 0px 3px;
	font-size: 12px;
	font-weight: bolder;
	color: #FF0000;
}
#keyword_title {
	margin: 5px 0px 0px 0px;
	font-size: 12px;
	font-weight: bolder;
	color: #FF0000;
}
#kana_title {
	margin: 5px 0px 0px 0px;
	font-size: 12px;
	font-weight: bolder;
	color: #FF0000;
}

#dai_bunrui {
	width: 150px;
	margin: 5px 0px 5px 3px;
	float: left;
/* これ以降 IE 5.0 for Mac には適用されない \*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 156px;
/* これ以降 IE 5.0 for Mac にも適用される */
}
#syou_bunrui {
	width: 168px;
	margin: 5px 0px 5px 0px;
	float: left;
/* これ以降 IE 5.0 for Mac には適用されない \*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 162px;
/* これ以降 IE 5.0 for Mac にも適用される */
}
#yosan {
	width: 202px;
	margin: 5px 0px 5px 0px;
	float: right;
}
.search_line_yoko {
	margin: 0px 5px 5px 5px;
}
#keyword {
	width: 240px;
	float: left;
	margin: 5px 0px 5px 3px;
}
#search_line_tate {
	width: 1px;
	height: 40px;
	float: left;
	margin: 5px 0px 5px 5px;
}
#kana {
	width: 270px;
	float: right;
	margin: 5px 0px 5px 3px;
}
.block_clear{
	clear: both;
}
.arrow {
	margin: 0px 0px 0px 5px;
}
/* 2006/01/12 accent add end*/
.lecturer_name {
	font-size: 15px;
	line-height: 21px;
}

.lecturer_title {
	font-size: 12px;
	color: red;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	letter-spacing: 6px;
}

.lecturer_font-12-120  {
	font-size: 12px;
	line-height: 120%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
/* 2006/07/04 personne add end*/
#toku_title h1{
	font-size: 12px;
	color: #0066CC;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#toku_title h2{
	font-size: 14px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#toku_title h2.introduce{
	font-size: 14px;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#toku_title h3{
	font-size: 14px;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#toku_title_heiwa {
	width: 460px;
	height: 52px;
	background-image: url(http://www.kouenirai.com/about-kouen/img/special/2005-jinken2.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 2px 20px;
}

#toku_title_heiwa h2 {
	margin:0px;
	padding:0;
	font-weight:normal;
	display:none;
}
/* 2006/07/04 uehara add end*/
/* 2006/10/06 uehara add start*/

.area_title {
	font-size: 14px;
	line-height: 180%;
	color: #ffffff;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.area_title_prefectures {
	font-size: 14px;
	line-height: 180%;
	display:inline;
}
/* 2006/10/06 uehara add end*/

.txt_bold {
font-weight:bold;
}
/* 2008/3/11 shibata add end*/

.pankuzu {
        font-size: 11px;
        margin:2px 2px 10px 10px;
}
/* 2008/4/10 matsuishi add end*/


#toku_title h3.subheading {
	font-size: 14px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	text-align: left;
}

#toku_koushi p.catchphrase {
	font-size: 12px;
	color: #000000;
	margin: 5px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#toku_koushi p.name {
	font-size: 14px;
	line-height: 140%;
	font-weight:bold;
	color: #000000;
	margin: 0px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#toku_koushi p.job {
	font-size: 10px;
	line-height: 140%;
	font-weight:bold;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#toku_koushi p.thema {
	font-size: 10px;
	line-height: 140%;
	font-weight:bold;
	color: #FF6600;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#toku_koushi p.introduce {
	font-size: 10px;
	line-height: 140%;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#toku p.top_link {
	font-size: 12px;
	margin: 0px 15px 0px 0px;
	text-align: right;
}

ul#toku li {
	list-style-type:none;
        display:inline;
	margin-left:5px;
        line-height:1.5;
	white-space:nowrap;
	white-space:-pre-wrap; /*opera*/
}

#toku_ichiran {
	border:1px solid #6699ff;
}

#toku_ichiran div {
	border:1px solid #999999; margin:1px;
}

h3.ichiran {
	font-size: 14px;
	color:#000000;
	margin:10px 5px;
	padding:3px 10px;
	background-color:#6699ff;
}
/* 2008/6/24 matsuishi add end*/

p.regular {
	margin:0px;
	padding:0px;
}

/* 2010/10/4 matsuishi add end*/

h3.thema{/* プロフィール講演テーマ */
	margin: 0px;
	padding:0px;
	font-size: 12px;
	line-height: 120%;
	font-weight:bold;
}

/* 2011/9/8 matsuishi add end*/
.department {
	background-color: #FFC;
}

td.genre-mail-toi {
	color: #333333;
	font: normal bold 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}

/* 2014/7/27 esaka add*/
ul.profImg {
	list-style: none;
	margin: 0;
	padding: 0;
}

.card {
	width: 165px;
	height: 200px;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: 0.5s;
}

li:hover .card {
	-webkit-transform: rotateY(180deg);
	}

.ie li:hover .card {
	-webkit-transform: none;
}

li .face {
	position: absolute;
	-webkit-backface-visibility: hidden;
}
li .back {
	width: 165px;
	height: 200px;
	-webkit-transform: rotateY(180deg);
	background: #fff ;
}
li .front { z-index: 10;}
li:hover .front { z-index: 0;}

.profBox {
	width: 605px;
}

.profBoxL {
	width: 416px;
	float: left;
}

.profBoxR {
	width: 180px;
	float: right;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

/* 2014/7/30 esaka add*/
.profInq {
	width: 527px;
	background-color: #fffccc;
	border-color: #FF9933;
	border-style:double;
	padding: 15px 30px 20px 30px;
}

.profInqL {
	float: left;
	width: 100px;
	margin-right: 20px;
}

.profInqR {
	float: left;
	width: 335px;
}

.profInqR dl,
.profInqR dt,
.profInqR dd {
	margin: 0;
	padding: 0;
} 

.profInqR dt {
	padding-bottom: 5px;
	text-align: center;
} 

.profInqR ul {
	text-align: center;
} 

.profInqHead {
	text-align: center;
	background: #FF9933;
	padding: 5px 0;
	margin: 5px 0 10px;
	color: #EFEFEF;
}
#header {
	position:fixed;
	width:100%;
	min-width:1024px;
	top:0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    max-width: 1100px;
	/* background:#FFF url(/img/common/bg_header.png) repeat-x 0 0;
	-webkit-box-shadow:0 0 3px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow:0 0 3px 0 rgba(255, 255, 255, 0.1);
	box-shadow:0 0 3px 0 rgba(255, 255, 255, 0.1);
	box-shadow:0 0 3px 0 #D7D7D7;
	behavior:url(/js/PIE.htc); */
}
.headerInner {
	width:1024px;
	margin:0 auto;
}
#logo {
	width:186px;
	font-size:0;
}
.imageLogo img {
	margin:auto;
}
#header .check,.numberFile {
	top: 40px;
	left: 23px;
	position: absolute;
	text-align: center;
	display: block;
	font-size: 11px;
	font-family:'Roboto Condensed', sans-serif;
}
#header .evItem02 .numberFile {
	color: white;
}
#header .check {
	left:40px;
	top:13px;
}
#header02 {
	position:absolute;
	top:0;
	z-index:999;
	width:100%;
	min-width:1024px;
	height:60px;
	border-bottom:1px solid #D9D9D9;
	background-color:#4978AE;
	-webkit-box-shadow:0 0 3px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow:0 0 3px 0 rgba(255, 255, 255, 0.1);
	box-shadow:0 0 3px 0 rgba(255, 255, 255, 0.1);
	box-shadow:0 0 3px 0 #D7D7D7;
	behavior:url(/js/PIE.htc);
}
#header .check,.numberFile {
	top: -10px;
	left: 38px;
}
#header .numberFile {
	left: 50%;
    transform: translateX(-50%);
	top: 4px;
	color:#336BAA;
	font-weight: 500;
	width: 11px;
}
#header .evItem02 .numberFile {
	color: white;
}
#naviInner > li {
	position:relative;
	float:left;
	width:7.2%;
	max-width:auto;
	height: 60px;
}
#naviInner #naviHome {
	width:18.2%;
}
li#navi01 {
	width:12.4%;
}
li#navi01 br {
	display:none;
}
li#navi03 {
	width:15.6%;
}
li#naviResult {
	width:11%;
}
li#naviCandidate {
	width:15.6%;
}
#naviInner #naviConsult {
	width:16.5%;
}
#naviInner li a {
	display:block;
	width:100%;
	background:#FFF;
	color:#33649c;
	font-size:14px;
	text-decoration:none;
	-webkit-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
}
#naviInner > li#naviCandidate > a {
	padding:0 8px 0 16px;
	text-align:left;
}
#naviInner > li#navi03 > a .icon {
	padding-right:8px;
}
#naviInner > li > a {
	position:relative;
	overflow:hidden;
	height:60px;
	padding:0 8px;
	border-left:1px solid #CCC;
	border-bottom:1px solid #DADADA;
	text-align:center;
	line-height:58px;
}
#naviInner > li > a img {
	vertical-align:middle;
}
#naviInner #naviHome a {
	padding:0 10px;
	border-left:none;
	background:#4978AE;
}
#naviInner #naviConsult a {
	padding:0 10px;
	border-left:none;
	background:#EC7063;
	text-align:left;
}
#naviInner > li > a:after {
	position:absolute;
	bottom:0;
	right:0;
	content:"";
	width:0;
	height:3px;
	background:#EC7063;
	transition: width .3s cubic-bezier(0.29, 0.18, 0.26, 0.83);
}
#naviInner > li:hover > a {
	color:#EC7063;
}
#naviInner > li:hover > a:after {
	left:0;
	width:100%;
}
#naviInner > li.active > a:after {
	width:100%;
}
#naviInner li span em {
    font-size: 12px;
    display: block;
    font-style: normal;
}
#pageAbout #naviInner > li#navi05 > a,
#pageRecord #naviInner > li#navi04 > a,
#pageLakeru #naviInner > li#navi03 > a,
#pageSpecialList #naviInner > li#navi02 > a,
#pageGenre #naviInner > li#navi01 > a,
#naviInner > li.active > a {
	color:#EC7063;
}
#pageAbout #naviInner > li#navi05 > a:after,
#pageRecord #naviInner > li#navi04 > a:after,
#pageLakeru #naviInner > li#navi03 > a:after,
#pageSpecialList #naviInner > li#navi02 > a:after,
#pageGenre #naviInner > li#navi01 > a:after,
#naviInner > li.active > a:after {
	width:100%;
}
#naviInner #naviHome a:after,
#naviInner #naviConsult a:after {
	display:none;
}
#naviInner #naviHome:hover a {
	background:#226DC4;
}
#naviInner #naviConsult:hover a {
	background:#f1402d;
}
#naviInner > li > a > span {
	display:inline-block;
	vertical-align:middle;
	font-weight:normal;
	font-feature-settings:"palt";
	letter-spacing:1px;
	line-height:1.3em;
}
/*#naviInner > li > a > span.textLs {
	letter-spacing:3px;
}*/
li#naviCandidate .icon {
	position:relative;
	margin-right:7px;
	margin-bottom:6px;
}
li#naviCandidate .icon + span {
	width:74%;
}
li#naviCandidate .check {
	top:-4px;
	left:14px;
	width:14px;
	height:14px;
	background:url(/img/common/check_blue.png) 50% 50% no-repeat;
	line-height:0;
}
li#naviCandidate .numberFile {
	top:22px;
	left:-1px;
	width:23px;
	font-weight:normal;
}
/* subNavi */
#navi .subNavi {
	z-index:100;
	position:absolute;
	top:100%;
	left:0;
	display:none;
	width:100%;
	min-width:167px;
	padding-top:9px;
}
#navi .subNavi:after {
	z-index:2;
	position:absolute;
	top:1px;
	left:34%;
	content:"";
	opacity:0;
	width:16px;
	height:9px;
	background:url(/img/common/icon_arrow41.png) 50% 50%  no-repeat;
	-webkit-transition:all 0.1s linear 0s;
	-o-transition:all 0.1s linear 0s;
	transition:all 0.1s linear 0s;
}
#navi .subNavi.show:after {
	opacity:1;
}
#navi .subNavi ul {
	overflow:hidden;
	padding:5px 0;
	border-radius:6px;
	border:1px solid #CCC;
	background:#FFF;
}
#navi .subNavi li a {
	display:block;
	height:auto;
	padding:6px 30px 6px 17px;
	background:url(/img/common/icon_arrow16.png) right 15px top 50% no-repeat;
	-webkit-background-size:4px auto;
	background-size:4px auto;
	font-size:12px;
	line-height:1.5em;
}
#navi .subNavi li a:hover {
	color:#EC7063;
	background-position:right 7px top 50%;
}
div#container {
	width:1024px !important;
	margin:0 auto;
	padding:76px 0 20px;
}
#container table {
	margin:0 auto;
}
#header ul,
#footer ul,
.sideGroup ul {
	list-style:none;
	margin-top:0;
	margin-bottom:0;
	padding-left:0;
}
#header p {
	margin:0;
}
#footer {
	position:relative;
	padding:37px 0 0;
	border-top:1px solid #D5D5D5;
}
#footer #footerInner {
	max-width:1024px;
	width:100%;
	margin:0 auto;
}
#footer .imageLogo {
	padding-bottom:16px;
	text-align:center;
}
#footer .fText {
	padding-bottom:16px;
	text-align:center;
	color:#426C9C;
}
#footer .fBlock {
	position:relative;
}
#footer .fBlock .imageLogo01 {
	position:absolute;
	right:46px;
	top:-12px;
}
#footer .fNavi {
	max-width:1024px;
	width:100%;
	margin:0 auto 24px;
	text-align:center;
}
#footer .fNavi li {
	display:inline-block;
	width:auto;
	margin-right:7px;
	padding:3px 10px 3px 0;
	background:url(/img/common/bg_fnavi.gif) no-repeat 100% 50%;
	font-size:13px;
	line-height:1.6;
}
#footer .fNavi li.fNaviLast {
	margin:0;
	background:none;
}
#footer .fNavi li a {
	color:#4978AE;
	text-decoration:none;
}
#footer .fNavi li a:hover {
	text-decoration:underline;
}
#footer .fButton {
	width:400px;
	margin:0 auto 33px;
	text-align:center;
}
#footer .fButton li {
	display:inline;
	width:auto;
	padding-right:1px;
}
.fSection01 {
	background:#EEE;
}
.fSection01 .fLink01 {
	width:980px;
	margin:0 auto;
	padding:13px 0 11px;
	text-align:center;
}
.fSection01 .fLink01 li {
	display:inline;
	width:auto;
	padding-right:13px;
	font-size: 12px;
	letter-spacing: 1px;
}
.fSection01 .fLink01 li a {
	color:#4D4D4D;
	text-decoration:none;
}
.fSection01 .fLink01 li a:hover {
	text-decoration:underline;
}
.fSection01 .fLink01 li.linkLast {
	padding:0;
}
.fSection02 {
	background:#4978AE;
}
.fSection02 .fSectionInner02 {
	width:1024px;
	margin:0 auto;
	padding:16px 0 19px;
}
.fSection02 .fSectionInner02 .personneImage {
	float:left;
	width:147px;
	margin-right:35px;
}
.fSection02 .fSectionInner02 div {
	float:left;
	width:800px;
	color:#FFF;
}
.fSection02 .fSectionInner02 .textContact a {
	color:#FFF;
	text-decoration:none;
}
.fSection02 .fSectionInner02 .textContact span {
	padding-right:12px;
}
.fSection02 #copyright {
	padding-top:7px;
}
.footer02 #footerInner {
	position:relative;
	margin:-8px auto 11px !important;
}
.footer02 #footerInner .imageLogo01 {
	position:absolute;
	right:88px;
	top:-9px;
}
#footer.footer01 {
	border-top:none;
	background:#FFF;
}
.footer01 #footerInner {
	position:relative;
	margin:-8px auto 11px !important;
}
.footer01 #footerInner .imageLogo01 {
	position:absolute;
	right:88px;
	top:-9px;
}
.footer01 .fSectionInner02 {
	text-align:center;
}
.footer01 .fSection02 .fSectionInner02 .personneImage {
	float:none;
	display:inline-block;
	margin-right:25px;
}
.footer01 .fSection02 .fSectionInner02 div {
	float:none;
	display:inline-block;
	text-align:left;
	width:350px;
}

/* ------------------------------------------------------------------
	2-5.	contactInfo styles
-------------------------------------------------------------------*/
.button03 {
	display:block;
	width:217px;
	border-radius:5px;
	background:#f3AF47 url(/img/common/icon_arrow01.png) no-repeat 94% 51%;
	color:#FFF;
	font-size:15px;
	text-align:center;
	cursor:pointer;
	border:none;
	-webkit-box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow:2px 3px 3px 0 #DDD\9;
	behavior:url("/js/PIE.htc");
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
}
a.button03 {
	display:inline-block;
	padding:16px 36px 16px 20px;
	font-size:15px;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}
.button03:hover {
	background:#4978AE url(/img/common/icon_arrow01.png) no-repeat 97% 51%;
	color:#FFF !important;
}
.button04 {
	display:block;
	max-width:216px;
	width:100%;
	padding:17px 12px 17px 15px;
	border-radius:5px;
	background:#f3AF47 url(/img/common/icon_arrow01.png) no-repeat 94% 50%;
	color:#FFF;
	font-size:15px;
	text-align:center;
	cursor:pointer;
	border:none;
	-webkit-box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow:2px 3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow:2px 3px 3px 0 #DDD\9;
	behavior:url("/js/PIE.htc");
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
}
.button04:hover {
	background:#4978AE url(/img/common/icon_arrow01.png) no-repeat 96% 50%;
	color:#FFF !important;
}
a.button04 {
	display:inline-block;
	padding:12px 30px 10px 20px;
	font-size:15px;
	color:#FFF;
	text-align:left;
	text-decoration:none;
}
.contactInfo {
	width:980px;
	margin:0 auto;
	padding:17px 0 12px;
	font-size:12px;
	color:#426C9C;
}
.contactInfo .notify {
	float:left;
	max-width:524px;
	width:53.5%;
	padding-left:2%;
	line-height:1.5;
	text-align:justify;
	padding-top:10px;
}
.contactInfo .phone {
	float:left;
}
.contactInfo .notifyBox {
	position:relative;
	float:left;
	width:96px;
	padding:7px 4px 5px 15px;
	border:2px solid #4978AE;
	text-align:left;
	font-size: 14px;
	line-height: 1.4;
}
.contactInfo .notifyBox .arrow {
	position:absolute;
	right:-9px;
	top:50%;
	margin-top:-8px;
	width:9px;
	height:14px;
	background:url(/img/common/icon_arrow03.png) no-repeat 0 0;
}
.contactInfo .notifyContents {
	padding-left:112px;
} 
.contactInfo .phone .phoneNumber {
	display:table-cell;
	vertical-align:middle;
}
.contactInfo .phone  .moreLecture {
	display:table-cell;
	vertical-align:middle;
	padding-left:18px;
}
.anime-flip {
	clear:right;
	width:66px;
	height:66px;
	position:relative;
	float:left;
	margin-top:3px;
	margin-right:9px;
}
.phoneItem {
	margin: 5px 0;
}

.anime-flip .da-slide {
	position: absolute;
	top: 0;
	left: 0;
}

/* Animation classes and animations */
.da-img, .da-img2, .da-img3 {
	-webkit-perspective: 1500px;
	perspective: 1500px;
	width:66px;
}
/*flip animate*/
.anime-flip.anime-notIe .da-slide {
	backface-visibility:hidden;
}
.da-slide:nth-child(2) {
	display: flex;
	transform: rotateY(180deg);
}
.anime-flip.anime-notIe {
	transform-style:preserve-3d;
	transition:all 1.0s linear;
	-webkit-animation-name: flipanimate; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration4s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	animation-name: flipanimate;
	animation-duration: 6s;
	animation-iteration-count: infinite;
}
@-webkit-keyframes flipanimate {
	0%   {transform: rotateY(0deg);}
	50%  {transform: rotateY(180deg);}
	100%  {transform: rotateY(360deg);}
}
@keyframes flipanimate {
	0%   {transform: rotateY(0deg);}
	50%  {transform: rotateY(180deg);}
	100%  {transform: rotateY(360deg);}
}

/* Slide in from the right*/
/*.da-slide-fromright .da-img, .da-slide-fromright .da-img2, .da-slide-fromright .da-img3 {
	opacity: 0;
	filter:alpha(opacity=0);
}
.da-slide-fromright .da-img{
	-webkit-animation: fromRightAnim1 0.8s ease-in 0.1s forwards;
	animation: fromRightAnim1 0.8s ease-in 0.1s forwards;
}
.da-slide-fromright .da-img2{
	-webkit-animation: fromRightAnim1 0.8s ease-in 0.2s forwards;
	animation: fromRightAnim1 0.8s ease-in 0.2s forwards;
}
.da-slide-fromright .da-img3{
	-webkit-animation: fromRightAnim1 0.8s ease-in 0.3s forwards;
	animation: fromRightAnim1 0.8s ease-in 0.3s forwards;
}
@-webkit-keyframes fromRightAnim1{
	0% { opacity: 0; -webkit-transform: rotateY(-90deg); }
	50% { opacity: 0; -webkit-transform: rotateY(-90deg); }
	75% { visibility: visible; opacity: 1; -webkit-transform: rotateY(15deg); -webkit-animation-timing-function: ease-in; }
	100% { visibility: visible; opacity: 1; -webkit-transform: rotateY(0deg); }
}
@keyframes fromRightAnim1{
	0% { opacity: 0; transform: rotateY(-90deg); }
	50% { opacity: 0; transform: rotateY(-90deg); }
	75% { visibility: visible; opacity: 1; transform: rotateY(15deg); animation-timing-function: ease-in; }
	100% { visibility: visible; opacity: 1; transform: rotateY(0deg); }
}*/

/* Slide in from the left*/
/*.da-slide-fromleft .da-img, .da-slide-fromleft .da-img2, .da-slide-fromleft .da-img3 {
	opacity: 0;
	filter:alpha(opacity=0);
}
.da-slide-fromleft .da-img{
	-webkit-animation: fromLeftAnim1 0.8s ease-in 0.1s forwards;
	animation: fromLeftAnim1 0.8s ease-in 0.1s forwards;
}
.da-slide-fromleft .da-img2{
	-webkit-animation: fromLeftAnim1 0.8s ease-in 0.2s forwards;
	animation: fromLeftAnim1 0.8s ease-in 0.2s forwards;
}
.da-slide-fromleft .da-img3{
	-webkit-animation: fromLeftAnim1 0.8s ease-in 0.3s forwards;
	animation: fromLeftAnim1 0.8s ease-in 0.3s forwards;
}
@-webkit-keyframes fromLeftAnim1{
	0% { opacity: 0; -webkit-transform: rotateY(-90deg); }
	50% { opacity: 0; -webkit-transform: rotateY(-90deg); }
	75% { visibility: visible; opacity: 1; -webkit-transform: rotateY(15deg); -webkit-animation-timing-function: ease-in; }
	100% { visibility: visible; opacity: 1; -webkit-transform: rotateY(0deg); }
}

@keyframes fromLeftAnim1{
	0% { opacity: 0; transform: rotateY(-90deg); }
	50% { opacity: 0; transform: rotateY(-90deg); }
	75% { visibility: visible; opacity: 1; transform: rotateY(15deg); animation-timing-function: ease-in; }
	100% { visibility: visible; opacity: 1; transform: rotateY(0deg); }
}*/

/* Slide out to the right */
/*.da-slide-toright .da-img{
	-webkit-animation: toRightAnim1 0.8s ease-in 0.1s forwards;
	animation: toRightAnim1 0.8s ease-in 0.1s forwards;
}
.da-slide-toright .da-img2{
	-webkit-animation: toRightAnim1 0.8s ease-in 0.2s forwards;
	animation: toRightAnim1 0.8s ease-in 0.2s forwards;
}
.da-slide-toright .da-img3{
	-webkit-animation: toRightAnim1 0.8s ease-in 0.3s forwards;
	animation: toRightAnim1 0.8s ease-in 0.3s forwards;
}
@-webkit-keyframes toRightAnim1{
	0%{ opacity: 1; }
	50% { opacity: 0; -webkit-transform: rotateY(90deg); }
	100% { opacity: 0; -webkit-transform: rotateY(90deg); }
}
@keyframes toRightAnim1{
	0%{ opacity: 1; }
	50% { opacity: 0; transform: rotateY(90deg); }
	100% { opacity: 0; transform: rotateY(90deg); }
}*/

/* Slide out to the left*/
/*.da-slide-toleft .da-img{
	-webkit-animation: toLeftAnim4 0.8s ease-in 0.1s forwards;
	animation: toLeftAnim4 0.8s ease-in 0.1s forwards;
}
.da-slide-toleft .da-img2{
	-webkit-animation: toLeftAnim4 0.8s ease-in 0.2s forwards;
	animation: toLeftAnim4 0.8s ease-in 0.2s forwards;
}
.da-slide-toleft .da-img3{
	-webkit-animation: toLeftAnim4 0.8s ease-in 0.3s forwards;
	animation: toLeftAnim4 0.8s ease-in 0.3s forwards;
}
@-webkit-keyframes toLeftAnim4{
	0%{ opacity: 1; }
	50% { opacity: 0; -webkit-transform: rotateY(-90deg); }
	100% { opacity: 0; -webkit-transform: rotateY(-90deg); }
}
@keyframes toLeftAnim4{
	0%{ opacity: 1; }
	50% { opacity: 0; transform: rotateY(-90deg); }
	100% { opacity: 0; transform: rotateY(-90deg); }
}*/
.section04 {
    max-width: 1024px;
    margin: 0 auto;
    padding: 35px 22px;
}
.pb0{
	padding-bottom: 0px;
}
.contactInfo02 {
	padding: 0px;
	display: flex;
	align-items: center;
	border: 1px solid #D5D5D5;
	border-top: 5px solid #4b79ac;

}
.contactInfo02 .contactLeft, .contactInfo02 .contactRight{
	width: 50%;
	padding: 45px 5px 40px;
	text-align: center;
}
.contactInfo02 .contactLeft{
	border-right: 1px solid #D5D5D5;
}
.contactInfo02 .listBtn{
	display: flex;
	justify-content: center;
	list-style: none;
}
.contactInfo02 .listBtn li:not(:last-child){
	margin-right: 20px;
}
.contactInfo02 .teacherList {
	float:none;
	margin-right:0;
	margin-bottom: 12px;
}
.contactInfo02 .teacherList li {
	float:none;
	display:inline-block;
	width:auto;
	margin-bottom: 0px;
	margin-right: 1.5%;
}
.contactInfo02 .teacherList li:last-child{
	margin-right: 0px;
}
.contactInfo02 .teacherList .teacherImage {
	width:65px;
	height:65px;
	margin: 0px;
}
.contactInfo02 .teacherList .teacherImage:hover {
	border:3px solid #FFF;
	box-shadow:none;
	background:#DFDDE2;
}
.contactInfo02 .imgAvt{
	margin-bottom: 20px;
}
.contactInfo02 .text {
	color:#4B79AC;
	font-size:24px;
	font-weight:bold;
	margin-bottom: 15px;
}
.contactInfo02 .text br {
	display:none;
}
.contactInfo02 .button04 {
	width:150px;
	padding:7px 20px 6px 14px;
	background-color:#4B79AC;
	font-size:12px;
}
.contactInfo02 .button04:hover {
	background-color:#EC7063;
}
/* ------------------------------------------------------------------
	contactInfoBig styles
-------------------------------------------------------------------*/
.contactInfoBig {
	width:540px;
	margin:30px auto 20px;
}
.contactInfoBig .notify {
	float:none;
	max-width:none;
	width:100%;
	padding:0 5px 0 3px;
	margin-bottom:5px;
}
.contactInfoBig .notifyBox {
	float:none;
	width:100%;
	margin-bottom:15px;
	padding:10px 12px 8px;
	border:3px solid #EC7062;
	background:url(/img/common/icon_triangle.gif) no-repeat;
	color:#EC7062;
	font-size:24px;
	text-align:center;
}
.contactInfoBig .notifyBox .arrow {
	width:14px;
	height:10px;
	top:100%;
	right:50%;
	margin:0 -7px 0 0;
	background:url(/img/common/icon_arrow27.gif) 0 0 no-repeat;
}
.contactInfoBig .notifyContents {
	padding-left:0;
	font-size:14px;
}
.contactInfoBig .anime-flip {
	margin-left:0;
	margin-right:0;
}
.contactInfoBig .phone {
	max-width:none;
	width:auto;
	margin-left:9px;
}
.contactInfoBig .phoneItem {
	margin:12px 0 10px;
}
.contactInfoBig .phone .moreLecture {
	padding-left:21px;
}
.notifyBox p,
#footer p {
	margin-top:0;
	margin-bottom:0;
}
.piecss3 {
	position:relative;
	z-index:10;
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.contactInfoBig.mt40 {
	margin-top:40px;
}
.contactInfoBig.mb40 {
	margin-bottom:40px;
}
.contactBox {
	border-top:1px solid #D5D5D5;
}

/* ------------------------------------------------------------------
	Breadcrumbs styles
-------------------------------------------------------------------*/
.pankuzu {
	width:980px;
	margin:0 auto;
	padding-top:18px;
	padding-bottom:10px;
	color:#6A6A6A;
	font-size:12px;
}
.pankuzu a {
	padding-right:13px;
	background:url(/img/common/icon_arrow13.gif) no-repeat 100% 3px;
	color:#4978AE;
	text-decoration:none;
}
.pankuzu a:hover {
	text-decoration:underline;
}
/* ------------------------------------------------------------------
	sideGroup box styles
-------------------------------------------------------------------*/
.sideGroup {
	position:fixed;
	z-index:999;
	top:50%;
	right:0;
	width:50px;
	margin-top:-150px;
}
.sideGroup li {
	margin-bottom:2px;
}
.sideGroup li a {
	display:block;
	padding:13px 12px 12px 13px;
	background:#9D9D9D;
	font-size:16px;
	color:#FFF;
	text-decoration:none;
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
	line-height:0;
}
.sideGroup li a:hover {
	text-decoration:none;
	color:#FFF;
}
.sideGroup li a.ask {
	padding:47px 12px 13px 17px;
	background:#9D9D9D url(/img/common/bg_ask.png) 50% 14px no-repeat;
	line-height:inherit;
}
.sideGroup li a.ask:hover {
	background:#4978AE url(/img/common/bg_ask_h.png) 50% 14px no-repeat;
}
.sideGroup li a.faceLink:hover {
	background:#3B5998;
}
.sideGroup li a.twitterLink:hover {
	background:#1ca5db;
}
.sideGroup li a.twitterLink {
	padding:13px 12px 12px 15px;
}
.sideGroup li a.youtubeLink {
	padding:18px 0 17px 7px;
}
.sideGroup li a.youtubeLink:hover {
	background:#CC181E;
}
.sideGroup li img {
	display:block;
}
.pageTop {
	/*position:relative;*/
	width:35px;
	margin:0 auto;
	color:#9D9D9D;
	font-size:9px;
	line-height:10px;
	text-align:center;
}
.pageTop a {
	position:relative;
	display:block;
	overflow:hidden;
	width:35px;
	height:35px;
	margin-bottom:5px;
	border:1px solid #9D9D9D;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background-image:url(/img/common/bg_pagetop.png);
	background-position:50% -1px;
	background-repeat:no-repeat;
	-webkit-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
	behavior:url(/js/PIE.htc);
	z-index:99;
}
.pageTop.hover {
	cursor:pointer;
}
.pageTop.hover a {
	border-color:#EC7063;
}
.pageTop.hover.ff a {
	background-position:50% 100%;
}
.pageTop.hover span {
	color:#EC7063;
}
.pageTop a img {
	position:absolute;
	top:-1px;
	left:0;
	width:35px;
	height:35px;
}
.sideGroup ul {
	padding-bottom:8px;
}

.line0 {
	line-height:0;
}
/* ----- */
#header .naviHeader {
	font-family: 'Noto Sans JP', sans-serif;
    display: flex;
}
.naviHeader img {
    max-width: 100%;
    height: auto;
}
.naviHeader .naviLogo {
	min-width: 190px;
}
.naviHeader .naviLogo #logo {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 76px;
    max-height: 76px;
	width: 100%;
	height: 100%;
	padding: 25px 20px;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: center;
	background-color: #4978AE;
	transition: background-color .3s ease;
    border-radius: 0px 0px 0px 12px ;
}
.naviHeader .naviLogo #logo:hover {
	background-color: #226DC4;
}
.naviHeader .naviLogo img {
	line-height: 0;
}
.naviHeader #naviConsult {
	min-width: 200px;
	text-align: center;
}
.naviHeader #naviConsult a {
	display: block;
    width: 100%;
	height: 100%;
	line-height: 0;
	background-color: #EC7063;
	padding: 4px 15px;
	transition: background-color .3s ease;
    border-radius: 0px 0px 12px 0px;
}
.naviHeader #naviConsult a:hover {
	background-color: #f1402d;
}
.naviHeader #naviCandidate a {
	display: block;
	background-color: #fff;
	padding: 8px 15px;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	color: #0A50A1;
	text-decoration: none;
	min-width: 95px;
	border-bottom: 1px solid #D0D5DB;
    transition: color .3s ease;
    min-height: 76px;
    max-height: 76px;
}
.naviHeader #naviCandidate a:hover {
    color: #EC7063;
}
.naviHeader #naviCandidate .txtFile {
	display: block;
	text-align: center;
	margin-top: 8px;
}
.naviHeader #naviCandidate .icon {
	display: block;
	position: relative;
}
.naviHeader .naviInfo {
	width: 100%;
}
.naviHeader .naviLink {
	display:  flex;
	justify-content: flex-end;
	background-color: #fff;
	border-bottom: 1px solid #D0D5DB;
	border-right: 1px solid #D0D5DB;
	padding: 4px 15px;
    max-height: 22px;
}
.naviHeader .naviLink a {
	display: inline-block;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #0A50A1;
	background: url(/img/common/icon_arrow_cir_right.svg) no-repeat 100% 50%;
	padding-right: 15px;
	transition: all .3s ease;
}
.naviHeader .naviLink a:hover {
	text-decoration: none;
    color: #EC7063;
    background: url(/img/common/icon_arrow_cir_right_hv.svg) no-repeat 100% 50%;
}
.naviHeader .naviLink a:not(:last-child) {
	margin-right: 30px;
}
.naviHeader .naviLst {
	position: relative;
	display: flex;
	width: 100%;
}
.naviHeader .naviLst:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: calc(100% - 1px);
    height: 1px;
    background-color: #D0D5DB;
	z-index: 1;
}
.naviHeader #naviInner > li {
	float: none;
	width: auto !important;
	height: auto;
	min-width: 20%;
	flex: 1;
}
.naviHeader #naviInner > li {
	border-right: 1px solid #D0D5DB;
}
.naviHeader #naviInner > li > a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	min-height: 54px;
	font-size: 14px;
	font-weight: bold;
	color: #0A50A1;
	padding: 0px 8% 2px;
	background-color: #F0F5FA;
    height: auto;
	max-height: 54px;
    border-left: none;
    border-bottom: none;
}
.naviHeader #naviInner > li > a:hover {
    color: #EC7063;
}
.naviHeader #naviInner > li > a:after {
	z-index: 10;
}
.naviHeader li#navi01 br {
	display: block;
}