@charset "utf-8";
/*
 * style.css
 *  updated --- 2019/04/05
 */
@import url("slider.css");

#main {
	float: left;
	width: 700px;
	margin: 20px 0 0 18px;
}

#side_sp{
	display: none;
}

#side {
	float: right;
	width: 224px;
	margin: 20px 18px 0 0;
}
	.side_bnr_01 {
	}
		.side_bnr_01 a,
		.side_bnr_02 a {
			display: block;
			width: 224px;
		}
		.side_bnr_01 a {
			height: 153px;
			background: url(/img/btn_side_admissions_224x153_01.jpg) no-repeat left top;
		}
		.side_bnr_02 a {
			height: 59px;
			background: url(/img/btn_side_request_224x59_01.gif) no-repeat left top;
		}
		.side_bnr_01 a:hover,
		.side_bnr_02 a:hover {
			opacity: 0.7;
			filter: alpha(opacity=70);
		}
			.side_bnr_01 a span,
			.side_bnr_02 a span {
				display: none;
			}
	.side_bnr_02 {
		margin-top: 5px;
	}
#contents {
	padding: 20px 0 0 0;
}
	#contents #mainimg {
		margin: 0 0 0 18px;
	}
#how_to {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: 0 0 0 -300px;
	box-shadow: 3px 3px 5px 0 #333;
	border: 1px solid #d6d6d6;
	width: 600px;
	height: 215px;
	z-index: 100;
	background: url(/img/howto_bg01.png) repeat left top;
}
	#how_to .how_to_close {
		position: absolute;
		right: 5px;
		top: 5px;
		border-right: 1px solid #d6d6d6;
		border-left : 1px solid #d6d6d6;
	}
	#how_to h2 {
		padding: 4px 9px;
		background: #ddd;
		font-size: 133.3%;
		font-weight: bold;
	}
		#how_to h2 span {
			display: block;
			padding: 0 0 0 20px;
			background: url(/img/pc_beginner_12x20_01.gif) no-repeat left center;
		}
		#how_to .how_to_inner {
			position: relative;
			overflow: hidden;
			padding: 19px;
		}
			#how_to .how_to_inner .how_to_img {
				float: left;
				margin-right: 18px;
				width: 300px;
				background: #333;
			}
			#how_to .how_to_inner .how_to_txt {
				overflow: hidden;
			}
				#how_to .how_to_inner .how_to_txt img {
					margin-right: 5px;
					vertical-align: text-bottom;
				}
				#how_to .how_to_inner .how_to_txt .how_to_link {
					position: absolute;
					right: 19px;
					bottom: 15px;
					width: 244px;
				}
					#how_to .how_to_inner .how_to_txt a {
						display: inline-block;
						padding: 0 0 0 20px;
						background: url(/common/img/ico_arr_11x11_01.gif) no-repeat left center;
					}
