/*

	bg-gray: #f9f9f9;
	light-gray: #cbcbcb;
	ligh-gray2: #d6d6d6;
	ligh-gray3: #b5b5b5;
	ligh-gray4: #e6e6e6;
	mid-gray: #b3b3b3;
	dark-gray: #6f6f6f;
	dark-gray2: #333;
	blue: #000055;
	light-blue: #4c5c92;
	red: #cc0000;
	light-red: #e3495f;
	yellow: #ffcc00;
*/

#page { width: 940px; margin: 0 auto; }

#header { position: relative; margin: 20px 0; }
	#header ul { list-style: none; padding: 0; }
	#header a { color: #333; text-decoration: none; }
	#logo { width: 419px; height: 59px; margin:0 0 20px 10px; font-size: 0.8572em; text-indent: -999em; background: url(../images/keio_logo.png) no-repeat 0 0; }
	#logo a { display: block; width: 100%; height: 56px; }
	#nav-util { position: absolute; top:0; right: 10px; font-size: 0.8572em; }
	#qtranslate-chooser { float: right; margin: 0; }
		#qtranslate-chooser li { float: left; margin-left: 0.5em; padding-left: 0.5em; border-left: solid 1px; }
		#qtranslate-chooser li:first-child { border: none; }
	#nav-main { margin: 0; clear: left; border-top: solid 4px #000055; background: #e6e6e6; }
		#nav-main li { float: left; display: inline; border-right: solid 1px #fff; }
		#nav-main a { position: relative; display: block; line-height: 1; padding: 12px; text-shadow: 0 1px 0 #fff; }
		#nav-main .current_page_ancestor a,
		#nav-main .current_page_parent a,
		#nav-main .current_page_item a,
		#nav-main a:hover { background: #333; color: #fff; text-shadow: 0 1px 0 #000; }
	#searchform { position: absolute; top: 32px; right:10px; vertical-align: bottom; }
	#searchform label { display: none; }
	#searchform #search { border: solid 1px #d8d8d8; padding: 2px 10px; height: 19px; line-height: 1; }
	#searchform #submit { vertical-align: bottom; }
	#text-resizer { float:left; padding-right: 1em; line-height: 1.5; border-right: solid 1px #333; }
		#text-resizer a { position: relative; top:-1px; display: inline-block; width: 13px; height: 14px; overflow: hidden; text-indent: 20px; vertical-align: text-top; text-transform: uppercase; background: #fff url(../images/sml.png) no-repeat 0 -2px; }
		#text-resizer .m { background-position: -15px -2px; }
		#text-resizer .l { background-position: -29px -2px; }
		#text-resizer .s:hover, body.s #text-resizer .s { background-position: 0 -17px; }
		#text-resizer .m:hover, body.m #text-resizer .m { background-position: -15px -17px; }
		#text-resizer .l:hover, body.l #text-resizer .l { background-position: -29px -17px; }

.sidebar { width: 300px; float: left; padding: 32px 0 0 0; background: url(../images/diagonal-pattern.png) repeat-x 0 0; }	

