@charset "utf-8";
/* --------------------------------------------------------------------
　common.css
-------------------------------------------------------------------- */


/* --------------------------------------------------------------------
font-size 9px{ font-size:77%; } 10px{ font-size:85%; } 11px{ font-size:93%; } 12px{ font-size:100%; } 13px{ font-size:108%; } 14px{ font-size:116%; } 15px{ font-size:123.1%; } 16px{ font-size:131%; } 17px{ font-size:138.5%; } 18px{ font-size:146.5%; } 19px{ font-size:153.9%; } 20px{ font-size:161.6%; } 21px{ font-size:167%; } 22px{ font-size:174%; } 23px{ font-size:182%; } 24px{ font-size:189%; } 27px{ font-size:197%; }
-------------------------------------------------------------------- */



/* clearfix
-------------------------------------------------------------------- */
#container,
#gNavi,
#contents,
#searchBox,
#footer,
#footerBnr,
#footerNavi,
.schoolBox,
.clearfix{
display: inline-block;
}

#container,
#gNavi,
#contents,
#searchBox,
#footer,
#footerBnr,
#footerNavi,
.schoolBox,
.clearfix{
display: block;
}

#container:after,
#gNavi:after,
#contents:after,
#searchBox:after,
#footer:after,
#footerBnr:after,
#footerNavi:after,
.schoolBox:after,
.clearfix:after{
content: url(../img/pixel.gif);
display: block;
clear: both;
height: 0;
}

/* reset
-------------------------------------------------------------------- */
html {
color: #000;
background: #FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p,th,td {
margin: 0;
padding: 0;
}

body {
color: #313131;
background: #fff;
text-align:center;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset,img {
border: 0;
}

address,caption,em,strong,th {
font-style: normal;
font-weight: normal;
}

li {
list-style: none;
}

caption,
th {
text-align: left;
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}

sup {
vertical-align: text-top;
}

sub {
vertical-align: text-bottom;
}

input,textarea,select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}

input,textarea,select {
*font-size: 100%;
}

legend {
color: #000;
}

img {
vertical-align: top;
}

/* リンク */

a:link {
    background-color: inherit;
    color: #005088;
    text-decoration: none;
}
a:visited {
    background-color: inherit;
    color: #005088;
    text-decoration: none;
}
a:hover, a:active {
    background-color: inherit;
    color: #005088;
    text-decoration: underline;
}

.blankIcon {
vertical-align: 0;
margin: 0 0 0 2px;
}

img.addIcon {
vertical-align:middle;
}

span.anchorIn,
span.anchorIn strong {
text-decoration: underline;
vertical-align: baseline;
}

a:hover span.anchorIn {
text-decoration: none;
}



/* fonts（normal 13px）
-------------------------------------------------------------------- */
body {
font: 13px/1.231 arial, helvetica, clean, sans-serif;
*font-size: small;
*font: x-small;
}
select,
input,
button,
textarea {
font: 99% arial,helvetica,clean,sans-serif;
}
table {
font: 100%;
font-size: inherit;
}
select,
input,
button,
textarea,
body{
font-family:'メイリオ',Meiryo, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"MS P Gothic",Verdana,Helvetica,sans-serif;
}

.flex{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.w100{width:100%;}
.pt15{padding-top:15px;}
/* PC */
@media screen and (min-width: 801px), print {
.two_col > *{
	width:50%;
}
.sp{
	display:none;
}

#container {
	text-align: left;
}

#headerWrap {
	width: 100%;
	height: 80px;
	border-top: solid 3px #005088;
	background: url(../img/header_bg.gif) repeat top left;
}

#header {
	width: 960px;
	height:80px;
	margin: 0 auto;
	position: relative;
	padding: 23px 0 0 0;
}

#logo {
	/*margin: 42px 0 0 0;*/
	text-align:center;
}

/* ----- 文字サイズ変更ボタン用CSS　----- */

