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

/* ----------------------------------------------------------------------
 レイアウト
---------------------------------------------------------------------- */
.inner { width:1000px; margin:0 auto; }
p { margin:0 0 20px 0; padding:0; }

/* ----------------------------------------------------------------------
 header
---------------------------------------------------------------------- */
#top-head {  }
#top-head #logo { float:left; margin:20px 0; padding:0; }
#top-head .link { float:right; background: url(../images/common/header/icon_link.gif) no-repeat 15px center; padding:0 15px 0 37px; border-left:1px dotted #c8c7c7; border-right:1px dotted #c8c7c7; line-height: 13px; margin: 20px 0 0 0; font-size: 75%; }

/* ナビゲーション */
#top-head #global-nav { background-color:#00aecb;  }
#top-head #global-nav ul { width:1000px; margin:0 auto; border-right: 1px solid #ffffff; letter-spacing:-.40em; }
#top-head #global-nav li { border-left: 1px solid #ffffff; letter-spacing:normal; background-color:#00aecb; display:inline-block; width:141.858px; text-align: center; }
#top-head #global-nav li a { color: #ffffff; padding:20px 0; display: block; line-height: 1; }
#top-head #global-nav li a:hover {  background-color:#cccccc;color: #ffffff; }
#top-head #global-nav li.current {  background-color:#cccccc;color: #ffffff; }


/* ----------------------------------------------------------------------
 breadcrumb
---------------------------------------------------------------------- */
#breadcrumb { background-color:#f2f2f2; font-size:75%; padding:5px 0; }


/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
#footer { background-color:#f2f2f2; padding: 20px 0 0 0; border-bottom:7px solid #00aecb; margin:30px 0 0 0; }
#footernavi { border-bottom:1px solid #dbdbdb; padding:0 0 20px 0; }
#footernavi ul { letter-spacing:-.40em; font-size: 75%; }
#footernavi li { display:inline-block; letter-spacing:normal; margin: 0 30px 0 0;}
#footernavi li a { background: url(../images/common/footer/icon_navi.gif) no-repeat left center; padding:0 0 0 20px; }
.footerleft { float:left; width:500px; padding:25px 0; font-size: 75%; }
.footerleft .address { display: inline-block; padding: 0 50px 0 0; vertical-align: bottom; }
.footerleft .address p { margin:20px 0 0 0;}
.footerleft .address p span { display: block;}
.footerleft .access { display: inline-block; background: url(../images/common/footer/btn_access.gif) no-repeat left center; width:170px; height:48px; vertical-align: bottom; text-indent: -9999px;}
.footerleft .access a { display: block; width:170px; height:48px; }
.footerright { float:right; width:200px; padding:25px 0 0 0; }
.footerright li { margin:0 0 10px 0; }
.footerright li img { width:100%;}

/* ----------------------------------------------------------------------
 共通
---------------------------------------------------------------------- */
#contents { padding:40px 0 0 0;}
#contents h1 { font-size: 187.5%; width:350px; margin:0 auto 40px auto; text-align: center; line-height:1;}
#contents h1 span { display:block; font-size:47%; border-top: 3px solid #00aecb; color:#737373; margin:13px 0 0 0; padding:13px 0 0 0;}
#contents h2 { width: 1000px; margin:0 auto; border-top:2px solid #e7ebf0; position: relative; font-weight: normal; font-size:187.5%; line-height: 1; padding: 12px 0 30px 0;}
#contents h2::after { position:absolute; top:-2px; left:0; border-top:2px solid #007cbd; content:""; width:20%;}
.img { text-align: center;}
#contents h2 span { float:right; margin:0 0 0 20px; font-size:75%;}
#contents .section { padding:0 0 50px 0; }

/* ----------------------------------------------------------------------
 TOPページ
---------------------------------------------------------------------- */
/* メインビジュアル */
#mainvisual { width:60%; min-width: 1000px; height:auto; position:relative; overflow:hidden; }
#bg01 { height: auto; }
#bg01 img { width:100%; }
#img01 { position:absolute; width: 300%; left: 50%; top: 50%; margin: -85% 0 0 -140%; }
#img01 img { width:100%; }
#txt01 { position:absolute; background-color: rgba(0,159,223,0.6); width: 100%; top: 40%; }
#txt01 p { width:60%; margin: 0 auto; padding:20px 0; text-align: center; }
#mainvisual02 { position:absolute; top: 0; left: 0; width:100%; }
#mainvisual02 img { width:100%; }
#img02_01 { position:absolute; top: 0; left: 0; }
#img02_02 { position:absolute; top: 0; left: 0; }
#img02_03 { position:absolute; top: 0; left: 0; }
#img02_04 { position:absolute; top: 0; left: 0; }

