@charset "UTF-8";

/* »ù±¾¥¯¥é¥¹
---------------------------------------------------------- */

/* ¥ê¥»¥Ã¥È
---------------------------------------------------------- */

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h2, h3, h4, h5, h6,  
pre, form, fieldset, input, textarea, p, th, td {  
    margin: 0;
	padding: 0;  
	font-size: 100%;
} 

img { 
	border: 0;
}

ul {
	list-style: none;
}

ol {
	margin-left: 20px;
}


/* ¥ì¥¤¥¢¥¦¥È
---------------------------------------------------------- */

/* ¥¹¥Þ©`¥È¥Õ¥©¥ó¥Ð¥Ê©` */
#sp_link {
	text-align: center;
	width: 1030px;
	margin: 0 auto;
}

body {
	color: #333333;
	font-family: "Hiragino Kaku Gothic Pro", "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", Meiryo, "¥á¥¤¥ê¥ª", "MS PGothic", "£Í£Ó £Ð¥´¥·¥Ã¥¯", sans-serif;
	font-size: 81.25%;
	line-height: 1.5;
	background: #f4f2e5;
}

a:link, a:visited {
	color: #37a476;
	text-decoration: underline;
}

a:hover, a:active {
	color: #37a476;
	text-decoration: none;
}


/* ¥Ø¥Ã¥À©`
---------------------------------------------------------- */

#header {
	width: 100%;
	margin: 0;
	background: #FFFFFF;
	text-align: center;
}

#header_block {
	clear: both;
	width: 1030px;
	margin: 0 auto;
	background: #FFFFFF;
}

#header_box {
	display: flex;
	width: 950px;
	margin: 0 auto;
	padding-top: 8px;
}

#logo {
	/* float: left; */
	width: 230px;
	height: 73px;
}

#header_sub{
	/* float: right; */
	width: 660px;
	height: 73px;
}

#header_btn_block {
	float: right;
	width: 145px;
}

#search_block {
	float: right;
	width: 247px;
}

#search_block form {
	width: 216px;
	margin: 0 auto;
}

#search_block .search_text {
	float: left;
	width: 156px;
	height: 30px;
	border: none;
	background: url(/img/common/header/search_input_bg.jpg) no-repeat;
}

#search_block .search_btn {
	float: left;
	width: 60px;
}

/* ÎÄ×Ö¥µ¥¤¥º¥Ê¥Ó */
dl#fontsize {
	float: right;
	width: 167px;
}

dl#fontsize dt,
dl#fontsize dd {
	float: left;
}

/* ™CÄÜ¥Ê¥Ó */
ul#knavi {
	clear: both;
	float: right;
	height: 31px;
	overflow: hidden;
}

ul#knavi li {
	margin-left: 20px;
	font-weight: bold;
	line-height: 1;
	padding-top: 2px;
	float: left;
}

ul#knavi li a {
	color: #666666;
	text-decoration: none;
	padding-left: 13px;
	background: url(/img/common/header/icon_kmenu.gif) no-repeat left center;
}

ul#knavi li a:hover {
	color: #37a476;
	text-decoration: underline;
}

#header_instagram {
	width: 40px;
	margin-left: 20px;
	padding-top: 12.5px;
}

#header_instagram a {
	display: block;
}

/* ¥æ©`¥¶©`¥°¥í©`¥Ð¥ë¥Ê¥Ó */
#umenu_block {
	width: 100%;
	background: url(/img/common/header/umenu_btm.jpg) repeat-x bottom;
	padding-bottom: 5px;
}

#umenu_box {
	width: 100%;
	background: #eae4d4 url(../img/common/header/umenu_bg.jpg) repeat-x top;
}

.umenu_box {
	width:1030px;
	margin: 0 auto;
	background: #eae4d4 url(../img/common/header/umenu_bg.jpg) repeat-x top;
}

ul#umenu {
	clear: both;
	width: 950px;
	min-height: 40px;
	margin: 0 auto;
	background: #e9ebe9 url(../img/common/header/umenu_ul_bg.jpg) repeat-x top;
}

