@charset "utf-8";

/* =======================================

	Reset

========================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body { line-height:1; }
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none;}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
/* =======================================

	Base Styles

========================================== */
body {
	background-color: #FAFFE3;
	text-align: center;
	font:14px/1 Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	color: #333;
	line-height: 160%;
}
ul {
	padding: 0 0 0 20px;
}
nav ul {
	padding: 0;
}
a:link,
a:visited {
	color: #00668C;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:hover img {
	opacity: 0.8;
	-moz-transition: 0.3s linear all 0s;
	-webkit-transition: 0.3s linear all 0s;
	-o-transition: 0.3s linear all 0s;
	-ms-transition: 0.3s linear all 0s;
}
.wrapper {
	background: url(/faculty/education/ems/assets/images/base/bg01.jpg) repeat-x 0 0;
	min-width: 960px;
	padding: 30px 0;
}
.contents {
	width: 960px;
	margin: 0 auto 30px;
	overflow: hidden;
	text-align: left;
}
.main {
	width: 680px;
	float: left;
}
.sub {
	width: 260px;
	float: right;
}
.section01 {
	overflow: hidden;
	position: relative;
	margin: 0 0 30px;
}
.link01 {
	background: url(/faculty/education/ems/assets/images/base/icon_arrow.png) no-repeat 0 6px;
	padding: 0 0 0 12px;
}
.pdf {
	background: url(/faculty/education/ems/assets/images/base/icon_pdf.png) no-repeat 0 -1px;
	padding: 0 0 0 25px;
}
.blank {
	display: inline-block;
	background: url(/faculty/education/ems/assets/images/base/icon_blank.gif) no-repeat 100% 4px;
	padding: 0 15px 0 0;
}
.listDecimal {
	padding: 0 0 0 20px;
	list-style: decimal;
}
.attention01 {
	background-color: #ffff99;
	display: inline-block;
	padding: 1px 4px;
}
.button01 {
	text-align: center;
	padding: 30px 0;
}
.button01 a {
	display: inline-block;
	text-decoration: none;
	background-color: #333;
	color: #fff;
	padding: 20px;
	-moz-transition: 0.3s linear all 0s;
	-webkit-transition: 0.3s linear all 0s;
	-o-transition: 0.3s linear all 0s;
	-ms-transition: 0.3s linear all 0s;
}
.button01 a:hover {
	background-color: #666;
}
/* =======================================

	Header

========================================== */
header {
	background: #FFF url(../../image-upload/images/main_bg.jpg) no-repeat center center;
	min-width: 960px;
}
header .headerInner {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	min-width: 960px;
	min-height: 230px;
}
.home header .headerInner {
	min-height: 370px;
}
.headerTitleArea {
	width: 960px;
	padding: 36px 0 0;
	overflow: hidden;
	margin: 0 auto;
}
.home .headerTitleArea {
	padding: 66px 0 0;
}
header .logo span {
	display: block;
	background: url(/faculty/education/ems/assets/images/base/logo_uni.png) no-repeat 0 0;
	width: 296px;
	height: 104px;
	margin: 0 auto;
	text-indent: -9999px;
}
.siteTitle {
	color: #FFF;
	line-height: 1;
	font-weight: bold;
	font-size: 2.6em;
	margin: 0 0 20px;
}
.home .siteTitle {
	font-size: 4em;
	margin: 0 0 30px;
}
.siteTitle span {
	font-size: 0.75em;
	margin: 30px 0 0;
	display: block;
}
header aside {
	font-size: 1.8em;
	font-weight: bold;
	color: #00286A;
	line-height: 1;
}
header aside span {
	vertical-align: top;
	font-size: 0.7em;
	display: inline-block;
	background: #00286A;
	color: #FFF;
	margin: 0 0 0 8px;
	padding: 2px 20px 2px 10px;
	line-height: 1.3;
}
.home header aside {
	font-size: 2.2em;
}
.home header aside span {
	font-size: 0.7em;
}
/* =======================================

	Footer

========================================== */
footer {
	width: 960px;
	margin: 0 auto;
}
footer .pageScroll {
	border: 1px solid #EEE;
	background: #FFF;
	padding: 10px 15px;
	text-align: right;
	font-size: 0.85em;
}
footer .pageScroll a {
	background: url(/faculty/education/ems/assets/images/base/icon_arrow.png) no-repeat 0 6px;
	padding: 0 0 0 12px;
}
footer nav ul {
	padding: 15px 0;
}
footer nav ul li {
	display: inline;
	margin: 0 10px;
	font-size: 0.85em;
}
footer .copy {
	color: #666;
	font-size: 0.85em;
}
/* =======================================

	Global Navigation

========================================== */
.gNavi {
	background: #FFF;
	min-width: 960px;
	padding: 5px 0;
}
.gNavi ul {
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
	background: url(/faculty/education/ems/assets/images/base/line_g_navi.gif) no-repeat 100% 50%;
}
.gNavi ul li {
	font-size: 1.05em;
	width: 25%;
	float: left;
	background: url(/faculty/education/ems/assets/images/base/line_g_navi.gif) no-repeat 0 50%;
}
.gNavi ul li a {
	display: block;
	text-decoration: none;
	padding: 10px 0;
	background-position: 50% 200%;
	-moz-transition: 0.3s linear all 0s;
	-webkit-transition: 0.3s linear all 0s;
	-o-transition: 0.3s linear all 0s;
	-ms-transition: 0.3s linear all 0s;
}
.gNavi ul li a:link,
.gNavi ul li a:visited {
	color: #000;
}
.gNavi ul li a:hover,
.home .gNavi ul li.home a,
.objective .gNavi ul li.objective a,
.activity .gNavi ul li.activity a,
.styles .gNavi ul li.styles a {
	color: #00668C;
	background-image: url(/faculty/education/ems/assets/images/base/arrow01.gif);
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
/* =======================================

	Local Navigation

========================================== */
dl.localNavi01,
dl.localNavi02 {
	margin: 0 0 10px;
}
dl.localNavi01 dt,
dl.localNavi02 dt {
	background: #333;
	color: #FFF;
	padding: 10px 15px;
	font-size: 1.05em;
	overflow: hidden;
}
dl.localNavi01 dt a {
	color: #FFF;
	float: right;
	background: url(/faculty/education/ems/assets/images/base/icon_arrow2.png) no-repeat 0 10px;
	padding: 5px 0 0 15px;
	font-size: 0.85em;
}
dl.localNavi01 dd,
dl.localNavi02 dd {
	background: #FFF;
	padding: 10px 15px;
}
dl.localNavi01 dd ul {
	padding: 0;
}
dl.localNavi01 dd ul li {
	border-bottom: 1px solid #EEE;
	overflow: hidden;
	padding: 0 0 10px;
	margin: 0 0 10px;
}
dl.localNavi01 dd ul li figure {
	float: right;
	margin: 0 0 0 20px;
	line-height: 0;
}
dl.localNavi01 dd ul li span {
	font-size: 0.85em;
}
dl.localNavi02 dd ul {
	padding: 0;
}
dl.localNavi02 dd ul li {
	border-bottom: 1px solid #EEE;
	list-style: none;
	margin: 0 0 10px;
}
dl.localNavi02 dd ul li a {
	display: block;
	background: url(/faculty/education/ems/assets/images/base/icon_arrow.png) no-repeat 0 5px;
	padding: 0 0 10px 20px;
}
ul.bnrSide {
	padding: 0;
}
ul.bnrSide li {
	list-style: none;
	line-height: 0;
	margin: 0 0 5px;
}
ul.bnrSide li img {
	display: block;
}
/* =======================================

	Heading

========================================== */
.contents h2 {
	background: #FFF;
	border-top: 2px solid #333333;
	padding: 10px 15px;
	margin: 0 0 20px;
	font-size: 1.35em;
	font-weight: normal;
}
.contents h3 {
	border-left: 3px solid #333333;
	padding: 3px 12px;
	margin: 0 0 15px;
	font-size: 1.35em;
	font-weight: normal;
}
.contents h4 {
	border-bottom: 1px dotted #333333;
	padding: 0 0 5px;
	margin: 0 0 15px;
	font-size: 1.1em;
	font-weight: normal;
}
.news .main .entryHeading {
	margin: 0 0 15px;
}
/* =======================================

	Layout

========================================== */
.txtLeft { text-align: left;}
.txtRight { text-align: right;}
.txtCenter { text-align: center;}
.fLeft { float: left;}
.fRight { float: right;}
.phLeft { float: left; margin: 0 20px 10px 0;}
.phRight { float: right; margin: 0 0 10px 20px;}
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.w5 { width: 5%;}
.w10 { width: 10%;}
.w12 { width: 12%;}
.w15 { width: 15%;}
.w20 { width: 20%;}
.w25 { width: 25%;}
.w30 { width: 30%;}
.w33 { width: 33%;}
.w40 { width: 40%;}
.w50 { width: 50%;}
/* =======================================

	Table

========================================== */
table {
	border-collapse: collapse;
}
table.table01,
table.table02 {
	width: 100%;
	border-top: 1px solid #CCC;
}
table.table01 td {
	border-bottom: 1px solid #CCC;
	text-align: left;
	vertical-align: top;
	padding: 10px 0;
}
table.table02 th {
	border-bottom: 1px solid #CCC;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	padding: 10px;
	background: #EEE;
}
table.table02 td {
	border-bottom: 1px solid #CCC;
	text-align: left;
	vertical-align: top;
	padding: 10px;
}
.table03  { border-collapse:collapse;border-spacing:0;border-color:#ccc;}
.table03 td{ padding:10px 15px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#fff;}
.table03 th{ font-weight:normal;padding:10px 15px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#f0f0f0;}
.table03 .h-cen{ font-weight:bold;background-color:#c0c0c0;color:#000000;text-align:center}
.table03 .cen{ background-color:#efefef;text-align:center}
.table03 .left{ background-color:#efefef}
/* =======================================

	Unique Styles

========================================== */
/* __home__ */
.importantInfoTitle {
	font-size: 1.2em;
	border: 0 none;
	padding: 5px 15px;
	margin: 0;
	color: #FFF;
	background: #00286A;
}
.importantInfo {
	border-right: 1px dotted #00286A;
	border-bottom: 1px dotted #00286A;
	border-left: 1px dotted #00286A;
	background: #FFF;
	margin: 0 0 30px;
}
.importantInfo p {
	padding: 20px;
}
ul.ph3Column {
	overflow: hidden;
	padding: 0;
}
ul.ph3Column li {
	list-style: none;
	width: 206px;
	float: left;
	margin: 0 20px 10px 0;
}
/* __activity__ */
.activity h3 {
	margin: 0;
}
.activity figure {
	float: right;
	width: 250px;
	margin: 0 0 20px 20px;
}
.activity figure img {
	display: block;
	margin: 0 0 10px;
}
.activity figure figcaption {
	font-size: 0.85em;
	margin: 0 0 10px;
}
.entryDate01,
.entryDate02 {
	font-size: 0.85em;
}
.entryDate01 {
	border-top: 1px solid #DDD;
	margin: 5px 0 20px;
	padding: 10px 0 0;
}
.entryDate02 {
	margin: 0 0 20px;
}
.cmsLocalNavi {
	background: #FFF;
	padding: 0 0 15px;
	margin: 0 0 10px;
}
.cmsLocalNavi h2 {
	font-size: 1.05em;
	background: #333;
	color: #FFF;
	padding: 10px 15px;
	margin: 0;
}
.cmsLocalNavi p {
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	margin: 15px 15px 0;
}
.cmsLocalNavi p a {
	display: block;
	padding: 10px 0;
}
.cmsLocalNavi dl {
	border-bottom: 1px solid #EEE;
	margin: 0 15px;
}
.cmsLocalNavi dl dt {
	padding: 10px 0;
}
.cmsLocalNavi dl dd ul {
	padding: 0;
}
.cmsLocalNavi dl dd ul li {
	margin: 0 0 5px;
}
.cmsLocalNavi dl dd ul li a {
	display: block;
	background: url(/faculty/education/ems/assets/images/base/icon_arrow.png) no-repeat 0 5px;
	padding: 0 0 5px 15px;
}
.cmsLocalNavi dl dd select.selectBox {
	width: 210px;
	margin: 0 0 10px;
}
.cmsPagenate {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	padding: 10px 0;
	text-align: center;
}
.cmsPagenate a.prev {
	margin: 0 40px 0 0;
}
.cmsPagenate a.next {
	margin: 0 0 0 40px;
}
.cmsPagenate span.prev a {
	margin: 0 20px 0 0;
}
.cmsPagenate span.next a {
	margin: 0 0 0 20px;
}
.cmsPagenate a.link_page,
.cmsPagenate span.current_page {
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #FFF;
}
.cmsPagenate a.link_page {
	background: #00286A;
}
.cmsPagenate span.current_page {
	background: #999;
}
/* __objective__ */
.sectionBasicPolicy p:nth-child(1) {
	margin-bottom: 20px;
}
.sectionBasicPolicy ol:nth-child(2) {
	margin-bottom: 20px;
}
.sectionBasicPolicy p:nth-child(3) {
	margin-bottom: 20px;
}
.purposeList dt {
	background-color: #E1E9FF;
	/*border-bottom: 1px solid #9999FF;*/
	padding: 8px 14px;
	font-size: 1.143em;
}
.purposeList dd {
	margin-bottom: 30px;
}
.purposeList dd ul {
	list-style: none;
	padding: 0;
}
.purposeList dd ul li {
	padding: 8px 0;
	border-bottom: 1px dotted #CCC;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-wrap: nowrap;
}
.purposeList dd ul li .listH {
	width: 10%;
}
/* __form__ */
.form .contents table td .error {
	color: #F00;
}
.form .contents p {
	margin: 0 0 30px;
}
.form .contents .formInfo {
	margin: 0 0 5px;
}
.form .contents table {
	width: 100%;
	margin: 0 0 20px;
}
.form .contents table th {
	background-color: #EEE;
	border-bottom: 1px solid #CCC;
	width: 25%;
	text-align: left;
	vertical-align: top;
	padding: 10px;
}
.form .contents table th em,
.form .contents .formInfo em {
	color: #F00;
}
.form .contents table .inputGroupBegin {
	background: #666;
	color: #FFF;
}
.form .contents table td {
	background-color: #EEE;
	border-bottom: 1px solid #CCC;
	vertical-align: top;
	padding: 10px 0;
}
.form .contents table td input,
.form .contents table td textarea {
	border: 1px solid #CCC;
	padding: 2px 4px;
	margin: 2px 0;
}
.form .contents table td input[type=text] {
	height: 22px;
	width: 500px;
}
.form .contents table td input[type=radio] {
	margin: 4px 4px 4px 0;
}
.form .contents table td input.inputSmall {
	width: 80px;
}
.form .contents table td textarea {
	width: 500px;
	height: 200px;
}
.form .contents table td select {
	border: 1px solid #CCC;
	width: 180px;
}
.formButtons {
	text-align: center;
}
.formButtons input {
	display: inline-block;
	background-color: #00286A;
	color: #FFF;
	border: 0;
	width: 200px;
	padding: 10px 0;
	margin: 0 5px;
	font-size: 1.2em;
}
.formButtons input:hover {
    opacity: 0.8;
}
/* __others__ */
.infoAttention {
	font-size: 1.2em;
	color: #F00;
}
/* =======================================

	Customize

========================================== */