@charset "utf-8";

/*
===== CONTENTS =====

	Title:theme.css
	Last-updated: 2009/06/16
	Auther:colletomo
	Outline:サイト独自デザイン
====================
*/


/* ----------------------------------------------------
 共通
----------------------------------------------------*/
ul#skipNav{
	position:absolute;
	overflow:hidden;
	height:0;
	width:0;
}


div.s-section{
	margin-bottom:20px;
}

div.section{
	margin-bottom:30px;
}

.center{
	text-align:center;
}

.vb{
	vertical-align:bottom;
}

em.red{
	font-style:normal;
	font-weight:bold;
	color:#FF0000;
}

a.pdf{
	background:url(../imgs/shared/icn_pdf.gif) no-repeat 100% 50%;
	padding-right:2em;
}

.mb10{
	margin-bottom:10px;
}
.mb5{
	margin-bottom:5px;
}

.ml10{
	margin-left:10px;
}

.ml20{
	margin-left:20px;
}

.mr10{
	margin-right:10px;
}

.mr20{
	margin-right:20px;
}

.pt15{
	padding-top:15px;
}

.pt30{
	padding-top:30px;
}

.pt40{
	padding-top:40px;
}

.pb5{
	padding-bottom:5px;
}

.pb15{
	padding-bottom:15px;
}

.pb30{
	padding-bottom:30px;
}

.pb40{
	padding-bottom:40px;
}

.pb50{
	padding-bottom:50px;
}

.pb60{
	padding-bottom:60px;
}

.pl5{
	padding-left:5px;
}

.pl10{
	padding-left:10px;
}

.pl20{
	padding-left:20px;
}

.pl40{
	padding-left:40px;
}

.pr5{
	padding-right:5px;
}

.pr10{
	padding-right:10px;
}

.pr20{
	padding-right:20px;
}


.fl_r{
	float: right;
}

.fl_l{
	float: left;
}

.al_r{
	text-align:right;
}

.al_r{
	text-align:left;
}

div.border-bot-10-gr{
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #090;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.border-bot-1-gr{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #090;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.border-r-1-gre{
	margin-right: 5px;
	padding-right: 5px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
}

#mainArea{
	padding:0 10px 30px 10px;
}

.scroll01{
	height: 100px;
	width: 100%;
	overflow: scroll;
}

.scroll02{
	height: 200px;
	width: 100%;
	overflow: scroll;
	margin-bottom: 60px;
}

/*------- ドロップダウンメニュー -------------*/           
#dd {
/*margin-left: 25%;*/
/*padding: 0 0 20px 0;*/
}
#dd .mainmenu {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}
#dd .mainmenu a.menu {
	display: block;
	text-align: center;
	padding:0;
	margin:0;
	/*padding: 4px 10px;*/
/*margin: 0 1px 0 0;*/
		
  width: 137px;
	text-decoration: none;
}

#dd .mainmenu a.menu1 {
	display: block;
	text-align: center;
	padding:0;
	margin:0;
	/*padding: 4px 10px;*/
/*margin: 0 1px 0 0;*/
		
  width: 138px;
	text-decoration: none;
}

#dd .mainmenu a.menu:hover {
/*background: #49A3FF;*/
}

.submenu {
/*background: #EAEBD8;*/
/*border: 1px solid #5970B2;*/
  visibility: hidden;
  position: absolute;
  z-index: 3;
}
.submenu a {
	display: block;
	/*font: 11px arial;*/
  text-align: left;
	padding: 5px;/*text-decoration: none;
  padding: 5px;
  color: #2875DE;*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.submenu a:hover {
/*background: #49A3FF;
  color: #FFF;*/
}

/* サブメニューの半透明処理
--------------------*/
.submenu {
	background-color: #FFF;
	width: 137px;
	opacity: 0.9;
	filter: Alpha(Opacity=90);
}

.over a:hover img{
	filter: Alpha(Opacity=70);
	opacity:0.7;
}

/* ----------------------------------------------------
 ヘッドライン
----------------------------------------------------*/
h1 img,
#kv img,
#kv-leaf img{
	vertical-align:bottom;
	font-size:1px;
	line-height:0em;
}

div.headline1 {
}

div.headline1 h2 {
	font-weight:bold;
	padding-top: 10px;
	font-size: 24px;
	line-height: 120%;
	color: #000;
}