#custom_box,
#custom_box02 {
	display: block;
	position: relative;
	margin: 0 0 20px 0;
	padding: 5px 20px 3px;
	background: #dddddd;
}
#custom_box:after,
#custom_box02:after {
	clear: both;
	content:".";
	overflow: hidden;
	display: block;
	height: 0;
	visibility: hidden;
}
* html #custom_box,
* html #custom_box02 {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
	#custom_box   > p,
	#custom_box02 > p {
		float: left;
		background: url(/img/pc_beginner_12x20_01.gif) left 3px no-repeat;
		min-height: 16px;
		padding: 7px 0 0 20px;
	}
		#custom_box   > p a,
		#custom_box02 > p a {
			display: block;
			overflow: hidden;
			width: 276px;
			height: 12px;
			background: url(/img/favorite_txt_01.gif) no-repeat left top;
		}
		#custom_box   > p a:hover,
		#custom_box02 > p a:hover {
			opacity: 0.7;
			filter: alpha(opacity=70);
		}
			#custom_box   > p a span,
			#custom_box02 > p a span {
				display: none;
			}
	#custom_box   > ul,
	#custom_box02 > ul {
		float: right;
	}
		#custom_box   > ul li,
		#custom_box02 > ul li {
			float: left;
			border-left: 1px solid #888888;
		}
			#custom_box   ul li a,
			#custom_box02 ul li a,
			#custom_box   ul li span,
			#custom_box02 ul li span {
				cursor: pointer;
				display: block;
				overflow: hidden;
				margin: 0 0 0 15px;
				padding: 8px 0 7px 30px;
				min-height: 15px;
				color: #222;
			}
				#custom_box   ul li a span,
				#custom_box02 ul li a span,
				#custom_box   ul li span span,
				#custom_box02 ul li span span {
					display: block;
					overflow: hidden;
					margin: 0;
					padding: 0;
					min-height: 0;
				}
				#custom_box   ul li a:hover span,
				#custom_box02 ul li a:hover span,
				#custom_box   ul li span:hover span,
				#custom_box02 ul li span:hover span {
					opacity: 0.7;
					filter: alpha(opacity=70);
				}
					#custom_box   ul li a    span em,
					#custom_box02 ul li a    span em,
					#custom_box   ul li span span em,
					#custom_box02 ul li span span em {
						display: none;
					}
		#custom_box   ul li#custom_favorite,
		#custom_box02 ul li#custom_favorite {
			width: 120px;
		}
		#custom_box   ul li#custom_setting,
		#custom_box02 ul li#custom_setting {
			width: 80px;
		}
		#custom_box   ul li#custom_reset,
		#custom_box02 ul li#custom_reset {
			width: 140px;
		}
			#custom_box   ul li#custom_favorite a,
			#custom_box02 ul li#custom_favorite a {
				background: url(/img/ico_star_22x22_01.gif) no-repeat left 2px;
			}
				#custom_box   ul li#custom_favorite a span,
				#custom_box02 ul li#custom_favorite a span {
					width: 57px;
					height: 12px;
					background: url(/img/favorite_txt_02.gif) no-repeat left top;
				}
			#custom_box   ul li#custom_setting span,
			#custom_box02 ul li#custom_setting span {
				background: url(/img/ico_setting_22x22_01.gif) no-repeat left 2px;
			}
				#custom_box   ul li#custom_setting span span,
				#custom_box02 ul li#custom_setting span span {
					width: 25px;
					height: 11px;
					background: url(/img/favorite_txt_03.gif) no-repeat left top;
				}
			#custom_box   ul li#custom_reset span,
			#custom_box02 ul li#custom_reset span {
				background: url(/img/ico_reset_22x22_01.gif) no-repeat left 2px;
			}
				#custom_box   ul li#custom_reset span span,
				#custom_box02 ul li#custom_reset span span {
					width: 85px;
					height: 13px;
					background: url(/img/favorite_txt_04.gif) no-repeat left top;
				}
#settingBox {
	display: none;
	position: absolute;
	top: 43px;
	left: 643px;
	border : 1px solid rgba(203,203,203,1);
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
	background: #fff;
	width: 200px;
	z-index: 1000;
}
	#settingBox.sectionSub {
		padding: 12px 10px;
	}
	#settingBox input {
		vertical-align: middle;
		margin: 0 10px 0 0;
	}
	#settingBox #setting_btn_save {
		cursor: pointer;
		float: left;
		margin: 16px 0 0 0;
	}
	#settingBox #setting_btn_cancel {
		cursor: pointer;
		float: right;
		margin: 16px 0 0 0;
	}