/* 新着情報 */
#news { padding:70px 0 50px 0; }
#news h2 { font-size: 187.5%; width:350px; margin:0 auto; text-align: center; line-height:1;}
#news h2 span { display:block; font-size: 47%; border-top: 3px solid #00aecb; color:#737373; margin:13px 0 0 0; padding:13px 0 0 0;}
#news .link { background: url(../images/top/icon_news.gif) no-repeat left center; padding:0 0 0 25px; font-size: 75%; float: right;}

#news .newsinner { clear: both; border-top:1px dotted #c8c7c7; }
#news dl { clear: both; border-bottom:1px dotted #c8c7c7; overflow: hidden; padding: 20px 0;}
#news dl dt { float:left; width:100px; padding: 0 15px 0 30px; }
#news dl dd { float:right; width:810px; padding: 0 30px 0 15px; }

/* ----------------------------------------------------------------------
 学科情報
---------------------------------------------------------------------- */
#about { background: #1c89c8 url(../images/department/bg_about.jpg) no-repeat left bottom; color:#ffffff;}
#about .copy { font-size:225%; padding:30px 0 25px 0; position: relative; margin:0 0 30px 0;}
#about .copy::after { position: absolute; bottom:-2px; left: 0; border-bottom:2px solid #ffffff; content:""; width:20%;}
#about .img { width: 1000px; margin: 0 auto;}

#field { display: table; margin: 30px 0 0 0; }
#field li { display:table-cell; color: #ffffff; padding:25px 25px 15px 25px;}
#field li h3 { font-size: 100%; text-align: center; margin:0 0 20px 0;}
#field li h3 span { border-bottom: 1px solid #ffffff; padding:0 20px 10px 20px;}
#field li p { text-align: left;}
#field li .detail { float: right;}
#field li dl { margin: 0 0 10px 0; }
#field li dl dt { display:inline-block; width:100px; vertical-align: middle; margin: 0 20px 0 0;}
#field li dl dd { display:inline-block; font-size: 68.75%; border: 1px solid #ffffff; }
#field li dl dd a { background: url(../images/department/icon_link.png) no-repeat 5px center; width: 80px; padding:3px 5px 3px 23px; display: block; color: #ffffff; }
#field li dl dd a:hover { text-decoration: none; background-color: rgba( 0,0,0,0.1 );  }
#field .field01 { background-color: #85bae5;}
#field .field02 { background-color: #b2a486;}
#field .field03 { background-color: #f29c97;}


/* ----------------------------------------------------------------------
 カリキュラム
---------------------------------------------------------------------- */
#year { overflow: hidden; width: 100%; }
#year li.curriculumbox{ float: left; width:250px; font-size: 150%; font-weight: bold; }
#year .icon_year { height:47px; overflow: hidden; padding: 0 26px 0 0; margin: 0 -26px 0 0;}
#year .icon_year span { padding: 5px 20px 4px 40px; float: right; text-decoration: none; color: #444; width:190px; position: relative; background-color: #eaeae9; }
#year li.year01 .icon_year span{ width: 210px; padding: 5px 20px 4px 20px; background-color: #595858; color: #ffffff; }
#year li.year02 .icon_year span{ background-color: #8a8a89; color: #ffffff; }
#year li.year03 .icon_year span{ background-color: #c8c9ca; }
#year li.year04 .icon_year span{ background-color: #eee; }


#year .icon_year span::after,
#year .icon_year span::before{ content: ""; position: absolute; top: 50%; margin-top: -1.5em; border-top: 1.5em solid transparent; border-bottom: 1.5em solid transparent; border-left: 1em solid; right: -1em; }
#year .icon_year span::after{ z-index: 2; border-left-color: #eaeae9; }
#year li.year01 .icon_year span::after{ border-left-color: #595858; }
#year li.year02 .icon_year span::after{ border-left-color: #8a8a89; }
#year li.year03 .icon_year span::after{ border-left-color: #c8c9ca; }
#year span::before { border-left-color: #eaeae9; right: -1.1em; z-index: 1; }
#year li.year01 .icon_year span::before { border-left-color: #595858; }
#year li.year02 .icon_year span::before { border-left-color: #8a8a89; }
#year li.year03 .icon_year span::before { border-left-color: #c8c9ca; }
#year .last { background: none; }
#year .last::after,
#year .last::before { content: normal; }

