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


/*背景イラスト*/

body{
	background-image:url(/artprogram/h28/common/bg_ill1.png);
	background-position:0 450px;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

.all_wrap{
	margin:0;
	padding:0;
	width:100%;
	background-image:url(/artprogram/h28/common/bg_ill2.png);
	background-position:100% 150px;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

.line{
	margin:0;
	padding:0;
	width:100%;
	height:5px;
	background-image:url(/artprogram/h28/common/line.png);
	background-position:50% 0;
	background-repeat:repeat;
	background-size:1980px 5px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	display:block;
}

/*ヘッダー*/
#header{
	margin:0;
	padding:14px 0 0;
	width:100%;
	height:66px;
	background-color:#fff;
	border-bottom:1px solid #ddd;
	text-align:left;
}

#header h1{
	margin:0 0 0 20px;
	padding:0;
	width:660px;
	height:50px;
}



/*グローバルナビ*/

#nav{
	margin:0;
	padding:0;
	width:100%;
	height:80px;
	text-align:center;
	background-color:#fff;
	border-bottom:1px solid #ddd;
}

#nav ul.ul_nav{
	margin:0 auto;
	padding:0;
	width:879px;
	height:80px;
	text-align:center;
}

#nav ul.ul_nav li{
	margin:0 0 0 100px;
	padding:0;
	display:block;
	float:left;
}

#nav ul.ul_nav li.li_home{
	margin:0 0 0 0;
	width:69px;
}

#nav ul.ul_nav li.li_program{
	width:116px;
}

#nav ul.ul_nav li.li_teacer,
#nav ul.ul_nav li.li_recruitment,
#nav ul.ul_nav li.li_report{
	width:98px;
}

#nav ul.ul_nav li a{
	margin:0;
	padding:22px 0 0 0;
	width:100%;
	height:58px;
	text-align:center;
	display:block;
	transition: 0.5s;
	position:relative;
}

#nav ul.ul_nav li a::after{
	content:'';
	margin:0;
	padding:0;
	bottom:-2px;
	left:50%;
	width:0;
	height:2px;
	background-color:#8b0;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	position:absolute;
}

#nav ul.ul_nav li a:hover::after{
	content:'';
	margin:0;
	padding:0;
	bottom:-2px;
	left:0;
	width:100%;
	height:2px;
	background-color:#8b0;
	position:absolute;
}

#nav ul.ul_nav li a.a_on::after{
	content:'';
	margin:0;
	padding:0;
	bottom:-2px;
	left:0;
	width:100%;
	height:2px;
	background-color:#8b0;
	position:absolute;
}

/*フッター*/

#footer{
	margin:100px 0 0;
	padding:0;
	width:100%;
}

#footer ul.ul_footer1{
	margin:0 auto 10px;
	padding:0;
	width:1000px;
	text-align:right;
}

#footer ul.ul_footer1 li{
	margin:0 0 0 15px;
	padding:0;
	display:inline-block;
}

#footer ul.ul_footer1 li a.a_mail,
#footer ul.ul_footer1 li a.a_access{
	margin:0;
	padding:0 0 0 25px;
	font-size:1.4rem;
	line-height:1em;
	color:#222;
	text-decoration:none;
	background-position:0 50%;
	background-repeat:no-repeat;
	display:block;
	transition:0.5s;
}

#footer ul.ul_footer1 li a.a_mail:hover,
#footer ul.ul_footer1 li a.a_access:hover{
	color:#8b0;
}

#footer ul.ul_footer1 li a.a_mail{
	background-image:url(/artprogram/h28/common/icon_mail.png);
}

#footer ul.ul_footer1 li a.a_access{
	background-image:url(/artprogram/h28/common/icon_access.png);
}

#footer .address_wrap{
	margin:0;
	padding:15px;
	width:100%;
	height:90px;
	background-color:#fff;
	border-top:1px solid #ddd;
	position:relative;
}

#footer .address_wrap .btn_cap{
	top:35px;
	right:45px;
	margin:0;
	padding:0;
	width:160px;
	height:54px;
	position:absolute;
}

#footer .address_wrap .inner{
	margin:0 auto;
	width:1000px;
}

#footer .address_wrap .inner dl{
	margin:0;
	width:565px;
	float:left;
}

