@charset "UTF-8";
@import url("common.css");
@import url("module_sp.css");
@import url("a.css");
@import url("box.css");
@import url("class.css");
@import url("dl.css");
@import url("map.css");
@import url("news.css");
@import url("ol.css");
@import url("tab.css");
@import url("table.css");
@import url("ul.css");
/*///////////////////////////////////////////
// BASIC
///////////////////////////////////////////*/
#contents img { width: 100%; height: auto; }
#header .utility-navi, #header .sub-navi, #header-search, #open-header-search, #close-header-search, #footer .siteMap, #footer-middle { display: none; }
#header h1 { position: relative; z-index: 1000; }
/*///////////////////////////////////////////
// Global Navi
///////////////////////////////////////////*/
#global-navi { padding-top: 50px; width: 50px; background: url(../../assets/img/header/btn-kufs-globalNavi.png) no-repeat right top; background-size: 50px 50px; display: block; position: absolute; top: 0px; right: 0; cursor: pointer; overflow: hidden; z-index: 101; height: 0; }
#global-navi.active { width: 100%; background: url(../../assets/img/header/btn-kufs-globalNavi-close.png) no-repeat right top; background-size: 50px 50px; }
#global-navi ul { display: block; }
#global-navi .search { background-color: #e9ecf0; margin: 0; padding: 0; border-bottom: 1px solid #d1d7df; }
#global-navi .search form { width: 100%; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 14px; position: relative; }
#global-navi .search form input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; padding-left: 30px; padding-top: 10px; padding-bottom: 10px; background: #fff url(../../assets/img/marker/icon-global-menu-search-sp.png) no-repeat left center; background-size: 30px 37px; font-size: 13px; color: #ddd; }
#global-navi .search form input[type="text"]:focus { color: #333 !important; }
#global-navi .search form input[type="reset"] { display: block; width: 35px; height: 29px; background: url(../../assets/img/marker/icon-global-menu-reset-sp.png) no-repeat right center; background-size: 35px 29px; border: none; text-align: left; text-indent: -9999px; position: absolute; right: 15px; top: 50%; margin-top: -14px; }
#global-navi ul { background-color: #8b9499; border-bottom: none; padding-bottom: 0px; }
#global-navi p.btnClose { background: #3e4b52; font-size: 12px; background-image: url(../img/header/btn-close-globalNavi.png); background-position: center center; height: 50px; text-indent: -9999em; background-repeat: no-repeat; background-size: 58px 15px; }
#global-navi p.btnClose.en { background-image: url(../img/header/btn-close-globalNavi-en.png); }
#global-navi ul li { border-top: 1px solid #979fa3; border-bottom: 1px solid #72797d; }
#global-navi ul li.sub { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #bdbdbd; background-color: #d3d3d3; }
#global-navi ul li.subfirst { border-top: 1px solid #d3d3d3; margin-top: -1px; }
#global-navi ul li.sublast { border-bottom: 1px solid #72797d; }
#global-navi ul li table { display: none !important; }
#global-navi ul li a { display: block; padding: 20px 25px 20px 15px; color: #17262e; font-size: 14px; font-weight: bold; -webkit-text-shadow: 0 1px 1px rgba(255,255,255,0.10); -moz-text-shadow: 0 1px 1px rgba(255,255,255,0.10); -ms-text-shadow: 0 1px 1px rgba(255,255,255,0.10); -o-text-shadow: 0 1px 1px rgba(255,255,255,0.10); text-shadow: 0 1px 1px rgba(255,255,255,0.10); text-decoration: none; background: url(../../assets/img/marker/icon-arrow-sp-globalNavi-01.png) no-repeat right center; background-size: 24px 13px; }
#global-navi ul li span._sp { display:inline-block !important; font-weight:inherit; line-height:inherit; }
#index-global-navi { height: 300px; background: url(../img/index/bg-globalNavi.png) no-repeat center top; background-size: 600px 300px; }
#index-global-navi ul li a { background-size: 300px 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: block; overflow: hidden; height: 100px; text-indent: -9999px; }
#global-navi ul li.contact, #global-navi ul li.request, #global-navi ul li.access, #global-navi ul li.english, #global-navi ul li.japanese, #global-navi ul li.about, #global-navi ul li.program, #global-navi ul li.partner { background: #e9ecf0; border-top: 1px solid #fff; border-bottom: 1px solid #d1d7df; padding-right: 16px; }
#global-navi ul li.contact a { background: url(../../assets/img/marker/icon-arrow-sp-globalNavi-03.png) no-repeat right center, url(../../assets/img/marker/icon-globalNavi-sp-utility-contact.png); background-repeat: no-repeat, no-repeat; background-position: right center, left center; background-size: 8px 13px, 39px 47px; padding-left: 40px; }
#global-navi ul li.request a { background: url(../../assets/img/marker/icon-arrow-sp-globalNavi-03.png) no-repeat right center, url(../../assets/img/marker/icon-globalNavi-sp-utility-request.png); background-repeat: no-repeat, no-repeat; background-position: right center, left center; background-size: 8px 13px, 39px 47px; padding-left: 40px; }
#global-navi ul li.access a { background: url(../../assets/img/marker/icon-arrow-sp-globalNavi-03.png) no-repeat right center, url(../../assets/img/marker/icon-globalNavi-sp-utility-access.png); background-repeat: no-repeat, no-repeat; background-position: right center, left center; background-size: 8px 13px, 39px 47px; padding-left: 40px; }
#global-navi ul li.english a, #global-navi ul li.japanese a { background: url(../../assets/img/marker/icon-arrow-sp-globalNavi-03.png) no-repeat right center, url(../../assets/img/marker/icon-globalNavi-sp-utility-japanese.png); background-repeat: no-repeat, no-repeat; background-position: right center, left center; background-size: 8px 13px, 39px 47px; padding-left: 40px; }
#global-navi ul .about a { background-image: url(../img/index/globalNavi-about-sp.png), url(../img/index/arrow-global-menu.png); background-position: left center, right center; background-repeat: no-repeat, no-repeat; background-size: 300px 100px, 8px 15px; border-bottom: 1px solid rgba(255,255,255,.30) padding-left: 40px; }
#global-navi ul .program a { background-image: url(../img/index/globalNavi-programs-sp.png), url(../img/index/arrow-global-menu.png); background-position: left center, right center; background-repeat: no-repeat, no-repeat; background-size: 300px 100px, 8px 15px; border-bottom: 1px solid rgba(255,255,255,.30) padding-left: 40px; }
#global-navi ul .partner a { background-image: url(../img/index/globalNavi-partnerUniversityStudents-sp.png), url(../img/index/arrow-global-menu.png); background-position: left center, right center; background-repeat: no-repeat, no-repeat; background-size: 300px 100px, 25px 15px; padding-left: 40px; }
#global-navi ul li.home { background: #E9ECF0; border-top: 1px solid #fff; border-bottom: 1px solid #d1d7df; }
#global-navi ul li.home a { margin: 0 16px 0 0; background: url(../../assets/img/marker/icon-arrow-02-r.png) no-repeat right center, url(../../assets/img/marker/icon-globalNavi-sp-utility-home-sp.png); background-repeat: no-repeat, no-repeat; background-position: right center, left center; background-size: 8px auto, 39px 47px; padding-left: 40px; color: #165E83; }