#header #fontSize {
    display: block;
    height: 29px;
    margin: 0;
    padding: 0;
    width: 150px;
	position:absolute;
	right:0;
	top:0;
	background: url("../img/fontsize_bg.gif") no-repeat scroll left top;
}
#header #fontSize p.txt {
    float: left;
    font-size: 93%;
    padding: 7px 0 0;
    width: 75px;
	text-indent: -9999px;
	background: url("../img/fontsize.gif") no-repeat scroll 10px 7px transparent;
	position:relative;
}
#header #fontSize ul {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    width: 69px;
}
#header #fontSize ul li {
    cursor: pointer;
    display: inline;
    float: left;
    height: 18px;
    margin: 4px 5px 0 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    text-indent: -9999px;
}
#header #fontSize ul li#switchFontSizeSmall {
    background: url("../img/fontsize_s.gif") no-repeat scroll left top transparent;
    width: 18px;
}
#header #fontSize ul li#switchFontSizeMedium {
    background: url("../img/fontsize_m.gif") no-repeat scroll left top transparent;
    width: 18px;
}
#header #fontSize ul li#switchFontSizeBig {
    background: url("../img/fontsize_l.gif") no-repeat scroll left top transparent;
    width: 18px;
}
#header #fontSize ul li.active {
    background-position: left bottom !important;
}


#gNavi {
	width: 960px;
	margin: 20px auto;
}

#gNavi li {
	float: left;
	margin: 0 20px 0 0;
}

#gNavi .gNavi_last {
	margin: 0;
}

#mainV {
	text-align: center;
}

#contents {
	width: 960px;
	min-height: 400px;
	margin: 40px auto 120px;
}

#mainContents {
	width: 660px;
	float: left;
	position:relative;
}

#sideContents {
	width: 270px;
	float: right;
	position: relative;
}

#searchBox {
	margin: 0 0 25px;
}

#searchBox h3 {
	margin: 0 0 10px;
}



/* cse-search-box
---------------------------------------------*/

/*#cse-search-box{
margin:0;
display:inline;
}

#cse-search-box {
width:270px;
margin:0;
padding:0;
}

#cse-search-box input.keywords{
float:left;
width:239px;
height:19px;
padding:0;
line-height:19px;
border:1px solid #cbcbcb !important;
}

#cse-search-box button{
float:right;
width:25px;
height:25px;
cursor:pointer;
text-indent:-9999px;
overflow:hidden;
margin:0;
background:url(../img/search_btn.gif) no-repeat top left;
border:0;
}

#cse-search-box button:hover{ background-position:top right; }
*/

#cse-search-form {
width: 185px !important;
/*float: right;*/
display: inline;
margin: 0;
height: 25px;
padding: 0 !important;
border: none !important;
}

#cse-search-form form.gsc-search-box {
width: 270px;
height: 25px;
position:relative;
padding: 0 !important;
overflow:hidden !important;
border:none !important;
margin:0 !important;
}

#cse-search-form form.gsc-search-box table{
width:270px !important;
}

#cse-search-form form.gsc-search-box td.gsc-input {
padding: 0 !important;
position:absolute;
left:0;
width:245px !important;
height: 25px !important;
line-height: 25px !important;
overflow:hidden !important;
border: none !important;
}

#cse-search-form form.gsc-search-box td.gsc-search-button{
position:absolute;
right:0;
height: 25px !important;
width:25px !important;
padding:0 !important;
margin:0  !important;
}

#cse-search-form form.gsc-search-box input.gsc-input {
float:left !important;
display: inline;
width: 242px !important;
height: 21px !important;
line-height: 21px !important;
margin: 0 !important;
padding: 1px 1px 1px 2px !important;
border: 1px solid #d9d9d9 !important;
background-color: #fff;
overflow:hidden !important;
}

#cse-search-form form.gsc-search-box input.gsc-search-button {
float: right !important;
display: inline;
width: 25px !important;
height: 25px !important;
text-indent: -9999px;
background: url(../img/search_btn.gif) no-repeat left top;
border: none !important;
overflow: hidden !important;
cursor: pointer;
padding: 0 !important;
margin: 0 !important;
}