/*中タイトル*/
div.headline2 {
	margin-bottom:15px;

}

div.headline2 h3{
	background: linear-gradient(to bottom, #EAFFDA 0%, #DCFEBB 100%, #DCFEBB 100%);
	border-radius:4px;
	font-size:16px !important;
	font-weight:bold;
	padding:7px 10px !important;
	margin:0 !important;
	color:#009900;
}

/*大タイトル*/
div.headline3 {
	background: linear-gradient(to right, #fff 56%, #E3FBA6 88%);
	border-left:3px solid #5EC39B;
	padding:10px !important;
	font-family: 'noto';
	margin-bottom:15px;
}

div.headline3 h2 {
	font-size: 20px !important;
}

div.headline3 p {
	padding-left: 80px;
	color: #000;
}

/**/
div.headline3-2 {
	background-image: url(../imgs/template/bg_title5.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
}

div.headline3-2 h2 {
	padding-top: 8px;
	padding-left: 80px;
	font-size: 26px;
	font-weight: bold;
	color: #000;
	margin-bottom: 15px;
}

div.headline3-2 p {
	padding-left: 80px;
	color: #000;
}

div.headline4{
	background-color: #FCF !important;
	margin-bottom:15px;
}

div.headline4 h3{
	font-weight:bold;
	padding-top: 15px;
	padding-left: 20px;
	font-size: 20px !important;
	line-height: 120%;
	color: #F39;
	padding-bottom: 15px;
}

div.headline5{
	background-image: url(../imgs/curriculum/bg_title2.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 116px;
	width: 680px;
}

div.headline6{
	margin-bottom: 15px;
}

div.headline6 h3{
	font-weight:bold;
	padding-top: 15px;
	padding-left: 20px;
	font-size: 16px;
	line-height: 120%;
	color: #F60;
	height: 35px;
}


/*中タイトル 追加 緑*/
div.headline7 {
	margin-bottom:15px;

}

div.headline7 h3{
	background: linear-gradient(#E9FFDA, #DCFEBB);
	border-radius:4px;
	font-size:16px !important;
	font-weight:bold;
	padding:7px 10px !important;
	margin:0 !important;
	color:#009900;
}

/*中タイトル 追加 ピンク*/
div.headline8 {
	margin-bottom:15px;

}

div.headline8 h3{
	background: linear-gradient(#FFDBDB, #FECACC);
	border-radius:4px;
	font-size:16px !important;
	font-weight:bold;
	padding:7px 10px !important;
	margin:0 !important;
	color:#FC7690;
}

div.bg_btn_institution{
	background-image: url(../imgs/institution/bg_btn.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 335px;
	text-align: center;
	margin-bottom: 10px;
}

div.bg_btn_institution p a{
	height: 23px;
	width: 335px;
	padding-top: 7px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	display: block;
}

/* ----------------------------------------------------
 リンク文字色
----------------------------------------------------*/

a {}
a:link {color: #006DD9;}
a:link span {color: #006DD9;}
a:visited {color:#004B97;}
a:visited span {color:#004B97;}
a:hover {
		color:#44CAE1;
}
a:hover span {
	color:#44CAE1;
}
a:active {color:#EE9B02; text-decoration:underline;}
a.nolink:hover {color:#999; text-decoration:none;}
a.nolink {color:#999; text-decoration:none;}
a.nolink:visited {color:#999; text-decoration:none;}





/* ----------------------------------------------------
 テーブル
----------------------------------------------------*/
table.layout-default{
	background:#ccc;
}

table.layout-default td{
	background:#fff;
}

table.layout-default th{
	background:#e2e2e2;
	font-weight:bold;
}



/* ----------------------------------------------------
 レイアウト
----------------------------------------------------*/

/* ----------------------------------------------------
 トップページヘッダー背景
----------------------------------------------------*/

#bg_header{
	background-image: url(../imgs/template/bg_kv.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

/* ----------------------------------------------------
 KV
----------------------------------------------------*/

#kv{
	width:960px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;
	position: relative;
}


#g-Nav-Inner{
	width:960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2px;
}


/* ----------------------------------------------------
 スペシャルコンテンツ
----------------------------------------------------*/

#sp-contents{
	width:960px;
	margin-bottom: 30px;
}

/* ----------------------------------------------------
 サイドメニュー
----------------------------------------------------*/

ul.subArea-nav{
	list-style:none;
}

ul.subArea-nav li{
	margin-bottom: 5px;
	font-weight: 900;
	line-height: 120%;
}

ul.subArea-nav li a{
	width:212px;
	height:52px;
	padding-left: 30px;
	color: #000;
	display: block;
	font-size: 1.1em;
}

ul.subArea-nav li#blog{
	background-image:url(../imgs/template/banner_side_blog.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 18px;
	height: 34px;
}

ul.subArea-nav li#campus{
	background-image:url(../imgs/template/banner_side_campus.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	height: 42px;
}

ul.subArea-nav li#question{
	background-image:url(../imgs/template/banner_side_question.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 18px;
	height: 34px;
}

ul.subArea-nav li#ob{
	background-image:url(../imgs/template/banner_side_ob.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 18px;
	height: 34px;
}

ul.subArea-nav li#library{
	background-image:url(../imgs/template/banner_side_library.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 18px;
	height: 34px;
}

ul.subArea-nav li#circle{
	background-image:url(../imgs/template/banner_side_circle.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 18px;
	height: 34px;
}

.sub-txt{
	color:#F93;
	font-size: 0.8em;
	font-weight: normal;
}

#side-fb{
	width:242px;
	background-image: url(../imgs/template/banner_side_fb.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#side-fb a{
	color:#000;
	line-height:120%;
	font-weight:bold;
	display: block;
	height: 44px;
	width: 202px;
	padding-left: 40px;
	padding-top: 8px;
}

ul#side-submenu{
	margin-bottom: 10px;
	list-style-type: none;
}

ul#side-submenu li{
}

ul#side-submenu li a{
	color: #333;
	width: 242px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	display: block;
	padding-top: 5px;
	padding-bottom: 3px;
}

ul#side-submenu li.second a{
	color: #333;
	width: 222px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	display: block;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 20px;
}

ul#side-submenu li a img{
	vertical-align: middle;
}

/* ----------------------------------------------------
 フッター
----------------------------------------------------*/

#footer #footer-Inner #f-Nav ul.mainnav {
	text-align: left;
	margin-bottom: 15px;
	float: left;
	margin-top: 10px;
}

#footer #footer-Inner #f-Nav ul.mainnav li {
	margin-left: 0;
	margin-right:10px;
	padding-right:10px;
}

#footer #footer-Inner #f-Nav ul.mainnav li.border_right {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
}

#footer #footer-Inner #f-Nav div.subnav-gr {
	width:960px;
	margin-right: auto;
	margin-left: auto;
}

#footer #footer-Inner #f-Nav div.subnav {
	text-align: left;
	width: 131px;
	margin-bottom: 10px;
	float: left;
	margin-right: 5px;
	height: 120px;
}

#footer #footer-Inner #f-Nav div.subnav.border_right {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
}

#footer #footer-Inner #f-Nav div.subnav a {
	color:#333333;
}

#footer #footer-Inner #f-Nav div.subnav ul {
	list-style-type: none;
}

