@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 style info : TOPおよび共通のスタイル

 このスタイルシートの構成


作成者 2015.05.07 yamamoto
更新者 2020.01.09 kunihiro

=================================================================== */

/* -----/ reset /----- */
html {
	overflow-y: scroll;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	word-break: break-all;
	word-wrap: break-word;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	/* 印刷時の要素内での改ページをしない */
	page-break-inside: avoid;
}

td {
	vertical-align:top;
}

caption {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;

	color:#332624;
}
img,abbr,acronym,fieldset {
	border:none;
	vertical-align:bottom;/* listにて隙間ができるのを防ぐ kunihro*/
}
li {
	list-style-type: none;
}


/* -----/ default /----- */
a {
	color:#2B2626;
	text-decoration:none;
	overflow:hidden;/* タブキーのフォーカス対策kunihiro */
	outline:none;/* Firefoxで点線が出ない処理　kunihiro */
}

a:visited {
	color:#67605E;
}

a:hover {
	text-decoration:underline;
	color:#3D9796;
}

th,td {
	vertical-align:top;
	text-align:left;
}


/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix { zoom: 1;}


/* ------------------------------------
  共通
------------------------------------ */
/* フォント */
body {
	font-family: "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: #4B4644;
	line-height: 1.6;
	/*
	font-size: 16px;
	*/
}

.header .inner,
.cont .inner,
.footer .inner {
	width: 960px;
	margin: 0 auto;
}

a:hover img {
	opacity:0.90;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90)";
}

/* ------------------------------------
  ヘッダー
------------------------------------ */

/* .header_bar
------------------------------------ */
.header_bar{
	background: #4CBDBB url(../img_cmn/bg_blueBorder.png) repeat-x 0 bottom;
	height: 40px;
	line-height:30px;
}

.header_bar p {
	color: #fff;
	font-size: 13px;
	float: left;
}