#mainSec_l {
	float: left;
	width: 462px;
}
	.sectionSub #tab02,
	.sectionSub #tab03 {
		margin-bottom: 0;
	}
	.sectionSub {
		background: #ffffff;
	}
		#mainSec_l .sectionSub .tab .tab_list {
			margin: 0;
			width: 422px;
		}
			#mainSec_l .sectionSub .tab .tab_list li {
				width: auto;
			}
				#mainSec_l .sectionSub .tab .tab_list li a {
					padding: 5px 0;
				}
				#mainSec_l .sectionSub .tab .tab_list li.tab01 a { width: 114px;}
			.ie #mainSec_l .sectionSub .tab .tab_list li.tab01 a { margin-right: 0 !important;}
				#mainSec_l .sectionSub .tab .tab_list li.tab02 a { width: 56px;}
				#mainSec_l .sectionSub .tab .tab_list li.tab03 a { width: 64px;}
				#mainSec_l .sectionSub .tab .tab_list li.tab04 a { width: 64px;}
				#mainSec_l .sectionSub .tab .tab_list li.tab05 a { width: 54px;}
				#mainSec_l .sectionSub .tab .tab_list li.tab06 a { width: 64px;}
				#mainSec_l .sectionSub #tab03 .tab_list li.tab01 a { width: 77px;}
			.ie #mainSec_l .sectionSub #tab03 .tab_list li.tab01 a { margin-right: 0 !important;}
				#mainSec_l .sectionSub #tab03 .tab_list li.tab02 a { width: 87px;}
				#mainSec_l .sectionSub #tab03 .tab_list li.tab03 a { width: 87px;}
				#mainSec_l .sectionSub #tab03 .tab_list li.tab04 a { width: 80px;}
				#mainSec_l .sectionSub #tab03 .tab_list li.tab05 a { width: 86px;}
				#mainSec_l .tab_inner {
					padding: 15px 0 0;
					min-width: 0;
				}
					#mainSec_l .sectionSub .tab_list li .tab_inner a {
						width: auto;
					}
					#mainSec_l .sectionSub .tab_list li .tab_inner .link_basic {
						margin-top: 10px;
					}
					#mainSec_l .sectionSub #tab03 .tab_list li .tab_inner .link_basic a {
						float: none;
						display: inline-block;
						padding: 0 0 0 20px;
						background: url(/common/img/ico_arr_11x11_01.gif) left 0.1em no-repeat;
						color: #06c;
					}
		#mainSec_l .sectionSub.access .tab .tab_list li {
			width: 83px;
		}
		#mainSec_l .accessMap {
			position: relative;
			overflow: hidden;
			float: left;
			margin: 0 17px 0 0;
			width: 200px;
			height: 200px;
		}
		#mainSec_l .accessDetail {
			float: left;
			width: 200px;
		}
			#mainSec_l .accessDetail .accessTit {
				margin: 0 0 15px 0;
			}
			#mainSec_l .accessDetail a {
				display: block;
				padding: 0 0 0 15px;
				background: url(/common/img/ico_arr_11x11_01.gif) left 0.5em no-repeat;
			}
		#sp_main_access {
			display: none;
		}
#mainSec_r {
	float: right;
	width: 222px;
}
	#mainSec_r .sectionSub {
		padding: 12px 10px;
	}
.sectionSub {
	position: relative;
	margin-bottom: 20px;
}
	.sectionSub .box_control {
		position: absolute;
		top: -1px;
		right: -1px;
	}
		.sectionSub .box_control ul {
			overflow: hidden;
			zoom: 1;
		}
			.sectionSub .box_control ul li {
				float: left;
			}
				#mainSec_l .sectionSub .box_control ul li.first {
					border-left: none;
				}
				.sectionSub .box_control ul li.first {
				}
				#mainSec_l #favorite_top .box_control ul li.box_control_move {
				}
				.sectionSub .box_control ul li.box_control_move a {
					cursor: all-scroll;
				}
	.img_link a {
		display: block;
		position: relative;
		width: 200px;
		height: auto;
	}
		.img_link a span {
			display: none;
			position: absolute;
			left: 0;
			top: 0;
			width: 200px;
			height: 100%;
			background: url(/common/img/bg_png.png) repeat left top;
			color: #fff;
		}
			.img_link a span span {
				display: block;
				position: static;
				left: 0;
				top: 0;
				margin: 10px;
				width: auto;
				background: none;
			}
		.img_link a:hover span {
			display: block;
		}