ul#umenu li {
	width: 20%;
	padding-top: 3px;
	font-size: 108%;
	line-height: 1.2;
	text-align: center;
	float: left;
}

ul#umenu li span {
	background: url(/img/common/header/icon_red.gif) no-repeat left center;
	padding-left: 15px;
}

ul#umenu li a {
	display: block;
	padding: 9px 2px;
	border-left: solid 1px #CCCCCC;
	text-decoration: none;
	color: #555555;
}

ul#umenu li.general a {
	border-right: solid 1px #CCCCCC;
}

/* ¥°¥í©`¥Ð¥ë¥Ê¥Ó */
#gmenu_block {
	width: 100%;
	text-align: center;
	background: #50041a url(../img/common/header/gmenu_bg.jpg) repeat-x top;
}

#gmenu_box {
	width: 1030px;
	margin: 0 auto;
	text-align: center;
	background: #50041a url(../img/common/header/gmenu_bg.jpg) repeat-x top;
}

ul#gmenu {
	clear: both;
	width: 950px;
	margin: 0 auto;
}

ul#gmenu li {
	font-size: 123%;
	line-height: 1.2;
	text-align: center;
	width: 12%;
	float: left;
	position: relative;
}

ul#gmenu li.departments {
	width: 13%;
}

ul#gmenu li.research {
	width: 15%;
}

ul#gmenu li a.gmenu {
	display: block;
	padding: 13px 5px;
	border-left: solid 1px #CCCCCC;
	text-decoration: none;
	background: #690835 url(../img/common/header/gmenu_ul_bg.jpg) repeat-x top;
	color: #FFFFFF;
}

ul#gmenu li a.gmenu:hover {
	background: #960a43 url(../img/common/header/gmenu_ul_bg_on.jpg) repeat-x top;
}

ul#gmenu li.international a {
	border-right: solid 1px #CCCCCC;
}

/* ¥á¥¬¥É¥í¥Ã¥×¥À¥¦¥ó¥á¥Ë¥å©` */
.submenu_block {
	position: absolute;
	top: 45px;
	left: 0;
	z-index: 10000;
	width: 198px;
	color: #666666;
	display: none;
}

.submenu_box {
	background: url(/img/common/header/submenu/shadow_r.png) no-repeat left bottom;
	width: 198px;
	padding-bottom: 10px;
}

ul#gmenu .submenu_list {
	width: 188px;
	border-top: solid 6px #940a43;
	padding: 18px 0;
}

ul#gmenu .submenu_list li {
	position: relative;
	display: block;
	float: none;
	height: auto;
	font-size: 81%;
	line-height: 1.3;
	text-align: left;
	width: 188px;
}

ul#gmenu .submenu_list li a {
	display: block;
	padding: 4px 18px;
	color: #666666;
	text-decoration: none;
	border: none !important;
}

ul#gmenu .submenu_list li a:hover {
	background: #53b189 url(../img/common/header/icon_green_bg.gif) no-repeat 175px center;
	color: #FFFFFF;
}

ul#gmenu .submenu_list .submenu_feature {	
	display: none;
	width: 201px;
	position: absolute;
	left: 188px;
	background: url(/img/common/header/submenu/submenu_feature_bg.png) left bottom;
}

ul#gmenu .international .submenu_list .submenu_feature {	
	display: none;
	width: 201px;
	position: absolute;
	left: -190px;
	background: url(/img/common/header/submenu/submenu_feature_bg.png) left bottom;
}

ul#gmenu .international .submenu_list li a:hover {
	background: #53b189 url(../img/common/header/icon_green_bg_l.gif) no-repeat 5px center;
	color: #FFFFFF;
}

.submenu_list .submenu_feature div {
	border-top: solid 3px #940a43;
	margin: 0 10px 10px 0;
	padding: 18px;
}

.submenu_list .submenu_feature div img {
	margin-bottom: 5px;
}

.submenu_list .submenu_feature div p {
	margin-bottom: 6px;
}

.submenu_list .submenu_feature div p.feature_title {
	margin-bottom: 6px;
	color: #333333;
	font-weight: bold;
}