/**/
.READER { height: 1px; left: 0; overflow: hidden; position: absolute; top: 0; width: 1px; }
#wrapper { background: #f5f5f5; min-height: 100%; overflow: hidden; width: 100%; }
#fixed-pageTop { background: #939393; text-align: center; font-size: 15px; color: #FFF; text-shadow: 0 -1px 1px #707070; -ms-text-shadow: 0 -1px 1px #707070; -moz-text-shadow: 0 -1px 1px #707070; -webkit-text-shadow: 0 -1px 1px #707070; width: 100%; height: auto; position: static; margin: 40px 0px 0px; }
#fixed-pageTop span { display: block; background: url(../img/module/icon-sp-pageTop.png) no-repeat right center; background-size: 26px auto; padding: 13px 0; }
#contents .column-wide p { font-size: 13px; line-height: 1.6; margin: 0 0 20px; }
#contents h2 { font-size: 17px; font-weight: bold; margin: 40px 0 20px; color: #165e83; line-height: 1.5; }
#contents p { font-size: 12px; line-height: 1.6; margin: 0 0 20px; }
#contents img { max-width : 100% !important; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#contents .column-wide > p:first-child { padding-top: 30px; }
#contents .column-wide p { font-size: 12px; line-height: 1.6; margin: 0 0 20px; }
#contents h2:first-child { font-size: 17px; font-weight: bold; margin: 15px 0 20px; color: #165e83; line-height: 1.5; }
#contents h3, #contents h4, #contents h5, #contents h6 { font-size: 14px; font-weight: bold; margin: 15px 0 20px; line-height: 1.5; }
#contents .column-left, #contents .column-right { margin: 0 15px 30px; }
#contents.C .column-wide, #contents.N .column-wide { margin: 0 15px 30px; }
#contents.W .column-wide { width: 100%; margin: 0 0 30px; }
#underBanner #map { height: 200px; width: 100%; margin: 0 0 30px; position: relative; overflow: hidden; }
/*------------------------------------------
HEADRR
------------------------------------------*/
#header { border: none; background: #17252e; height: 50px; }
#header .container { height: 50px; }
#header h1 { height: 45px; margin-left: 10px; width: 250px; }
#header h1 a { display: block; background: url(../img/symbol/symbol-kufs-header-sp.png) no-repeat left 10px; background-size: 247px 27px; text-indent: -1000em; }
#header h1 img { height: 45px; width: auto; }
#banner h1 { background: #165e83; font-size: 18px; line-height: 1.3; padding: 25px 15px; color: #fff; font-weight: normal; margin: 0 0 20px; text-shadow: 0 -1px 1px #114864; -ms-text-shadow: 0 -1px 1px #114864; -moz-text-shadow: 0 -1px 1px #114864; -webkit-text-shadow: 0 -1px 1px #114864; }
#banner h1 span { font-size: 12px; display: block; padding: 5px 0; }
#banner h1 span { font-size: 12px; }
#banner.banner-C .container h1 { margin-bottom: 0; }
/*------------------------------------------
BREADCRUMB
------------------------------------------*/
#hansel { display: none; background: #f5f5f5; padding: 10px 0; -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2) inset; -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2) inset; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2) inset; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2) inset; }
#hansel ul { overflow: hidden; }
#hansel li { float: left; }
#hansel li a { display: block; font-size: 10px; line-height: 1.5; text-decoration: underline; padding: 0 8px; color: #6f6333; border-right: 1px solid #bfbfbf; }
/*------------------------------------------
COLUMN
------------------------------------------*/
#contents.N .col-2 { width: 100%; margin: 0 0 15px !important; left: 0; }
#contents.N .col-2 .floatLeft { float: none; width: auto; margin: 0 !important; }
#contents.N .col-2 .floatLeft h2 { margin: 0 0 15px !important; }
#contents.N .col-2 .floatLeft h3 { margin-top: 0; }
#contents.N .col-2 .floatLeft p { margin-bottom: 10px; }
#contents.N .col-2 .floatLeft img { height: auto !important; margin-bottom: 15px; }
#contents.N .col-3 { width: 100%; margin: 0 0 15px !important; left: 0; }
#contents.N .col-3 .floatLeft { float: none; width: auto; margin: 0 !important; }
#contents.N .col-3 .floatLeft h2 { margin: 0 0 15px !important; }
#contents.N .col-3 .floatLeft h3 { margin-top: 0; }
#contents.N .col-3 .floatLeft p { margin-bottom: 10px; }
#contents.N .col-3 .floatLeft img { width: auto; height: auto !important; margin-bottom: 15px; }
/*------------------------------------------
FOOTER
------------------------------------------*/