/* !favorite_top
---------------------------------------------------------- */
	#mainSec_l #favorite_top {
		padding: 12px;
	}
		#favorite_top .detailLink {
			background: #d6d6d6;
			height: 34px;
			line-height: 34px;
			margin: 10px -12px -12px -12px;
		}
			#favorite_top .detailLink a.link_star {
				display: block;
				background: url(/img/ico_star_22x22_01.gif) no-repeat left 6px;
				margin: 0 0 0 12px;
				padding: 7px 0 5px 30px;
				min-height: 22px;
				line-height: 22px;
				color: #222;
			}
		#favorite_top .link_basic li {
			padding: 7px 4px 7px 15px;
		}
		#favorite_top .link_basic li.even {
			background-color: #ededed;
		}
			#favorite_top .link_basic li a {
				display: block;
			}
			#favorite_top .link_basic li.even a {
			}
		#favorite_nav {
			margin-top: 10px;
			text-align: center;
		}
			#favorite_nav li {
				display: inline-block;
			}
			#favorite_nav li.prev { margin-right: 1em;}
			#favorite_nav li.next { margin-left: 1em;}
				#favorite_nav li a {
					display: inline-block;
				}
				#favorite_nav li.prev a {
					padding-left: 17px;
					background: url(/common/img/ico_arl_11x11_01.gif) no-repeat left center;
				}
				#favorite_nav li.next a {
					padding-right: 17px;
					background: url(/common/img/ico_arr_11x11_01.gif) no-repeat right center;
				}
/* !library
---------------------------------------------------------- */
#library .jqTransform {
	float: left;
}
	.campas_select {
		position: relative;
		bottom: -12px;
		background: #d6d6d6;
		height: 34px;
		line-height: 34px;
		margin: 0 -10px;
	}
		.campas_select p {
			float: left;
			padding: 0 10px;
		}
		.campas_select form,
		.campas_select .list_pulldown124 {
			float: left;
			margin: 5px 0 0 0;
			line-height: 1.5;
		}

#main h3 {
	margin: 0 0 10px 0;
	padding: 5px 0 5px 20px;
	font-size: 115%;
}
.search_keywords_list {
	margin: 15px 0 0 0;
}
	.search_keywords_list li {
		display: inline;
	}
		.search_keywords_list li.sizeL { font-size:  124.9%;}
		.search_keywords_list li.sizeS { font-size:  83.4%;}
		.search_keywords_list li.sizeSS { font-size:  80.7%;}

	.search_keywords_list li:after {
		display: inline-block;
		width: 1em;
		content: "|";
		font-size: 12px;
		text-align: center;
		text-indent: 0;
	}
#left_bn ul,
#left_serch,
#left_campus {
	margin: 0 0 20px 0;
}
#left_campus {
}
	#left_campus ul li {
		border: 1px solid #d6d6d6;
		margin: 0 0 5px 0;
	}
		#left_campus ul li.last {
			margin: 0;
		}
#left_serch_txt {
	width: 160px;
}
#left_bn ul li.left_bn_03 a {
    background: url(/img/left_bn_03_02.gif) no-repeat scroll left top transparent;
    height: 47px;
    width: 224px;
}
#left_campus h3 {
	padding-left: 18px;
	white-space: nowrap;
	letter-spacing: -0.5px;
}
#left_links {
	border: 1px solid #CCCCCC;
	line-height: 1.2;
	margin-bottom: 10px;
	padding: 14px 14px 11px;
}
	#left_links li {
	 background: url(/common/img/bg_dotx_3x1_01.gif) repeat-x left bottom;
   margin-bottom: 5px;
   padding: 0 0 5px 0;
	}
	#left_links li.last {
		background: none;
		margin: 0;
		padding: 0;
	}
		#left_links li a {
			background: url(/common/img/ico_arr_11x11_01.gif) no-repeat 10px center;
			display: block;
			padding: 8px 10px 8px 28px;
			color: #000000;
		}
			#left_links li a span {
				background: url(/common/img/ico_blank_10x10_01.gif) no-repeat right 0.2em;
				display: block;
				padding: 0 18px 0 0;
			}
#okiniiri {
}
	#okiniiri a {
		display: inline-block;
		*display: inline;
		zoom: 1;
		text-align: center;
		cursor: pointer;
		color: #0066bb;
	}
	#okiniiri ul li {
	}
		#okiniiri ul li a {
			float: none;
			text-align: left;
		}
	#okiniiri div {
		text-align: center;
	}
		#okiniiri div a {
			display: inline-block;
			*display: inline;
			zoom: 1;
		}
			#okiniiri div a.prev {
				background: url(/common/img/ico_arl_11x11_01.gif) no-repeat left center;
				margin-right: 1em;
				padding-left: 17px;
			}
			#okiniiri div a.next {
				background: url(/common/img/ico_arr_11x11_01.gif) no-repeat right center;
				margin-left: 1em;
				padding-right: 17px;
			}