.submenu_list li .submenu_feature div p.icon_arr a,
.submenu_list li .submenu_feature div p.icon_arr a:hover {
	display: inline !important;
	margin: 0;
	padding: 0 15px 0 0 !important;
	background: #FFFFFF url(../img/common/header/icon_green.gif) no-repeat right center !important;
	color: #53b189 !important;
}



/* ¥Õ¥Ã¥À©`
---------------------------------------------------------- */

#footer {
	width: 990px;
	margin: 0 auto;
}

#footer a:link, #footer a:visited {
	color: #7C7C7C;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	color: #37a476;
	text-decoration: underline;
}

#footer_block {
	width: 990px;
	margin: 0 auto;
}

/* ¥Õ¥Ã¥¿©`¥Ê¥Ó */

ul#fnavi {
	clear: both;
	background: url(/img/common/footer/fnavi_bg.jpg) no-repeat left 40px;
	font-size: 85%;
	color: #7C7C7C;
}

ul#fnavi li {
	float: left;
}

ul#fnavi li.daigaku { width: 158px; }
ul#fnavi li.gakubu { width: 135px; }
ul#fnavi li.nyushi { width: 136px; }
ul#fnavi li.gakusei { width: 270px; }
ul#fnavi li.kyoiku { width: 135px; }
ul#fnavi li.kenkyu { width: 156px; }


ul#fnavi li h3 {
	background: #FFFFFF url(../img/common/footer/fnavi_title_bg.jpg) repeat-x top;
	color: #a3587b;
	font-size: 118%;
	line-height: 1.2;
	text-align: center;
	padding: 11px 2px;
	border-bottom: solid 1px #cab5b7;
	border-left: solid 1px #bb7373;
}

ul#fnavi li.daigaku h3 {
	border-left: solid 0px #bb7373;
}

ul#fnavi li h3 a {
	color: #a3587b !important;
}

ul#fnavi li ul {
	margin: 10px 0;
}

ul#fnavi li.gakusei ul { 
	width: 50%;
	float: left;
}

ul#fnavi li ul li {
	float: none;
	width: auto;
	margin: 0 10px 3px 10px;
}

ul#fnavi li.daigaku ul li {
	float: none;
	margin: 0 10px 3px 20px;
}


/* ¥Õ¥Ã¥¿©`™CÄÜ¥Ê¥Ó */

ul#fknavi {
	clear: both;
	text-align: center;
	background: #e2e6e6;
	padding: 5px;
	margin: 25px 0;
	color: #7C7C7C;
}

ul#fknavi li {
	display: inline;
}

ul#fknavi li a {
	margin: 0 5px;
	color: #7C7C7C;
}

ul#fknavi li a:hover, ul#fknavi li a:active {
	color: #37a476;
}

/* ¥Õ¥Ã¥¿©`¥³¥Ô©`¥é¥¤¥È£¦QR¥³©`¥É */
#footer_item {
	display: flex;
	padding: 0 20px 20px 20px;
	justify-content: space-between;
}

/* ¥³¥Ô©`¥é¥¤¥È */

#copyright {
	width: calc(100% / 2);
	clear: both;
	/* padding: 0 20px 20px 20px; */
}

#copyright .address {
	/* float: left; */
	color: #666666;
}

#copyright .address span {
	font-size: 92.3%;
}

#copyright .copy {
	/* float: right; */
	font-size: 76.92%;
	color: #999999;
	margin-top: 0.15em;
}

/* QR¥³©`¥É */
#fqrcode {
	width: 98px;
	margin-right: 28px;
}

#fqrcode a {
	display: block;
}

/* ¥µ¥¤¥É
---------------------------------------------------------- */

/* ¥µ¥¤¥É¥ì¥¤¥¢¥¦¥È¥³¥ó¥Æ¥Ê */

.sub {
	float: left;
	margin-bottom: 48px;
}

.sub a:link, .sub a:visited {
	color: #333333;
	text-decoration: none;
}

.sub a:hover, .sub a:active {
	color: #37a476;
	text-decoration: underline;
}