#nav-sub { margin-bottom: 20px; }
	#nav-sub ul { list-style: none; padding: 0; margin: 0; }
	#nav-sub li { width: 100%; }
	#nav-sub li a { display: block; padding: 4px 10px; border-bottom: solid 1px #e6e6e6; text-decoration: none; color: #333; }
	#nav-sub li li a { padding-left: 1em; }
	
	#nav-sub .current-cat a:before,
	#nav-sub .current-post a:before,
	#nav-sub .current_page_item a:before { content:"» "; position: relative; top: -1px; }
	
	#nav-sub li li a:before,
	#nav-sub .current-cat li a:before,
	#nav-sub .current_page_item li a:before { content: "– "; }
	
	#nav-sub .current-cat a,
	#nav-sub .current-cat a:hover,
	#nav-sub .current-cat .current-post a,
	#nav-sub .current-post a,
	#nav-sub .current-post a:hover,
	#nav-sub .current-post .current-post a,
	#nav-sub .current_page_item a
	/* #nav-sub .current_page_item a:hover, */
	/* #nav-sub .current_page_ancestor .current_page_item a */ { background: #333; color: #fff; text-shadow: 0 1px 0 #000; }
	#nav-sub .children ul { display: none; }
	#nav-sub ul.children .current_page_item ul { display: block; }
	#nav-sub ul.children .current_page_ancestor ul { display: block; }
	#nav-sub ul ul ul li a { padding-left: 10%; }
	
	#nav-sub .current-cat li a,
	#nav-sub .current_page_item li a { background: #fff; color: #333; text-shadow: none; }
	/* #nav-sub .current_page_item li a:before { content: "˻ "; position: relative; top: -4px; } */
	#nav-sub li a:hover,
	#nav-sub .current-cat li a:hover,
	#nav-sub li li a:hover { background: #e6e6e6; color: #333; text-shadow: 0 1px 0 #fff; }
	/* #nav-sub li li a { background: url(../images/sub-nav-arrow.png) no-repeat 12px 10px; } */
	/* #nav-sub li li a:hover { background: #e6e6e6 url(../images/sub-nav-arrow-active.png) no-repeat 12px 10px; } */

#nav-latest { margin-bottom: 20px; padding-bottom: 10px; background: url(/images/shadow-bottom.png) no-repeat 50% 100%; }
	#nav-latest h2 { padding: 20px 10px 0 10px; background: url(/images/shadow-top.png) no-repeat 50% 0; font-size: 1em; border-bottom: solid 1px #e6e6e6; }
	#nav-latest ul { list-style: none; padding: 0; margin: 0; }
	#nav-latest li { overflow: auto; padding: 4px 10px; border-bottom: dotted 1px #e6e6e6; }
	#nav-latest li span { float: left; font-size: 0.8571em; font-weight: bold; color: #333; }
	#nav-latest li a { display: block; margin-left: 6.4em; text-decoration: none; color: #666; font-size: 0.8571em; }
	#nav-latest li a:hover { color: #cc0000; }
	#nav-latest li:last-child { border-bottom: solid 1px #e6e6e6; }
	#nav-latest .read-more { padding-top: 0.5em; }
	#nav-latest .read-more a { color: #333; text-decoration: none; }
	#nav-latest .read-more a:hover { color: #cc0000; }

#content { width: 620px; float:right; margin-bottom: 20px; }
	#content table { margin-top: 5px; }
	#content ul.fancy { padding: 10px 0; border-top: dotted 1px #cc0000; border-bottom: dotted 1px #cc0000; color: #cc0000; }
	#content ul.fancy2 li { background: none; padding-left: 0; border-bottom: dotted 1px #cc0000; color: #333; list-style-type: none; }

.header { position: relative; padding:10px 240px 10px 20px; margin: 0 0 20px 0; min-height: 60px; background: #000055; color: #fff; }
	.header h1 { vertical-align: middle; }
	.header .section-image { position: absolute; right: 0; top: 0; height: 100%; width: 220px; overflow: hidden; border-left: solid 1px #fff; background: #000055 url(/images/headers/header_image02.jpg) no-repeat 100% 50%; }
.section-header { margin: 0; padding: 0 10px 5px 10px; text-align: right; font-size: 1.25em; line-height: 1; color: #000055; }

.post { padding: 0 40px 0 20px; }

.wp-pagenavi { margin-top: 1.5em; padding:1em 0; border-top: solid 1px #e6e6e6; }
.wp-pagenavi .pages { margin-right: 1em; }
.wp-pagenavi .current { padding: 0.25em 0.5em; margin: 0 0.5em 0 0; border: solid 1px #d8d8d8; color: #d8d8d8; }
.wp-pagenavi a { padding: 0.25em 0.5em; margin: 0 0.5em 0 0; border: solid 1px #cc0000; }

.page { padding: 0 40px 0 20px; }
	.post ul,
	.page ul { padding-left: 0; list-style: none; }
	.post ul li,
	.page ul li { background: url(../images/list-arrow.png) no-repeat 0 0.46em; padding-left: 20px; }
	
	.page table { width:600px; position: relative; margin-right: -140px; }
	.page .wide { width:600px; position: relative; margin-right: -140px; }

.section { border-bottom: dotted 1px #e6e6e6; margin-bottom: 20px;  }
	.no-image { padding-left: 140px; }
.section2 { border-bottom: dotted 1px #cc0000; margin-bottom: 20px;  }

.work-title { margin:-5px 0 0.5em 0; font-style: italic; }

img.alignleft { float: left; padding: 4px; background-color: #fff; border: solid 1px #e6e6e6; margin: 0 10px 10px 0; }
img.alignright { float: right; padding: 4px; background-color: #fff; border: solid 1px #e6e6e6; margin: 0 0 10px 10px; }

.read-more { text-align: right; font-size: 0.8571em; margin: 0 0 0.5833em 0; }


.info-box { margin-bottom: 20px; padding: 10px 10px 0 10px; width: 536px; border: dotted 1px #cc0000; }
	.info-box h2 { margin: 0; padding: 0; font-size: 1em; }
	.info-box p { margin: 0 0 10px 0; padding: 0; font-size: 0.8572em;  }
	.info-box .sub { margin: 0; padding: 0; font-weight: bold; /* font-weight: 1em; */ }

/* Forms */
.mmf {  }
	.mmf-response-output { padding: 10px 10px 0 10px; font-size: 0.8572em; border: dotted 1px #cc0000; }
	.mmf label { display: block; font-weight: bold; }
	.mmf .mmf-text, textarea { width: 260px; padding: 2px; font-size: 1em; border: solid 1px #D8D8D8; }
	.mmf .mmf-text {  }
	.mmf textarea {  }
	.mmf #year,
	.mmf #month { width:4em; margin-right: 1em; }
	.mmf #month { width: 2em; }
	.mmf #pref-date { width: 6em; margin-right: 1em; }
	.mmf .mmf-radio .mmf-list-item-label { margin-right: 1em; }

/* Collapsible lists */
.collapse {  }
	.collapse .title { padding: 0; margin: 0 0 5px 0; vertical-align:middle; }
	.collapse .title a { display: block; padding-left: 28px; min-height: 18px; background: url(../images/dd_arrow.gif) no-repeat 0 50%; }
	.collapse .item { display: none; padding: 10px; background: #f6f6f6; margin: 10px 0 1.5em 18px; }
	.collapse .visible { display: block !important; }


#aside { width: 300px; clear: left; margin-bottom: 20px; }
	#aside .promo { list-style: none; padding: 0; }
	#aside .promo p { margin: 0; }
	#aside .promo a { color: #fff; }
	#aside .promo li { padding: 10px; margin: 20px 0; color: #fff; font-size: 0.8572em; background-color: #000055; }
	#aside .promo .even { background-color: #cc0000; }

#footer { clear: both; padding: 15px 0; text-align: center; border-top: solid 3px #e6e6e6; color: #999; line-height: 2em; }
	#footer a:link,
	#footer a:visited { color: #999; }
	#footer a:hover { color: #333; }
	#footer p { margin: 0; clear: both; }
	#footer ul { position: relative;  list-style: none; margin: 0; clear: left; }
	#footer li { display: inline; padding: 0 0.5em 0 0.25em; border-right: solid 1px #b3b3b3; }
	#footer li:last-child { border: 0; }


/* page specific */	

#front #header { margin: 20px 0 10px 0; }

#masthead { padding: 0 0 20px; margin: 0 0 10px; background: transparent url(../images/diagonal-pattern.png) repeat-x 0 100%; }
	#masthead img { display: block; margin-bottom: 1px; padding: 0 0 10px 0; border-bottom: solid 1px #e6e6e6; }

#front #content { width: 100%; float: none; }
	#front #content .introduction { float: left; width: 300px; margin-right: 20px; }
	#front #content h1 { font-size: 1.1428em; border-bottom: solid 1px #e6e6e6; margin-bottom: 10px; }


#front #aside { float: none; clear: none; width: auto; }
	#front #aside h2 { border-bottom: solid 1px #e6e6e6; margin-bottom: 10px; }
	#front #aside #more-info { float: left; width: 300px; margin: 0 0 20px 0; }
	#front #aside #nav-latest { position: relative; float: right; width: 300px; margin: 0 0 20px 0; padding: 0; background: transparent; }
	#front #aside #nav-latest h2 { font-size: 1.1428em; padding: 0; background: transparent; }
	#front #aside #nav-latest .read-more { position: absolute; top: 0.3em; padding: 0; right: 0; }
	#front #aside #nav-latest ul { list-style-type: none; padding: 0; }
	#front #aside #nav-latest li { overflow: auto; padding: 4px 10px 4px 0; border-bottom: dotted 1px #e6e6e6; font-size: 1em; }
	#front #aside #nav-latest span { float: left; font-weight: bold; color: #333; }
	#front #aside #nav-latest a { display: block; margin-left: 6.4em; text-decoration: none; color: #666; }
	#front #aside #nav-latest a:hover { color: #cc0000; }
	
	#front .promo { clear: both; }
		#front .promo li { width: 280px; margin-left: 20px; float: right; }

body.journal .section-image,
body.news .section-image,
body.workshops .section-image { background-image: url(/images/headers/header_image01.jpg); }

body.about .section-image 	{ background-image: url(/images/headers/about_sfc.jpg); }
body.admission .section-image { background-image: url(/images/headers/admission.jpg); }
body.campus .section-image 	{ background-image: url(/images/headers/campus_life.jpg); }
body.career .section-image 	{ background-image: url(/images/headers/career_development.jpg); }
body.faq .section-image 	{ background-image: url(/images/headers/faq.jpg); }
body.contact .section-image { background-image: url(/images/headers/contact_us.jpg); }

.wide-image					{ background-image: url(/images/headers/lg/the_giga_program.jpg); background-position: center; background-size: 100%; height: 200px; }
body.about .wide-image 		{ background-image: url(/images/headers/lg/about_sfc.jpg); }
body.admission .wide-image 	{ background-image: url(/images/headers/lg/admission.jpg); }
body.campus .wide-image 	{ background-image: url(/images/headers/lg/campus_life.jpg); }
body.career .wide-image 	{ background-image: url(/images/headers/lg/career_development.jpg); }
body.faq .wide-image 		{ background-image: url(/images/headers/lg/faq.jpg); }
body.contact .wide-image 	{ background-image: url(/images/headers/lg/contact_us.jpg); }

#alumni .column-1 { width: 25%; }

#academic-fees .column-2, #academic-fees .column-3 { width: 25%; text-align: right; }
#academic-fees #wp-table-reloaded-id-4-no-1 .row-2 td { background: #f6f6f6; }
	#academic-fees #wp-table-reloaded-id-4-no-1 .row-2 .column-2,
	#academic-fees #wp-table-reloaded-id-4-no-1 .row-2 .column-3 { text-align: left; }

#cafeterias-and-co-op thead .column-1 { padding: 5px 5px 5px 10px; }
#cafeterias-and-co-op thead .column-2 { padding: 5px 5px 5px 0; }
#cafeterias-and-co-op .column-1 { width: 75% }
#cafeterias-and-co-op .column-2 { text-align: center; }

.header-fancy { color: #cc0000; font-size: 1.0714em; margin: 0.5em 0 0.25em 0; }


#application-timeline td { padding: 0px; border: none; }
#application-timeline-date { width: 15em; }
#application-timeline-item { }


/* JQZOOM */

div.jqZoomTitle { z-index:5000; text-align:center; font-size:11px; height:16px; padding-top:2px; position:absolute; top: 0px; left: 0px; width: 100%; color: #fff; background: #999; }
.jqZoomPup { overflow:hidden; background-color: #fff; -moz-opacity:0.6; opacity: 0.6; z-index:10; border-color:#c4c4c4; border-style: solid; cursor: crosshair; }
.jqZoomPup img { border: 0; }
.preload { -moz-opacity:0.8; opacity: 0.8; color: #333; font-size: 12px; text-decoration: none; border: 1px solid #CCC; padding: 8px;	text-align:center; background: #fff url(../js/jqzoom/images/zoomloader.gif) no-repeat 43px 30px; width:90px; * width:100px;	height:43px; *height:55px; z-index:10; position:absolute; top:3px; left:3px; }
.jqZoomWindow { border: solid 1px #333; background-color: #FFF; }

/* ADDED IN 2014 */

.local_nav { margin-bottom: 20px; height: 150px; float: left; width: 100%; }
.row { width: 175px; height:62px; float: left; margin-left: 2%; }
.row h3{ background: #333;color: #FFF;padding:10px; }
.row h3:hover{ background: #838383; }


/* ADDED IN 2016 */

.pc-only { display: block; }
.mobile-only { display: none; }
.menu-header-menu-container { float: left; width: 100%; padding: 0; margin: 0; }

#header ul { position: relative; }
#header ul.sub-menu {
    position: absolute;
    top: 40px;
    z-index: 200;
    background: #e6e6e6;
    width: 210px;
    border: 0;
    display: none;
}
#nav-main .sub-menu li { border-right: none; width: 100%; }
#nav-main .current_page_parent .sub-menu a, #nav-main .current_page_item .sub-menu a { background: none; text-shadow: none; color: #333; }
#nav-main .current_page_parent .sub-menu a:hover, #nav-main .current_page_item .sub-menu a:hover { background: #333; color: #fff; text-shadow: 0 1px 0 #000; }

#nav-main li:hover .sub-menu { display: block; }

/* Non-mobile Narrow Window */
@media only screen and (max-width : 955px) {
.pc-only { display: none; }
	.mobile-only { display: block; }
	body { width: 100%; }
	#page { width: 100%; }
	#logo {
		width: 95%;
		background-size: contain;
		height: 55px;
		margin-bottom: 20px;
		margin-left: 5%;
		padding: 0px;
	}
	#text-resizer { display: none; }
	#nav-main { display: none; }
	.language-chooser { display: none; }
	#nav-main .language-chooser { display: block; width:100%; }
	#nav-main .language-chooser li { border-bottom: 1px solid #fff; border-left: none; padding: 0%; margin-left: 0;}
	.fa-bars {
		text-align: right;
		background: #005;
		color: #fff;
		width: 94%;
		height: auto;
		padding: 8px 3%;
		font-size: 30px !important;
	}
	#nav-main li {
		width: 100%;
		border-bottom: 1px solid #fff;
	}
	#content { float: left; width: 100%; overflow-x: hidden; font-size: 135%; }
	.sidebar {  width: 100%; }
	#header { margin: 20px 0 0 0; }
	.header { width: 100%; padding: 0; min-height: 0; }
	.header .section-image { width: 100%; background-size: cover; display: none; }
	.header h1 {
		width: 90%;
		float: left;
		height: auto;
		/* position: absolute; */
		z-index: 200;
		top: 0;
		left: 0;
		padding: 5%;
		background: rgba(0,0,0,0.5);
		font-size: 165%;
	}
	.page {
		width: 90%;
		padding: 0;
		margin: 0 5%;
		word-wrap: break-word;
	}
	.info-box {
		width: 92%;
		font-size: 90%;
		padding: 4%;
	}
	.page table {
		width: 100%;
	}
	.size-full {
		width: 100%;
		height: auto;
	}
	#aside {
		width: 100%;
	}

	/* FRONT */
	#front #content .introduction, #front #aside #more-info, #front #aside #nav-latest { width: 90%; padding: 4%; }
	#front #aside #nav-latest .read-more { right: 5%; }
	#front #header { margin: 20px 0 0px 0; }
	#front #slides { height: auto; }

	.row { width: 100%; margin: 0 0 2px 0; }
	.video img { width: 100%; }
	img.size-large { width: 100%; height: auto; }

	input[type="submit"] {
		background: #ccc;
		border: 0;
		padding: 10px 40px;
	}

	#more-info a { float: left; text-align: center; width: 100%; }
	
	.collapse { margin-top: 85px; }
	.sub-menu { display: none !important; }
	.lastCol { float: left; }
	.header h1 { background: #fff; color: #000; margin-bottom: 0px; }

	#nav-sub li a:before { content: "> "; }

	#global .tab { display: none !important; }
	#global #content1, #global #content2, #global #content3 { display: block !important; }

}


/* Mobile General Settings */
@media only screen and (max-device-width : 980px) {
	.pc-only { display: none; }
	.mobile-only { display: block; }
	body { width: 100%; }
	#page { width: 100%; }
	#logo {
		width: 95%;
		background-size: cover;
		height: 55px;
		margin-bottom: 0px;
		margin-left: 5%;
		padding: 0px;
	}
	#text-resizer { display: none; }
	#nav-main { display: none; }
	.language-chooser { display: none; }
	#nav-main .language-chooser { display: block; width:100%; }
	#nav-main .language-chooser li { border-bottom: 1px solid #fff; border-left: none; padding: 0%; margin-left: 0;}
	.fa-bars { text-align: right; background: #005; color: #fff; height: auto; }
	#nav-main li {
		width: 100%;
		border-bottom: 1px solid #fff;
	}
	#content { float: left; width: 100%; overflow-x: hidden; }
	.sidebar {  width: 100%; }
	#header { margin: 20px 0 0 0; }
	.header { width: 100%; padding: 0; min-height: 0; }
	.header .section-image { width: 100%; background-size: cover; display: none; }
	.header h1 {
		color: #000;
		width: 90%;
		float: left;
		height: auto;
		/* position: absolute; */
		z-index: 200;
		top: 0;
		left: 0;
		padding: 5%;
		background: rgba(0,0,0,0.5);
		background: #fff;
		padding-bottom: 0;
		margin-bottom: 10px;
	}
	.page {
		width: 90%;
		padding: 0;
		margin: 0 5%;
		word-wrap: break-word;
	}
	.info-box {
		width: 92%;
		font-size: 90%;
		padding: 4%;
	}
	.page table {
		width: 100%;
	}
	.size-full {
		width: 100%;
		height: auto;
	}
	#aside {
		width: 100%;
	}

	/* FRONT */
	#front #content .introduction, #front #aside #more-info, #front #aside #nav-latest { width: 90%; padding: 4%; }
	#front #aside #nav-latest .read-more { right: 5%; }
	#front #header { margin: 20px 0 0px 0; }
	#front #slides { height: 160px; }

	.row { width: 100%; margin: 0 0 2px 0; }
	.video img { width: 100%; }
	img.size-large { width: 100%; height: auto; }

	input[type="submit"] {
		background: #ccc;
		border: 0;
		padding: 10px 40px;
	}
	
	.collapse { margin-top: 85px; }

}


/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1)  { 
	#logo { width: 65%; height: 85px; }
	#front #slides { height: 310px; }
	#more-info a { float: left; text-align: center; width: 100%; }
	.header h1 { margin-bottom: 30px; }
	.sub-menu { display: none !important; }
	.collapse { margin-top: 140px; }
}

/* iPhone 6 */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px)  { 
	#logo { background-size: 70%; }
	#footer p { padding: 3%; }
}

/* Galaxy Note 3 */
@media only screen and (max-device-width : 640px)  { 
	#logo { background-size: 80%; }
	#footer p { padding: 3%; }
	.lastCol { float: left; }
}

/* added for table by Tatsuya Hagino in 2017 */

/* Number of Students */
.tablepress-id-46 .column-2 {
    text-align: right;
}
.tablepress-id-46 .column-3 {
    text-align: right;
}
.tablepress-id-46 .column-4 {
    text-align: right;
}

/* International Students */
.tablepress-id-47 .row-1 th {
    text-align: center;
    font-size: xx-small;
}
.tablepress-id-47 .column-2 {
    text-align: right;
}
.tablepress-id-47 .column-3 {
    text-align: right;
}
.tablepress-id-47 .column-4 {
    text-align: right;
}
.tablepress-id-47 .column-5 {
    text-align: right;
}
.tablepress-id-47 .column-6 {
    text-align: right;
}
.tablepress-id-47 .column-7 {
    text-align: right;
}
.tablepress-id-47 .column-8 {
    text-align: right;
}
.tablepress-id-47 .column-9 {
    text-align: right;
}
.tablepress-id-47 .column-10 {
    text-align: right;
}

/* Full-time Faculty Members */
.tablepress-id-48 .column-2 {
    text-align: center;
}

/* Alumi */
.tablepress-id-49 .column-2 {
    text-align: right;
}
.tablepress-id-49 .column-3 {
    text-align: right;
}
.tablepress-id-49 .column-4 {
    text-align: right;
}