#footer .address_wrap .inner dl dt{
	margin:0 0 4px;
	width:565px;
	height:42px;
}

#footer .address_wrap .inner dl dd{
	margin:0;
	padding:0 0 0 50px;
	width:515px;
	font-size:1.4rem;
	line-height:1.3em;
	color:#000;
}

#footer .address_wrap .inner ul{
	margin:20px 0 0 25px;
	padding:0;
	width:200px;
	float:left;
}

#footer .address_wrap .inner ul li{
	margin:0 0 10px 20px;
	padding:0;
	width:80px;
	display:block;
	float:left;
}

#footer .address_wrap .inner ul li a{
	margin:0;
	padding:0;
	font-size:1.4rem;
	line-height:1em;
	color:#000;
	text-decoration:none;
	display:block;
	position:relative;
	transition:0.5s;
}

#footer .address_wrap .inner ul li a:hover{
	color:#8b0;
}

#footer .address_wrap .inner ul li a::before{
	content:'';
	top:2px;
	left:-12px;
	width:0;
	height:0;
	border-width:3px 6px 3px 6px;
	border-color: transparent transparent transparent #8b0;
	border-style:solid;
	position:absolute;
}

#footer .copy_wrap{
	margin:0;
	padding:16px 0 0 0;
	width:100%;
	height:29px;
	background-color:#000;
}

#footer .copy_wrap p{
	margin:0;
	padding:0;
	font-size:1.2rem;
	line-height:1em;
	color:#fff;
	text-align:center;
}


/*パンくずリスト*/

#topic-path{
	margin:10px auto 0;
	padding:0;
	width:1000px;
	font-size:1.2rem;
	line-height:1em;
	color:#aaa;
	text-align:right;
}

#topic-path a{
	margin:0;
	padding:0;
	color:#aaa;
	text-decoration:none;
	position:relative;
	transition: 0.5s;
}

#topic-path a::before{
	content:' ＞ ';
}

#topic-path a:first-child::before{
	content:'';
}

#topic-path a:hover{
	color:#8b0;
}

/*コンテンツ*/

#contents{
	margin:0 auto 100px;
	padding:0;
	width:1000px;
	background-color: transparent;
}

#contents .main_wrap{
	margin:0;
	padding:0;
	width:680px;
	float:left;
}

/*サブナビ*/

#contents .subnavi_wrap{
	margin:55px 0 0;
	padding:0;
	width:240px;
	float:right;
	position:relative;
}

#contents .subnavi_wrap ul.ul_subnavi{
	margin:0 0 20px;
	padding:0;
	border-top:1px solid #bbb;
}

#contents .subnavi_wrap ul.ul_subnavi li{
	margin:0;
	padding:0;
	border-bottom:1px solid #bbb;
}

#contents .subnavi_wrap ul.ul_subnavi li a{
	margin:0;
	padding:20px 0 20px 20px;
	width:220px;
	font-size:1.6rem;
	line-height:1em;
	color:#222;
	text-decoration:none;
	background-color:#fff;
	display:block;
	position:relative;
	transition:0.5s;
}

#contents .subnavi_wrap ul.ul_subnavi li a:hover{
	background-color:#f7f7f7;
}

#contents .subnavi_wrap ul.ul_subnavi li a::after{
	content:'';
	margin-top:-4px;
	top:50%;
	left:0;
	border-width:4px 6px 4px 6px;
	border-color:transparent transparent transparent #222;
	border-style:solid;
	position: absolute;
}

#contents .subnavi_wrap ul.ul_subnavi li a.a_on_s{
	background-color:#f7f7f7;
}

#contents .subnavi_wrap ul.ul_bnr li{
	margin:0 0 10px;
	padding:0;
}

#contents .subnavi_wrap .address_box{
	margin:20px 0 0;
	padding:20px 20px 18px;
	width:198px;
	background-color:#f7f7f7;
	border:1px solid #eee;
}

#contents .subnavi_wrap .address_box dl{
	margin:0;
	padding:0;
}

#contents .subnavi_wrap .address_box dl dt{
	margin:0 0 7px;
	padding:0;
	font-size:1.6rem;
	line-height:1.3em;
	color:#000;
}