.sub ul.lnavi {
	margin-bottom: 40px;	
	border-top: solid 1px #d6d9d3;
}

.sub ul.lnavi li {
	width: 190px;
	border-bottom: solid 1px #d6d9d3;
}

.sub ul.lnavi li a {
	display: block;
	padding: 7px 0 7px 20px;
	background: url(/img/common/sub/icon_red.gif) no-repeat 2px center;
}

.sub ul.banner {
	margin-bottom: 20px;
}

.sub ul.banner li {
	width: 190px;
	margin-bottom: 10px;
}

.sub ul.banner li img {
	display: block;
}

/* ¥á¥¤¥ó
---------------------------------------------------------- */

/* ¥³¥ó¥Æ¥ó¥Ä¥ì¥¤¥¢¥¦¥È¥³¥ó¥Æ¥Ê */

#container_wrap {
	clear: both;
	width: 100%;
	background: url(/img/common/container_wrap_bg.jpg) repeat-x;
}

#container {
	clear: both;
	width: 1030px;
	margin: 0 auto;
	background: url(/img/common/container_bg.jpg) no-repeat top;
	-moz-background-size: 1030px auto;
	-webkit-background-size: 1030px auto;
	-o-background-size: 1030px auto;
	-ms-background-size: 1030px auto;
	background-size: 1030px auto;
}

#contents {
	clear: both;
	width: 990px;
	margin: 0 auto;
	padding-top: 29px;
}

.container {
	clear: both;
	width: 950px;
	margin: 0 auto;
	padding-top: 20px;
	position: relative;
}

/* ¥Ñ¥ó¤¯¤º¥Ê¥Ó¥²©`¥·¥ç¥ó */

.topicpath {
	padding: 5px 20px;
	color: #999999;
}

.topicpath ul {	
	font-size: 85%;
}

.topicpath ul li {
	float: left;
}

.topicpath a {
	color: #999999;
	text-decoration: none;
}

.topicpath a:hover {
	text-decoration: underline;
}

.topicpath span {
	margin: 0 8px;
}

/* ¥«¥Æ¥´¥ê©`¥¿¥¤¥È¥ë */
#category_title {
	background: url(/img/common/category_title_bg.jpg) no-repeat top;
}

.about #category_title {
	background: url(/img/common/title_bg_about.jpg) no-repeat top;
}

.admissions #category_title {
	background: url(/img/common/title_bg_admissions.jpg) no-repeat top;
}

.area #category_title {
	background: url(/img/common/title_bg_area.jpg) no-repeat top;
}

.campuslife #category_title {
	background: url(/img/common/title_bg_campuslife.jpg) no-repeat top;
}

.departments #category_title {
	background: url(/img/common/title_bg_departments.jpg) no-repeat top;
}

.education #category_title {
	background: url(/img/common/title_bg_education.jpg) no-repeat top;
}

.international #category_title {
	background: url(/img/common/title_bg_international.jpg) no-repeat top;
}

.research #category_title {
	background: url(/img/common/title_bg_research.jpg) no-repeat top;
}

#category_title h1 {
	font-size: 277%;
	line-height: 1.2;
	padding: 19px 37px;
	color: #364a42;
}

#sub #category_title h1 {
	font-size: 254%;
	line-height: 1.2;
	padding: 10px 37px 10px 37px;
	color: #364a42;
}

#sub #category_title h1 span {
	display: block;
	font-size: 40%;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: dotted 1px #364a42;
	width: 750px;
}



/* ¥á¥¤¥ó¥ì¥¤¥¢¥¦¥È¥³¥ó¥Æ¥Ê */

.main {
	float: right;
	width: 730px;
	position: relative;
}

/* CMSÈ¡¤êÞz¤ß¥¨¥ê¥¢ */

#main {
	min-height: 500px;
}



/* šøÓÃ¥¯¥é¥¹
---------------------------------------------------------- */


/* clearfix
---------------------------------------------------------- */

.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

.clearfix {
	display: inline-block;
	min-height: 1%;
}

/*\*/
* html .clearfix { height: 1%;}

.clearfix { display: block;}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix { zoom: 1;}