#cse-search-form form.gsc-search-box input.gsc-search-button:hover {
background-position: right bottom;
}

#cse-search-form form.gsc-search-box input.gsc-search-button.hover {
background-position: right bottom;
}

#cse-search-form form.gsc-search-box input.gsc-search-button:active {
background-position: right bottom;
}

#cse-search-form form.gsc-search-box input.gsc-search-button.active {
background-position: right bottom;
}

#cse-search-form form.gsc-search-box td.gsc-clear-button,
#cse-search-form form.gsc-search-box table.gsc-branding {
display: none !important;
}


#linksBox h3 {
	margin: 0 0 10px;
}

.link {
	margin: 0 0 3px;
}

#footerWrap {
	width: 100%;
	background:#005088;
}

#footer {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0 20px;
}

#footerBnrWrap {
	width: 100%;
	background: #f2f2f2;
}

#footerBnr {
	width: 960px;
	margin: 0 auto;
	padding: 15px 0;
}

#footerBnr li{
	display: inline;
	float:left;
	margin: 0 0 0 5px;
}

#footerBnr li:first-child {
	margin: 0;
}

#footerNavi {
	padding: 15px 5px 15px 10px;
	margin-bottom: 20px;
	background: #014574;
	width: 650px;
	border-radius: 3px;
}

#footerNavi li {
	font-size: 85%;
	background: url(../img/arrow_gray.gif) no-repeat center left;
	padding: 0 0 0 9px;
	margin: 0 10px 0 0;
}

#footerNavi li a {
	color: #eeeeee;
	text-decoration:none;
}

#footerNavi li a:hover {
	text-decoration:underline;
}

#footer .schoolBox {
	clear: both;
	margin-top: 10px;
	color:#eeeeee;
	font-size: 93%;
}

#footer .schoolName {
	font-size: 108%;
	font-weight: bold;
	float: left;
	line-height: 1.5em;
	width: 180px;
}

#footer .schoolName span {
	font-size: 93%;
	font-weight:normal;
}

#footer .campus {
	font-size: 93%;
	float: left;
}

#footer .campus li {
	margin-bottom: 8px;
}



#footer #toTop {
	float: right;
	margin: -150px 0 0 0;
}

address {
	float: right;
	margin-top: 20px;
}

}

.bnr_txt{
	padding: 14px 0 15px 35px;
    margin-bottom: 15px;
    background: url(../img/arrow.jpg) no-repeat;
    background-position: 5px 10px;
}

/* sp */
@media screen and (max-width: 800px), print {
	.two_col > *{
		width:100%;
	}
	.pc{
		display:none!important;
		}

	#cse-search-form {
width: 100% !important;
/*float: right;*/
display: inline;
margin: 0;
height: 25px;
padding: 0 !important;
border: none !important;
}

#cse-search-form form.gsc-search-box {
width: 100%;
height: 25px;
position:relative;
padding: 0 !important;
overflow:hidden !important;
border:none !important;
margin:0 !important;
}

#cse-search-form form.gsc-search-box table{
width:100% !important;
}

#cse-search-form form.gsc-search-box td.gsc-input {
padding: 0 !important;
position:absolute;
left:0;
width:100% !important;
height: 25px !important;
line-height: 25px !important;
overflow:hidden !important;
border: none !important;
}

#cse-search-form form.gsc-search-box td.gsc-search-button{
position:absolute;
right:0;
height: 25px !important;
width:25px !important;
padding:0 !important;
margin:0  !important;
}

#cse-search-form form.gsc-search-box input.gsc-input {
float:left !important;
display: inline;
width: 100% !important;
height: 21px !important;
line-height: 21px !important;
margin: 0 !important;
padding: 1px 1px 1px 2px !important;
border: 1px solid #d9d9d9 !important;
background-color: #fff;
overflow:hidden !important;
}