#footer #footer-Inner #f-Nav div.subnav ul li {
	color:#666666;
	line-height: 120%;
	margin-bottom: 10px;
}

#footer #footer-Inner #f-Nav div.subnav ul li a {
	color:#666666;
}


#footer #footer-Inner #f-Nav div.subnav2 {
	text-align: left;
	width: 267px;
	margin-bottom: 10px;
	float: left;
	margin-right: 5px;
	height: 120px;
}

#footer #footer-Inner #f-Nav div.subnav2.border_right {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
}

#footer #footer-Inner #f-Nav div.subnav2 a {
	color:#333333;
}

#footer #footer-Inner #f-Nav div.subnav2 ul {
	list-style-type: none;
	width: 127px;
	margin-right: 5px;
}

#footer #footer-Inner #f-Nav div.subnav2 ul li {
	color:#666666;
	line-height: 120%;
	margin-bottom: 10px;
}

#footer #footer-Inner #f-Nav div.subnav2 ul li a {
	color:#666666;
}




#footer #footer-Inner .footer-copyright {
	background-image: url(../imgs/template/copyright.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 79px;
}

#footer #footer-Inner .footer-copyright-txt {
	width: 960px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

#footer #footer-Inner .footer-copyright-txt p {
	color: #FFF;
	position: absolute;
	left: 330px;
	top: 10px;
	font-size: 0.9em;
}