/* float
---------------------------------------------------------- */

.clear { 
	clear: both; 
	display: block;
}

.float_l { float: left; }

.float_r { float: right; }

img.l { 
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

img.r { 
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}


/* text-align
---------------------------------------------------------- */

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

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

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



/* font
---------------------------------------------------------- */

.font10 { font-size: 77% !important; }

.font11 { font-size: 85% !important; }

.font14 { font-size: 108% !important; }

.font15 { font-size: 116% !important; }

.font16 { font-size: 123.1% !important; }

.font17 { font-size: 131% !important; }

.font18 { font-size: 138.5% !important; }

.font19 { font-size: 146.5% !important; }

.font20 { font-size: 153.9% !important; }

.font21 { font-size: 161.6% !important; }

.font22 { font-size: 167% !important; }

.font23 { font-size: 174% !important; }

.font24 { font-size: 182% !important; }

.font25 { font-size: 189% !important; }

.font26 { font-size: 197% !important; }

.fontb { font-weight: bold !important; }

.red { color: #e01111; }

.blue { color: #0096d9; }

.orange { color: #ff7011; }

.green { color: #bed84a; }

.black { color: #000000; }


/* margin
---------------------------------------------------------- */

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

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

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

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

.mt25{ margin-top: 25px !important; }

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

.mr05{ margin-right: 5px !important; }

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

.mr15{ margin-right: 15px !important; }

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

.mr25{ margin-right: 25px !important; }

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

.ml05{ margin-left: 5px !important; }

.ml10{ margin-left: 10px !important; }

.ml15{ margin-left: 15px !important; }

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

.ml25{ margin-left: 25px !important; }

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

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

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

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

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

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

.mb25 {	margin-bottom: 25px !important; }

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

.mb35 { margin-bottom: 35px !important; }

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

.mb45 {	margin-bottom: 45px !important; }

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

.mb60 {	margin-bottom: 60px !important; }

.m_auto { margin: 0 auto !important; }



/* padding
---------------------------------------------------------- */

.pb0 { padding-bottom: 0 !important; }

.pt05 {	padding-top: 5px !important; }

.pt10 {	padding-top: 10px !important; }

.pt15 {	padding-top: 15px !important; }

.pt20 {	padding-top: 20px !important; }

.pt30 {	padding-top: 30px !important; }

.pt15 {	padding-top: 15px !important; }

.pb05 {	padding-bottom: 5px !important; }

.pb15 {	padding-bottom: 15px !important; }

.pb20 {	padding-bottom: 20px !important; }

.pb30 {	padding-bottom: 30px !important; }



/* width
---------------------------------------------------------- */

.w90 { width: 90px; }

.w100 { width: 100px; }

.w120 { width: 120px; }

.w150 { width: 150px; }

.w170 { width: 170px; }

.w180 { width: 180px; }

.w200 { width: 200px; }

.w210 { width: 210px; }

.w230 { width: 230px; }

.w250 { width: 250px; }

.w260 { width: 260px; }

.w270 { width: 270px; }

.w280 { width: 280px; }

.w290 { width: 290px; }

.w300 { width: 300px; }

.w310 { width: 310px; }

.w315 { width: 315px; }

.w320 { width: 320px; }

.w325 { width: 325px; }

.w330 { width: 330px; }

.w340 { width: 340px; }

.w350 { width: 350px; }

.w380 { width: 380px; }

.w400 { width: 400px; }

.w420 { width: 420px; }

.w430 { width: 430px; }

.w470 { width: 470px; }

.w530 { width: 500px; }

.w530 { width: 530px; }

.w540 { width: 540px; }

.w560 { width: 560px; }

.w580 { width: 580px; }

.w610 { width: 610px; }

.em7 { 
	display: inline-block;
	width: 7em;
}


/* display
---------------------------------------------------------- */

.hidden {
	display: none;
}

/* hr
---------------------------------------------------------- */

hr {
    border: none;
    border-top: solid 1px #CCCCCC;
    height: 1px;
    color: #FFFFFF;
    margin: 10px 0;
}