.header_bar a:hover {
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.header_bar .inner ul {
	float: right;
}

.header_bar .inner li {
	float: left;
	background: url(../img_cmn/ico_header_link.png) no-repeat 0 center;
	padding-left: 15px;
	margin-left: 1em;
	font-size: 13px;
}

.header_bar .inner li a {
	color: #fff;
}

/* .logoArea
------------------------------------ */
.logoArea {
	border-bottom: #4CBDBB 2px solid;
	padding-bottom: 15px;
}

.logoArea .inner {
	position:relative;
	height:100px;
}

/* ロゴ
--------------- */
.logoArea .logo {
	position:absolute;
	top:20px;
	left:0;
}

.logoArea .logo h1 {
	position: relative;
	width:495px;
}

.logo_ico {
	position: absolute;
	right: 0;
	top: 40px;

	width:90px;
}


/* header_links
--------------- */
.header_links {
	position:absolute;
	top:0;
	right:0;
}

.header_links ul {
	overflow:hidden;
}

.header_links li {
	float: left;
	padding-left: 5px;
}


/* お問い合わせ先
--------------- */
.logoArea .contactInfo {
	position:absolute;
	top:50px;
	right:0;

	overflow: hidden;
	margin-top: 6px;
	width:340px;
}



.contactInfo .title {
	text-align: center;
	float: left;
	margin-right: 10px;
	line-height:1.4;
	padding-top:0.6em;
}

.contactInfo .title span {
	display: block;
	font-size: 13px;
}

.contactInfo .img {
	text-indent: -9999px;
	background: url(../img_cmn/text_phone.png) no-repeat;
	width: 226px;
	float: right;
	height: 48px;
}



/* .gNav
------------------------------------ */
.gNav {
	border-bottom:#4CBDBB 4px solid;
}


.gNav li {
	float: left;
	width: 192px;

	position:relative;
}


.gNav li .gnav_name a {
	display: block;
	width: 192px;
	height: 0;

	overflow:hidden;
	padding-top:58px;
}

.gNav .gnav01 .gnav_name a {
	background: url(../img_cmn/btn_header_gnav.png) no-repeat;
}
.gNav .gnav01 .gnav_name a:hover,
.page_about .gNav .inner .current {
	background: url(../img_cmn/btn_header_gnav.png) no-repeat 0 -58px;
}


.gNav .gnav02 .gnav_name a {
	background: url(../img_cmn/btn_header_gnav.png) no-repeat -192px 0;
	width: 192px;
}
.gNav .gnav02 .gnav_name a:hover,
.page_curriculum .gNav .inner .current {
	background: url(../img_cmn/btn_header_gnav.png) no-repeat -192px -58px;
	width: 192px;
}

.gNav .gnav03 .gnav_name a {
	background: url(../img_cmn/btn_header_gnav.png) no-repeat -384px 0;
	width: 192px;
}
.gNav .gnav03 .gnav_name a:hover,
.page_campuslife .gNav .inner .current {
	background: url(../img_cmn/btn_header_gnav.png) no-repeat -384px -58px;
	width: 192px;
}

.gNav .gnav04 .gnav_name a {
	background: url(../img_cmn/btn_header_gnav.png) no-repeat -576px 0;
	width: 192px;
}
.gNav .gnav04 .gnav_name a:hover,
.page_career .gNav .inner .current {
	background: url(../img_cmn/btn_header_gnav.png) no-repeat -576px -58px;
	width: 192px;
}

.gNav .gnav05 .gnav_name a {
	background: url(../img_cmn/btn_header_gnav.png) no-repeat -768px 0;
	width: 192px;
}
.gNav .gnav05 .gnav_name a:hover,
.page_admission .gNav .inner .current {
	background: url(../img_cmn/btn_header_gnav.png) no-repeat -768px -58px;
	width: 192px;
}



/* gnavサブメニュー
------------------------------------ */
.gnav_submenu {
	position:absolute;
	top:52px;
	z-index:100;
	background:url(../img_cmn/bg_gnav_submenu01.png) 0 0 no-repeat;
	padding:34px 35px 0 20px;
	width:532px;
	height:250px;
}

/* チェック用
.gnav01 .gnav_submenu,
.gnav02 .gnav_submenu,
.gnav03 .gnav_submenu,
.gnav04 .gnav_submenu   {
	display:none;
}
*/

.gnav04 .gnav_submenu {
	background:url(../img_cmn/bg_gnav_submenu02.png) 0 0 no-repeat;
	left:-192px;
}

.gnav05 .gnav_submenu {
	background:url(../img_cmn/bg_gnav_submenu03.png) 0 0 no-repeat;
	left:-384px;
}

.gnav_submenu .img_box {
	float:left;
}

.gnav_submenu .txt_box {
	margin-left:222px;
}



.gnav_submenu dt a {
	display: block;
	font-size: 20px;
	border-bottom: 2px solid #EA7B9B;
	background: url(../img_cont/ico_arrow01_about.png) no-repeat right center;
	padding-bottom: 0.2em;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 0.2em;
}

.gnav02 .gnav_submenu dt a  {
	border-bottom: 2px solid #6C9EBE;
	background: url(../img_cmn/ico_arrow01_curriculum.png) no-repeat right center;
}

.gnav03 .gnav_submenu dt a  {
	border-bottom: 2px solid #D6C10A;
	background: url(../img_cmn/ico_arrow01_campuslife.png) no-repeat right center;
}

.gnav04 .gnav_submenu dt a  {
	border-bottom: 2px solid #CE9EC7;
	background: url(../img_cmn/ico_arrow01_career.png) no-repeat right center;
}

.gnav05 .gnav_submenu dt a  {
	border-bottom: 2px solid #7BB01A;
	background: url(../img_cmn/ico_arrow01_admission.png) no-repeat right center;
}


.gnav_submenu dd li {
	font-size:87.5%;/* 16px→14px */
	float: left;
	background: url(../img_cmn/ico_arrow02_about.png) 0 50% no-repeat;
	padding-left: 10px;
	width: 138px;
	line-height:30px;
}

.gnav02 .gnav_submenu dd li {
	background: url(../img_cmn/ico_arrow02_curriculum.png) 0 50% no-repeat;
}
.gnav03 .gnav_submenu dd li {
	background: url(../img_cmn/ico_arrow02_campuslife.png) 0 50% no-repeat;
}
.gnav04 .gnav_submenu dd li {
	background: url(../img_cmn/ico_arrow02_career.png) 0 50% no-repeat;
}
.gnav05 .gnav_submenu dd li {
	background: url(../img_cmn/ico_arrow02_admission.png) 0 50% no-repeat;
}

.gnav01 .gnav_submenu dt.current a,
.gnav01 .gnav_submenu dt a:hover,
.gnav01 .gnav_submenu dd li.current,
.gnav01 .gnav_submenu dd li a:hover {
	color: #EA7B9B;
}

.gnav02 .gnav_submenu dt.current a,
.gnav02 .gnav_submenu dt a:hover,
.gnav02 .gnav_submenu dd li.current ,
.gnav02 .gnav_submenu dd li a:hover {
	color: #4E89B1;
}

.gnav03 .gnav_submenu dt.current a,
.gnav03 .gnav_submenu dt a:hover,
.gnav03 .gnav_submenu dd li.current,
.gnav03 .gnav_submenu dd li a:hover {
	color: #A69700;
}
.gnav04 .gnav_submenu dt.current a,
.gnav04 .gnav_submenu dt a:hover,
.gnav04 .gnav_submenu dd li.current,
.gnav04 .gnav_submenu dd li a:hover {
	color: #A2739C;
}
.gnav05 .gnav_submenu dt.current a,
.gnav05 .gnav_submenu dt a:hover,
.gnav05 .gnav_submenu dd li.current,
.gnav05 .gnav_submenu dd li a:hover {
	color: #568512;
}








/* .keyvisual
------------------------------------ */
.keyvisual {
	background: url(../img_cmn/bg_blueBorder.png);
	height: 480px;
}

.keyvisual .slide_img {
	position: relative;
	height: 480px;
	width: 1200px;
	margin: 0 auto;
	z-index:1;
}


.keyvisual .slide_img>ul {
	overflow:hidden;
	height: 480px;
	width: 1200px;
	margin: 0 auto;

	/* 4つの力のズレ対策 */
	min-width:960px;
}


/*
.keyvisual .img {
	position: relative;
	flaot: right;
}
*/




/* ナビゲーション
--------------- */


div.slide_img{
  text-align: center;
}

ol.flex-control-nav{
  display: inline-block;
	margin-left: -27px;
	position: absolute;
	top: 450px;
	left:50%;
	z-index:10;

	height:16px;
	font-size: 10px;
}

ol.flex-control-nav li:first-child{
	margin-left:-50%;
}
ol.flex-control-nav li{
	margin-right:10px;
	display: inline-block;

	width:16px;
	height:16px;
}
ol.flex-control-nav li a {
	display: inline-block;

	width: 16px;
	height: 16px;
	text-indent:-9999px;
	background-image: url("../img_top/ico_top_slide_off.png");
	background-repeat: no-repeat;
	background-position: center center;
}
ol.flex-control-nav li a.flex-active{
	background-image: url("../img_top/ico_top_slide_on.png");
	background-repeat: no-repeat;
	background-position: center center;
}
ol.flex-control-nav li a:hover{
	cursor:pointer;
	background-image: url("../img_top/ico_top_slide_on.png");
	background-repeat: no-repeat;
	background-position: center center;
}




/* 資料請求
--------------- */
.keyvisual .request_doc {
	position: absolute;
	/*
	right: 0;
	*/
	right:110px;
	bottom: -109px;
	z-index:10;
}


/* ------------------------------------
  コンテンツ
------------------------------------ */

/* .top_find
------------------------------------ */
.top_find {
	background: url(../img_top/bg_top_find.png);
	border-top:#4CBDBB 6px solid;
}

.top_find .inner {
	padding: 36px 0 62px;
}

.top_find .inner h2 {
	margin: 0 auto;
	width: 386px;
}

.top_find .inner ul {
	margin-top: 20px;
}

.top_find .inner li {
	float: left;
	margin-left: 16px;
}

.top_find .inner li:first-child {
	margin-left: 0;
}


.top_find .inner li a {
	display:block;
}



/* ４つの力(当学院の特長)
------------------------------------ */
.top_feature {
	background: url(../img_top/bg_top_feature02) no-repeat;
	margin-top:-20px;

}

.top_feature .tl {
	 background: url(../img_top/bg_top_feature_tl.png) repeat-x;
}

.top_feature .tl img {
	  margin: 0 auto;
	  width: 960px;
	  display: block;
}


.top_feature .summary {
	background: url(../img_top/bg_top_feature01.jpg) 50% 0 no-repeat;
}


.top_feature .inner {
	position: relative;
	width: 960px;
	height: 556px;
}

.top_feature .inner li {
	position: absolute;
}

.top_feature .inner .feature01 {
	top: 30px;
	right: 0;
}

.top_feature .inner .feature02 {
	top: 132px;
	right: 0;
}

.top_feature .inner .feature03 {
	top: 234px;
	/*
	bottom: 236px;
	right: 24px;
	*/
	right: 26px;
}

.top_feature .inner .feature04 {
	top: 336px;
	/*
	bottom: 140px;
	*/
	right: 30px;
}


.top_feature .inner a {
	position: absolute;
	bottom: 56px;
	right: 0;
}

/* 現場の先輩から学ぶ(教育内容)
------------------------------------ */
.top_curriculum {
	background: url(../img_top/bg_top_curriculum_01.jpg) repeat-x;
}

.top_curriculum .inner_box {
	background: url(../img_top/bg_top_curriculum_02.jpg) 50% 0 no-repeat;
	/*
	width: 1200px;
	*/
	height: 397px;
}

.top_curriculum h2 {
	padding-top: 50px;
}

.top_curriculum p {
	margin-top: 10px;
}

.top_curriculum a {
	margin-top: 20px;
	display: inline-block;
}



/* 一緒に過ごす場所(キャンパスライフ)
------------------------------------ */

.top_campuslife{
	background: url(../img_top/bg_top_campuslife_160901.jpg) 50% 0 no-repeat;
}

/*
.top_campuslife .inner_box{
	width: 1200px;
	height: 453px;
	margin: 0 auto;
	position: relative;
}
*/

.top_campuslife .inner {
	position: relative;
	height: 453px;
}
.top_campuslife h2 {
	position: absolute;
	top: 50px;
	right: 56px;
	/*
	top: 50px;
	right: 176px;
	*/
}

.top_campuslife p {
	/* width: 470px; */
	width: 490px;
	position: absolute;
	top: 194px;
	right: 0;

	text-align:justify;
	/*
	top: 194px;
	right: 120px;
	*/
}


.top_campuslife p span {
	display: inline-block;
    *display: inline;
    *zoom: 1;
}

.top_campuslife a {
	position: absolute;
	bottom: 38px;
	right: 10px;
	/*
	bottom: 38px;
	right: 120px;
	*/
}



/* キャリアアップも目指せる(就職・進学)
------------------------------------ */
.top_career {
	background-color:#F6F5F1;
}


.top_career .inner_box {
	background: url(../img_top/bg_top_career.png) 50% 0 no-repeat;
	height: 392px;
	position: relative;
}

.top_career h2 {
	padding-top: 50px;
}

.top_career p {
	margin-top: 20px;
}

.top_career a {
	margin-top: 20px;
	display: inline-block;
}



/* 先輩の声(190809　追加)
------------------------------------ */
.top_voice_senior {
	background:#FDEBD4 url(../img_top/bg_top_voice_senior.jpg) 50% 0 no-repeat;
	background-size: cover;
}

.top_voice_senior .inner {
	position: relative;
	padding: 40px 0 60px;
}

.top_voice_senior .inner:after {
	content: "";
	display: block;
	background: url(../img_top/bg_top_voice_senior_circle01.png) 0 0 no-repeat;
	width: 37px;
	height: 37px;
	
	position: absolute;
	top: -6px;
	left: 16px;
}

.top_voice_senior h2 {
	text-align: center;
	margin-bottom: 20px; 
}

.top_voice_senior .go_table {
	display: block;
	position: absolute;
	top: 40px;
	right: 0;
}

.top_voice_senior ul {
	overflow:hidden;
	margin-left:10px;
	
	display: flex;
	margin-right: -30px;
}

.top_voice_senior li {
	width:50%;
	box-sizing: border-box;
	padding-right: 30px;
}

.top_voice_senior .img_box {
	float:left;
	text-align:center;
}


.top_voice_senior .txt_box {
	margin-left:150px;
}

.top_voice_senior .name {
	font-size: 125%;/* 16px→20px */
}

.top_voice_senior .name_e {
	font-size: 70%;/* 20px→14px */
	color: #3D9796;
	display: inline-block;
	margin-left: 10px;
	font-weight: bold;
}


.top_voice_senior .img_frame {
	display: block;
	border: #4CBDBB 4px solid;
	border-radius: 50%;
	width: 120px;
	height: 120px;
	borde-radius: 120px;
	overflow: hidden;
	
	position: relative;
}

.top_voice_senior .img_frame img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

.top_voice_senior .balloon_box {
	border: #4CBDBB 3px solid;
	border-radius: 6px;
	padding: 10px;
	
  position: relative;
  display: inline-block;
  max-width: 100%;
  font-size: 16px;
  background: #FFF;
  box-sizing: border-box;
}

.top_voice_senior .balloon_box:before {
  content: "";
  position: absolute;
  top: 30px;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}

.top_voice_senior .balloon_box:after {
  content: "";
  position: absolute;
  top: 30px;
  left: -33px;
  margin-top: -16px;
  border: 16px solid transparent;
  border-right: 16px solid #4CBDBB;
  z-index: 1;
}

.top_voice_senior .balloon_box p {
  margin: 0;
  padding: 0;
}

.top_voice_senior .balloon_box .txt {
	text-align:justify;
	color: #3D9796;
	margin-bottom: 20px;
	
	min-height:80px;/*モダンブラウザに適用*/
    height: auto !important;/*モダンブラウザに適用*/
    height: 80px;	/*ここにIE6,7用の高さを設定*/
}

.top_voice_senior .balloon_box .btn a {
	display: block;
	margin: 0 -10px -10px;
	border-radius: 6px;
	overflow: hidden;
	
	font-size:87.5%;/* 16px→14px */
	color: #4CBDBB;
	text-align: right;
	padding-right: 30px;
	font-weight: bold;
	
	height: 30px;
	line-height: 26px;
	padding-top: 4px;
	
	background: #EDF8F8 url(../img_cmn/ico_link_arrow01.png) 100% 10px no-repeat;
}

.top_voice_senior .balloon_box .btn a:hover {
	text-decoration: none;
	opacity: 0.9;
}





/* 先輩看護師の声(190816　削除予定)
------------------------------------ */
.top_practical {
	background:#FDEBD4 url(../img_top/bg_top_practical.jpg) 50% 0 no-repeat;
}

.top_practical .inner {
	position: relative;
	padding:120px 0 30px;
}

.top_practical h2 {
	position: absolute;
	top: 15px;
	left:100px;
	/*
	padding-left: 102px;
	padding-top: 16px;
	*/
}

.top_practical .go_table {
	position: absolute;
	top: 50px;
	right: 0;
	/*
	top: 50px;
	right: 120px;
	*/
}

.top_practical ul {
	overflow:hidden;
	margin-right:-10px;
	margin-left:10px;
}

.top_practical li {
	float:left;
	width:300px;
	margin-right:15px;
}

.top_practical li .img_box {
	float:left;
	width:122px;
	text-align:center;
}

.top_practical li .employment {
	font-size:87.5%;/* 16px→14px */
	color:#44AAA5;
	display:block;
	margin-top:10px;
	font-weight:bold;
}





.top_practical li .txt_box {
	margin-left:122px;
}


.top_practical li .txt {
	background:url(../img_top/bg_top_practical_fukidashi_top.png) 0 0 no-repeat;
	padding:10px 15px 10px 25px;
	text-align:justify;
	font-size:87.5%;/* 16px→14px */

	min-height:160px;/*モダンブラウザに適用*/
    height: auto !important;/*モダンブラウザに適用*/
    height: 160px;	/*ここにIE6,7用の高さを設定*/
}





/* お知らせ・FAQ
------------------------------------ */
.top_newsfaq {
	background: url(../img_top/bg_top_newsfaq.png);
	padding: 40px 0;
}

.top_newsfaq .inner {
	overflow: hidden;
}

.top_newsfaq .tl_box {
	overflow: hidden;
	margin-bottom: 20px;
}

.top_newsfaq .tl_box h2 {
	float: left;
}
.top_newsfaq .tl_box a {
	float: right;
}






.top_newsfaq .top_news {
	float: left;
	width: 430px;
}

.top_newsfaq .top_faq {
	float: right;
	width: 430px;
}

/* お知らせ
--------------- */
.top_news dt {
	line-height:24px;
	margin-bottom:5px;
	font-size:87.5%;/* 16px→14px */
	color:#4B4644;
}

.top_news dt span {
	display: inline-block;
    *display: inline;
    *zoom: 1;

	margin-left: 1em;
}

.top_news dt img {
	vertical-align:middle;
	display: inline-block;
    *display: inline;
    *zoom: 1;
}


/* お知らせ */
.top_news .ico_news {
	background: url(../img_top/ico_top_news01.png) no-repeat;
	width: 100px;
}

/* 重要なお知らせ */
.top_news .ico_important {
	background: url(../img_top/ico_top_news02.png) no-repeat;
	width: 130px;
}

/* 在校生へ */
.top_news .ico_student {
	background: url(../img_top/ico_top_news03.png) no-repeat;
	width: 100px;
}


.top_news dt .new {
	color:#D8382C;
	border:#D8382C 2px solid;
	font-weight:bold;
	padding:0 5px;
}

.top_news dd {
	padding-bottom: 1em;
}



/* FAQ
--------------- */
.top_faq li {
	background: url(../img_cmn/ico_faq01.png) no-repeat 0 center;
	padding-left: 30px;
	margin-bottom: 1em;
}




/* .top_blog
------------------------------------ */
.top_blog {
	background-color:#CAECEB;
}

.top_blog .inner_box {
	background: url(../img_top/bg_top_blog.jpg) 50% 0 no-repeat;
}


.top_blog .inner_box .tl_box h2 {
	background: url(../img_top/bg_top_blog_tl.png) repeat-x 0 30px;
	padding-top: 30px;
}

.top_blog .inner_box .tl_box h2 img {
	display: block;
	margin: 0 auto;
}



.top_blog .inner {
	position: relative;
	height: 300px;
}

.top_blog .inner .go_table {
	position: absolute;
	top: -54px;
	right: 0;
}

.top_blog .inner li {
	float: left;
	margin-left: 30px;
	margin-top: 30px;
	position: relative;
}

.top_blog .inner li:first-child {
	margin-left: 0;
}


/* 写真
--------------- */
.top_blog .img_box {
	border: 5px solid #FFFFFF;
	width: 290px;
	height: 215px;
	background-color: #fff;
}

.top_blog .img_box a {
	display: block;
	width: 290px;
	height: 215px;
	overflow:hidden;
}

.top_blog .img_box a img {
	display: block;
}


.top_blog .img_gradient {
	position: absolute;
	bottom: 5px;
	left: 5px;
	height: 80px;
}



/* 写真上の日付・タイトル
--------------- */

.top_blog li dt {
	background:url(../img_top/img_top_blog_date.png) no-repeat;
	color: #fff;
	width: 103px;
	height: 78px;/* 103px */
	padding-top:25px;
	text-align:center;

	position: absolute;
	top: -25px;
	left: -18px;
	font-size:87.5%;/* 16px→14px */

}

.top_blog .date_unit {
	font-size:150%;/* 16px→24px */
}


.top_blog dd {
	position: absolute;
	bottom: 10px;
	left: 14px;
}

.top_blog dd a {
	color: #fff;
	display:block;

	width:270px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}






/* ------------------------------------
  フッター
------------------------------------ */

.footer {
}


/* .footer_info
------------------------------------ */
.footer_info .info_about {
	background:#FBECD8 url(../img_cmn/bg_footer_info.png) repeat-x;
	overflow: hidden;
}

.footer_info .info_about h2 {
	float: left;
}

.footer_info .info_about p {
	margin-left: 220px;
	padding-top:30px;
}


/*
--------------- */
.admission_link {
	overflow:hidden;
	margin-left: 220px;
	margin-top:20px;
}

.admission_link ul {
	width:320px;
	border-top:#DFD4C3 2px  solid;
	border-bottom:#DFD4C3 2px  solid;
	overflow:hidden;
	padding:15px 0;

	float:left;
}

.admission_link li {
	float:left;
	width:160px;
}

.admission_link li a {
	background:url(../img_cmn/ico_info_about.png) 0 50% no-repeat;
	padding-left:12px;
	font-size:87.5%;/* 16px→14px */
	line-height:28px;
}

.footer_info .info_about .inner .btn {
	display:block;
	float: right;
	padding-bottom: 20px;
}







/* 訪問者別bnr
--------------- */
.footer_info .info_list {
	overflow: hidden;
	background: #E1D4C2;
	padding: 20px 0;
}

.footer_info .info_list li {
	float: left;
	margin-left: 10px;
}

.footer_info .info_list li:first-child {
	margin-left: 0;
}

.footer_info .info_list li a {
	display:block;
}



/* .contact
------------------------------------ */
.footer .contact {
	background: #4CBDBB;
	position: relative;
	height: 190px;
}

.footer .contact .figure{
	position: absolute;
	bottom: 0;
}

.footer .contact .formBox{
	width: 734px;
	float: right;
	margin-top: 5px;
	position: relative;
}

/*
.footer .contact .formBox .text .p01 {
	background: url(../img_cmn/bg_border.png) repeat-x 0 center;
	text-align: center;
}

.footer .contact .formBox .text .p01 span {
	background: #4CBDBB;
	display: inline-block;
	font-size: 13px;
	padding: 0 15px;
	color: #FFF;
}


.footer .contact .formBox .text .p02 {
	text-align: center;
	color: #FFF;
	font-size: 16px;
	margin-top: 20px;
}

*/

.footer .contact .formBox .text .p01 {
	text-align: center;
	color: #FFF;
	font-size: 18px;
	margin-top: 20px;
}

.footer .formArea {
	background: #fff;
	margin-top: 15px;
	padding: 12px 0 12px 16px;
}

.footer .formArea p {
	background: url(../img_cmn/ico_mail.jpg) no-repeat 0 center;
	padding-left: 22px;
	float: left;
	margin-top: 8px;
	margin-right: 10px;
}

.footer .formArea ul {
	overflow: hidden;
	float: left;
}

.footer .formArea li {
	float: left;
}

.footer .kaijo a {
	display: block;
	color: #fff;
	font-size: 13px;
	background: url(../img_cmn/ico_arrow.gif) no-repeat 0 center;
	padding-left: 15px;
	margin-top: 5px;
}

.footer .submitBtn {
	/*
	position: relative;
	*/
}


.footer .submitBtn a:hover {
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.footer .formArea .add {
	background: url(../img_cmn/btn_add.png) no-repeat;
	margin-left: 10px;
	display: block;
}

.footer .formBox .inputEmail {
	border: 1px solid #4CBDBB;
	width: 340px;
	height: 15px;
	padding: 10px;
}



.popUP {background: #fff none repeat scroll 0 0;border: 5px solid #4cbdbb;margin: 0 auto;padding: 20px 0;width: 590px;}
.popUP p {color: #4cbdba;text-align: center;}
.popUP .mailAddress {color: #4b4744;}
.popUP form {margin: 0 auto;width: 396px;}
.popUP form input.back {background: rgba(0, 0, 0, 0) url("https://www.koga-kango-gakuin.jp/themes/PC/img_cmn/btn_goBack.png") no-repeat scroll 0 0;margin-right:64px;border-style:none;height:34px;text-indent:-9999px;width:166px;float:left;margin-top:15px;}
.popUP form input.yes {background: rgba(0, 0, 0, 0) url("https://www.koga-kango-gakuin.jp/themes/PC/img_cmn/btn_yes.png") no-repeat scroll 0 0;border-style:none;height:34px;text-indent:-9999px;width:166px;float:left;margin-top:15px;}









/* メールアドレス確認 */
.footer .popUp {
	width: 590px;
	border: 5px solid #4CBDBB;
	margin: 0 auto;
	background: #fff;
	padding: 20px 0;
}

.footer .popUp form {
	width: 396px;
	margin: 0 auto;
}

.footer .popUp p {
	text-align: center;
	color: #4CBDBA;
}

.footer .popUp .mailAddress {
	color: #4B4744;
}

.footer .popUp form input {
	float: left;
	margin-top: 15px;
}

.footer .formArea .add,
.footer .formArea .quit,
.footer .popUp form input.yes,
.footer .popUp form input.back {
	width: 166px;
	height: 34px;
	text-indent: -9999px;
	border-style: none;
}
.footer .formArea .add:hover,
.footer .formArea .quit:hover,
.footer .popUp form input.yes:hover,
.footer .popUp form input.back:hover {
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.footer .popUp form input.yes {
	background: url(../img_cmn/btn_yes.png) no-repeat;
}

.footer .popUp form input.back {
	background: url(../img_cmn/btn_goBack.png) no-repeat;
	margin-right: 64px;
}


/* メール配信解除 */

.footer .quitMail {
	background: #B7E5E4;
	height:	170px;
	padding-top: 10px;
}

.footer .quitMail .formArea .quit {
	background: url(../img_cmn/btn_quit.png) no-repeat;
	margin-left: 10px;
}

.footer .quitMail .inner .formBox .text span {
	font-size: 14px;
	color: #4B4744;
}

/* .footer_about
------------------------------------ */
.footer_about {
	padding: 20px 0;
}

.footer_about .inner {
	overflow: hidden;
}

.footer_about .footer01 {
	float: left;
	width: 380px;
}

.footer_about .footer01 span {
	float: right;
	margin: 10px 0 20px;
}

.footer_about .footer_address {
	float: left;
	width: 298px;
	margin-left: 30px;
}

.footer_about .footer02 {
	float: right;
	width: 240px;
}

.footer_about .footer01 a.toKoga {
	display: block;
	background: url(../img_cmn/btn_footer_go_koga.png);
	width: 380px;
	height: 34px;
	text-indent: -9999px;
	margin: 10px 0;
}
.footer .footer01 .logo a:hover {
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.footer .footer02 .title {
	text-align: center;
	margin-bottom: 5px;
	line-height:20px;
}

.footer .footer02 .img {
	background: url(../img_cmn/text_phone.png) no-repeat;

	text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;

	margin-bottom: 10px;
	text-align:center;
}

.footer .footer02 p span {
	font-size: 87.5%;/* 16px→14px */
	margin-left:10px;
}


/* .footer_pagelink
------------------------------------ */

.footer_pagelink {
	background: #44AAA8 url(../img_cmn/bg_blueBorder.png) repeat-x 0 top;
	padding: 30px 0;
}

.footer_pagelink a {
	color: #fff;
	/*
	text-decoration:none;
	*/
}

.footer_pagelink dt a {
}

.footer_pagelink .list01 > li,
.footer_pagelink .list02 > li {
	float: left;
	margin-left: 12px;
}

.footer_pagelink .list01 li:first-child,
.footer_pagelink .list02 li:first-child {
	margin-left: 0;
}

.footer_pagelink .list01 li dt {
	padding-bottom: 5px;
	margin-bottom: 0.4em;
	border-bottom: 2px solid #B7E5E4;
	width: 182px;
}

.footer_pagelink .list01 li dt a {
	background: url(../img_cmn/ico_footer_tl.png) 100% 100% no-repeat;
	display:block;
}

.footer_pagelink .list01 li dt span {
	font-size: 12px;
}

.footer_pagelink .list01 li dd {
	font-size: 14px;
	line-height:2;
}

.footer_pagelink .list02 {
	font-size: 14px;
	margin-top: 20px;
}

.footer_pagelink .list02 .sp {
	background: url(../img_cmn/bg_footer_smartphone.png) no-repeat;
	width: 378px;
	overflow: hidden;
}

.footer_pagelink .list02 .sp .sp_tl {
	float: left;
	margin-top: 7px;
	margin-left: 5px;
}
.footer_pagelink .list02 .sp .qr {
	float: right;
}

.list02_border {
	border-top: 2px solid #B7E5E4;
	padding-top: 0.5em;
}

.list02 li ul {
	width: 182px;
	float: left;
}

.list02 li ul li a {
	line-height:2;
}


/* コピーライト
--------------- */
.copyPowered {
	clear: both;
	padding-top: 20px;
	font-size:75%;/* 16px→12px */
}

.copyright {
	float: left;
	color: #fff;
}

.powered {
	float: right;
	color:#B7E5E4;
}

.powered a {
	color:#B7E5E4;
}



/* ---/ pagetop
--------------------------------- */
#pagetop {
    bottom: 30px;
    position: fixed !important;
    right: 0;
}

#pagetop a {
	display:block;
}

#pagetop a:hover {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}

#pagetop a:first-child {
	display:none;
}





/* /------------------------------------/
　　　管理者ログイン
/--------------------------------------*/
.wrapper>form>table.outer {
	margin:10px auto;
}