#contents .subnavi_wrap .address_box dl dd{
	margin:0;
	padding:0;
	font-size:1.4rem;
	line-height:1.5em;
	color:#000;
}

#contents .subnavi_wrap .address_box dl dd ul{
	margin:5px 0 0;
	padding:0;
}

#contents .subnavi_wrap .address_box dl dd ul li{
	margin:10px 0 0;
	padding:0;
}

#contents .subnavi_wrap .address_box dl dd ul li a.a_mail,
#contents .subnavi_wrap .address_box dl dd ul li a.a_access{
	margin:0;
	padding:0 0 0 25px;
	font-size:1.4rem;
	line-height:1em;
	color:#222;
	text-decoration:none;
	background-position:0 50%;
	background-repeat:no-repeat;
	display:block;
	transition:0.5s;
}

#contents .subnavi_wrap .address_box dl dd ul li a.a_mail:hover,
#contents .subnavi_wrap .address_box dl dd ul li a.a_access:hover{
	color:#8b0;
}

#contents .subnavi_wrap .address_box dl dd ul li a.a_mail{
	background-image:url(/artprogram/h28/common/icon_mail.png);
}

#contents .subnavi_wrap .address_box dl dd ul li a.a_access{
	background-image:url(/artprogram/h28/common/icon_access.png);
}




/*タイトル処理*/

h2.h2_contents{
	margin:20px 0 15px;
	padding:0;
	text-align:center;
}

h3.h3_contents{
	margin:0 0 20px;
	padding:2px 0 0 43px;
	min-height:29px;
	font-size:2.4rem;
	font-size:24px;/*IE8対策*/
	line-height:1.4em;
	color:#000;
	font-family:'Noto Sans Japanese','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif;
	font-weight:300;
	background-image:url(/artprogram/h28/common/h3_icon.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	text-align:left;
}

h3.h3_contents_b{
	margin:0 0 20px;
	padding:2px 0 0 43px;
	min-height:29px;
	font-size:2.4rem;
	line-height:1.4em;
	color:#000;
	font-family:'Noto Sans Japanese','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif;
	font-weight:300;
	background-image:url(/artprogram/h28/common/h3_icon_b.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	text-align:left;
}

h3.h3_sub{
	margin:0;
	padding:0;
	top:-40px;
	left:0;
	font-size:1.8rem;
	font-size:18px;/*IE8対策*/
	line-height:1em;
	color:#000;
	font-family:'Noto Sans Japanese','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif;
	font-weight:400;
	text-align:left;
	position:absolute;
}

/*テキスト系*/

em{
	margin:5px 0 0 0;
	padding:0 0 0 1em;
	text-indent:-1em;
	font-size:1.4rem;
	line-height:1.4em;
	color:#118;
	font-style:normal;
	display:block;
}

p.p_close{
	margin:0 0 15px;
	padding:0;
	font-size:1.6rem;
	color:#c00;
	font-weight:bold;
}

/*テーブル*/

table{
	margin:0;
	padding:0;
	border-top:1px solid #bbb;
}

table tr{
	margin:0;
	padding:0;
	border-bottom:1px solid #bbb;
}

table th{
	padding:20px 0;
	width:160px;
	font-size:1.4rem;
	line-height:1.0em;
	color:#444;
	font-weight:normal;
	text-align:center;
	background-color:#eee;
}

table td{
	padding:20px 0 20px 20px;
	width:500px;
	font-size:1.4rem;
	line-height:1.4em;
	color:#444;
	font-weight:normal;
	text-align:left;
}

/*ボーダー*/

.border{
	margin:40px 0;
	padding:0;
	width:100%;
	height:10px;
	text-align:center;
}

/*共通アイコン*/

.icon_info,
.icon_report,
.icon_event{
	margin:-4px 0 0 10px;
	padding:3px 5px 0 0;
	width:75px;
	height:15px;
	font-size:1.2rem;
	line-height:1em;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	display: inline-block;
	position:relative;
}

.icon_info::after,
.icon_report::after,
.icon_event::after{
	content:'';
	margin:0;
	top:0;
	right:0;
	width:0;
	height:0;
	border-width:9px 5px 9px 5px;
	border-color: transparent #fff transparent transparent;
	border-style:solid;
	position:absolute;
}

.icon_info{
	background-color:#0a9;
}

.icon_report{
	background-color:#d01;
}

.icon_event{
	background-color:#128;
}

.icon_news{
	margin:-4px 0 0 10px;
	padding:3px 0 0 1px;
	width:42px;
	height:13px;
	font-size:1.2rem;
	line-height:1em;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	background-color:#7de;
	display: inline-block;
	position:relative;
}

.icon_news::after{
	content:'';
	margin:0;
	top:5px;
	left:-12px;
	width:0;
	height:0;
	border-width:3px 6px 3px 6px;
	border-color: transparent #7de transparent transparent;
	border-style:solid;
	position:absolute;
}

/*共通ボタン*/

.btn_gray{
	margin:0 auto;
	padding:7px 20px 0 30px;
	height:19px;
	font-size:1.4rem;
	line-height:1em;
	color:#666;
	text-decoration:none;
	text-align:center;
	background-color:#eee;
	-webkit-border-radius:13px;/* for Safari and Chrome */
	-moz-border-radius:13px; /* for Firefox */
	-o-border-radius:13px; /* for opera */
	border-radius:13px;
	display:inline-block;
	position:relative;
	transition:0.5s;
	behavior:url(/artprogram/h28/css/PIE.htc);
}

.btn_gray::before{
	content:'';
	top:10px;
	left:12px;
	width:0;
	height:0;
	border-width:3px 6px 3px 6px;
	border-color: transparent transparent transparent #666;
	border-style:solid;
	position:absolute;
	transition:0.5s;
}

.btn_gray:hover{
	color:#fff;
	background-color:#8b0;
}

.btn_gray:hover::before{
	content:'';
	top:10px;
	left:12px;
	width:0;
	height:0;
	border-width:3px 6px 3px 6px;
	border-color: transparent transparent transparent #fff;
	border-style:solid;
	position:absolute;
}

.a_text{
	color:#444;
	text-decoration:underline;
	transition:0.5s;
}

.a_text:hover{
	color:#8b0;
	text-decoration:none;
}

/*ページTOP*/

#pageTop{
	position: fixed;
	width:60px;
	height:60px;
	right:20px;
	bottom:140px;
}

#pageTop a{
	width:60px;
	height:60px;
	background-image:url(/artprogram/h28/common/pagetop.png);
	background-size:60px 60px;
	transition: opacity 0.5s;
	opacity:1;
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#pageTop a.fade:hover{
	opacity: 0.6; 
}