#bottom-banner{
	text-align: center;
}

#bottom-banner img{
	margin-left: 5px;
	margin-right: 5px;
}

/* ----------------------------------------------------
 トップページ
----------------------------------------------------*/

div.bg-blog{
	background-image: url(../imgs/toppage/bg_news.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 580px;
	width: 674px;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
}

div.blog-txt{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-left: 5px;
	margin-right: 5px;
}
div#kv-btn-l{
	position: absolute;
	left: 0px;
	top: 140px;
	z-index: 10;
	height: 44px;
	width: 35px;
}

div#kv-btn-r{
	position: absolute;
	right: 0px;
	top: 140px;
	z-index: 10;
	height: 44px;
	width: 35px;
}

/* ----------------------------------------------------
 未来に近づく８の特徴
----------------------------------------------------*/

.point{
	height: 148px;
	text-align: left;
	background-color: #CF9;
	padding: 10px;
}

.point .point-title1{
	height: 54px;
	width: 190px;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	text-align: left;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #FFF;
}

.point .point-title2{
	height: 64px;
	width: 190px;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #FFF;
}

.point-txt{
	height: 90px;
}

#sub-title{
	background-image: url(../imgs/template/bg_mizutama.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 265px;
	width: 680px;
	margin-bottom: 30px;
}

/* ----------------------------------------------------
 ２年間で学べること
----------------------------------------------------*/

.bg-description{
	background-image: url(../imgs/lesson/bg_description.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 240px;
	width: 680px;
}

.bg-first-big{
	background-image: url(../imgs/template/bg_mizutama.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 680px;
}

.bg-first{
	background-image: url(../imgs/lesson/bg_first.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 158px;
	width: 330px;
}

.bg-second{
	background-image: url(../imgs/lesson/bg_second.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 158px;
	width: 330px;
}

/* ----------------------------------------------------
 カリキュラム
----------------------------------------------------*/

div#curriculum table{
	border-collapse:collapse;
	font-size: 14px;
}

div#curriculum table th{
	width:160px;
	background-color: #FCF;
	border: 1px solid #F9F;
	font-weight: normal;
	text-align: left;
	height: 40px;
}

div#curriculum table td{
	border: 1px solid #F9F;
}

/* ----------------------------------------------------
 ブライダルビューティープランナー
----------------------------------------------------*/

div#bg-bbp{
	background-image: url(../imgs/bridal/bg_ninteikou.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 220px;
	width: 302px;
	margin-left: 8px;
	margin-top: 40px;
}

div#bg-bbp p{
	width: 265px;
	margin-left: 20px;
	padding-top: 60px;
	font-size: 14px;
	font-weight: normal;
	color: #000;
}

div.bg-bbp-point1{
	background-image: url(../imgs/bridal/bg_point1.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 117px;
	width: 557px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}

div.bg-bbp-point2{
	background-image: url(../imgs/bridal/bg_point2.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 159px;
	width: 557px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}

div.bg-bbp-point1 h4,
div.bg-bbp-point2 h4{
	font-size: 16px;
	font-weight: bold;
	height: 35px;
	padding-top: 15px;
	padding-left: 15px;
}

div.bg-bbp-point1 p,
div.bg-bbp-point2 p{
	font-size: 14px;
	padding-left: 15px;
	padding-top: 15px;
	width: 530px;
}

div#bg-img-kaigo{
}

div#bg-img-kango{
}

/* ----------------------------------------------------
 美容師になるには
----------------------------------------------------*/

div#howto-sub-title{
	background-image: url(../imgs/howto/bg_sub_title.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 49px;
	width: 323px;
	padding-top: 20px;
	padding-left: 20px;
}

div#howto-support{
	background-image: url(../imgs/howto/bg_support.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 172px;
	width: 680px;
}

div#howto-support h4{
	padding-top: 15px;
	padding-left: 20px;
}

/* ----------------------------------------------------
 目指す資格一覧
----------------------------------------------------*/

div#lisence table{
	width: 680px;
	border-collapse:collapse;
}

div#lisence table th{
	background-color: #91daff;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	border: 1px solid #3CF;
}

div#lisence table th p{
	color: #FFF;
}

div#lisence table td{
	border: 1px solid #6CF;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

/* ----------------------------------------------------
 学校概要
----------------------------------------------------*/