#footer-bottom .policy { text-align: center; }
#footer-bottom .policy li { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 3px 10px; margin-bottom: 20px; }
#footer-bottom .policy li:first-child { border-right: 1px solid #fff; }
#footer-bottom .policy li a { color: #fff; text-decoration: none; }
#footer-bottom .policy li a:hover { text-decoration: underline !important; }
#footer .copyright small span { font-size: 8px; line-height: 1.3; color: #FFF; display: block; text-align: center; }
#footer-bottom { background: #17262e; padding: 15px; }
#footer-globalNavi { padding: 0; background: #8b9499; box-shadow: 0 -3px -3px #000; }
#footer-globalNavi div.search { display: none; }
#footer-globalNavi ul { }
#footer-globalNavi li { border-top: 1px solid #979fa3; border-bottom: 1px solid #72797d; }
#footer-globalNavi li a { display: block; color: #17262e; font-size: 13px; line-height: 1.5; padding: 15px 23px 15px 15px; margin: 0 15px 0 0; text-decoration: none; background: url(../img/marker/icon-arrow-02-r.png) no-repeat right center; background-size: 8px auto; }
#footer-globalNavi li div { display: none !important; }
#footer-globalNavi li dl { display: none; }
/**/
#footer-globalNavi ul li.contact, #footer-globalNavi ul li.request, #footer-globalNavi ul li.access, #footer-globalNavi ul li.english, #footer-globalNavi ul li.japanese, #footer-globalNavi ul li.about, #footer-globalNavi ul li.program, #footer-globalNavi ul li.partner { background: #e9ecf0; border-top: 1px solid #fff; border-bottom: 1px solid #d1d7df; }
#footer-globalNavi ul li.sub { background: #d3d3d3; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #bdbdbd; }
#footer-globalNavi ul li.subfirst { border-top-color: #d3d3d3; margin-top: -1px; }
#footer-globalNavi ul li.sublast { border-bottom-color: #72797d; }
#footer-globalNavi ul li.contact a { background: url(../../assets/img/marker/icon-arrow-sp-globalNavi-03.png) no-repeat right center, url(../../assets/img/marker/icon-globalNavi-sp-utility-contact.png); background-repeat: no-repeat, no-repeat; background-position: right center, left center; background-size: 8px 13px, 39px 47px; padding-left: 40px; }
#footer-globalNavi ul li.request a { background: url(../../assets/img/marker/icon-arrow-sp-globalNavi-03.png) no-repeat right center, url(../../assets/img/marker/icon-globalNavi-sp-utility-request.png); background-repeat: no-repeat, no-repeat; background-position: right center, left center; background-size: 8px 13px, 39px 47px; padding-left: 40px; }
#footer-globalNavi ul li.access a { background: url(../../assets/img/marker/icon-arrow-sp-globalNavi-03.png) no-repeat right center, url(../../assets/img/marker/icon-globalNavi-sp-utility-access.png); background-repeat: no-repeat, no-repeat; background-position: right center, left center; background-size: 8px 13px, 39px 47px; padding-left: 40px; }
#footer-globalNavi ul li.english a, #footer-globalNavi ul li.japanese a { background: url(../../assets/img/marker/icon-arrow-sp-globalNavi-03.png) no-repeat right center, url(../../assets/img/marker/icon-globalNavi-sp-utility-japanese.png); background-repeat: no-repeat, no-repeat; background-position: right center, left center; background-size: 8px 13px, 39px 47px; padding-left: 40px; }
#footer-globalNavi ul .about a { background-image: url(../img/index/globalNavi-about-sp.png), url(../img/index/arrow-global-menu.png); background-position: left center, right center; background-repeat: no-repeat, no-repeat; background-size: 300px 100px, 8px 15px; border-bottom: 1px solid rgba(255,255,255,.30) padding-left: 40px; }
#footer-globalNavi ul .program a { background-image: url(../img/index/globalNavi-programs-sp.png), url(../img/index/arrow-global-menu.png); background-position: left center, right center; background-repeat: no-repeat, no-repeat; background-size: 300px 100px, 8px 15px; border-bottom: 1px solid rgba(255,255,255,.30) padding-left: 40px; }
#footer-globalNavi ul .partner a { background-image: url(../img/index/globalNavi-partnerUniversityStudents-sp.png), url(../img/index/arrow-global-menu.png); background-position: left center, right center; background-repeat: no-repeat, no-repeat; background-size: 300px 100px, 8px 15px; padding-left: 40px; }
#footer-globalNavi ul li.home { background: #E9ECF0; border-top: 1px solid #ffffff; border-bottom: 1px solid #114864; }
#footer-globalNavi ul li.home a { margin: 0 15px 0 0; background: url(../../assets/img/marker/icon-arrow-02-r.png) no-repeat right center, url(../../assets/img/marker/icon-globalNavi-sp-utility-home-sp.png); background-repeat: no-repeat, no-repeat; background-position: right center, left center; background-size: 8px auto, 39px 47px; padding-left: 40px; color: #165E83; }
#footer-globalNavi ul li span._sp { display:inline-block !important; font-weight:inherit; line-height:inherit; }

/**/
#global-navi-back { position: absolute; height: 100%; width: 100%; background: #000; z-index: 99; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -moz-opacity: 0.8; -webkit-opacity: 0.8; zoom: 1; }