#cse-search-form form.gsc-search-box input.gsc-search-button {
float: right !important;
display: inline;
width: 25px !important;
height: 25px !important;
text-indent: -9999px;
background: url(../img/search_btn.gif) no-repeat left top;
border: none !important;
overflow: hidden !important;
cursor: pointer;
padding: 0 !important;
margin: 0 !important;
}

#cse-search-form form.gsc-search-box input.gsc-search-button:hover {
background-position: right bottom;
}

#cse-search-form form.gsc-search-box input.gsc-search-button.hover {
background-position: right bottom;
}

#cse-search-form form.gsc-search-box input.gsc-search-button:active {
background-position: right bottom;
}

#cse-search-form form.gsc-search-box input.gsc-search-button.active {
background-position: right bottom;
}

#cse-search-form form.gsc-search-box td.gsc-clear-button,
#cse-search-form form.gsc-search-box table.gsc-branding {
display: none !important;
}



		/* ++++++++++++++++++++　ヘッダー　++++++++++++++++++++++++++ */
		#headerWrap {
			width: 100%;
			height: 70px;
			border-top: solid 3px #005088;
			background: url(../img/header_bg.gif) repeat top left;
			}

			#header {
				padding: 23px 10px 20px;
			}

			#header #logo img{
				max-width:100%;
				width:200px;
				height:auto;
			}

			a.hamburger{
				background-color:transparent;
				}
		/* ++++++++++++++++++++　ヘッダー　end　++++++++++++++++++++++++++ */



		/* ++++++++++++++++++++　contents　++++++++++++++++++++++++++ */
		#contents{
			padding: 20px 10px 50px;
			}

			#searchBox{
				margin-top:80px;
				padding-top:20px;
				border-top:1px solid #ccc;
				}
				#searchBox h3{
					text-align:left;
					margin-bottom:20px;
					}
					.gsc-branding{
						display:none!important;
						}
			#linksBox{
				margin-top:30px;
				}
				#linksBox h3{
					text-align:left;
					}
				#linksBox #linksList{
					margin-top:20px;
					}
				#linksBox #linksList li:not(:first-child){
					margin-top:10px;
					}

			.img_100{
				max-width:100%;
				height:auto;
				}
		/* ++++++++++++++++++++　contents　end　++++++++++++++++++++++++++ */



		/* ++++++++++++++++++++　footer　++++++++++++++++++++++++++ */
		#footerWrap {
			position:relative;
			width: 100%;
			background:#005088;
			}
			#footerWrap #toTop_sp{
				position:absolute;
				right:10px;
				top:-20px;
				}
			#footerBnrWrap{
				width: 100%;
				background: #f2f2f2;
				padding:15px;
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				}
				#footerBnr li:not(:first-child){
					margin-top:10px;
					}
		#footer{
			padding: 20px 10px 70px;
			position:relative;
			}
			#footerNavi{
				padding: 15px 5px 15px 10px;
				margin-bottom: 20px;
				background: #014574;
				border-radius: 3px;
				}
				#footerNavi li{
					float:left;
					font-size: 85%;
					background: url(../img/arrow_gray.gif) no-repeat center left;
					padding: 0 0 0 9px;
					margin: 0 10px 0 0;
					}
					#footerNavi li a{
						color: #eeeeee;
						text-decoration: none;
						}
			#footer .schoolBox{
				color: #eeeeee;
				text-align:left;
				margin-bottom: 1em;
				}
				#footer .campus{
					margin-left:1em;
				}
			#footer .schoolBox:not(:first-child){
				margin-top:15px;
				}
			#footer address{
				position:absolute;
				bottom:20px;
				width:100%;
				text-align:center;
				left:0;
				}
		/* ++++++++++++++++++++　footer　end　++++++++++++++++++++++++++ */


}




/* ------------------------------------------------------------

print_set
------------------------------------------------------------ */
@media print{
body{
zoom:70%;
}
html:lang(ja) body{
zoom:1;
}
}