/*オンマウスで透明*/

.fade{
	opacity:1;
	transition:0.5s;
}

.fade:hover{
	opacity:0.6;
}

/*クリアフィックス*/

.clearfix {
  *zoom: 1;
}

.clearfix:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

/*アライン*/

.center{
	text-align:center !important;
}

/*フロート*/

.f_right{
	float:right !important;
}

.f_left{
	float:left !important;
}


/*マージン*/

.mT-05{
	margin-top:-5px !important;
}

.mT00{
	margin-top:0 !important;
}

.mT05{
	margin-top:5px !important;
}

.mT10{
	margin-top:10px !important;
}

.mT15{
	margin-top:15px !important;
}

.mT20{
	margin-top:20px !important;
}

.mT30{
	margin-top:30px !important;
}

.mT40{
	margin-top:40px !important;
}

.mT50{
	margin-top:50px !important;
}

.mT70{
	margin-top:70px !important;
}


.mR00{
	margin-right:0 !important;
}

.mR10{
	margin-right:10px !important;
}

.mB00{
	margin-bottom:0 !important;
}

.mB05{
	margin-bottom:5px !important;
}

.mB10{
	margin-bottom:10px !important;
}

.mB15{
	margin-bottom:15px !important;
}

.mB20{
	margin-bottom:20px !important;
}

.mB30{
	margin-bottom:30px !important;
}

.mB40{
	margin-bottom:40px !important;
}

.mB50{
	margin-bottom:50px !important;
}

.mL20{
	margin-left:20px !important;
}

.mL30{
	margin-left:30px !important;
}

.mR20{
	margin-right:20px !important;
}

.mR30{
	margin-right:30px !important;
}