div#address {
	background-image: url(../imgs/summary/bg_address.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 339px;
	width: 352px;
	padding-top: 10px;
	margin-left: 8px;
}

/* ----------------------------------------------------
 オープンキャンパス
----------------------------------------------------*/

div#open-campus-title{
	background-image: url(../imgs/opencampus/bg_sub_title.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 680px;
}

div#open-campus-schedule table{
	width: 680px;
	border-collapse:collapse;
}

div.bg-message{
	background-image: url(../imgs/message/bg_message.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 235px;
	width: 306px;
}

/* ----------------------------------------------------
 募集要項
----------------------------------------------------*/

div.recruit-title{
	background-image: url(../imgs/recruit/bg_title.png);
	height: 27px;
	width: 665px;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 3px;
}

div.recruit-title p{
	font-size: 16px;
	color: #FFF;
}

div.recruit table{
	border-collapse:collapse;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-left-color: #666;
}

div.recruit table .border-r-3{
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #666;
}

div.recruit table th{
	vertical-align: middle;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666;
	border-bottom-color: #666;
}

div.recruit table td{
	vertical-align: middle;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666;
	border-bottom-color: #666;
}

/* ----------------------------------------------------
 就職サポート
----------------------------------------------------*/

div#syusyokuritu{
	background-image: url(../imgs/support/bg_100.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 459px;
	width: 680px;
	position: relative;
}

div#syusyokuritu p{
	position: absolute;
	height: 30px;
	width: 120px;
	right: 130px;
	bottom: 130px;
	font-size: 16px;
	color: #000;
}

div#support-point01 h3{
	background-image: url(../imgs/characteristic/bg_title2.png);
	height: 38px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 15px;
	font-size: 20px;
	color: #FFF;
	padding-top: 8px;
	padding-left: 40px;
}

div#support-point01 div.bg-point01-title01{
	background-color:#8be684;
	border-radius:6px;
	text-align: left;
	font-size: 14px;
	color: #FFF;
	padding-top: 5px;
	padding-left: 10px;
}

div#support-point01 div.bg-point01-title02{
	background-image: url(../imgs/support/bg_point1_small.png);
	background-repeat: repeat;
	height: 22px;
	text-align: center;
	padding-top: 4px;
}

div#support-point02{
	background-image: url(../imgs/support/bg_point2.png);
	height: 95px;
	width: 660px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 70px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 15px;
}

div#support-point03{
	background-image: url(../imgs/support/bg_point3.png);
	height: 95px;
	width: 660px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 70px;
	background-repeat: no-repeat;
	background-position: left top;
}

/* ----------------------------------------------------
 主な就職先
----------------------------------------------------*/

div.bg-emplayment-title{
	background-image: url(../imgs/emplayment/bg_title.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 35px;
	width: 665px;
	padding-top: 5px;
	padding-left: 15px;
}

/* ----------------------------------------------------
 ターゲット別
----------------------------------------------------*/

div.bg-target-4line{
	width: 100%;
	padding-top: 13px;
	margin-bottom: 30px;
	border: 1px solid #9F0;
}

div.bg-target-3line{
	width: 100%;
	padding-top: 13px;
	margin-bottom: 30px;
	border: 1px solid #9F0;
}

div.bg-target-6line{
	width: 100%;
	padding-top: 13px;
	margin-bottom: 30px;
	border: 1px solid #9F0;
}

div.list-target p{
	list-style-type: none;
	background-image: url(../imgs/applicants/bg_line.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 27px;
	font-size: 12px;
	padding-top: 11px;
	padding-left: 40px;
}

/* ----------------------------------------------------
 良くある質問
----------------------------------------------------*/

div.qa-title{
	padding-top: 5px;
	padding-right: 10px;
}

div.qa-title h3{
	padding-top: 8px;
	font-size: 16px;
	color: #FFF !important;
	font-family: 12px "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

div.answer{
	padding: 5px;
}

ul#qa-category {
	list-style-type: none;
}

ul#qa-category li a{
	color: #333;
	width: 300px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	display: block;
	padding-top: 5px;
	padding-bottom: 3px;
	list-style-type: none;
}

ul#qa-category li a img{
	vertical-align: middle;
}

/* ----------------------------------------------------
 卒業生のご紹介
----------------------------------------------------*/