.yearbox { font-size: 50%; font-weight: normal;}
.yearbox ul { margin: 10px 0 0 20px; }
.yearbox .list { height: 130px; }
.yearbox li { position: relative; }
.yearbox li::after { display: block; content: ''; position: absolute; top: .3em; left: -1em; width: 10px; height: 10px; background-color: #3c3c3c; }
.yearbox li.square::after {  }
.yearbox li.circle::after { border-radius: 100%; }
.yearbox li.diamond::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.yearbox .system{ height: 80px; }

.yearbox .ttl01 { margin: 0 -35px 0 0; border-radius: 20px 0 0 20px / 20px 0 0 20px; -webkit-border-radius: 20px 0 0 20px / 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px / 20px 0 0 20px; padding: 5px 0; color: #ffffff; text-align: center; font-weight: bold; }
.yearbox .ttl02 { border-radius: 0 20px 20px 0 / 0 20px 20px 0; -webkit-border-radius: 0 20px 20px 0 / 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0 / 0 20px 20px 0; padding: 5px 0; color: #ffffff; text-align: center; font-weight: bold; }
.statistics { background-color: #65a1cf; }
.statistics .none { color: #65a1cf; }
.calculation { background-color: #afa285; }
.calculation .none { color: #afa285; }
.information { background-color: #e89692; }
.information .none { color: #e89692; }

.yearbox .ttl { display: block; text-align: right; position: relative; }


/* ----------------------------------------------------------------------
 教員紹介
---------------------------------------------------------------------- */
.faculty01 h2::after { border-top:2px solid #85bae5 !important; }
.faculty02 h2::after { border-top:2px solid #b2a486 !important; }
.faculty03 h2::after { border-top:2px solid #f29c97 !important; }

#faculty h3 { padding:0 0 0 13px; font-size:112.5%; margin:0 0 20px 0; }

.faculty01 h3 { border-left:7px solid #85bae5; }
.faculty02 h3 { border-left:7px solid #b2a486; }
.faculty03 h3 { border-left:7px solid #f29c97; }

#faculty .box { overflow: hidden; margin:0 0 30px 0;}
#faculty .box img{ display:inline-block; vertival-align:top;height:auto; width:auto;}
#faculty .box ul { float: right;}
#faculty .box ul li { display: inline-block; border: 1px solid #e6e6e6; background: url(../images/faculty/icon_faculty.gif) no-repeat 15px center; margin: 0 0 0 15px; font-size: 81%;}

#faculty .box ul li a { display: block; color: #333333; padding:10px 15px 10px 40px;}
#faculty .box ul li a:hover { color: #00aecb; }

.faculty04 { overflow: hidden; }
.faculty04 dl { float:left;  width:475px; overflow: hidden; border-bottom: 1px dotted #bfbfbf; padding:0 0 10px 0; margin: 0 0 10px 0; }
.faculty04 dl:nth-child(odd) { float: right;}
.faculty04 dt { float:left; padding:10px 0; }
.faculty04 dd { float:right; border: 1px solid #e6e6e6; background: url(../images/faculty/icon_faculty.gif) no-repeat 15px center; margin: 0 0 0 15px; font-size: 81%;}
.faculty04 dd a { display: block; color: #333333; padding:10px 15px 10px 40px;}
.faculty04 dd a:hover { color: #00aecb; }


/* ----------------------------------------------------------------------
 就職・進学
---------------------------------------------------------------------- */
#career p { color:  #007cbd; }
#career .box { overflow: hidden; padding:20px 0 0 0; }
#career .box .left { float: left; width: 480px; }
#career .box .right { float: right; width: 480px; }

#career .box .right .img { margin: 6px 0 0 0; }
#career .box h3 { border-bottom: 1px solid #007cbd; padding: 0 0 5px 0;}
#career .box ul { float:left; font-size: 71.875%; width:50%; }


/* ----------------------------------------------------------------------
 qa
---------------------------------------------------------------------- */
#qa dl { border-bottom: 1px dotted #bfbfbf; margin:0 0 20px 0; }
#qa dt { background: url(../images/qa/icon_q.gif) no-repeat left center; padding:10px 0 10px 60px; font-weight: bold; color:#007cbd; margin: 0 0 20px 0; }
#qa dd { background: url(../images/qa/icon_a.gif) no-repeat left top; padding:10px 0 20px 60px; }
#qa dl.last { border: none; margin: 0;}
#qa .img { padding:0 0 0 60px ;}


/* ----------------------------------------------------------------------
 先輩の声
---------------------------------------------------------------------- */
#voice h3 { padding:0 0 0 13px; font-size:112.5%; margin:0 0 20px 0; border-left:7px solid #85bae5; }
#voice .box { padding: 0 0 20px 0; }
#voice .box.last { padding: 0; }