div.naitei-message01{
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #6F6;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

div.naitei-message02{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6F6;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

div.ob-message01{
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #F39;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

div.ob-message02{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F39;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

div.message-txt{
	padding: 5px;
}

/* ----------------------------------------------------
 スライドショー
----------------------------------------------------*/

#slider-wrapper {
    width:960px;
    height:303px;
    margin:0 auto;
}

#slider {
	position:relative;
    width:960px;
    height:303px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.library-link p a {
	background-image: url(../imgs/library/bg_link.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 28px;
	width: 210px;
	padding-top: 12px;
	padding-left: 40px;
}

.oc td,
.oc th{
	padding:5px;
	font-size:12px;
}
	
	
/* ----------------------------------------------------
 現場で活躍する先輩たち
----------------------------------------------------*/

.obog_box{
	background-color:#fff;
	border-radius:4px;
	box-shadow: rgba(0,0,0,0.7) 0 1px 4px -1px;
	-webkit-box-shadow: rgba(0,0,0,0.7) 0 1px 4px -1px;
	transition: 0.2s linear;
	line-height:1.0em;
	position:relative;
	float:none;
	width:100%;
	margin:0 auto;
	margin-bottom:20px;
}

.remodal .Wrapper .centerCol .Wrapper .leftCol,
.remodal .Wrapper .centerCol .Wrapper .rightCol{
width:100%;
float:none;	
}


@media (min-width: 640px) {
.obog_box {
	width:46%;
	float:left;
	margin-left:10px;
	margin-right:10px;
}

.remodal .Wrapper .centerCol .Wrapper .leftCol{
width:47%;
float:left;	
}

.remodal .Wrapper .centerCol .Wrapper .rightCol{
width:47%;
float:right;	
}

/*clrfixのかわり*/

.remodal .Wrapper .centerCol .Wrapper:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.remodal .Wrapper .centerCol .Wrapper{
	display: inline-block;
}
	
/*\*/
* html .remodal .Wrapper .centerCol .Wrapper{
	height: 1%;
}

.remodal .Wrapper .centerCol .Wrapper{
	display: block; 
}
/**/


}

.obog_box img{
	border-radius:4px 4px 0 0;
	width:100%;
}

.remodal{
	line-height:1.5em;
}

.remodal img{
	border:1px solid #ddd;
	padding:5px;
	margin-bottom:5px;
}

.name p{
	line-height:1.6em;
}

.name p .f14px{
	font-size:16px;
}

.inner{
	height:auto !important;
	line-height:1.5em;
}

.target_link a{
	padding:15px 5px;
	display:block;
	background-color:#E1F497;
}

.target_link .f12px{
		font-size:16px;
}

.target_link a:link,
.target_link a:visited,
.target_link a:hover{
	color:#28A315 !important;
	text-decoration:none !important;
		font-weight:bold;
}

.target_link a:link span,
.target_link a:visited span,
.target_link a:hover span{
	color:#28A315 !important;
	text-decoration:none !important;
		font-weight:bold;
}


/*clrfixのかわり*/

#c02_1466557975651:after,
#c02_1469601475168:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#c02_1466557975651,
#c02_1469601475168{
	display: inline-block;
}
	
/*\*/
* html #c02_1466557975651,
* html #c02_1469601475168{
	height: 1%;
}

#c02_1466557975651,
#c02_1469601475168{
	display: block; 
}
/**/

.number{
	position:absolute;
	top:-12px;
	left:-9px;
	background-color:#FA9B56;
	border-radius:50%;
	width:60px;
	height:60px;
	display:block;
	/*font-family: 'noto';*/
	box-shadow: rgba(0,0,0,0.4) 0 1px 4px -1px;
	-webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 4px -1px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	transform: rotate(-12deg);
}    

.number span{
	color:#FFF !important;
	font-size:12px !important;
}

.remodal .number{
	position:absolute;
	top:-12px;
	left:-9px;
	background-color:#FA9B56;
	border-radius:50%;
	width:80px;
	height:80px;
	display:block;
	/*font-family: 'noto';*/
	box-shadow: rgba(0,0,0,0.6) 0 2px 4px -1px;
	-webkit-box-shadow: rgba(0,0,0,0.6) 0 2px 4px -1px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	transform: rotate(-12deg);
}    

.remodal .number span{
	color:#FFF !important;
	font-size:16px !important;
	/*font-family: 'noto';*/
	
}